/**
 * Clay 3.159.0
 *
 * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
 * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
 *
 * SPDX-License-Identifier: BSD-3-Clause
 */
/**
 * Bootstrap v4.4.1
 *
 * SPDX-FileCopyrightText: © 2019 Twitter, Inc. <https://twitter.com>
 * SPDX-FileCopyrightText: © 2019 The Bootstrap Authors <https://getbootstrap.com/>
 *
 * SPDX-License-Identifier: LicenseRef-MIT-Bootstrap
 */
/**
 * Clay 3.159.0
 *
 * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
 * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
 *
 * SPDX-License-Identifier: BSD-3-Clause
 */
/**
 * Bootstrap v4.4.1
 *
 * SPDX-FileCopyrightText: © 2019 Twitter, Inc. <https://twitter.com>
 * SPDX-FileCopyrightText: © 2019 The Bootstrap Authors <https://getbootstrap.com/>
 *
 * SPDX-License-Identifier: LicenseRef-MIT-Bootstrap
 */
.quick-access-nav {
  position: fixed;
  z-index: 999;
}

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  overflow: visible;
  position: static;
  white-space: normal;
  width: auto;
}

.lfr-asset-column-details .lfr-asset-categories {
  color: #7d7d7d;
}
.lfr-asset-column-details .lfr-asset-categories .lfr-asset-category {
  color: #555;
}
.lfr-asset-column-details .lfr-asset-description {
  color: #444;
  font-style: italic;
  margin: 0.5em auto 2em;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}
.lfr-asset-column-details .lfr-asset-icon {
  border-right: 1px solid transparent;
  color: #999;
  float: left;
  line-height: 1em;
  margin-right: 10px;
  padding-right: 10px;
}
.lfr-asset-column-details .lfr-asset-icon.last {
  border-width: 0;
}
.lfr-asset-column-details .lfr-asset-tags {
  color: #7d7d7d;
}
.lfr-asset-column-details .lfr-asset-tags .tag {
  color: #555;
}
.lfr-asset-column-details .lfr-asset-metadata {
  clear: both;
  margin-bottom: 1.5em;
  padding-bottom: 1.5em;
}
.lfr-asset-column-details .lfr-panel {
  clear: both;
  margin-bottom: 0.2em;
}
.lfr-asset-column-details .lfr-panel.lfr-extended {
  border: 1px solid #ccc;
  margin-bottom: 0;
}
.lfr-asset-column-details .taglib-custom-attributes-list label,
.lfr-asset-column-details .lfr-asset-field label {
  display: block;
}
.lfr-asset-column-details .taglib-custom-attributes-list {
  margin-bottom: 1em;
}

.overlay {
  position: absolute;
}

.overlay-hidden,
.overlaymask-hidden {
  display: none;
}

.lfr-form-row {
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 1px 5px 25px;
  position: relative;
}
.lfr-form-row:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
}
.lfr-form-row:hover {
  border: solid #ccc;
  border-width: 1px 0;
  padding-top: 0;
}
.lfr-form-row.lfr-form-row-inline .form-group {
  margin-right: 5px;
}
.lfr-form-row legend .field-label {
  float: left;
  margin-right: 10px;
}
.lfr-form-row .handle-sort-vertical {
  background: url(../images/application/handle_sort_vertical.png) no-repeat 0 50%;
  cursor: move;
  padding-left: 20px;
}
.lfr-form-row fieldset {
  border-width: 0;
  margin: 0;
  padding: 0;
}

.lfr-autorow-controls {
  bottom: 5px;
  position: absolute;
  right: 5px;
}

.datepicker-popover-content .popover-content {
  padding: 0.75rem 1rem;
}

.dropdown.open > .dropdown-menu, .overlay-content .open > .dropdown-menu {
  display: block;
}

.user-avatar-link {
  display: block;
  position: relative;
}
.user-avatar-link .panel-notifications-count {
  border-radius: var(--rounded-pill, 50rem);
  display: block;
  margin: 0;
  max-width: none;
  position: absolute;
  right: calc(100% - 0.7rem);
  top: -0.4rem;
}
.user-avatar-link .panel-notifications-count .badge {
  margin: 0.25rem;
}
.user-avatar-link .text-default {
  align-items: center;
  display: flex;
}
.user-avatar-link .text-default .user-full-name {
  margin-left: 0.5rem;
}
@media (max-width: 575.98px) {
  .user-avatar-link .text-default .user-full-name {
    display: none;
  }
}

.user-personal-bar .fieldset {
  position: relative;
}
.user-personal-bar .user-avatar-link .panel-notifications-count {
  right: calc(100% - 1rem);
  top: -0.6rem;
}

.form-control-inline {
  background-color: transparent;
  font-size: 1.125rem;
  font-weight: 700;
}
.form-control-inline:not(:hover) {
  border-color: transparent;
}
.form-control-inline::placeholder {
  color: var(--secondary-l1, #a7a9bc);
  font-style: italic;
}

.form-search .input-group {
  position: relative;
}
.form-search .input-group.advanced-search .search-query {
  padding-left: 40px;
  z-index: 0;
}
.form-search .input-group.advanced-search .toggle-advanced {
  cursor: pointer;
  left: 0;
  line-height: 1;
  padding: 8px 10px;
  position: absolute;
  top: 0;
}
.form-search .input-group.advanced-search .toggle-advanced .caret {
  margin-top: 7px;
}
.form-search .input-group.advanced-search .toggle-advanced .icon-search {
  font-size: 14px;
}
@media (max-width: 991.98px) {
  .form-search .input-group {
    width: 100%;
  }
  .form-search .input-group .btn {
    clip: rect(0, 0, 0, 0);
    left: -9999px;
    position: absolute;
  }
  .form-search .input-group input.search-query {
    width: 100%;
  }
}

.lfr-table {
  border-collapse: collapse;
  clear: both;
}
.lfr-table > tbody > tr > td,
.lfr-table > tbody > tr > th,
.lfr-table > thead > tr > td,
.lfr-table > thead > tr > th,
.lfr-table > tfoot > tr > td,
.lfr-table > tfoot > tr > th {
  padding: 0 5px;
  overflow-wrap: break-all;
  word-wrap: break-all;
}
.lfr-table > tbody > tr > td:first-child, .lfr-table > tbody > tr > td.first-child,
.lfr-table > tbody > tr > th:first-child,
.lfr-table > tbody > tr > th.first-child,
.lfr-table > thead > tr > td:first-child,
.lfr-table > thead > tr > td.first-child,
.lfr-table > thead > tr > th:first-child,
.lfr-table > thead > tr > th.first-child,
.lfr-table > tfoot > tr > td:first-child,
.lfr-table > tfoot > tr > td.first-child,
.lfr-table > tfoot > tr > th:first-child,
.lfr-table > tfoot > tr > th.first-child {
  padding-left: 0;
}
.lfr-table > tbody > tr > td:last-child, .lfr-table > tbody > tr > td.last-child,
.lfr-table > tbody > tr > th:last-child,
.lfr-table > tbody > tr > th.last-child,
.lfr-table > thead > tr > td:last-child,
.lfr-table > thead > tr > td.last-child,
.lfr-table > thead > tr > th:last-child,
.lfr-table > thead > tr > th.last-child,
.lfr-table > tfoot > tr > td:last-child,
.lfr-table > tfoot > tr > td.last-child,
.lfr-table > tfoot > tr > th:last-child,
.lfr-table > tfoot > tr > th.last-child {
  padding-right: 0;
}
.lfr-table > tbody > tr > th,
.lfr-table > thead > tr > th,
.lfr-table > tfoot > tr > th {
  font-weight: bold;
}

.lfr-pagination:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}
.lfr-pagination .dropdown-menu {
  display: none;
}
.lfr-pagination .dropdown-toggle .icon-caret-down {
  margin-left: 5px;
}
.lfr-pagination .lfr-pagination-controls {
  float: left;
}
.lfr-pagination .lfr-pagination-controls .search-results {
  display: inline-block;
  margin-left: 10px;
  margin-top: 5px;
  top: 10px;
}
.lfr-pagination .lfr-pagination-controls li .lfr-pagination-link {
  border-width: 0;
  clear: both;
  color: #333;
  display: block;
  font-weight: normal;
  line-height: 20px;
  padding: 3px 20px;
  text-align: left;
  white-space: nowrap;
  width: 100%;
}
.lfr-pagination .lfr-pagination-delta-selector {
  float: left;
}
@media (max-width: 991.98px) {
  .lfr-pagination .lfr-pagination-delta-selector .lfr-icon-menu-text {
    display: none;
  }
}
.lfr-pagination .pagination-content {
  float: right;
}

.lfr-panel.lfr-extended {
  border: 1px solid transparent;
  border-color: #dedede #bfbfbf #bfbfbf #dedede;
}
.lfr-panel.lfr-extended.lfr-collapsible .lfr-panel-button {
  display: block;
}
.lfr-panel.lfr-extended.lfr-collapsed .lfr-panel-titlebar {
  border-bottom-width: 0;
}
.lfr-panel.panel-default .panel-heading {
  border-bottom-width: 0;
}
.lfr-panel .toggler-header {
  cursor: pointer;
}

.sidebar-sm .sheet-subtitle {
  font-size: 0.75rem;
  margin-bottom: 1rem;
}
.sidebar-sm .form-control[type=file] {
  padding: 0;
}
.sidebar-sm .article-content-description .input-localized.input-localized-editor .input-group-item .wrapper .form-control {
  min-height: auto;
  padding: 0.285rem 0.75rem;
}
.sidebar-sm .list-group-item-flex {
  padding: 0.5rem 0.25rem;
}
.sidebar-sm .list-group-item-flex .autofit-col {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.lfr-translation-manager {
  border-radius: 4px;
  display: inline-block;
  margin-top: 0.5em;
  min-height: 1.8em;
}
.lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-default-locale {
  display: inline-block;
  width: auto;
}
.lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-icon-menu {
  float: none;
  padding: 0.4em 0;
}
.lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-icon-menu li,
.lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-icon-menu li strong {
  display: inline;
}
.lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-translations-message {
  margin: 10px 0;
}
.lfr-translation-manager .lfr-translation-manager-available-translations {
  white-space: normal;
}
.lfr-translation-manager .lfr-translation-manager-available-translations .lfr-translation-manager-available-translations-links {
  line-height: 1;
}
.lfr-translation-manager .lfr-translation-manager-translation {
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  margin: 0.2em;
  padding: 0.4em 0.3em 0.4em 0.5em;
  text-decoration: none;
}
.lfr-translation-manager .lfr-translation-manager-translation * {
  vertical-align: middle;
}
.lfr-translation-manager .lfr-translation-manager-translation img {
  margin-right: 0.3em;
}
.lfr-translation-manager .lfr-translation-manager-translation:hover {
  background-color: #d1e5ef;
}
.lfr-translation-manager .lfr-translation-manager-translation.lfr-translation-manager-translation-editing {
  background-color: #598bec;
  border-color: #224fa8;
  color: #fff;
}
.lfr-translation-manager .lfr-translation-manager-change-default-locale {
  margin: 0 0.4em;
}
.lfr-translation-manager .lfr-translation-manager-delete-translation {
  display: inline-block;
  padding: 0 2px;
}
.lfr-translation-manager .lfr-translation-manager-delete-translation svg {
  pointer-events: none;
}

.lfr-tree a {
  text-decoration: none;
}
.lfr-tree li {
  margin-bottom: 2px;
  padding-left: 0;
}
.lfr-tree li ul li, .lfr-tree li.tree-item {
  padding-left: 0;
}
.lfr-tree li.tree-item {
  padding-left: 5px;
}
.lfr-tree li.tree-item li {
  padding-left: 20px;
}
.lfr-tree li.tree-item ul {
  margin-left: 0;
  margin-top: 5px;
}

.lfr-upload-container {
  margin-bottom: 1rem;
}
.lfr-upload-container .upload-target {
  border: 3px dashed var(--secondary-l3, #e7e7ed);
  margin-bottom: 1rem;
  min-height: 2rem;
  padding: 2rem 0;
  position: relative;
  text-align: center;
}
.upload-drop-intent .lfr-upload-container .upload-target {
  z-index: 100;
}
.upload-drop-active .lfr-upload-container .upload-target {
  background-color: var(--success-l2, #edf9f0);
  border-color: var(--success-l1, #5aca75);
}
.lfr-upload-container .upload-target .drop-file-text {
  font-weight: normal;
}
.mobile .lfr-upload-container .upload-target .drop-file-text {
  display: none;
}
.lfr-upload-container .upload-target .small {
  display: block;
  margin: 5px 0;
  text-transform: lowercase;
}
.lfr-upload-container .manage-upload-target {
  padding-top: 5px;
  position: relative;
}
.lfr-upload-container .manage-upload-target .select-files {
  float: left;
  line-height: 0;
  margin: 0 1.125rem 1.125rem;
  padding: 0 0 0 5px;
}
.lfr-upload-container .cancel-uploads,
.lfr-upload-container .clear-uploads {
  background-repeat: no-repeat;
  float: right;
}
.lfr-upload-container .cancel-uploads {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAnFBMVEX////4YWP/dXjyS07/dXj9bXD6a234YWP4XWD2WVv2VFfsOTzoLzHmKSvkISP2VFf0TE/vREftPT/iHB72WVvvREf0TE//hon/gYX/fYD/e33/dXj/cXP9bXD/a236a23/Zmb4YWP4XWD/Wl32WVv/VVj2VFf3VFb0TE/yS072SUvvREfuQELtPT/sOTzrMzXoLzHnLC/mKSvkISPh2jkWAAAAF3RSTlMAESIiMzMzMzMzMzMzMzNERERERHd3qtw8lzkAAACOSURBVHjaZcjZDsIgEIXhcd+tu5YBKUixttS6vP+7OQKJTfxvTr4D7Tpxu/2w410SjDjwVvLQ805TPiRryfQeKM6OTI68K/BJPHGlJZJjSqSMofEOGXbJecsTgzkds58V5+J8refBU7Jx9yIrmkW0sA6gqbLyuaRjZZWtgXq58rEFan0jf3uTfRuIkf/7AO8DDcVPSSG3AAAAAElFTkSuQmCC);
  margin-right: 0;
}
.lfr-upload-container .clear-uploads {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAdVBMVEX///+6QwTEVx65RQPEVx3EWB64RQPDVxq5RAO5RAO5RQPATQ65RQO5RQO5RQPRczjJZCW9TQTLay28QgTdZAHhaAPmdyHqeQXrikDudgDvfxj0nWP1qHL2tY33tY34dgD+za7+1rj/dxH/fxj/hiH/kk3///9TM3sUAAAAFHRSTlMAbXd4eHh6gN3e3+Hi4+T5+/z8/mIsq5IAAABHSURBVBjTY2CgGWDlFuZhRuIz8cspyggxIgQ4ZFWVVCQ4EQLCCmpqalLCCAFeaWV5SVE+hAC7gJi4iCAbkqksXMK8bNRzNADCOQN++eLhCQAAAABJRU5ErkJggg==);
  padding-left: 16px;
}
.lfr-upload-container .upload-file.upload-complete.file-saved {
  padding-left: 25px;
}
.lfr-upload-container .upload-file .file-title {
  display: inline-block;
  max-width: 95%;
  overflow: hidden;
  padding-right: 16px;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}
.lfr-upload-container .upload-file .icon-file {
  font-size: 40px;
}
.lfr-upload-container .upload-list-info {
  margin: 1em 0 0.5em;
}
.lfr-upload-container .upload-list-info .h4,
.lfr-upload-container .upload-list-info h4 {
  font-size: 1.3em;
}
.lfr-upload-container .cancel-button {
  color: var(--secondary);
  margin-top: 1px;
  position: absolute;
  right: 5px;
  top: 50%;
  white-space: nowrap;
}
.lfr-upload-container .cancel-button .cancel-button-text {
  display: none;
  margin-left: 5px;
}
.lfr-upload-container .cancel-button:hover .cancel-button-text {
  display: inline;
}
.lfr-upload-container .cancel-button .lexicon-icon {
  height: 12px;
}
.lfr-upload-container .delete-button {
  color: var(--secondary);
}
.lfr-upload-container .delete-button-col {
  padding-right: 10px;
}
.lfr-upload-container .file-added .success-message {
  float: right;
  font-weight: normal;
}
.lfr-upload-container .upload-error {
  opacity: 1;
  padding-left: 25px;
}
.lfr-upload-container .upload-complete .cancel-button,
.lfr-upload-container .delete-button,
.lfr-upload-container .upload-complete.file-saved .delete-button,
.lfr-upload-container .upload-complete.upload-error .delete-button {
  display: none;
}
.lfr-upload-container .multiple-files .upload-error {
  background: var(--danger-l2, #feefef) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJPSURBVDjLpZPLS5RhFMYfv9QJlelTQZwRb2OKlKuINuHGLlBEBEOLxAu46oL0F0QQFdWizUCrWnjBaDHgThCMoiKkhUONTqmjmDp2GZ0UnWbmfc/ztrC+GbM2dXbv4ZzfeQ7vefKMMfifyP89IbevNNCYdkN2kawkCZKfSPZTOGTf6Y/m1uflKlC3LvsNTWArr9BT2LAf+W73dn5jHclIBFZyfYWU3or7T4K7AJmbl/yG7EtX1BQXNTVCYgtgbAEAYHlqYHlrsTEVQWr63RZFuqsfDAcdQPrGRR/JF5nKGm9xUxMyr0YBAEXXHgIANq/3ADQobD2J9fAkNiMTMSFb9z8ambMAQER3JC1XttkYGGZXoyZEGyTHRuBuPgBTUu7VSnUAgAUAWutOV2MjZGkehgYUA6O5A0AlkAyRnotiX3MLlFKduYCqAtuGXpyH0XQmOj+TIURt51OzURTYZdBKV2UBSsOIcRp/TVTT4ewK6idECAihtUKOArWcjq/B8tQ6UkUR31+OYXP4sTOdisivrkMyHodWejlXwcC38Fvs8dY5xaIId89VlJy7ACpCNCFCuOp8+BJ6A631gANQSg1mVmOxxGQYRW2nHMha4B5WA3chsv22T5/B13AIicWZmNZ6cMchTXUe81Okzz54pLi0uQWp+TmkZqMwxsBV74Or3od4OISPr0e3SHa3PX0f3HXKofNH/UIG9pZ5PeUth+CyS2EMkEqs4fPEOBJLsyske48/+xD8oxcAYPzs4QaS7RR2kbLTTOTQieczfzfTv8QPldGvTGoF6/8AAAAASUVORK5CYII=) no-repeat 5px 5px;
  border-color: var(--danger-d2, #ab1010);
  color: var(--danger-d2, #ab1010);
  font-weight: normal;
  margin-bottom: 16px;
  padding: 8px 8px 8px 24px;
}
.lfr-upload-container .multiple-files .upload-error .error-message {
  display: block;
}
.lfr-upload-container .multiple-files .upload-complete.file-saved .form-check-middle-left .card-body,
.lfr-upload-container .multiple-files .upload-complete.upload-error .form-check-middle-left .card-body {
  padding-left: 1rem;
}
.lfr-upload-container .multiple-files .upload-complete.file-saved .form-check-middle-left .custom-control-label,
.lfr-upload-container .multiple-files .upload-complete.upload-error .form-check-middle-left .custom-control-label {
  display: none;
}
.lfr-upload-container .single-file .upload-error {
  list-style: none;
  margin-top: 1em;
}
.lfr-upload-container .single-file .upload-error .upload-error-message {
  margin-bottom: 0.5em;
}
.lfr-upload-container .upload-complete {
  padding-left: 5px;
}
.lfr-upload-container .upload-complete .error-message,
.lfr-upload-container .upload-complete .success-message {
  font-weight: bold;
  margin-left: 1em;
}
.lfr-upload-container .upload-complete .delete-button {
  display: inline-block;
}
.lfr-upload-container .upload-complete .select-file:disabled + .custom-control-label {
  display: none;
}
.lfr-upload-container .progress {
  display: none;
  margin-top: 0.5rem;
}
.lfr-upload-container .file-uploading .progress {
  display: flex;
}

.lfr-alert-container {
  left: 0;
  position: absolute;
  right: auto;
  top: auto;
  width: 100%;
  z-index: 430;
}
.lfr-alert-container.inline-alert-container {
  position: relative;
}
.lfr-alert-container.inline-alert-container .lfr-alert-wrapper {
  padding: 0;
}
.lfr-alert-container .lfr-alert-wrapper {
  margin-bottom: 5px;
  overflow: hidden;
}

.lfr-search-container td .overlay.entry-action {
  position: static;
}
.lfr-search-container td .overlay.entry-action .btn a {
  display: block;
  padding: 4px 12px;
}

.contextual-sidebar {
  height: calc(
		100vh - var(--control-menu-container-height) - 49px
	);
  pointer-events: none;
  position: fixed;
  right: 0;
  top: calc(var(--control-menu-container-height) + 49px);
  transform: translateX(100%);
  transition: transform ease 0.5s;
  visibility: hidden;
  width: 320px;
  will-change: transform;
}
.contextual-sidebar.contextual-sidebar-visible {
  pointer-events: auto;
  transform: translateX(0);
  visibility: visible;
}

@media (min-width: 768px) {
  .contextual-sidebar {
    height: calc(
			100vh - var(--control-menu-container-height) - 64px
		);
    top: calc(
			var(--control-menu-container-height) + 64px
		);
  }
  .contextual-sidebar-content {
    transition: padding ease 0.5s;
    will-change: padding;
  }
  .contextual-sidebar-visible .contextual-sidebar-content,
  .contextual-sidebar-visible + .contextual-sidebar-content {
    padding-right: 320px;
  }
}
.taglib-diff-html div.diff-removed-image {
  background: #fdc6c6 url(../images/diff/minus.png);
}
.taglib-diff-html div.diff-added-image {
  background: #cfc url(../images/diff/plus.png) no-repeat;
}
.taglib-diff-html div.diff-removed-image, .taglib-diff-html div.diff-added-image {
  height: 300px;
  margin: 2px;
  opacity: 0.55;
  position: absolute;
  width: 200px;
}
.taglib-diff-html span.diff-html-added {
  background-color: #cfc;
  font-size: 1em;
}
.taglib-diff-html span.diff-html-added img {
  border: 2px solid #cfc;
}
.taglib-diff-html span.diff-html-changed {
  background: url(../images/diff/underline.png) bottom repeat-x;
}
.taglib-diff-html span.diff-html-changed img {
  border: 2px dotted #009;
}
.taglib-diff-html span.diff-html-removed {
  background-color: #fdc6c6;
  font-size: 1em;
  text-decoration: line-through;
}
.taglib-diff-html span.diff-html-removed img {
  border: 2px solid #fdc6c6;
}

.taglib-discussion {
  font-size: 0.875rem;
  margin-top: 1rem;
}
.taglib-discussion .actions-menu .component-action {
  display: inline-flex;
}
.taglib-discussion .button-holder {
  margin: 1rem 0;
}
.taglib-discussion .comment-container {
  margin-bottom: 1.5rem;
}
.taglib-discussion .lfr-discussion .lfr-discussion-form-edit .alloy-editor-placeholder {
  border-left-color: #dbdde1;
}
.taglib-discussion .lfr-discussion-body {
  font-size: 1rem;
}
@media (min-width: 576px) {
  .taglib-discussion .lfr-discussion-body {
    padding-left: 3.5rem;
  }
}
@media (min-width: 576px) {
  .taglib-discussion .lfr-discussion-details .taglib-user-display {
    word-wrap: break-word;
  }
}
.taglib-discussion .lfr-discussion-details .taglib-user-display .user-details .user-name {
  font-weight: bold;
  text-decoration: none;
}
.taglib-discussion .lfr-discussion-details .taglib-user-display .user-details .user-name:hover {
  text-decoration: underline;
}
.taglib-discussion .lfr-discussion-details .taglib-user-display .user-profile-image .avatar {
  background-size: 50px;
}
.taglib-discussion .lfr-discussion-container {
  border-bottom: 1px solid #e7e7ed;
  margin-bottom: 1.5rem;
}
.taglib-discussion .lfr-discussion-container:first-of-type {
  border-top: 1px solid #e7e7ed;
  padding-top: 1.5rem;
}
.taglib-discussion .lfr-discussion-container:last-of-type {
  border-bottom: 0;
}
.taglib-discussion .lfr-discussion-container .lfr-discussion {
  padding-left: 1rem;
}
.taglib-discussion .lfr-discussion-container .lfr-discussion .lfr-discussion .lfr-discussion .lfr-discussion {
  padding-left: 0;
}
@media (min-width: 576px) {
  .taglib-discussion .lfr-discussion-container .lfr-discussion {
    padding-left: 3.5rem;
  }
}
.taglib-discussion .lfr-discussion-parent-link {
  color: #67678c;
  font-weight: 600;
  margin-left: 1em;
}
@media (max-width: 767.98px) {
  .taglib-discussion .lfr-discussion-parent-link {
    display: block;
    margin-left: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.taglib-discussion .lfr-discussion-controls .autofit-col:first-of-type > .btn-outline-borderless {
  margin-left: -0.75rem;
}
.taglib-discussion .lfr-discussion-more-comments {
  border-top: 1px solid #e7e7ed;
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  text-align: center;
}
.taglib-discussion .username {
  color: #272833;
  font-weight: 600;
}
.taglib-discussion .taglib-workflow-status {
  margin-left: 0.5rem;
}
.taglib-discussion .workflow-value {
  text-transform: uppercase;
}
@media (min-width: 576px) {
  .taglib-discussion .actions-menu {
    display: none;
  }
  .taglib-discussion .comment-container:hover .actions-menu,
  .taglib-discussion .actions-menu:focus,
  .taglib-discussion .actions-menu.open {
    display: inline-block;
  }
}

.drop-zone {
  min-height: 80px;
  padding: 20px;
  text-align: center;
}
.drop-zone.drop-enabled {
  outline: 2px dashed transparent;
}
.drop-zone.drop-enabled:not(.no-border) {
  outline-color: rgba(176, 180, 187, 0.5);
}
.drop-zone p {
  margin: 10px auto 0;
  max-width: 75%;
}

.drop-here-info {
  font-size: 25px;
  height: 100%;
  left: 0;
  min-height: 100px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 0;
  visibility: hidden;
  width: 100%;
  transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .drop-here-info {
    transition: none;
  }
}
.drop-here-info {
  transition: none;
}

.drop-here-info .drop-here-indicator {
  height: 115px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.drop-here-info .drop-icons {
  display: inline-block;
  position: relative;
  width: 160px;
  transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .drop-here-info .drop-icons {
    transition: none;
  }
}
.drop-here-info .drop-icons {
  transition: none;
}

.drop-here-info .drop-icons span {
  border-radius: 3px;
  position: absolute;
  text-align: center;
  transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .drop-here-info .drop-icons span {
    transition: none;
  }
}
.drop-here-info .drop-icons span {
  transition: none;
}

.drop-here-info .drop-icons span:nth-of-type(1) {
  box-shadow: 5px 4px 0 0 rgba(0, 0, 0, 0.08);
  height: 60px;
  left: 0;
  line-height: 60px;
  opacity: 0;
  top: 10px;
  transform: rotate(25deg);
  width: 60px;
}
.drop-here-info .drop-icons span:nth-of-type(2) {
  background: #00c2ff;
  color: #fff;
  height: 80px;
  left: 40px;
  line-height: 80px;
  width: 80px;
  z-index: 2;
}
.drop-here-info .drop-icons span:nth-of-type(3) {
  box-shadow: -5px 4px 0 0 rgba(0, 0, 0, 0.08);
  display: block;
  font-size: 45px;
  height: 70px;
  left: 90px;
  line-height: 70px;
  opacity: 0;
  position: relative;
  top: 8px;
  transform: rotate(-25deg);
  width: 70px;
  z-index: 1;
}
.drop-here-info .drop-icons span:nth-of-type(1), .drop-here-info .drop-icons span:nth-of-type(3) {
  background: #e8e6e8;
  color: #a5a6ac;
}
.drop-here-info .drop-text {
  color: #fff;
  display: block;
  font-size: 20px;
  margin-left: 0;
  margin-top: 20px;
}
.drop-active .drop-here-info {
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 1;
  visibility: visible;
  z-index: 100;
}
.drop-active .drop-here-info .drop-icons span:nth-of-type(1), .drop-active .drop-here-info .drop-icons span:nth-of-type(3) {
  opacity: 1;
}
.drop-active .drop-here-info span:nth-of-type(1) {
  transform: rotate(-20deg);
}
.drop-active .drop-here-info span:nth-of-type(2) {
  transform: scale(1);
}
.drop-active .drop-here-info span:nth-of-type(3) {
  transform: rotate(15deg);
}

.taglib-empty-result-message.sheet {
  margin-bottom: 24px;
}
.taglib-empty-result-message .taglib-empty-result-message-description {
  color: var(--gray-600, #6b6c7e);
  margin-top: 8px;
}
.taglib-empty-result-message .taglib-empty-result-message-header,
.taglib-empty-result-message .taglib-empty-result-message-header-has-plus-btn,
.taglib-empty-result-message .taglib-empty-search-result-message-header {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-left: auto;
  margin-right: auto;
}
.taglib-empty-result-message .taglib-empty-result-message-header,
.taglib-empty-result-message .taglib-empty-result-message-header-has-plus-btn {
  max-width: 200px;
  padding-top: 250px;
}
.taglib-empty-result-message .taglib-empty-result-message-header,
.taglib-empty-result-message .taglib-empty-result-message-header-has-plus-btn {
  background-image: url(../images/states/empty_state.svg);
}
@media (prefers-reduced-motion: reduce) {
  .taglib-empty-result-message .taglib-empty-result-message-header,
  .taglib-empty-result-message .taglib-empty-result-message-header-has-plus-btn {
    background-image: url(../images/states/empty_state_reduced_motion.svg);
  }
}
.c-prefers-reduced-motion .taglib-empty-result-message .taglib-empty-result-message-header,
.c-prefers-reduced-motion .taglib-empty-result-message .taglib-empty-result-message-header-has-plus-btn {
  background-image: url(../images/states/empty_state_reduced_motion.svg);
}
.taglib-empty-result-message .taglib-empty-search-result-message-header {
  background-image: url(../images/states/search_state.svg);
  max-width: 210px;
  padding-top: 232px;
}
@media (prefers-reduced-motion: reduce) {
  .taglib-empty-result-message .taglib-empty-search-result-message-header {
    background-image: url(../images/states/search_state_reduced_motion.svg);
  }
}
.c-prefers-reduced-motion .taglib-empty-result-message .taglib-empty-search-result-message-header {
  background-image: url(../images/states/search_state_reduced_motion.svg);
}
.taglib-empty-result-message .taglib-empty-state {
  background-image: url(../images/states/empty_state.svg);
  margin: auto;
  max-width: 250px;
  padding-top: 250px;
}
@media (prefers-reduced-motion: reduce) {
  .taglib-empty-result-message .taglib-empty-state {
    background-image: url(../images/states/empty_state_reduced_motion.svg);
  }
}
.c-prefers-reduced-motion .taglib-empty-result-message .taglib-empty-state {
  background-image: url(../images/states/empty_state_reduced_motion.svg);
}
.taglib-empty-result-message .taglib-success-state {
  background-image: url(../images/states/success_state.svg);
  margin: auto;
  max-width: 250px;
  padding-top: 250px;
}
@media (prefers-reduced-motion: reduce) {
  .taglib-empty-result-message .taglib-success-state {
    background-image: url(../images/states/success_state_reduced_motion.svg);
  }
}
.c-prefers-reduced-motion .taglib-empty-result-message .taglib-success-state {
  background-image: url(../images/states/success_state_reduced_motion.svg);
}
.taglib-empty-result-message .taglib-search-state {
  background-image: url(../images/states/search_state.svg);
  margin: auto;
  max-width: 250px;
  padding-top: 250px;
}
@media (prefers-reduced-motion: reduce) {
  .taglib-empty-result-message .taglib-search-state {
    background-image: url(../images/states/search_state_reduced_motion.svg);
  }
}
.c-prefers-reduced-motion .taglib-empty-result-message .taglib-search-state {
  background-image: url(../images/states/search_state_reduced_motion.svg);
}
.taglib-empty-result-message .taglib-empty-result-message-title {
  font-size: 1rem;
  margin-top: 48px;
}
.taglib-empty-result-message .taglib-empty-result-message-description {
  font-size: 0.875rem;
}
.taglib-empty-result-message .taglib-empty-result-message-header + .taglib-empty-result-message-title,
.taglib-empty-result-message .taglib-empty-search-result-message-header + .taglib-empty-result-message-title,
.taglib-empty-result-message .taglib-empty-state + .taglib-empty-result-message-title,
.taglib-empty-result-message .taglib-success-state + .taglib-empty-result-message-title,
.taglib-empty-result-message .taglib-search-state + .taglib-empty-result-message-title {
  font-size: 1.25rem;
  font-weight: bold;
  text-align: center;
}
.taglib-empty-result-message .taglib-empty-result-message-header ~ .taglib-empty-result-message-description, .taglib-empty-result-message .taglib-empty-result-message-header ~ .taglib-empty-result-message-actions,
.taglib-empty-result-message .taglib-empty-search-result-message-header ~ .taglib-empty-result-message-description,
.taglib-empty-result-message .taglib-empty-search-result-message-header ~ .taglib-empty-result-message-actions,
.taglib-empty-result-message .taglib-empty-state ~ .taglib-empty-result-message-description,
.taglib-empty-result-message .taglib-empty-state ~ .taglib-empty-result-message-actions,
.taglib-empty-result-message .taglib-success-state ~ .taglib-empty-result-message-description,
.taglib-empty-result-message .taglib-success-state ~ .taglib-empty-result-message-actions,
.taglib-empty-result-message .taglib-search-state ~ .taglib-empty-result-message-description,
.taglib-empty-result-message .taglib-search-state ~ .taglib-empty-result-message-actions {
  font-size: 1rem;
  text-align: center;
}

.field-wrapper.form-inline .control-label {
  display: inline-block;
}

.field-wrapper-html .input-localized .input-group-item {
  flex-wrap: nowrap;
}

.taglib-header {
  border-bottom: 1px solid #c8c9ca;
  color: #555;
  margin-bottom: 1em;
  padding-bottom: 10px;
}
.taglib-header .header-title {
  display: inline-block;
  margin: 0.1em;
  max-width: 100%;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
  word-wrap: normal;
}
.taglib-header .header-back-to {
  display: inline-block;
  vertical-align: middle;
}
.taglib-header .header-back-to a {
  display: block;
  font-weight: bold;
  padding: 0 0.3em 0 0;
  text-decoration: none;
}

.taglib-icon {
  text-decoration: none;
}
.taglib-icon:not(.btn):hover .taglib-text, .taglib-icon:not(.btn):focus .taglib-text {
  text-decoration: underline;
}
.taglib-icon[lang] > img {
  vertical-align: baseline;
  width: 16px;
}

.taglib-icon-help {
  color: var(--secondary) !important;
}
.taglib-icon-help:hover, .taglib-icon-help:active {
  color: var(--dark, #272833) !important;
}

.icon-monospaced {
  color: inherit;
  display: inline-block;
  height: 2rem;
  line-height: 34px;
  text-align: center;
  width: 2rem;
}
.icon-monospaced.lexicon-icon {
  padding: 8px;
}

.taglib-icon-list li {
  float: left;
  margin-right: 1em;
}
.taglib-icon-list:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}

.lfr-icon-menu .lfr-icon-menu-icon {
  max-width: none;
}
@media (max-width: 767.98px) {
  .table-cell.last .lfr-icon-menu .dropdown-toggle {
    text-align: center;
  }
  .table-cell.last .lfr-icon-menu .dropdown-toggle > img,
  .table-cell.last .lfr-icon-menu .dropdown-toggle .lfr-icon-menu-text {
    display: none;
  }
}

.lfr-menu-list {
  float: none;
  overflow-y: auto;
  position: relative;
}
.lfr-menu-list.direction-right {
  margin: 0 2px;
}
.lfr-menu-list.dropdown-menu {
  float: none;
  position: relative;
}
@media (max-width: 991.98px) {
  .lfr-menu-list.dropdown-menu > li > a {
    font-size: 22px;
    line-height: 40px;
    white-space: normal;
  }
  .lfr-menu-list.dropdown-menu > li > a img {
    margin-bottom: 3px;
  }
}
.lfr-menu-list.dropdown-menu .search-panel {
  margin-bottom: 0;
}
.lfr-menu-list.dropdown-menu .search-panel .form-group {
  margin: 0 16px;
}
.lfr-menu-list.dropdown-menu .search-panel .menu-item-filter {
  width: auto;
}
body > .lfr-menu-list ul {
  border-radius: 4px;
}

.lfr-icon-menu-open:after {
  clear: both;
  content: "";
  display: table;
}
.lfr-icon-menu-open .dropdown-menu {
  position: static;
}

.input-localized.input-localized-editor .form-control {
  border-width: 0;
  height: 100%;
  padding: 0;
}
.input-localized .input-group-item {
  flex-direction: column;
}
.input-localized .input-localized-content {
  margin-left: 6px;
}
.input-group .input-localized .input-localized-content {
  margin-top: 3px;
}
.input-localized .lfr-input-localized .lfr-input-localized-state {
  background-color: #ddd;
}
.input-localized .lfr-input-localized .lfr-input-localized-state.lfr-input-localized-state-error {
  background-color: #ff0047;
}
.input-localized .lfr-input-localized-default a {
  margin-right: 14px;
}
.input-localized .lfr-input-localized-state {
  height: 4px;
  margin: 3px 5px;
  width: 4px;
}
.input-localized .palette-item-inner .lfr-input-localized-flag {
  font-size: 16px;
  opacity: 0.5;
}
.input-localized .palette-item,
.input-localized .palette-item-hover,
.input-localized .palette-item-hover .palette-item-inner {
  border-color: transparent;
}
.input-localized .palette-item-inner {
  border-color: #666;
  display: block;
  height: 16px;
  width: 16px;
}
.input-localized .palette-item-selected .lfr-input-localized-state {
  background: #27c1f2;
}

.input-localized-palette-container .palette-items-container {
  font-size: 0;
  margin: 0;
  white-space: normal;
}
.input-localized-palette-container .palette-item {
  border-width: 0;
  padding: 0.5rem 1.25rem;
}
.input-localized-palette-container .palette-item-inner {
  border: 1px solid;
  margin-right: 4px;
  width: 16px;
}
.input-localized-palette-container .palette-item-inner img {
  display: block;
}

.taglib-move-boxes {
  margin-bottom: 1em;
}
.taglib-move-boxes label {
  border-bottom: 1px solid transparent;
  display: block;
  margin-bottom: 5px;
  padding: 5px;
}
.taglib-move-boxes .toolbar {
  text-align: center;
}
.taglib-move-boxes .arrow-button img {
  border-width: 0;
  height: 16px;
  width: 16px;
}
.taglib-move-boxes .choice-selector {
  width: 100%;
}
.taglib-move-boxes .choice-selector label {
  background: #ebf1f9;
  border-bottom-color: #8db2f3;
}
.taglib-move-boxes .field-content {
  margin-bottom: 0;
}
.taglib-move-boxes .move-arrow-buttons {
  margin-top: 5em;
}
.taglib-move-boxes .move-arrow-buttons .arrow-button {
  display: block;
}
.taglib-move-boxes .sortable-container {
  margin-top: 10px;
}
.taglib-move-boxes .sortable-container .btn.edit-selection {
  margin-bottom: 10px;
}
.taglib-move-boxes .sortable-container .move-option {
  background-color: transparent;
  border-top: 1px solid #ddd;
  display: none;
  margin: 2px 0;
  padding: 2px;
  position: relative;
}
.taglib-move-boxes .sortable-container .move-option.selected {
  display: block;
}
.taglib-move-boxes .sortable-container .move-option.move-option-dragging {
  background-color: #fafafa;
}
.taglib-move-boxes .sortable-container .move-option .checkbox,
.taglib-move-boxes .sortable-container .move-option .handle {
  position: absolute;
}
.taglib-move-boxes .sortable-container .move-option .checkbox {
  display: none;
  margin: 7px 0 0 5px;
}
.taglib-move-boxes .sortable-container .move-option .handle {
  color: #999;
  cursor: pointer;
  font-size: 1.5em;
  padding: 6px;
}
.taglib-move-boxes .sortable-container .move-option .title {
  font-size: 1.2em;
  margin: 1px 0 1px 30px;
}
.taglib-move-boxes .sortable-container.edit-list-active .move-option {
  display: block;
}
.taglib-move-boxes .sortable-container.edit-list-active .move-option .checkbox {
  display: inline-block;
}
.taglib-move-boxes .sortable-container.edit-list-active .move-option .handle {
  display: none;
}
.mobile .taglib-move-boxes .selector-container {
  display: none;
}

.item-selector .card-row > .autofit-col-expand {
  padding-top: 4px;
}
.item-selector .drop-zone {
  background-color: #f1f2f5;
  margin-top: 1rem;
}
.item-selector .input-file {
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  width: 0.1px;
  z-index: -1;
}
.item-selector .input-file + label {
  position: relative;
}
.item-selector .input-file + label::before {
  border-radius: 4px;
  bottom: -2px;
  content: "";
  display: block;
  left: -2px;
  position: absolute;
  right: -2px;
  top: -2px;
  transition: box-shadow 0.15s ease-in-out;
}
.item-selector .input-file:focus + label::before {
  box-shadow: 0 0 0 2px var(--white, #fff), 0 0 0 4px var(--primary-l1, #80acff);
}
.item-selector .item-selector-list-row:hover {
  background-color: var(--primary-l3, #f0f5ff);
  cursor: pointer;
}

.lfr-map {
  border: 1px solid #ccc;
  min-height: 400px;
  width: 100%;
}
.lfr-map .home-button {
  margin: 5px;
}
@media (max-width: 575.98px) {
  .lfr-map .home-button {
    height: 35px;
    width: 45px;
  }
}
.lfr-map .search-controls {
  font-size: 15px;
  margin-top: 5px;
  width: 100%;
}
@media (min-width: 576px) {
  .lfr-map .search-controls {
    width: 50%;
  }
}
.lfr-map .search-controls .search-input {
  width: 100%;
}

.navbar .navbar-collapse {
  max-height: none;
}
.navbar .navbar-collapse:after, .navbar .navbar-collapse:before {
  display: inline;
}
@media (max-width: 767.98px) {
  .navbar .navbar-search {
    background-color: #f3f3f3;
    border-top-width: 0;
    width: 100%;
  }
}
.navbar .navbar-search .form-search {
  margin: 8px 0;
}
@media (min-width: 768px) {
  .navbar .navbar-search .form-search {
    float: right;
    max-width: 275px;
  }
}
@media (max-width: 767.98px) {
  .navbar .navbar-search .form-search .input-group {
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  .navbar .container .navbar-btn,
  .navbar .container-fluid .navbar-btn {
    margin-bottom: 5px;
    width: 45px;
  }
  .navbar .container .navbar-collapse.open,
  .navbar .container-fluid .navbar-collapse.open {
    border-width: 0;
    display: block;
    height: auto;
    overflow: visible;
  }
}

.taglib-portlet-preview.show-borders {
  border: 1px solid #828f95;
  margin-bottom: 1em;
  padding: 3px 3px 1em;
}
.taglib-portlet-preview.show-borders .title {
  background-color: #d3dadd;
  font-size: 1.4em;
  font-weight: bold;
  padding: 0.5em;
}
.taglib-portlet-preview .preview {
  margin: 1em;
  min-height: 90px;
}

.lfr-search-container .entry-action {
  width: 1px;
}
.lfr-search-container .entry-action .taglib-icon {
  white-space: nowrap;
}

.lfr-search-container-wrapper.lfr-search-container-fixed-first-column {
  position: relative;
}
@media (min-width: 576px) {
  .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive {
    margin-left: 375px;
    width: auto;
  }
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table {
  position: static;
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header {
  left: 12px;
  position: fixed;
  right: 12px;
  top: -1px;
  z-index: 989;
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th {
  display: block;
  padding: 0;
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper {
  overflow-x: hidden;
}
@media (min-width: 576px) {
  .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper {
    margin-left: 375px;
  }
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper table {
  border-collapse: collapse;
  width: 100%;
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper table th {
  border-radius: 0;
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table td,
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th {
  width: auto;
}
@media (min-width: 576px) {
  .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table td:first-child,
  .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th:first-child {
    background-color: var(--table-head-background-color, var(--white, #fff));
    left: 0;
    position: absolute;
    right: 15px;
  }
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th {
  height: auto;
}
.lfr-search-container-wrapper a:not(.btn):not(.component-action):not(.page-link) {
  color: var(--gray-700, #495057);
  font-weight: 500;
  text-decoration: underline;
}
.lfr-search-container-wrapper a:not(.btn):not(.component-action):not(.page-link):focus, .lfr-search-container-wrapper a:not(.btn):not(.component-action):not(.page-link):hover {
  color: var(--black, #000);
}
.lfr-search-container-wrapper .dropdown-action .dropdown-toggle {
  color: var(--secondary);
}
.lfr-search-container-wrapper .dropdown-action .dropdown-toggle:hover {
  color: var(--dark, #272833);
}
.lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle {
  color: var(--secondary);
}
.lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle:active, .lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle:focus, .lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle:hover {
  background-color: #f7f8f9;
  border-radius: 4px;
  color: var(--dark, #272833);
}
.lfr-search-container-wrapper .lfr-search-container-list .list-group:last-child .list-group-item:nth-last-child(2) {
  border-bottom-left-radius: var(--list-group-border-radius, var(--border-radius, 0.25rem));
  border-bottom-right-radius: var(--list-group-border-radius, var(--border-radius, 0.25rem));
}
.lfr-search-container-wrapper .lfr-search-container-list + .taglib-search-iterator-page-iterator-bottom {
  margin-top: 20px;
}
.lfr-search-container-wrapper .list-group {
  margin-bottom: 0;
}
.lfr-search-container-wrapper .list-group + .list-group .list-group-header:first-child,
.lfr-search-container-wrapper .list-group + .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.lfr-search-container-wrapper .list-group .list-group-item .h4,
.lfr-search-container-wrapper .list-group .list-group-item h4 {
  font-size: var(--font-size-sm, 0.875rem);
  line-height: 1.5;
  margin-bottom: 0;
}
.lfr-search-container-wrapper .list-group .list-group-item .h5,
.lfr-search-container-wrapper .list-group .list-group-item .h6,
.lfr-search-container-wrapper .list-group .list-group-item h5,
.lfr-search-container-wrapper .list-group .list-group-item h6 {
  font-size: var(--font-size-sm, 0.875rem);
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 0;
}
.lfr-search-container-wrapper .list-group .list-group-item span + h2.h5 {
  font-weight: 600;
}
.lfr-search-container-wrapper .list-group .list-group-item .h6 + .h5,
.lfr-search-container-wrapper .list-group .list-group-item h6 + h5 {
  font-weight: 600;
}
.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) td:first-child,
.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) th:first-child {
  border-bottom-left-radius: var(--table-list-border-radius, var(--border-radius, 0.25rem));
}
.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) td:last-child,
.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) th:last-child {
  border-bottom-right-radius: var(--table-list-border-radius, var(--border-radius, 0.25rem));
}

.user-info {
  display: flex;
}
.user-info .sticker {
  align-self: center;
}
.user-info .user-details {
  margin-left: 1rem;
}
.user-info .user-name {
  color: var(--dark, #272833);
  font-weight: 600;
}
.user-info .date-info {
  color: var(--secondary);
}

.user-status-tooltip .user-status-avatar {
  float: left;
  margin-right: 5px;
}
.user-status-tooltip .user-status-avatar .user-status-avatar-image {
  width: 27px;
}
.user-status-tooltip .user-status-info {
  display: inline-block;
  overflow: hidden;
}
.user-status-tooltip .user-status-info .user-status-date {
  font-size: 11px;
}

.lfr-search-container {
  margin-top: 1.5em;
  overflow: auto;
}
@media (max-width: 767.98px) {
  .lfr-search-container .selector-button {
    width: auto;
  }
}
.touch .lfr-search-container {
  -webkit-overflow-scrolling: touch;
}
.touch .lfr-search-container .searchcontainer-content .table {
  max-width: none;
}

.taglib-page-iterator {
  clear: both;
  height: auto;
  width: auto;
}
.taglib-page-iterator .lfr-pagination-buttons {
  float: right;
  margin: 0;
}
@media (max-width: 991.98px) {
  .taglib-page-iterator .lfr-pagination-buttons {
    width: 100%;
  }
}
@media (max-width: 991.98px) and (max-width: 767.98px) {
  .taglib-page-iterator .lfr-pagination-buttons {
    float: none;
    margin-top: 20px;
  }
}
@media (max-width: 991.98px) {
  .taglib-page-iterator .lfr-pagination-buttons > li {
    display: inline-block;
    width: 50%;
  }
  .taglib-page-iterator .lfr-pagination-buttons > li.first, .taglib-page-iterator .lfr-pagination-buttons > li.last {
    display: none;
  }
  .taglib-page-iterator .lfr-pagination-buttons > li > a {
    line-height: 20px;
    padding: 11px 19px;
  }
}
.taglib-page-iterator .lfr-pagination-config {
  float: left;
  line-height: 46px;
}
@media (max-width: 767.98px) {
  .taglib-page-iterator .lfr-pagination-config {
    float: none;
  }
  .taglib-page-iterator .lfr-pagination-config .current-page-menu {
    display: block;
  }
  .taglib-page-iterator .lfr-pagination-config .current-page-menu .btn {
    display: block;
  }
}
.taglib-page-iterator .lfr-pagination-config .lfr-pagination-delta-selector,
.taglib-page-iterator .lfr-pagination-config .lfr-pagination-page-selector {
  display: inline;
}
.taglib-page-iterator .lfr-pagination-config .lfr-pagination-delta-selector {
  float: none;
}
@media (max-width: 991.98px) {
  .taglib-page-iterator .lfr-pagination-config .lfr-pagination-delta-selector {
    display: none;
  }
}
.taglib-page-iterator .search-results {
  float: left;
  line-height: 46px;
  margin-left: 10px;
}
@media (max-width: 991.98px) {
  .taglib-page-iterator .search-results {
    display: none;
  }
}

@media (max-width: 991.98px) {
  ul.pagination ul.inline-scroller {
    max-height: inherit;
  }
}
.taglib-search-toggle .form-search {
  position: relative;
}
.taglib-search-toggle .form-search .input-group-btn {
  position: absolute;
}
@media (min-width: 992px) {
  .taglib-search-toggle .form-search .input-group-btn {
    position: static;
  }
}
.taglib-search-toggle .toggle-advanced {
  color: inherit;
  margin-left: 10px;
  position: absolute;
  top: 8px;
}
.taglib-search-toggle .toggle-advanced, .taglib-search-toggle .toggle-advanced:hover, .taglib-search-toggle .toggle-advanced:focus {
  text-decoration: none;
}

.taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced {
  background-color: #fcfcfc;
  border: solid #ddd;
  border-width: 0 1px 1px;
  margin-top: 0;
  padding: 15px 15px 0;
}
.navbar-search .taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced {
  border-width: 1px 0 0;
}
.taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content {
  position: relative;
}
.taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content .match-fields {
  margin-bottom: 0;
}
.taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content .match-fields-legend {
  color: #999;
  font-size: 13px;
}
.taglib-search-toggle-advanced-wrapper .btn.close {
  margin-right: 5px;
  position: relative;
  z-index: 1;
}

.taglib-user-display {
  padding: 0.5em;
}
.taglib-user-display .avatar {
  background: no-repeat center;
  background-size: 60px;
  display: block;
  height: 60px;
  margin: 0 auto;
  width: 60px;
}
.taglib-user-display .avatar.author:after {
  background: rgba(50, 168, 230, 0.5);
  border-radius: 50%;
  content: "";
  display: block;
  height: 100%;
  width: 100%;
}
.taglib-user-display .user-details {
  margin-top: 1em;
}
.taglib-user-display .user-name {
  font-size: 1.1em;
  font-weight: bold;
}
.taglib-user-display a .user-name {
  text-decoration: underline;
}
.taglib-user-display.display-style-1 .user-profile-image {
  float: left;
  margin-right: 24px;
}
.taglib-user-display.display-style-1 .user-name {
  display: inline-block;
  margin-top: 10px;
}
.taglib-user-display.display-style-1 .user-details {
  margin-top: 0;
}
.taglib-user-display.display-style-2 .user-profile-image,
.taglib-user-display.display-style-2 .user-name {
  clear: both;
  display: block;
  min-height: 20px;
  text-align: center;
}
.taglib-user-display.display-style-3 {
  padding: 0;
}
.taglib-user-display.display-style-3 .user-profile-image {
  display: inline-block;
  vertical-align: middle;
}

.taglib-workflow-status .workflow-id,
.taglib-workflow-status .workflow-version,
.taglib-workflow-status .workflow-status {
  color: #999;
}
.table-cell .taglib-workflow-status {
  margin: 0;
}
.table-cell .taglib-workflow-status .workflow-status {
  padding-left: 0;
}

.lfr-autocomplete-input-list .yui3-aclist-list {
  margin: 0;
}

.portal-popup .sheet > .lfr-nav {
  margin-top: -24px;
}
.portal-popup .contacts-portlet .portlet-configuration-container .form {
  position: static;
}
.portal-popup .lfr-form-content {
  padding: 24px 12px;
}
.portal-popup .portlet-body,
.portal-popup .portlet-boundary,
.portal-popup .portlet-column,
.portal-popup .portlet-layout {
  height: 100%;
}
.portal-popup .portlet-column {
  position: static;
}
.portal-popup .dialog-body > .container-fluid-max-xl,
.portal-popup .dialog-body .container-view,
.portal-popup .export-dialog-tree > .container-fluid-max-xl,
.portal-popup .export-dialog-tree .container-view,
.portal-popup .lfr-dynamic-uploader > .container-fluid-max-xl,
.portal-popup .lfr-dynamic-uploader .container-view,
.portal-popup .lfr-form-content > .container-fluid-max-xl,
.portal-popup .lfr-form-content .container-view,
.portal-popup .portlet-configuration-body-content > .container-fluid-max-xl,
.portal-popup .portlet-configuration-body-content .container-view,
.portal-popup .process-list > .container-fluid-max-xl,
.portal-popup .process-list .container-view,
.portal-popup .roles-selector-body > .container-fluid-max-xl,
.portal-popup .roles-selector-body .container-view {
  padding-top: 20px;
}
.portal-popup .dialog-body > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .dialog-body .container-view .nav-tabs-underline,
.portal-popup .export-dialog-tree > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .export-dialog-tree .container-view .nav-tabs-underline,
.portal-popup .lfr-dynamic-uploader > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .lfr-dynamic-uploader .container-view .nav-tabs-underline,
.portal-popup .lfr-form-content > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .lfr-form-content .container-view .nav-tabs-underline,
.portal-popup .portlet-configuration-body-content > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .portlet-configuration-body-content .container-view .nav-tabs-underline,
.portal-popup .process-list > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .process-list .container-view .nav-tabs-underline,
.portal-popup .roles-selector-body > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .roles-selector-body .container-view .nav-tabs-underline {
  margin-left: -12px;
  margin-right: -12px;
  margin-top: -20px;
}
.portal-popup .dialog-body > .lfr-nav + .container-fluid-max-xl,
.portal-popup .export-dialog-tree > .lfr-nav + .container-fluid-max-xl,
.portal-popup .lfr-dynamic-uploader > .lfr-nav + .container-fluid-max-xl,
.portal-popup .lfr-form-content > .lfr-nav + .container-fluid-max-xl,
.portal-popup .portlet-configuration-body-content > .lfr-nav + .container-fluid-max-xl,
.portal-popup .process-list > .lfr-nav + .container-fluid-max-xl,
.portal-popup .roles-selector-body > .lfr-nav + .container-fluid-max-xl {
  padding-top: 0;
}
.portal-popup .login-container {
  padding: var(--modal-body-padding, 1.5rem);
}
.portal-popup .navbar ~ .portlet-configuration-setup,
.portal-popup .portlet-export-import-container {
  height: calc(100% - 48px);
  position: relative;
}
@media (min-width: 576px) {
  .portal-popup .navbar ~ .portlet-configuration-setup,
  .portal-popup .portlet-export-import-container {
    height: calc(100% - 48px);
  }
}
.portal-popup .panel-group .panel {
  border-left-width: 0;
  border-radius: 0;
  border-right-width: 0;
}
.portal-popup .panel-group .panel + .panel {
  border-top-width: 0;
  margin-top: 0;
}
.portal-popup .panel-heading {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.portal-popup .portlet-configuration-setup .lfr-nav {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  padding-left: 3px;
  padding-right: 3px;
}
@media (min-width: 576px) {
  .portal-popup .portlet-configuration-setup .lfr-nav {
    padding-left: 8px;
    padding-right: 8px;
  }
}
.portal-popup .lfr-dynamic-uploader,
.portal-popup .process-list {
  bottom: 0;
  display: block;
  left: 0;
  overflow: auto;
  position: absolute;
  right: 0;
  top: 48px;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 576px) {
  .portal-popup .lfr-dynamic-uploader,
  .portal-popup .process-list {
    top: 48px;
  }
}
.portal-popup .portlet-export-import-publish-processes {
  top: 0;
}
.portal-popup .dialog-footer {
  background-color: var(--white, #fff);
  border-top: 1px solid var(--modal-footer-border-color, var(--modal-header-border-color, var(--gray-300, #e7e7ed)));
  bottom: 0;
  box-shadow: var(--modal-footer-box-shadow, none);
  display: flex;
  flex-direction: row-reverse;
  left: 0;
  margin: 0;
  padding: 10px 24px;
  width: 100%;
  z-index: 989;
}
@media (min-width: 768px) {
  .portal-popup .dialog-footer {
    position: fixed;
  }
}
.portal-popup .dialog-footer .btn {
  margin-left: 1rem;
  margin-right: 0;
}
.portal-popup .dialog-footer.dialog-footer-not-reverse {
  flex-direction: initial;
  justify-content: flex-end;
}
@media (min-width: 768px) {
  .portal-popup .dialog-body:not(:last-child),
  .portal-popup .lfr-dynamic-uploader:not(:last-child),
  .portal-popup .lfr-form-content:not(:last-child),
  .portal-popup .portlet-configuration-body-content:not(:last-child),
  .portal-popup .roles-selector-body:not(:last-child) {
    padding-bottom: 60px;
  }
}
.portal-popup .lfr-dynamic-uploader {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.portal-popup .lfr-dynamic-uploader.hide-dialog-footer {
  bottom: 0;
}
.portal-popup .lfr-dynamic-uploader.hide-dialog-footer + .dialog-footer {
  display: none;
}
.portal-popup .portlet-configuration-edit-permissions .portlet-configuration-body-content {
  display: flex;
  flex-direction: column;
  overflow: visible;
}
.portal-popup .portlet-configuration-edit-permissions .portlet-configuration-body-content > form {
  flex-grow: 1;
  max-width: none;
  overflow: auto;
}
.portal-popup .portlet-configuration-edit-templates .portlet-configuration-body-content {
  bottom: 0;
}
.portal-popup:not(.article-preview) #main-content,
.portal-popup:not(.article-preview) #wrapper {
  bottom: 0;
  left: 0;
  overflow: auto;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-overflow-scrolling: touch;
}
@media print {
  .portal-popup:not(.article-preview) #main-content,
  .portal-popup:not(.article-preview) #wrapper {
    position: initial;
  }
}
.portal-popup .columns-max > .portlet-layout.row {
  margin-left: 0;
  margin-right: 0;
}
.portal-popup .columns-max > .portlet-layout.row > .portlet-column {
  padding-left: 0;
  padding-right: 0;
}

html:not(#__):not(#___) .portlet-layout.dragging {
  border-collapse: separate;
}
html:not(#__):not(#___) .drop-area {
  background-color: #d3dadd;
}
html:not(#__):not(#___) .active-area {
  background: #ffc;
}
html:not(#__):not(#___) .portlet-boundary.yui3-dd-dragging {
  opacity: 0.6;
}
html:not(#__):not(#___) .portlet-boundary.yui3-dd-dragging .portlet {
  border: 2px dashed #ccc;
}
html:not(#__):not(#___) .sortable-layout-proxy {
  opacity: 1;
}
html:not(#__):not(#___) .sortable-layout-proxy .portlet-topper {
  background-image: none;
}
html:not(#__):not(#___) .proxy {
  cursor: move;
  opacity: 0.65;
  position: absolute;
}
html:not(#__):not(#___) .proxy.generic-portlet {
  height: 200px;
  width: 300px;
}
html:not(#__):not(#___) .proxy.generic-portlet .portlet-title {
  padding: 10px;
}
html:not(#__):not(#___) .proxy.not-intersecting .forbidden-action {
  background: url(../images/application/forbidden_action.png) no-repeat;
  display: block;
  height: 32px;
  position: absolute;
  right: -15px;
  top: -15px;
  width: 32px;
}
html:not(#__):not(#___) .resizable-proxy {
  border: 1px dashed #828f95;
  position: absolute;
  visibility: hidden;
}
html:not(#__):not(#___) .sortable-proxy {
  background: #727c81;
  margin-top: 1px;
}
html:not(#__):not(#___) .sortable-layout-drag-target-indicator {
  margin: 2px 0;
}
html:not(#__):not(#___) .yui3-dd-proxy {
  z-index: 1110 !important;
}

.portlet-layout.dragging {
  border-collapse: separate;
}

.drop-area {
  background-color: #d3dadd;
}

.active-area {
  background: #ffc;
}

.portlet-boundary.yui3-dd-dragging {
  opacity: 0.6;
  transform: scale(0.8);
  transition: transform 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
  .portlet-boundary.yui3-dd-dragging {
    transition: none;
  }
}
.c-prefers-reduced-motion .portlet-boundary.yui3-dd-dragging {
  transition: none;
}
.portlet-boundary.yui3-dd-dragging .portlet {
  border: 2px dashed #ccc;
}

.sortable-layout-proxy {
  opacity: 1;
}
.sortable-layout-proxy .portlet-topper {
  background-image: none;
}

.proxy {
  cursor: move;
  opacity: 0.65;
  position: absolute;
}
.proxy.generic-portlet {
  height: 200px;
  width: 300px;
}
.proxy.generic-portlet .portlet-title {
  padding: 10px;
}
.proxy.not-intersecting .forbidden-action {
  background: url(../images/application/forbidden_action.png) no-repeat;
  display: block;
  height: 32px;
  position: absolute;
  right: -15px;
  top: -15px;
  width: 32px;
}

.resizable-proxy {
  border: 1px dashed #828f95;
  position: absolute;
  visibility: hidden;
}

.sortable-proxy {
  background: #727c81;
  margin-top: 1px;
}

.sortable-layout-drag-target-indicator {
  margin: 2px 0;
}

.yui3-dd-proxy {
  z-index: 1110 !important;
}

.portlet-column-content.empty {
  padding: 50px;
}

.lfr-portlet-title-editable {
  margin-top: 0;
  z-index: 9999;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content {
  padding: 0;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .field-input {
  margin-bottom: 0;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .textfield-label {
  display: none;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn-toolbar-content {
  display: inline-block;
  vertical-align: bottom;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn-group {
  margin-top: 0;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn {
  display: inline-block;
  float: none;
  margin-top: 0;
  width: auto;
}

.lfr-source-editor {
  border: solid 0 #ccc;
  border-bottom-width: 2px;
  position: relative;
}
.lfr-source-editor .ace_editor {
  height: 100%;
}
.lfr-source-editor .lfr-source-editor-toolbar li > .btn {
  background-color: #fff;
  border: transparent;
  color: #717383;
  outline: 0;
}
.lfr-source-editor .lfr-source-editor-code {
  background-color: #fff;
  color: #2b4259;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter {
  background-color: #ededef;
  color: #868896;
  overflow: hidden;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget {
  font-family: fontawesome-alloy;
  text-align: center;
  vertical-align: middle;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_open, .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_closed {
  background-image: none;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_open:before {
  content: "▾";
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_closed:before {
  content: "▸";
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-active-cell {
  color: #fff;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-active-line {
  background-color: #717383;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-layer {
  border-right: solid 1px #ccc;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_info {
  background-image: none;
}
.lfr-source-editor .lfr-source-editor-code .ace_content .ace_active-line {
  background-color: #ededef;
}
.lfr-source-editor .lfr-source-editor-code .ace_content .ace_constant {
  color: #34adab;
}
.lfr-source-editor .lfr-source-editor-code .ace_content .ace_tag {
  color: #1d5ec7;
}
.lfr-source-editor .lfr-source-editor-code .ace_content .ace_string {
  color: #ff6c58;
}
.lfr-source-editor .lfr-source-editor-code .ace_content .ace_string.ace_regex {
  color: #f00;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code {
  background-color: #47474f;
  color: #fff;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_gutter {
  background: #54555e;
  color: #fff;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_gutter .ace_gutter-active-line {
  background-color: #009aed;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_active-line {
  background-color: #11394e;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_cursor {
  color: #fff;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_tag {
  color: #4d91ff;
}

.lfr-fullscreen-source-editor {
  height: 100%;
  overflow: hidden;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-header {
  height: 40px;
  margin-right: 4px;
  margin-top: 4px;
  min-height: 40px;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content {
  height: 95%;
  position: relative;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content .panel-splitter {
  border: 1px solid #ccc;
  position: absolute;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content .preview-panel {
  display: inline-block;
  overflow-y: auto;
  padding-left: 20px;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content .source-panel {
  display: inline-block;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.vertical .source-panel,
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.vertical .preview-panel {
  height: 100%;
  width: 50%;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.vertical .panel-splitter {
  height: 100%;
  left: 50%;
  top: 0;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.horizontal .source-panel,
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.horizontal .preview-panel {
  height: 50%;
  width: 100%;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.horizontal .panel-splitter {
  top: 50%;
  width: 100%;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.simple .panel-splitter,
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.simple .preview-panel {
  display: none;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.simple .source-panel {
  height: 100%;
  width: 100%;
}

.lfr-fulscreen-source-editor-dialog .modal-footer {
  text-align: left;
}

.file-icon-color-0 {
  background-color: var(--white, #fff);
  color: var(--gray-600, #6b6c7e);
}

.file-icon-color-1 {
  background-color: var(--white, #fff);
  color: var(--gray-600, #6b6c7e);
}

.file-icon-color-2 {
  background-color: var(--white, #fff);
  color: #24a892;
}

.file-icon-color-3 {
  background-color: var(--white, #fff);
  color: #ff4d4d;
}

.file-icon-color-4 {
  background-color: var(--white, #fff);
  color: #ff6200;
}

.file-icon-color-5 {
  background-color: var(--white, #fff);
  color: #bf66ff;
}

.file-icon-color-6 {
  background-color: var(--white, #fff);
  color: #0099e6;
}

.file-icon-color-7 {
  background-color: var(--white, #fff);
  color: #ff4db2;
}

.lfr-item-viewer.uploading > div:not(.progress-container) {
  opacity: 0.3;
}
.lfr-item-viewer.uploading > .progress-container {
  visibility: visible;
}
.lfr-item-viewer .aspect-ratio a.item-preview {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: absolute;
  width: 100%;
}
.lfr-item-viewer .image-viewer-base-image-list {
  padding-top: 35px;
}
.lfr-item-viewer .item-preview:hover {
  cursor: pointer;
}
.lfr-item-viewer .progress-container {
  background-color: #fff;
  left: 0;
  margin: 0 auto;
  padding: 20px 30px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  visibility: hidden;
  width: 80%;
  z-index: 1000;
}
.lfr-item-viewer .progress-container a {
  position: absolute;
  right: 30px;
}
.lfr-item-viewer .progress-container .progress {
  margin-top: 10px;
}
.lfr-item-viewer .search-info {
  background-color: #d3e8f1;
}
.lfr-item-viewer .search-info .keywords {
  font-size: 1.4em;
  font-weight: bold;
}
.lfr-item-viewer .search-info .change-search-folder {
  font-size: 0.8em;
  font-weight: normal;
}
.lfr-item-viewer .upload-view {
  display: table;
  height: 400px;
  margin-top: 20px;
  width: 100%;
}
.lfr-item-viewer .upload-view > div {
  display: table-cell;
  vertical-align: middle;
}
.lfr-item-viewer .yui3-widget-bd {
  position: relative;
}

.lfr-menu-expanded li a:focus {
  background-color: #5b677d;
  color: #fff;
  text-shadow: -1px -1px #2c2f34;
}

.lfr-url-error {
  display: inline-block;
  white-space: normal;
  overflow-wrap: break-all;
  word-wrap: break-all;
}

.lfr-page-layouts {
  padding: 0;
}
.lfr-page-layouts input[type=radio] {
  opacity: 0;
  position: absolute;
}
.lfr-page-layouts input[type=radio]:checked + .card-horizontal {
  cursor: default;
}
.lfr-page-layouts input[type=radio]:checked + .card-horizontal::after {
  bottom: calc(var(--card-border-width, 0) * -1);
  content: "";
  left: calc(var(--card-border-width, 0) * -1);
  position: absolute;
  right: calc(var(--card-border-width, 0) * -1);
  transition: height 0.15s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .lfr-page-layouts input[type=radio]:checked + .card-horizontal::after {
    transition: none;
  }
}
.lfr-page-layouts input[type=radio]:checked + .card-horizontal::after {
  transition: none;
}

.lfr-page-layouts input[type=radio]:checked + .card-horizontal .dropdown-action .c-inner {
  margin-bottom: calc( * -1);
  margin-left: calc( * -1);
  margin-right: calc( * -1);
  margin-top: calc( * -1);
}
.lfr-page-layouts .card-horizontal {
  border-width: 1px;
  box-shadow: none;
  cursor: var(--link-cursor, pointer);
  outline: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .lfr-page-layouts .card-horizontal {
    transition: none;
  }
}
.lfr-page-layouts .card-horizontal {
  transition: none;
}

.lfr-page-layouts .card-horizontal::after {
  border-radius: 0 0 var(--card-border-radius, var(--border-radius, 0.25rem)) var(--card-border-radius, var(--border-radius, 0.25rem));
  bottom: calc(var(--card-border-width, 0) * -1);
  content: "";
  height: 0;
  left: calc(var(--card-border-width, 0) * -1);
  position: absolute;
  right: calc(var(--card-border-width, 0) * -1);
  transition: height 0.15s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .lfr-page-layouts .card-horizontal::after {
    transition: none;
  }
}
.lfr-page-layouts .card-horizontal::after {
  transition: none;
}

.lfr-page-layouts .card-horizontal .dropdown-action .c-inner {
  margin-bottom: calc( * -1);
  margin-left: calc( * -1);
  margin-right: calc( * -1);
  margin-top: calc( * -1);
}
.modal-body.dialog-iframe-bd {
  overflow: hidden;
  padding: 0;
}

.modal-dialog:not(.dialog-iframe-modal):not(.modal-full-screen) {
  position: relative;
}
.modal-dialog.dialog-iframe-modal {
  max-width: none;
}
.modal-dialog.modal-dialog-sm {
  max-width: var(--modal-md, 600px);
}
.modal-dialog .yui3-resize-handles-wrapper {
  pointer-events: all;
}
.modal-dialog .yui3-resize-handles-wrapper .yui3-resize-handle-inner-br {
  bottom: 0;
  right: 0;
}

.modal-open .modal {
  display: block;
}

.sheet > .panel-group .sheet-footer {
  margin-bottom: 0;
}

.sheet-footer .btn {
  margin-right: 1rem;
}
.sheet-footer .btn:last-child {
  margin-right: 0;
}

.tag-items {
  list-style: none;
  margin: 0 1em 0 0;
  padding: 0 1em 0.5em;
  white-space: normal;
}
.tag-items li {
  display: inline-block;
  margin: 0 1em 0 0;
  max-width: 100%;
}

.tag-selected {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

.tag-cloud .tag-popularity-1 {
  font-size: 1em;
}
.tag-cloud .tag-popularity-2 {
  font-size: 1.3em;
}
.tag-cloud .tag-popularity-3 {
  font-size: 1.6em;
}
.tag-cloud .tag-popularity-4 {
  font-size: 1.9em;
}
.tag-cloud .tag-popularity-5 {
  font-size: 2.2em;
}
.tag-cloud .tag-popularity-6 {
  font-size: 2.5em;
}

.lfr-portal-tooltip {
  display: inline-flex;
}
.lfr-portal-tooltip,
.lfr-portal-tooltip a {
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.tree-node .icon-check {
  padding-right: 2px;
}
.tree-node .tree-node-checked .icon-check {
  padding-right: 0;
}
.tree-node [class^=icon-] {
  margin-right: 5px;
}
.tree-node .tree-node-checkbox-container {
  margin-right: 0;
}
.tree-node .tree-node-selected .tree-label {
  background: none;
}

.tree-node-content .tree-hitarea {
  color: #999;
  font-size: 10px;
  padding-right: 6px;
}
.tree-node-content .tree-label {
  margin-left: 3px;
}
.tree-node-content .tree-node-hidden-hitarea {
  visibility: hidden;
}

.tree-node-selected .tree-label {
  background-color: transparent;
}

.tree-view li.tree-node .tree-node-content svg.lexicon-icon {
  pointer-events: none;
}

.user-icon-color-0 {
  background-color: var(--white, #fff);
  box-shadow: 0 0 0 1px var(--gray-300, #e7e7ed);
  color: var(--gray-600, #6b6c7e);
}

.user-icon-color-1 {
  background-color: var(--white, #fff);
  box-shadow: 0 0 0 1px var(--gray-300, #e7e7ed);
  color: #66abff;
}

.user-icon-color-2 {
  background-color: var(--white, #fff);
  box-shadow: 0 0 0 1px var(--gray-300, #e7e7ed);
  color: #ff6200;
}

.user-icon-color-3 {
  background-color: var(--white, #fff);
  box-shadow: 0 0 0 1px var(--gray-300, #e7e7ed);
  color: #ff4d4d;
}

.user-icon-color-4 {
  background-color: var(--white, #fff);
  box-shadow: 0 0 0 1px var(--gray-300, #e7e7ed);
  color: #24a892;
}

.user-icon-color-5 {
  background-color: var(--white, #fff);
  box-shadow: 0 0 0 1px var(--gray-300, #e7e7ed);
  color: #ff4db2;
}

.user-icon-color-6 {
  background-color: var(--white, #fff);
  box-shadow: 0 0 0 1px var(--gray-300, #e7e7ed);
  color: #53a117;
}

.user-icon-color-7 {
  background-color: var(--white, #fff);
  box-shadow: 0 0 0 1px var(--gray-300, #e7e7ed);
  color: #bf66ff;
}

.user-icon-color-8 {
  background-color: var(--white, #fff);
  box-shadow: 0 0 0 1px var(--gray-300, #e7e7ed);
  color: #b38900;
}

.user-icon-color-9 {
  background-color: var(--white, #fff);
  box-shadow: 0 0 0 1px var(--gray-300, #e7e7ed);
  color: #0099e6;
}

.collapse.open {
  display: block;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M15%203H1a1%201%200%200%201%200-2h14a1%201%200%200%201%200%202Zm0%206H1a1%201%200%200%201%200-2h14a1%201%200%200%201%200%202ZM1%2015h14a1%201%200%200%200%200-2H1a1%201%200%200%200%200%202Z'%20fill='var(--gray-900,%20%23272833)'/%3E%3C/svg%3E");
  height: 1em;
  width: 1em;
}

.navbar-nav .nav-item.hover:after {
  bottom: -0.3125rem;
  content: "";
  height: 0.3125rem;
  left: 0;
  position: absolute;
  width: 100%;
}

.navbar .navbar-toggler .c-inner {
  max-width: none;
}

html:not(#__):not(#___) .cadmin.portlet-topper {
  position: relative;
}
html:not(#__):not(#___) .cadmin.portlet-topper .portlet-topper-toolbar .portlet-icon-back {
  background: url(../images/arrows/12_left.png) no-repeat 0 50%;
  padding: 5px 5px 5px 18px;
}
html:not(#__):not(#___) .cadmin.portlet-topper .portlet-topper-toolbar .portlet-options .lfr-icon-menu-text {
  display: none;
}
html:not(#__):not(#___) .cadmin .component-action.portlet-options {
  color: white;
}

body.portlet {
  border-width: 0;
}

.portlet-icon-back {
  margin-top: -2px;
}
.portlet-topper .portlet-topper-toolbar .portlet-icon-back {
  background: url(../images/arrows/12_left.png) no-repeat 0 50%;
  padding: 5px 5px 5px 18px;
}

.portlet-options-dropdown {
  z-index: 1035;
}

.portlet-topper {
  position: relative;
}
.portlet-topper .portlet-topper-toolbar .portlet-options .lfr-icon-menu-text {
  display: none;
}
.portlet-draggable .portlet-topper {
  cursor: move;
}

.portlet-title-editable {
  cursor: pointer;
}

.portlet-title-text {
  display: inline-block;
  margin-top: 0;
  max-width: 95%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap;
}
.panel-page-body .portlet-title-text, .panel-page-content .portlet-title-text {
  cursor: auto;
}

.portlet-minimized .portlet-content {
  padding: 0;
}

.portlet-nested-portlets .portlet-boundary {
  left: 0 !important;
  position: relative !important;
  top: 0 !important;
}

.portlet-layout .portlet-header {
  margin-bottom: var(--spacer-3, 1rem);
}

@media (min-width: 576px) {
  .portlet .visible-interaction {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .controls-hidden .portlet .visible-interaction {
    display: none;
  }
}
.portlet:hover .visible-interaction, .portlet.open .visible-interaction, .portlet.focus .visible-interaction {
  display: block;
}

.controls-hidden .lfr-meta-actions,
.controls-hidden .lfr-configurator-visibility {
  display: none;
}
.controls-hidden .portlet-title-editable {
  pointer-events: none;
}
.controls-hidden .portlet-topper {
  display: none !important;
}
.controls-hidden .portlet-topper-toolbar {
  display: none !important;
}

html:not(#__):not(#___) .cadmin.portlet-topper {
  background-color: #f7f7f7;
  border-color: transparent;
  border-radius: 0 0;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  color: var(--gray-600, #6b6c7e);
  display: box;
  display: flex;
  height: 28px;
  padding: 3px 12px 3px 24px;
  position: relative;
}
html:not(#__):not(#___) .cadmin.portlet-topper .lexicon-icon {
  height: 12px;
  width: 12px;
}
html:not(#__):not(#___) .cadmin.portlet-topper .lexicon-icon.lexicon-icon-drag {
  height: 16px;
  width: 16px;
}
html:not(#__):not(#___) .portlet > .cadmin.portlet-topper {
  display: none;
}
@media (min-width: 768px) {
  html:not(#__):not(#___) .portlet > .cadmin.portlet-topper {
    display: flex;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    transform: translateY(-97%);
    transition: opacity 0.15s;
    top: 0;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
  html:not(#__):not(#___) .portlet > .cadmin.portlet-topper {
    transition: none;
  }
}
@media (min-width: 768px) {
  html:not(#__):not(#___) .portlet > .c-prefers-reduced-motion .cadmin.portlet-topper {
    transition: none;
  }
}
html:not(#__):not(#___) .cadmin .portlet-actions {
  float: right;
}
html:not(#__):not(#___) .cadmin .portlet-options {
  display: inline-block;
}
html:not(#__):not(#___) .cadmin .portlet-title-menu {
  flex: 0 1 auto;
}
html:not(#__):not(#___) .cadmin .portlet-title-menu > span > a {
  display: inline-block;
  text-decoration: none;
}
html:not(#__):not(#___) .cadmin .portlet-topper-toolbar {
  margin: 0;
  padding-left: 0;
}
html:not(#__):not(#___) .cadmin .portlet-topper-toolbar > a,
html:not(#__):not(#___) .cadmin .portlet-topper-toolbar > span > a,
html:not(#__):not(#___) .cadmin .portlet-topper-toolbar .lfr-icon-menu > a {
  color: var(--gray-600, #6b6c7e);
}
html:not(#__):not(#___) .cadmin .portlet-topper-toolbar > a:focus, html:not(#__):not(#___) .cadmin .portlet-topper-toolbar > a:hover {
  text-decoration: none;
}
html:not(#__):not(#___) .cadmin .portlet-name-text {
  font-size: 12px;
  font-weight: 600;
  margin-left: 4px;
}
html:not(#__):not(#___) .cadmin .portlet-title-default {
  flex: 1 1 auto;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 576px) {
  html:not(#__):not(#___) .lfr-configurator-visibility .portlet:hover .portlet-topper, html:not(#__):not(#___) .lfr-configurator-visibility .portlet.focus .portlet-topper, html:not(#__):not(#___) .lfr-configurator-visibility .portlet.open .portlet-topper {
    opacity: 0.5;
  }
}
@media (min-width: 768px) {
  html:not(#__):not(#___) .controls-visible .portlet:hover > .portlet-content-editable, html:not(#__):not(#___) .controls-visible .portlet.open > .portlet-content-editable, html:not(#__):not(#___) .controls-visible .portlet.focus > .portlet-content-editable {
    border-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
@media (min-width: 768px) {
  html:not(#__):not(#___) .controls-visible .portlet:hover > .cadmin.portlet-topper, html:not(#__):not(#___) .controls-visible .portlet.open > .cadmin.portlet-topper, html:not(#__):not(#___) .controls-visible .portlet.focus > .cadmin.portlet-topper {
    opacity: 1;
  }
}
@media (min-width: 768px) {
  html:not(#__):not(#___) .controls-visible .portlet.open > .cadmin.portlet-topper {
    transition-duration: 0ms;
  }
}
@media (max-width: 767.98px) {
  html:not(#__):not(#___) .controls-visible .cadmin.portlet-topper {
    align-items: center;
    display: box;
    display: flex;
  }
}
html:not(#__):not(#___) .controls-visible .cadmin .portlet-topper-toolbar {
  display: block;
}

.portlet {
  margin-bottom: 10px;
  position: relative;
}
@media (min-width: 768px) {
  .controls-visible .portlet:hover > .portlet-content-editable, .controls-visible .portlet.open > .portlet-content-editable, .controls-visible .portlet.focus > .portlet-content-editable {
    border-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
@media (min-width: 768px) {
  .controls-visible .portlet:hover > .portlet-topper, .controls-visible .portlet.open > .portlet-topper, .controls-visible .portlet.focus > .portlet-topper {
    opacity: 1;
  }
}
@media (min-width: 576px) {
  .lfr-configurator-visibility .portlet:hover .portlet-topper, .lfr-configurator-visibility .portlet.focus .portlet-topper, .lfr-configurator-visibility .portlet.open .portlet-topper {
    opacity: 0.5;
  }
}

.portlet-content-editable {
  border-color: transparent;
  border-radius: 0 0;
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  transition: border-color 0.15s ease;
}
.portlet > .portlet-content-editable {
  border-color: transparent;
}
@media (max-width: 767.98px) {
  .controls-visible .portlet-content-editable {
    border-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}

.portlet-options {
  display: inline-block;
}

.portlet-title-default {
  flex: 1 1 auto;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.portlet-title-menu {
  flex: 0 1 auto;
}
.portlet-title-menu > span > a {
  display: inline-block;
  text-decoration: none;
}

.portlet-topper {
  background-color: #f7f7f7;
  border-color: transparent;
  border-radius: 0 0;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  color: var(--gray-600, #6b6c7e);
  display: box;
  display: flex;
  padding: 3px 12px 3px 24px;
  position: relative;
}
.portlet > .portlet-topper {
  display: none;
}
@media (min-width: 768px) {
  .portlet > .portlet-topper {
    display: flex;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: opacity 0.15s;
    top: 0;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
  .portlet > .portlet-topper {
    transition: none;
  }
}
@media (min-width: 768px) {
  .portlet > .portlet-topper {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .controls-visible .portlet-topper {
    display: box;
    display: flex;
  }
}

.portlet-topper-toolbar {
  margin: 0;
  padding-left: 0;
}
.portlet-topper-toolbar > a,
.portlet-topper-toolbar > span > a,
.portlet-topper-toolbar .lfr-icon-menu > a {
  color: var(--gray-600, #6b6c7e);
}
.portlet-topper-toolbar > a:focus, .portlet-topper-toolbar > a:hover {
  text-decoration: none;
}
.controls-visible .portlet-topper-toolbar {
  display: block;
}

.lfr-panel-page .portlet-title {
  font-size: 13px;
}

.portlet-borderless .portlet-content {
  padding: var(--spacer-3, 1rem);
}
.portlet-decorate .portlet-content {
  background: var(--body-background-color, var(--white, #fff));
  border-color: transparent;
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  padding: var(--spacer-3, 1rem);
  word-wrap: break-word;
}
.portlet-barebone .portlet-content {
  padding: 0;
}

.portlet-dynamic-data-lists-display .lfr-ddm-field-group,
.portlet-dynamic-data-lists .lfr-ddm-field-group {
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 28px 24px;
}

.breadcrumb.breadcrumb-vertical {
  display: inline-block;
  text-align: center;
}
.breadcrumb.breadcrumb-vertical li {
  display: block;
}
.breadcrumb.breadcrumb-vertical li.last, .breadcrumb.breadcrumb-vertical li.only {
  background: none;
}
.breadcrumb.breadcrumb-vertical .divider {
  background: url(../images/arrows/07_down.png) no-repeat 50% 100%;
  display: block;
  height: 10px;
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
}

.navbar form {
  margin: 0;
}

:not(.inline-item) > .loading-animation {
  margin-bottom: 20px;
  margin-top: 20px;
}
.product-menu .loading-animation {
  margin-top: 160px;
}

@keyframes lfr-drop-active {
  0% {
    background-color: #ebebeb;
    border-color: #ddd;
  }
  50% {
    background-color: #ddedde;
    border-color: #7d7;
    transform: scale(1.1);
  }
  75% {
    background-color: #ddedde;
    border-color: #7d7;
  }
  100% {
    background-color: #ebebeb;
    border-color: #ddd;
  }
}
.lfr-upload-container .progress-bar,
.lfr-upload-container .progress {
  border-radius: 10px;
}
.lfr-upload-container .upload-file,
.lfr-upload-container .upload-target {
  border-radius: 5px;
}
.upload-drop-active .lfr-upload-container .upload-target {
  animation: none;
}
.upload-drop-intent .lfr-upload-container .upload-target {
  animation: lfr-drop-active 1s ease 0.2s infinite;
}

.select-files {
  border-radius: 5px;
}

.taglib-form-navigator > .form-steps > ul.form-navigator.list-group {
  box-shadow: none;
}
.taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:hover .number, .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:focus .number {
  box-shadow: 0 0 5px 0 #333;
  transition-duration: 0.25s;
  transition-property: box-shadow;
  transition-timing-function: ease-out;
}
.taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label .number {
  border-radius: 50%;
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.lfr-progress-active .progress-bar-status,
.lfr-upload-container .file-uploading .progress-bar .progress {
  animation: progress-bar-stripes 0.5s linear infinite;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0));
  background-size: 40px 40px;
  transition: width, 0.5s, ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .lfr-progress-active .progress-bar-status,
  .lfr-upload-container .file-uploading .progress-bar .progress {
    transition: none;
  }
}
.c-prefers-reduced-motion .lfr-progress-active .progress-bar-status,
.c-prefers-reduced-motion .lfr-upload-container .file-uploading .progress-bar .progress {
  transition: none;
}

@keyframes highlight-animation {
  from {
    background-color: #ffc;
  }
  to {
    background-color: transparent;
  }
}
.highlight-animation {
  animation: highlight-animation 0.7s;
}

.portlet-options.btn-group .dropdown-toggle, .portlet-options.btn-group.open .dropdown-toggle {
  box-shadow: none;
}

.form-group.form-inline.input-boolean-wrapper label, .form-group.form-inline.input-checkbox-wrapper label {
  gap: 0.3125rem;
}

@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../assets/fonts/NotoSans-VariableFont_wdth,wght.ttf") format("truetype");
}
@font-face {
  font-family: "Noto Sans Devanagari";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../assets/fonts/NotoSansDevanagari-VariableFont_wdth,wght.ttf") format("truetype");
}
@font-face {
  font-family: "Baloo2 semibold";
  font-style: normal;
  src: url("../assets/fonts/Baloo2-SemiBold.ttf") format("truetype");
  font-weight: 600;
}
@font-face {
  font-family: "Baloo2 medium";
  font-style: normal;
  src: url("../assets/fonts/Baloo2-Medium.ttf") format("truetype");
  font-weight: 500;
}
/* For Control Panel */
/* For Edit Mode */
/* For Control Panel */
/* External Plugins CSS */
#keyboardInputMaster {
  position: absolute;
  font: normal 0.8rem Arial, sans-serif;
  border-top: 0.1em solid var(--keyboard-gray-light);
  border-right: 0.1em solid var(--keyboard-gray-medium);
  border-bottom: 0.1em solid var(--keyboard-gray-dark);
  border-left: 0.1em solid var(--neutral-light);
  border-collapse: separate;
  border-radius: 0.6em;
  box-shadow: 0 0.2em 1em var(--keyboard-gray-dark);
  opacity: 0.95;
  filter: alpha(opacity=95);
  background-color: var(--keyboard-gray-mid);
  text-align: left;
  z-index: 1000000;
  width: auto;
  height: auto;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  line-height: normal;
  pointer-events: auto;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}

#keyboardInputMaster * {
  position: static;
  color: var(--neutral-1200);
  opacity: 1;
  filter: alpha(opacity=100);
  background: transparent;
  font: normal 0.8rem Arial, sans-serif;
  width: auto;
  height: auto;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0 none;
  outline: 0;
  vertical-align: baseline;
  line-height: 1.3em;
  pointer-events: auto;
}

#keyboardInputMaster table {
  table-layout: auto;
}

#keyboardInputMaster.keyboardInputSize1,
#keyboardInputMaster.keyboardInputSize1 * {
  font-size: 0.7rem;
}

#keyboardInputMaster.keyboardInputSize3,
#keyboardInputMaster.keyboardInputSize3 * {
  font-size: 0.9rem;
}

#keyboardInputMaster.keyboardInputSize4,
#keyboardInputMaster.keyboardInputSize4 * {
  font-size: 1rem;
}

#keyboardInputMaster.keyboardInputSize5,
#keyboardInputMaster.keyboardInputSize5 * {
  font-size: 1.1rem;
}

#keyboardInputMaster thead tr th {
  padding: 0.3em 0.3em 0.1em 0.3em;
  background-color: var(--keyboard-bg-header);
  white-space: nowrap;
  text-align: right;
  border-radius: 0.6em 0.6em 0 0;
}

#keyboardInputMaster thead tr th div {
  float: left;
  font-size: 130% !important;
  height: 1.3em;
  font-weight: bold;
  position: relative;
  z-index: 1;
  margin-right: 0.5em;
  cursor: pointer;
  background-color: transparent;
}

#keyboardInputMaster thead tr th div ol {
  position: absolute;
  left: 0;
  top: 90%;
  list-style-type: none;
  height: 9.4em;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--keyboard-bg-dropdown);
  border: 0.1em solid var(--keyboard-bg-header);
  display: none;
  text-align: left;
  width: 12em;
}

#keyboardInputMaster thead tr th div ol li {
  padding: 0.2em 0.4em;
  cursor: pointer;
  white-space: nowrap;
  width: 12em;
}

#keyboardInputMaster thead tr th div ol li.selected {
  background-color: var(--keyboard-bg-selected);
}

#keyboardInputMaster thead tr th div ol li:hover {
  background-color: var(--keyboard-gray-mid);
}

#keyboardInputMaster thead tr th > span,
#keyboardInputMaster thead tr th > strong,
#keyboardInputMaster thead tr th > small,
#keyboardInputMaster thead tr th > big {
  display: inline-block;
  padding: 0 0.3em;
  height: 1.4em;
  line-height: 1.4em;
  border-top: 0.1em solid var(--keyboard-gray-lightest);
  border-right: 0.1em solid #5d5d5d;
  border-bottom: 0.1em solid #5d5d5d;
  border-left: 0.1em solid var(--keyboard-gray-lightest);
  background-color: var(--neutral-light);
  cursor: pointer;
  margin: 0 0 0 0.3em;
  border-radius: 0.3em;
  vertical-align: middle;
  transition: background-color 0.15s ease-in-out;
}

#keyboardInputMaster thead tr th > strong > big {
  font-weight: bold;
  font-size: 150%;
  vertical-align: middle;
  line-height: 0;
}

#keyboardInputMaster thead tr th > small {
  border-radius: 0.3em 0 0 0.3em;
  border-right: 0.1em solid #aaaaaa;
  padding-right: 0.2em;
}

#keyboardInputMaster thead tr th > big {
  border-radius: 0 0.3em 0.3em 0;
  border-left: 0 none;
  margin: 0;
  padding-left: 0.2em;
}

#keyboardInputMaster thead tr th > span:hover,
#keyboardInputMaster thead tr th > strong:hover,
#keyboardInputMaster thead tr th > small:hover,
#keyboardInputMaster thead tr th > big:hover {
  background-color: var(--keyboard-gray-mid);
}

#keyboardInputMaster tbody tr td {
  text-align: left;
  padding: 0.2em 0.3em 0.3em 0.3em;
  vertical-align: top;
}

#keyboardInputMaster tbody tr td div {
  text-align: center;
  position: relative;
  zoom: 1;
}

#keyboardInputMaster tbody tr td table {
  white-space: nowrap;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

#keyboardInputMaster tbody tr td#keyboardInputNumpad table {
  margin-left: 0.2em;
  width: auto;
}

#keyboardInputMaster tbody tr td table.keyboardInputCenter {
  width: auto;
  margin: 0 auto;
}

#keyboardInputMaster tbody tr td table tbody tr td {
  vertical-align: middle;
  padding: 0 0.45em;
  white-space: pre;
  height: 1.8em;
  font-family: "Lucida Console", "Arial Unicode MS", monospace;
  border-top: 0.1em solid var(--keyboard-gray-lightest);
  border-right: 0.1em solid #5d5d5d;
  border-bottom: 0.1em solid #5d5d5d;
  border-left: 0.1em solid var(--keyboard-gray-lightest);
  background-color: var(--keyboard-gray-light);
  cursor: default;
  min-width: 0.75em;
  border-radius: 0.2em;
  transition: background-color 0.15s ease-in-out;
}

#keyboardInputMaster tbody tr td table tbody tr td.last {
  width: 99%;
}

#keyboardInputMaster tbody tr td table tbody tr td.space {
  padding: 0 4em;
}

#keyboardInputMaster tbody tr td table tbody tr td.deadkey {
  background-color: #ccccdd;
}

#keyboardInputMaster tbody tr td table tbody tr td.target {
  background-color: #ddddcc;
}

#keyboardInputMaster tbody tr td table tbody tr td:hover {
  border-top: 0.1em solid #d5d5d5;
  border-right: 0.1em solid #555555;
  border-bottom: 0.1emsolid #555555;
  border-left: 0.1em solid #d5d5d5;
  background-color: var(--neutral-light);
}

#keyboardInputMaster thead tr th span:active,
#keyboardInputMaster thead tr th span.pressed,
#keyboardInputMaster tbody tr td table tbody tr td:active,
#keyboardInputMaster tbody tr td table tbody tr td.pressed {
  border-top: 0.1em solid #555555 !important;
  border-right: 0.1em solid #d5d5d5;
  border-bottom: 0.1em solid #d5d5d5;
  border-left: 0.1em solid #555555;
  background-color: var(--neutral-light);
}

#keyboardInputMaster tbody tr td table tbody tr td small {
  display: block;
  text-align: center;
  font-size: 0.6em !important;
  line-height: 1.1em;
}

#keyboardInputMaster tbody tr td div label {
  position: absolute;
  bottom: 0.2em;
  left: 0.3em;
}

#keyboardInputMaster tbody tr td div label input {
  background-color: var(--keyboard-bg-dropdown);
  vertical-align: middle;
  font-size: inherit;
  width: 1.1em;
  height: 1.1em;
}

#keyboardInputMaster tbody tr td div var {
  position: absolute;
  bottom: 0;
  right: 0.3em;
  font-weight: bold;
  font-style: italic;
  color: var(--keyboard-gray-dark);
}

#keyboardInputMaster #keyboardInputNumpadBksp,
#keyboardInputMaster.numpadOnly #keyboardInputSelect,
#keyboardInputMaster.numpadOnly #keyboardInputNumpadToggle,
#keyboardInputMaster.numpadOnly #keyboardInputKeyboard,
#keyboardInputMaster.numpadOnly #keyboardInputNumpad td {
  display: none;
}

#keyboardInputMaster.numpadOnly #keyboardInputNumpadBksp {
  display: inline-block;
}

#keyboardInputMaster.numpadOnly #keyboardInputNumpad table {
  margin-left: auto;
  margin-right: auto;
}

#keyboardInputMaster.numpadOnly > thead > tr > th > * {
  font-size: 125%;
}

#keyboardInputMaster.numpadOnly #keyboardInputNumpad td.digit,
#keyboardInputMaster.numpadOnly #keyboardInputNumpad.showNegative td.negative,
#keyboardInputMaster.numpadOnly #keyboardInputNumpad.showDecimal td.decimal {
  display: table-cell;
  font-size: 200%;
  padding: 0 0.9em;
}

.keyboardInputInitiator {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0.5rem;
  margin: 0;
}

/*Multi Select Dropdown CSS*/
.etds-custom-multi-select {
  /* Trigger container 
  .custom-trigger {
  border: 1px solid #1A73E8;
  padding: 6px 10px;
  min-height: 40px;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  }*/
  /* Placeholder text */
  /* Chip container */
  /* Individual chip */
}
.etds-custom-multi-select .custom-trigger {
  border: 0.0625rem solid var(--dark-variant-4);
  padding: 0.3125rem 0.625rem;
  border-radius: 0.25rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.etds-custom-multi-select .custom-trigger .arrow-open {
  padding-top: 0.125rem;
}
.etds-custom-multi-select .custom-trigger .arrow-close {
  padding-right: 0.25rem;
  padding-bottom: 0.125rem;
}
.etds-custom-multi-select .custom-trigger .placeholder-text {
  color: #6c757d;
}
.etds-custom-multi-select .selected-chips {
  display: flex;
  gap: 0.375rem;
  overflow: auto;
  scrollbar-width: thin;
}
.etds-custom-multi-select .chip-item {
  padding: 0.25rem 0.75rem;
  background-color: var(--secondary-variant-3);
  border-radius: 3rem;
  font-size: var(--body-font-3-size);
  font-weight: 400;
  color: var(--font-color-basic);
  white-space: nowrap;
}

.multi-select-custom-menu {
  position: absolute;
  top: 100%;
  left: 0px;
  z-index: 9999;
  width: -webkit-fill-available;
  margin-top: 8px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(230, 230, 230);
  border-radius: 6px;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 6px 18px;
  overflow: hidden;
}
.multi-select-custom-menu .focused-option {
  border-radius: 0.25rem;
  outline: 0.125rem solid var(--primary-variant-9);
}
.multi-select-custom-menu .view-all {
  background: none;
  border: none;
  color: #0070e0;
  font-size: 18px;
  text-decoration: underline;
  cursor: pointer;
  padding: 4px 6px;
}
.multi-select-custom-menu .view-all-section {
  border-bottom: 1px solid #f1f1f1;
  padding: 10px;
}
.multi-select-custom-menu .button-section button {
  outline-offset: 0.125rem;
}
.multi-select-custom-menu .item-list-section {
  outline-offset: -0.125rem;
}
.multi-select-custom-menu .menu-list-section {
  max-height: 240px;
  overflow-y: auto;
  padding: 8px 0px;
}
.multi-select-custom-menu .menu-list-section ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.multi-select-custom-menu .menu-list-section ul li span {
  font-size: 18px;
}

.multi-select-custom-menu {
  position: absolute;
  left: 0;
  z-index: 9999;
}

/* OPEN DOWNWARD */
.multi-select-custom-menu.dropdown-down {
  top: 100%;
  bottom: auto;
}

/* OPEN UPWARD */
.multi-select-custom-menu.dropdown-up {
  bottom: 100%;
  top: auto;
}

.subject-list .subject-item[disabled] {
  opacity: 0.5;
}

@media (min-resolution: 192dpi), (min-resolution: 2dppx) {
  .etds-custom-multi-select .custom-trigger {
    max-height: 37px;
    overflow-y: auto;
    scrollbar-width: none;
  }
  .etds-custom-multi-select .custom-trigger::-webkit-scrollbar {
    display: none;
  }
  .multi-select-custom-menu .menu-list-section {
    max-height: 160px;
  }
}
html[data-contrast=on] .multi-select-custom-menu .view-all {
  color: white;
}
html[data-contrast=on] .multi-select-custom-menu {
  background: black;
  border: none;
}
html[data-contrast=on] .view-all-section {
  border-color: var(--dark-variant-4) !important;
}
html[data-contrast=on] .button-section {
  border-color: var(--dark-variant-4) !important;
}
html[data-contrast=on] li.item-list-section.focused-option, html[data-contrast=on] li.item-list-section.selected-option {
  background-color: var(--neutral-stroke-5) !important;
}

[data-tg-tour] {
  scroll-margin: 30px 0;
}

.tg-backdrop {
  position: absolute;
  align-items: center;
  justify-content: center;
  display: none;
  z-index: 99;
  border-radius: 7px;
  box-shadow: rgba(33, 33, 33, 0.8) 0 0 1px 2px, rgba(33, 33, 33, 0.8) 0 0 0 1000vh;
  border: 1px solid rgba(193, 192, 232, 0.5);
  top: 50vh;
  left: 50vw;
  width: 0;
  height: 0;
}

.tg-backdrop.tg-backdrop-animate {
  transition: all 300ms;
}

.tg-backdrop.allow-interaction {
  pointer-events: none;
}

.tg-dialog {
  border-radius: 12px;
  animation-delay: 100ms;
  min-height: 120px;
  background: var(--primary-variant-6);
  color: var(--neutral-1000-3);
  max-width: 340px;
  width: max-content;
  z-index: 9999;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  font-size: 0.9rem;
}

.tg-dialog .tg-dialog-header {
  display: flex;
  align-items: center;
  padding: 25px 25px 0 25px;
}

.tg-dialog .tg-dialog-header .tg-dialog-title {
  font-size: 1rem;
  font-weight: 700;
  margin-right: auto;
}

.tg-dialog .tg-dialog-header .tg-dialog-title + .tg-dialog-body {
  padding: 18.75px 25px 18.75px 25px;
}

.tg-dialog .tg-dialog-header .tg-dialog-close-btn {
  width: 12px;
  height: 12px;
  margin-left: 10px;
  opacity: 0.4;
  cursor: pointer;
  white-space: nowrap;
}

.tg-dialog .tg-dialog-header .tg-dialog-close-btn:hover {
  opacity: 8;
}

.tg-dialog .tg-dialog-header .tg-dialog-close-btn:focus {
  opacity: 1;
}

.tg-dialog .tg-dialog-header .tg-dialog-spinner {
  display: none;
  opacity: 0.4;
  margin-top: -1px;
  -webkit-animation: tg-spin 1s linear infinite;
  -moz-animation: tg-spin 1s linear infinite;
  -o-animation: tg-spin 1s linear infinite;
  animation: tg-spin 1s linear infinite;
}

@keyframes tg-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.tg-dialog .tg-dialog-progress-bar {
  background: var(--neutral-150);
  height: 5px;
  display: block;
  margin-top: 18.75px;
  position: relative;
}

.tg-dialog .tg-dialog-progress-bar > .tg-bar {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 4px;
  background: var(--neutral-850);
  height: 100%;
  display: block;
  transition: all 300ms;
}

.tg-dialog .tg-dialog-body {
  padding: 25px;
  font-weight: 400;
}

.tg-dialog .tg-dialog-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 0;
  margin-bottom: 10px;
  border-top: 1px solid var(--neutral-225);
  border-bottom: 1px solid var(--neutral-225);
}

.tg-dialog .tg-dialog-dots > span.tg-dot {
  display: inline-block;
  width: 9px;
  height: 9px;
  background: var(--neutral-350);
  border-radius: 12px;
  margin: 0 4px;
}

.tg-dialog .tg-dialog-dots > span.tg-dot.tg-dot-active {
  background: var(--primary-650);
}

.tg-dialog .tg-dialog-footer {
  padding: 12.5px 25px 25px 25px;
  display: flex;
  align-items: center;
}

.tg-dialog .tg-dialog-footer button.tg-dialog-btn {
  padding: 5px 10px;
  border: 1px solid var(--neutral-375);
  color: var(--neutral-820);
  border-radius: 4px;
  font-weight: 500;
  font-size: 0.82rem;
  white-space: nowrap;
}

.tg-dialog .tg-dialog-footer button.tg-dialog-btn + button {
  margin-left: auto;
}

.tg-dialog .tg-dialog-footer button.tg-dialog-btn.disabled {
  pointer-events: none;
  opacity: 0.6;
}

.tg-dialog .tg-dialog-footer button.tg-dialog-btn:hover {
  color: var(--neutral-950);
  border: 1px solid var(--neutral-300-alt);
  outline: none;
  box-shadow: none;
}

.tg-dialog .tg-dialog-footer button.tg-dialog-btn:focus {
  box-shadow: none;
}

.tg-dialog .tg-dialog-footer button.tg-dialog-btn:active {
  color: var(---primary-950);
  background: var(--background-lightest-blue);
  border: 1px solid var(--primary-650);
  outline: none;
  box-shadow: none;
}

.tg-dialog .tg-dialog-footer .tg-dialog-footer-sup {
  margin: 0 auto;
  padding: 0 10px;
  text-align: center;
  line-height: 1;
}

.tg-dialog .tg-dialog-footer .tg-dialog-footer-sup .tg-step-progress {
  font-size: 0.78rem;
  font-weight: 700;
  margin: 0 auto;
  opacity: 0.4;
  letter-spacing: 1px;
  display: inline-block;
}

.tg-dialog .tg-dialog-footer .tg-dialog-footer-sup .tg-dialog-dots {
  padding: 0;
  margin: 0;
  border: none;
}

.tg-dialog .tg-dialog-footer .tg-dialog-footer-sup .tg-dialog-dots > span.tg-dot {
  width: 8px;
  height: 8px;
  margin: 0 3px;
}

.tg-dialog .tg-dialog-footer .tg-dialog-footer-sup .tg-dialog-dots + .tg-step-progress {
  margin-top: 10px;
  font-size: 0.68rem;
}

.tg-dialog .tg-arrow {
  position: absolute;
  background: var(--primary-variant-6);
  width: 9px;
  height: 9px;
  border-radius: 1px;
  transform: rotate(45deg);
}

.tg-dialog.tg-dialog-fixed {
  transition: none;
  animation-delay: 0ms;
}

.tg-dialog.animate-position {
  transition: all 300ms;
}

.tg-dialog.tg-dialog-loading .tg-dialog-header .tg-dialog-title {
  opacity: 0.4;
}

.tg-dialog.tg-dialog-loading .tg-dialog-header .tg-dialog-close-btn {
  display: none;
}

.tg-dialog.tg-dialog-loading .tg-dialog-header .tg-dialog-spinner {
  display: inline-block;
}

.tg-dialog.tg-dialog-loading .tg-dialog-body {
  opacity: 0.4;
  pointer-events: none;
}

.tg-dialog.tg-dialog-loading .tg-dialog-footer {
  pointer-events: none;
  opacity: 0.4;
}

.tg-no-interaction * {
  pointer-events: none !important;
  user-select: none !important;
}

.tg-no-interaction .tg-dialog,
.tg-no-interaction .tg-active-element,
.tg-dialog *,
.tg-active-element * {
  pointer-events: auto !important;
  user-select: text !important;
}

:root {
  --able-white:#fff;
  --able-black:#000;
  --able-transparent-gray:#00000077;
  --able-medium-light-gray:#a8a8a8;
  --able-light-gray:#dadada;
  --able-very-light-gray:#eee;
  --able-off-white:#fdfdfd;
  --able-dark-gray:#262626;
  --able-medium-dark-gray:#333;
  --able-medium-dark-gray2:#464646;
  --able-medium-gray:#666;
  --able-bright-yellow:#ff6;
  --able-light-yellow:#ffc;
  --able-bright-orange:#f90;
  --able-light-orange:#ffbb37;
  --able-bright-green:#8ab839;
  --able-light-pink:#fee;
}

.able-chapters-div, .able-modal-dialog, .able-modal-overlay, .able-playlist, .able-search-results, .able-transcript-area, .able-wrapper {
  --able-base-control-size:24px;
  --able-color:var(--able-white);
  --able-control-background:var(--able-black);
  --able-control-color:var(--able-white);
  --able-big-play-background:var(--able-transparent-gray);
  --able-alert-button-color:var(--able-black);
  --able-seekbar-border:var(--able-medium-light-gray);
  --able-seekbar-background:var(--able-black);
  --able-seekbar-loaded:var(--able-medium-gray);
  --able-seekbar-played:var(--able-light-gray);
  --able-seekbar-head:var(--able-off-white);
  --able-control-label-color:var(--able-white);
  --able-controller-background:var(--able-medium-dark-gray2);
  --able-separator-color:var(--able-medium-light-gray);
  --able-volume-background:var(--able-black);
  --able-volume-outline:var(--able-medium-gray);
  --able-statusbar-color:var(--able-light-gray);
  --able-statusbar-background:var(--able-black);
  --able-default-caption-color:var(--able-white);
  --able-default-caption-background:var(--able-black);
  --able-default-description-color:var(--able-bright-yellow);
  --able-default-description-background:var(--able-dark-gray);
  --able-description-border:var(--able-medium-gray);
  --able-now-playing-color:var(--able-white);
  --able-now-playing-background:var(--able-black);
  --able-modal-color:var(--able-black);
  --able-modal-background:var(--able-off-white);
  --able-modal-overlay:var(--able-transparent-gray);
  --able-modal-border:3px solid var(--able-light-gray);
  --able-drag-outline:var(--able-bright-orange);
  --able-sign-background:var(--able-white);
  --able-sign-border:var(--able-black);
  --able-resizable-color:var(--able-medium-gray);
  --able-chapter-background:transparent;
  --able-chapter-color:var(--able-black);
  --able-current-chapter-background:var(--able-black);
  --able-current-chapter-color:var(--able-white);
  --able-focus-outline:var(--able-light-orange);
  --able-hover-outline:var(--able-bright-green);
  --able-tooltip-border:var(--able-dark-gray);
  --able-tooltip-color:var(--able-medium-dark-gray);
  --able-tooltip-background:var(--able-very-light-gray);
  --able-alert-background:var(--able-light-yellow);
  --able-menu-border:var(--able-dark-gray);
  --able-menu-background:var(--able-black);
  --able-menu-outline:var(--able-medium-gray);
  --able-menu-color:var(--able-white);
  --able-menu-focus-background:var(--able-very-light-gray);
  --able-menu-focus-color:var(--able-black);
  --able-transcript-background:var(--able-white);
  --able-cue-audio-description-background:var(--able-light-pink);
  --able-cue-audio-description-color:var(--able-dark-gray);
  --able-cue-highlighted-background:var(--able-black);
  --able-cue-highlighted-color:var(--able-white);
  --able-cue-interacting-background:var(--able-light-yellow);
  --able-cue-interacting-color:var(--able-black);
  --able-playlist-item-background:var(--able-off-white);
  --able-playlist-item-color:var(--able-black);
  --able-playlist-item-button-color:var(--able-black);
  --able-search-results-button-background:var(--able-white);
  --able-search-results-button-color:var(--able-black);
  --able-playlist-current-background:var(--able-white);
  --able-playlist-current-border:var(--able-dark-gray);
  --able-playlist-current-outline:var(--able-medium-dark-gray);
  --able-playlist-current-active-color:var(--able-black);
  --able-playlist-current-active-background:var(--able-white);
  --able-search-term-background:var(--able-light-yellow);
  --able-search-term-color:var(--able-black);
}

.able-black-controls {
  --able-control-background:#fff!important;
  --able-control-color:#000!important;
}

.able-chapters-div, .able-modal-dialog, .able-playlist, .able-search-results, .able-transcript-area, .able-wrapper {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.able-chapters-div, .able-chapters-div *, .able-playlist, .able-playlist *, .able-wrapper, .able-wrapper * {
  box-sizing: border-box;
}

.able-wrapper {
  position: relative;
  margin: 0 auto;
  padding: 0;
  max-width: 100%;
  height: auto;
  text-align: start;
}

.able {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  z-index: 5000;
  display: grid;
}

.able-player-transcript .able-window-toolbar input, .able-wrapper .able input {
  margin: 0;
  padding: 2px 4px;
}

.able-control-row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  padding: 8px 9px 8px;
  gap: 4px;
}

.able-pipe {
  position: relative;
  top: -2px;
  color: var(--able-separator-color);
  margin: 0 6px;
}

.able .able-vidcap-container {
  left: 0;
  margin: 0;
  position: relative;
  top: 0;
}

.able .able-audcap-container {
  position: relative;
  margin: 0;
  padding: 0.5rem;
  min-height: 3.2rem;
}

.able-offscreen, .able-screenreader-alert, .able-transcript .able-hidden {
  border: 0;
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.able-media-container audio {
  display: none !important;
}

.able-controller {
  position: relative;
  background-color: var(--able-controller-background);
  padding: 0 4px;
}

.able-audio .able-controller {
  padding-top: 8px;
}

.able-skin-legacy .able-controller {
  padding: 0;
}

.able-poster {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: auto !important;
}

.able .able-vidcap-container {
  overflow: visible;
}

.able .able-vidcap-container video {
  max-width: 100%;
  display: block;
}

.able-media-container iframe, .able-sign-window iframe {
  max-width: 100% !important;
  display: block !important;
}

.able-wrapper .able button.able-big-play-button {
  position: absolute;
  color: var(--able-control-color);
  background-color: var(--able-big-play-background);
  background: var(--able-big-play-background);
  border: none;
  outline: 0;
  left: 0;
  top: 0;
  padding: 0;
  z-index: 6500;
  opacity: 0.75;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.able-audio-wrapper {
  display: flex;
  gap: 4px;
  align-items: center;
  padding: 4px;
  background: var(--able-control-background);
}

.able-audio-wrapper img {
  max-width: 120px;
}

.able-audio-wrapper .able-audio {
  flex: 1;
}

.able-wrapper .able button.able-big-play-button:focus, .able-wrapper .able button.able-big-play-button:hover {
  opacity: 100;
}

.able-big-play-button svg {
  background-color: var(--able-control-background);
  padding: 1rem;
  width: 8rem;
  height: 8rem;
  max-width: 140px;
  max-height: 140px;
  border-radius: 8px;
}

.able-big-play-button:focus svg, .able-big-play-button:hover svg {
  outline: 3px solid;
}

.able-left-controls, .able-right-controls {
  overflow: visible;
  display: flex;
  gap: 3px;
  align-items: center;
  flex-wrap: wrap;
}

.able-skin-legacy .able-left-controls, .able-skin-legacy .able-right-controls {
  width: fit-content;
}

.able-controller, .able-controller button, .able-controller div[role=button] {
  color: var(--able-control-color);
}

.able-controller .able-alert button {
  color: var(--able-alert-button-color) !important;
}

.able-controller .able-seekbar {
  border: 1px solid var(--able-seekbar-border);
}

.able-controller div[role=button] {
  background: 0 0;
  position: relative;
  padding: 2px;
  min-width: var(--able-base-control-size);
  min-height: var(--able-base-control-size);
  width: 1rem;
  height: 1rem;
  border: none;
  overflow: visible !important;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 6600;
  border-radius: 3px;
}

.able-controller div.able-button-handler-play[role=button] {
  padding: 4px;
}

.able-controller .buttonOff {
  opacity: 0.5;
}

.able-seekbar-wrapper {
  display: block;
  width: 100%;
  padding: 6px 12px;
}

.able-skin-legacy .able-seekbar-wrapper {
  padding: 0;
}

.able-seekbar {
  display: flex;
  align-items: center;
  position: relative;
  height: 0.5rem;
  border: 1px solid;
  background-color: var(--able-seekbar-background);
  z-index: 6500;
}

.able-seekbar-loaded {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: var(--able-seekbar-loaded);
  z-index: 5100;
}

.able-seekbar-played {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: var(--able-seekbar-played);
  z-index: 5200;
}

.able-seekbar-head {
  display: inline-block;
  position: relative;
  left: 0;
  background-color: var(--able-seekbar-head);
  min-width: var(--able-base-control-size);
  min-height: var(--able-base-control-size);
  width: 0.875rem;
  height: 0.875rem;
  border-radius: 100%;
  z-index: 5500;
}

.able-volume-slider {
  height: 120px;
  background-color: var(--able-volume-background);
  outline: 1px solid var(--able-volume-outline);
  margin: 0;
  padding: 8px;
  position: absolute;
  right: 0;
  display: block;
  z-index: 9100;
}

.able-volume-help {
  display: none;
}

.able-volume-slider input[type=range] {
  appearance: slider-vertical;
  writing-mode: bt-rl;
  width: 28px;
  height: 100%;
  background: 0 0;
}

.able-volume-slider input[type=range]::-moz-range-track {
  border: 1px solid #fff;
  width: 7px;
  cursor: pointer;
  background: #000;
}

input[type=range]::-moz-range-thumb {
  background-color: var(--able-control-color);
  outline: 1px solid var(--able-volume-outline);
  outline-offset: -2px;
  height: var(--able-base-control-size);
  width: var(--able-base-control-size);
  border-radius: 100%;
}

.able-status-bar {
  color: var(--able-statusbar-color);
  font-size: 0.875rem;
  padding: 8px 12px;
  gap: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--able-statusbar-background);
}

.able-status-bar span.able-timer {
  text-align: start;
}

.able-status-bar span.able-speed {
  text-align: center;
}

.able-status {
  font-style: italic;
  text-align: end;
}

div.able-captions-wrapper {
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  display: block;
  z-index: 6000;
}

div.able-captions-wrapper:not(.able-captions-overlay) {
  padding: 0;
}

div.able-captions {
  display: none;
  padding: 4px 6px;
  line-height: 1.4;
  background-color: var(--able-default-caption-background);
  font-size: 1rem;
  color: var(--able-default-caption-color);
  opacity: 0.75;
}

div.able-vidcap-container div.able-captions-overlay {
  position: absolute;
  margin: 0;
  bottom: 12px;
}

div.able-vidcap-container div.able-captions-below {
  position: relative;
  min-height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

div.able-audcap-container.captions-off {
  display: none;
}

div.able-descriptions {
  position: relative;
  color: var(--able-default-description-color);
  background-color: var(--able-default-description-background);
  min-height: 4rem;
  border-top: 1px solid var(--able-description-border);
  margin: 0;
  padding: 12px;
  text-align: center;
}

div.able-now-playing {
  text-align: center;
  font-weight: 700;
  font-size: 1rem;
  padding: 0.5rem 0.5rem 1rem;
  color: var(--able-now-playing-color);
  background: var(--able-now-playing-background);
}

div.able-now-playing span {
  font-size: 0.875rem;
}

div.able-video div.able-now-playing {
  display: none;
}

div.able-modal-dialog {
  position: fixed;
  display: none;
  z-index: 10000;
  max-height: 90%;
  overflow: auto;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  outline: 0 none;
  color: var(--able-modal-color);
  background-color: var(--able-modal-background);
  border: var(--able-modal-border);
  width: fit-content;
  max-width: 95%;
  padding: 1rem;
  box-sizing: border-box;
}

@media screen and (width < 800px) {
  div.able-modal-dialog {
    min-width: 95%;
  }
}
body.able-modal-active {
  overflow: hidden;
}

div.able-modal-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: var(--able-modal-overlay);
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  display: none;
  z-index: 9500;
}

.able-alert button, .able-modal-dialog button {
  all: unset;
  padding: 4px 12px;
  font-size: 1.125rem;
  border: 2px solid;
}

.able-prefs-buttons {
  display: flex;
  gap: 8px;
  margin-top: 1rem;
}

.able-modkey-item.hidden {
  display: none;
}

.able-modal-header {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

.able-modal-dialog .modalCloseButton {
  margin: 0;
  align-self: flex-start;
}

div.able-modal-dialog h1 {
  font-size: 1.5rem;
  line-height: 1.6;
  margin: 0 0 0.5rem;
  order: -1;
}

.able-prefs-form div[role=group] {
  padding: 1rem 0;
  border: none;
}

.able-prefs-form h2 {
  font-weight: 700;
  font-size: 1.1rem;
}

.able-desc-pref-prompt {
  font-weight: 700;
  font-style: italic;
  margin-left: 1rem !important;
}

.able-prefDescFormat > div {
  margin-left: 1.5rem;
}

.able-prefs-captions > div, .able-prefs-descriptions > div {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}

.able-prefs-captions label, .able-prefs-descriptions label {
  text-align: end;
  width: 10rem;
}

.able-prefs-checkbox label {
  width: auto;
}

.able-prefs-captions select, .able-prefs-descriptions select {
  width: 10rem;
}

div.able-prefDescPause {
  margin-top: 1rem;
}

.able-prefs-form div.able-captions-sample {
  padding: 0.5rem;
  text-align: center;
}

.able-prefs-form div.able-desc-sample {
  padding: 0.5rem;
  text-align: center;
  color: #fff;
  background-color: #000;
}

.able-prefs-form h2 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-size: 1.1rem;
}

.able-prefs-form ul {
  margin-top: 0;
}

able-prefs-form-keyboard ul {
  list-style-type: none;
}

span.able-modkey-alt, span.able-modkey-ctrl, span.able-modkey-shift {
  color: #666;
  font-style: italic;
}

span.able-modkey {
  font-weight: 700;
  color: #000;
  font-size: 1.1rem;
}

.able-resize-form h1 {
  font-size: 1.15rem;
}

.able-resize-form div div {
  margin: 1rem 0;
}

.able-resize-form label {
  display: block;
}

.able-resize-form input {
  font-size: 1.25rem;
  padding: 4px;
}

.able-resize-form input[readonly] {
  color: var(--able-separator-color);
}

.able-window-toolbar {
  background-color: var(--able-controller-background);
  color: var(--able-control-color);
  padding: 8px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.able-window-toolbar button {
  order: 1;
}

.able-window-toolbar .autoscroll-transcript {
  order: 3;
  width: fit-content;
  text-wrap: nowrap;
}

.able-window-toolbar .transcript-language-select-wrapper {
  order: 4;
}

.able-window-toolbar .able-drag-handle {
  order: 2;
  width: 100%;
  height: 100%;
}

.able-window-toolbar .able-drag-handle svg {
  height: 12px;
  width: auto;
  margin: 0 auto;
}

.able-window-toolbar .able-drag-handle path {
  fill: var(--able-medium-light-gray);
}

.able-draggable:hover .able-drag-handle path {
  fill: var(--able-very-light-gray);
}

.able-window-toolbar > div {
  display: flex;
}

.able-window-toolbar button {
  color: var(--able-control-color);
}

.able-window-toolbar .able-button-handler-preferences svg {
  min-width: var(--able-base-control-size);
  min-height: var(--able-base-control-size);
  height: 1rem;
  width: 1rem;
}

.able-draggable .able-drag-handle:hover {
  cursor: move;
}

.able-window-toolbar .able-button-handler-preferences {
  background-color: transparent;
  border: none;
  outline: 0;
  padding: 0;
  z-index: 9300;
}

.able-window-toolbar .able-button-handler-preferences img {
  display: block;
}

.able-window-toolbar .able-popup {
  position: absolute;
  cursor: default;
  left: 0;
  top: 0;
  display: block;
  border-radius: 0 0 5px 5px;
  background: var(--able-controller-background);
}

.able-drag {
  outline: 3px dashed var(--able-drag-outline);
  outline-offset: 2px;
  cursor: move;
}

.able-resizable {
  position: absolute;
  width: 24px;
  height: 24px;
  bottom: 0;
  right: 0;
  padding: 1px;
  cursor: nwse-resize;
}

.able-resizable svg line {
  stroke: var(--able-resizable-color);
  stroke-width: 2px;
}

.able-sign-window {
  position: relative;
  z-index: 8000;
  background: var(--able-sign-background);
  border: 1px solid var(--able-sign-border);
}

.fade-out {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 2s, opacity 2s linear;
}

.fade-in {
  visibility: visible;
  opacity: 1;
  transition: opacity 1s linear;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.able-sign-window video {
  width: 100%;
  display: block;
}

.able-sign-window .able-resizable {
  background: rgba(0, 0, 0, 0.2);
  background: linear-gradient(to bottom right, transparent 0, transparent 51%, rgba(255, 255, 255, 0.2) 51%, rgba(255, 255, 255, 0.2) 100%);
  border-top-left-radius: 20px;
}

.able-sign-window:hover .able-resizable {
  background: var(--able-very-light-gray);
  background: linear-gradient(to bottom right, transparent 0, transparent 51%, rgba(255, 255, 255, 0.9333333333) 51%, rgba(255, 255, 255, 0.9333333333) 100%);
}

.able-sign-window.able-fixed video {
  margin: 0;
  display: block;
}

.able-sign-window:focus {
  outline: 0;
}

div.able-chapters-div {
  padding: 0;
  max-width: 100%;
}

div.able-chapters-div .able-chapters-heading {
  margin: 8px;
  font-size: 1.125rem;
  font-weight: 700;
}

div.able-chapters-div ul, div.able-chapters-div ul li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

div.able-chapters-div button {
  all: unset;
  width: 100%;
  height: 100%;
  border: none;
  background-color: var(--able-chapter-background);
  color: var(--able-chapter-color);
  font-size: 1rem;
  text-align: start;
  padding: 8px;
  box-sizing: border-box;
}

div.able-chapters-div li.able-current-chapter button {
  background-color: var(--able-current-chapter-background);
  color: var(--able-current-chapter-color);
}

div.able-chapters-div button:focus {
  border: 0;
  outline: 2px solid var(--able-focus-outline);
  outline-offset: 2px;
}

div.able-chapters-div button:hover {
  outline: 2px solid var(--able-hover-outline);
  outline-offset: 2px;
}

div.able-wrapper.fullscreen {
  margin: 0 !important;
  position: fixed !important;
  top: 0 !important;
  background: 0 0 !important;
}

.able-tooltip {
  position: absolute;
  padding: 4px 8px;
  border: 1px solid var(--able-tooltip-border);
  color: var(--able-tooltip-color) !important;
  background-color: var(--able-tooltip-background);
  border-radius: 3px;
  display: block;
  font-size: 0.875rem;
}

.able .able-alert {
  border: none;
}

.able-alert {
  background-color: var(--able-alert-background);
  z-index: 9400;
  padding: 4px 8px;
  position: absolute;
  height: fit-content;
  width: 100%;
  border: 1px solid;
  border-radius: 0;
  border-left-width: 0;
  border-right-width: 0;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  bottom: 0;
  left: 0;
}

.able-popup {
  z-index: 9200;
}

.able-tooltip {
  z-index: 9500;
}

.able ul.able-popup, ul.able-popup {
  position: absolute;
  margin: 0;
  padding: 0;
  padding-inline-start: 0;
  list-style-type: none;
  border-width: 1px;
  border-color: var(--able-menu-border);
  background-color: var(--able-menu-background);
  outline: 1px solid var(--able-menu-outline);
  color: var(--able-menu-color);
  opacity: 0.95;
  border-radius: 4px;
  display: grid;
  cursor: default;
  width: auto;
}

.able ul.able-popup li, ul.able-popup li {
  padding: 4px 16px;
  margin: 0;
  width: auto;
}

.able ul.able-popup li:first-of-type, ul.able-popup li:first-of-type {
  border-radius: 4px 4px 0 0;
}

.able ul.able-popup li:last-of-type, ul.able-popup li:last-of-type {
  border-radius: 0 0 4px 4px;
}

.able ul.able-popup li.able-focus, ul.able-popup li.able-focus {
  background-color: var(--able-menu-focus-background);
  color: var(--able-menu-focus-color);
}

.able-popup-captions li[aria-checked=true]::before {
  content: "✓"/"";
  margin-right: 4px;
}

.able-transcript-area {
  border-width: 1px;
  border-style: solid;
  z-index: 7000;
  padding-bottom: 25px;
  background-color: var(--able-transcript-background);
}

.able-transcript {
  position: relative;
  overflow-y: scroll;
  padding-left: 1rem;
  padding-right: 1rem;
  background-color: #fff;
  height: 350px;
}

.able-transcript div {
  margin: 1rem 0;
}

.able-transcript-heading {
  font-size: 1.375rem;
  font-weight: 700;
  margin: 0.5rem 0;
  padding: 0;
}

.able-transcript-chapter-heading {
  font-size: 1.125rem;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

.able-transcript div.able-transcript-desc {
  background-color: var(--able-cue-audio-description-background);
  color: var(--able-cue-audio-description-color);
  border: 1px solid;
  font-style: italic;
  padding: 0.5rem;
}

.able-transcript .able-unspoken {
  font-weight: 700;
}

.able-highlight, .able-highlight span:active, .able-highlight span:focus, .able-highlight span:hover {
  background-color: var(--able-cue-highlighted-background) !important;
  color: var(--able-cue-highlighted-color) !important;
  padding: 0.25rem 0.1rem;
  border: none;
  outline: 0;
}

.able-transcript span:active, .able-transcript span:focus, .able-transcript span:hover {
  background: var(--able-cue-interacting-background);
  color: var(--able-cue-interacting-color);
  border: none;
  outline: 0;
  border-bottom: 1px solid;
  cursor: pointer;
}

.able-window-toolbar label {
  display: inline;
  font-size: 0.875rem;
  margin-right: 0.333rem;
  color: var(--able-control-label-color);
}

.able-window-toolbar .autoscroll-transcript label {
  margin-right: 0;
}

.able-alert button, .able-controller div[role=button], .able-controller input, .able-modal-dialog button, .able-playlist li button, .able-popup li, .able-search-results li button, .able-seekbar-head, .able-window-toolbar .able-button-handler-preferences, .able-window-toolbar input, .able-window-toolbar select, div.able-modal-dialog button, div.able-modal-dialog input {
  outline-style: solid;
  outline-width: 3px;
  outline-color: transparent;
}

.able-alert button:focus, .able-controller div[role=button]:focus, .able-controller input:focus, .able-modal-dialog button:focus, .able-playlist button:focus, .able-search-results li button:focus, .able-seekbar-head:focus, .able-window-toolbar .able-button-handler-preferences:focus, .able-window-toolbar input:focus, .able-window-toolbar select:focus, .able-wrapper .able button.able-big-play-button:focus .icon-play, .able-wrapper .able button.able-big-play-button:focus svg, div.able-modal-dialog button:focus, div.able-modal-dialog input:focus {
  outline-color: var(--able-focus-outline);
}

.able-alert button:hover, .able-controller div[role=button]:hover, .able-controller input:hover, .able-modal-dialog button:hover, .able-playlist li button:hover, .able-popup li:hover, .able-search-results li button:hover, .able-seekbar-head:hover, .able-window-toolbar .able-button-handler-preferences:hover, .able-window-toolbar input:hover, .able-window-toolbar select:hover, .able-wrapper .able button.able-big-play-button:hover .icon-play, .able-wrapper .able button.able-big-play-button:hover svg, div.able-modal-dialog button:hover, div.able-modal-dialog input:hover {
  outline-color: var(--able-hover-outline);
}

.able-playlist, .able-search-results ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: grid;
}

.able-playlist li, .able-search-results li {
  background-color: var(--able-playlist-item-background);
  color: var(--able-playlist-item-color);
  padding: 0;
  margin: 0;
  border: 1px solid;
  width: auto;
  border-bottom: none;
  max-width: 100%;
}

.able-search-results li {
  display: flex;
}

.able-playlist li:first-of-type:not(.able-player.able-playlistli), .able-search-results li:first-of-type {
  border-radius: 5px 5px 0 0;
}

.able-playlist li:last-of-type:not(.able-player.able-playlistli), .able-search-results li:last-of-type {
  border-bottom: 2px solid;
  border-radius: 0 0 5px 5px;
}

.able-playlist li button, .able-search-results li button {
  border: none;
  color: var(--able-playlist-item-button-color);
  background-color: transparent;
  font-size: 0.875rem;
  width: 100%;
  padding: 8px;
  text-align: start;
  display: flex;
  align-items: center;
  gap: 12px;
  outline-offset: -6px;
}

.able-search-results li button {
  outline-offset: -3px;
  border-radius: 4px;
}

.able-search-results li > span {
  font-size: 0.875rem;
  padding: 8px;
}

.able-search-results li button {
  width: fit-content;
  background: var(--able-search-results-button-background);
  color: var(--able-search-results-buttonc-color);
  border-radius: 3px;
  margin: 2px;
}

.able-playlist li button img {
  max-width: 100px;
  max-height: 100px;
  display: block;
}

.able-playlist li.able-current {
  background-color: var(--able-playlist-current-background);
  border-color: var(--able-playlist-current-border);
  outline: 2px solid var(--able-playlist-current-outline);
  outline-offset: -2px;
}

.able-playlist li.able-current button:active, .able-playlist li.able-current button:focus, .able-playlist li.able-current button:hover {
  color: var(--able-playlist-current-active-color);
  background: var(--able-playlist-current-active-background);
}

#able-search-term-echo {
  font-style: italic;
}

button.able-search-results-time {
  font-weight: 700;
  cursor: pointer;
}

#able-search-term-echo, .able-search-term {
  background-color: var(--able-search-term-background);
  color: var(--able-search-term-color);
  font-weight: 700;
}

.able-modal-dialog button svg, .able-modal-dialog div[role=button] svg, .able-wrapper button svg, .able-wrapper div[role=button] svg {
  display: block;
  fill: currentColor;
}

#able-vts-instructions {
  padding: 1rem;
  border: 1px solid #999;
  width: 100%;
  margin: 0 auto 1.5rem;
  box-sizing: border-box;
}

#able-vts fieldset {
  margin: 0 auto 1.5rem;
  border: none;
}

#able-vts fieldset legend {
  color: #000;
  font-weight: 700;
}

#able-vts fieldset div {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}

#able-vts thead tr {
  background: #f0f0f0;
}

#able-vts table {
  border-collapse: collapse;
}

#able-vts table, #able-vts table td, #able-vts table th {
  border: 1px solid #323232;
  padding: 8px;
  color: #323232;
}

#able-vts table td[contenteditable=true]:hover {
  background: #fff;
  color: #333;
}

#able-vts table td[contenteditable=true]:focus-within {
  background: #fff;
  color: #000;
}

#able-vts table td button {
  width: auto;
  padding: 2px;
  margin: 1px;
  display: flex;
  align-items: center;
  float: left;
  color: #323232;
  background: #f6f6f6;
  border-radius: 2px;
}

#able-vts table td button svg {
  width: 22px;
  height: 22px;
}

#able-vts table button:hover svg {
  fill: #c00;
}

tr.kind-subtitles {
  background-color: #fff;
}

tr.kind-descriptions {
  background-color: #fee;
}

tr.kind-chapters {
  background-color: #e6ffe6;
}

.able-vts-dragging {
  background-color: #ffc;
}

div#able-vts-icon-credit {
  font-size: 0.875rem;
}

div#able-vts-alert {
  display: none;
  position: fixed;
  top: 16px;
  left: 16px;
  border: 2px solid #666;
  background-color: var(--able-alert-background);
  color: var(--able-black);
  padding: 1rem;
  z-index: 9400;
}

button#able-vts-save {
  font-size: 1rem;
  padding: 6px 12px;
  border-radius: 4px;
  margin-bottom: 1rem;
  font-weight: 700;
}

button#able-vts-save:focus, button#able-vts-save:hover {
  color: #fff;
  background-color: #060;
}

.able-vts-output-instructions {
  width: 720px;
  max-width: 90%;
}

#able-vts textarea {
  height: 200px;
  width: 720px;
  max-width: 90%;
}

@media (width < 480px) {
  .able-control-row {
    gap: 8px;
  }
  .able-control-row div[role=button] {
    min-width: 32px;
    height: 32px;
  }
  .able-sign-window, .able-transcript-area {
    position: static !important;
    width: 100% !important;
  }
  div.able-captions-wrapper:not(.able-captions-overlay) {
    min-height: 5rem;
  }
}
:root {
  --modal-xl: 1294px;
  --container-max-xl: 1294px;
  --body-font-en: "Noto Sans", sans-serif;
  --body-font-hi: "Noto Sans Devanagari", sans-serif;
  /*From color palate*/
  --primary-50: #f0f7ff;
  --primary-100: #d7dae9;
  --primary-200: #c3c8df;
  --primary-300: #9da4cb;
  --primary-400: #7781b6;
  --primary-650: #5362d9; /* vibrant blue, can replace duplicate 5362d9 */
  --primary-800: #161e49;
  --primary-900: #0c1027;
  --primary-950: #4655cb; /* darker blue accent */
  --primary-blue-color: #00008b;
  --primary-stroke-2: #fafafc;
  --primary-stroke-10: #eaebf4;
  --primary-stroke-30: #bfc4dd;
  --font-color-basic: #1c1d1f;
  /*custom*/
  --surface-light: #f5f5f5;
  --contrast-dark: #4e5056;
  /* Neutrals */
  --neutral-half-white: #e0e0e0;
  --neutral-light: #cccccc;
  --neutral-50: #f9f9f9;
  --neutral-100: #ffffff;
  --neutral-150: #f1f1f1;
  --neutral-225: #dedee7;
  --neutral-250: #d6d6d6;
  --neutral-275: #d9d9d9;
  --neutral-300: #dfe0e2;
  --neutral-300-alt: #b5b7c2;
  --neutral-350: #c2c7ce;
  --neutral-375: #cbcfd5;
  --neutral-400: #bfc1c5;
  --neutral-500: #a9acb1;
  --neutral-800: #616265;
  --neutral-800-2: #61646b;
  --neutral-800-3: #666666;
  --neutral-820: #6f727e;
  --neutral-850: #414144;
  --neutral-950: #464852;
  --neutral-1000: #303133;
  --neutral-1000-2: #333333;
  --neutral-1000-3: #252525;
  --neutral-1200: #000000;
  --neutral-1300: #0c1027;
  --neutral-transparent-50: #ffffff80;
  --neutral-900-blueish: #404f69;
  --neutral-stroke-5: #fbfbfb;
  --neutral-stroke-10: #f6f7f7;
  --neutral-stroke-15: #f2f3f3;
  --neutral-stroke-20: #eeeeef;
  --neutral-stroke-25: #e9eaeb;
  --neutral-stroke-30: #e5e6e8;
  --dark-background: #1a2038;
  --background-muted: #636f83;
  --background-red: #d1604e;
  --background-lightest-blue: #f1f2ff;
  --background-lightest-pink: #ecdefe;
  /* Secondary */
  --secondary-50: #3b82f6;
  --secondary-100: #bad6f2;
  --secondary-200: #8dbbe9;
  --secondary-300: #60a0e0;
  --secondary-400: #3486d8;
  --secondary-600: #065eb6;
  --secondary-700: #05519d;
  --secondary-info-bg-2: #f9fbfe;
  --secondary-info-bg-5: #f3f7fd;
  --secondary-bg-2: #f9fbfe;
  --secondary-bg-5: #f3f7fd;
  --secondary-bg-10: #e6f0fa;
  --secondary-bg-15: #dae9f8;
  --secondary-bg-20: #cde1f5;
  --secondary-bg-25: #c1daf3;
  --secondary-bg-30: #b5d3f1;
  /* Custom / Semantic */
  --semantic-error: #ff0000;
  --text-hover-color: #0056b3;
  --highlight-yellow: #fff837;
  --success-700: #1a7844;
  --success-stroke-20: #d6eedd;
  --keyboard-gray-light: #eeeeee;
  --keyboard-gray-mid: #dddddd;
  --keyboard-gray-dark: #444444;
  --keyboard-gray-darker: #5d5d5d;
  --keyboard-gray-muted: #aaaaaa;
  --keyboard-gray-hover: #d5d5d5;
  --keyboard-gray-active: #555555;
  --keyboard-bg-header: #999999;
  --keyboard-bg-dropdown: #f6f6f6;
  --keyboard-bg-deadkey: #ccccdd;
  --keyboard-bg-target: #ddddcc;
  --keyboard-bg-selected: #ffffcc;
  --light-bg-green: #f5fbf6;
  --light-border-green: #c2e5cb;
  --text-tertiary: #1c1d1f;
  --text-disable-type-1: #a9acb1;
  --text-disable-type-2: #909296;
  --doc-viewer-border-line-color: #d84edb;
  --doc-viewer-text-color: #7e22f5;
  --placeholder-color: #74777a;
  --violet-50: #fcf9ff;
  --violet-150: #e5d3fd;
  --violet-300: #ac72f9;
  --violet-350: #954af7;
  --violet-800: #51169d;
  --status-red-600: #b3261d;
  --neutral-purple-bg-50: #f9f4fe;
  --border-color: #236eb8;
  --input-field-border: #909296;
  --input-active-border: #076bcf;
  --legend-red: #fdc6c6;
  --legend-green: #cfc;
  --she-box:#E5FF0B;
  --she-box-background:#9A0360;
  --she-box-border:#FF75C3;
  --act-type-primary: #7B1FA2;
  --act-type-primary-0:#076bcf;
  --act-type-0: #EEF0F9;
  --act-type-1:#F3E5F5;
  --act-type-2: #E8F5E9;
  --act-type-2-color:#2E7D32;
  --act-type-3:#FEF3F2;
  --act-type-3-color:#B91C1C;
}

html {
  font-size: 16px;
}
html[lang=hi-IN] body {
  font-family: var(--body-font-hi) !important;
}
html[lang=hi-IN] body .btn {
  line-height: 1.5;
}
html body {
  font-family: var(--body-font-en) !important;
  line-height: 1.5;
  color: var(--font-color-basic);
  letter-spacing: 0.12px;
  background-color: var(--background-4);
  font-size: var(--body-font-1-size);
  font-weight: 400;
}
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body .h1,
html body .h2,
html body .h3,
html body .h4,
html body .h5,
html body .h6 {
  line-height: 1.5;
}
html body p {
  font-size: var(--body-font-2-size);
  font-weight: 400;
}
html body a {
  cursor: pointer;
  color: var(--primary);
}
html body a:hover {
  color: var(--primary);
}
html body h1:focus-visible {
  outline: unset !important;
}

.portlet {
  margin: 0;
}
.portlet .portlet-content .portlet-header {
  display: none;
}

.has-edit-mode-menu .single-nav .navbar-nav {
  flex-wrap: wrap;
}

.breadcrumb-wrapper {
  background-color: var(--primary-variant-6);
}
.breadcrumb-wrapper .breadcrumb {
  padding: 1.25rem 0;
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  overflow-x: auto;
  margin-right: 9.5625rem;
}
@media (max-width: 991px) {
  .breadcrumb-wrapper .breadcrumb {
    margin-right: 3.75rem;
  }
}
.breadcrumb-wrapper .breadcrumb .breadcrumb-item {
  font-size: var(--body-font-2-size);
  font-weight: 400;
  flex-shrink: 0;
  margin-left: 0.25rem;
}
.breadcrumb-wrapper .breadcrumb .breadcrumb-item .active {
  color: var(--text-tertiary);
  font-weight: 400;
}
.breadcrumb-wrapper .breadcrumb .breadcrumb-item .breadcrumb-link {
  color: var(--secondary);
  text-decoration: none;
}

.highlight-search-text {
  background-color: yellow;
}

.etds-select__placeholder {
  color: var(--placeholder-color) !important;
  opacity: 1;
}

.text-muted {
  color: var(--placeholder-color) !important;
}

h1,
.h1,
.heading-1 {
  font-size: var(--h1-font-size);
  font-weight: 700;
}

h2,
.h2,
.heading-2 {
  font-size: var(--h2-font-size);
  font-weight: 700;
}

h3,
.h3,
.heading-3 {
  font-size: var(--h3-font-size);
  font-weight: 700;
}

.heading-3-medium {
  font-size: var(--h3-font-size);
  font-weight: 500;
}

h4,
.h4,
.heading-4-bold {
  font-size: var(--h4-font-size);
  font-weight: 700;
}

.heading-4-medium {
  font-size: var(--h4-font-size);
  font-weight: 500;
}

h5,
.h5,
.heading-5 {
  font-size: var(--h5-font-size);
  font-weight: 700;
}

.heading-5-medium {
  font-size: var(--h5-font-size);
  font-weight: 500;
}

.sub-heading-1-bold {
  font-size: var(--sub-heading-1-font-size);
  font-weight: 700;
}

.sub-heading-1-medium {
  font-size: var(--sub-heading-1-font-size);
  font-weight: 500;
}

.sub-heading-2-bold {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 700;
}

.sub-heading-2-medium {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
}

.sub-heading-3-bold {
  font-size: var(--sub-heading-3-font-size);
  font-weight: 700;
}

.sub-heading-3-medium {
  font-size: var(--sub-heading-3-font-size);
  font-weight: 500;
}

.sub-heading-2-regular {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
}

.fs-1 {
  font-size: 1rem !important;
}

.fs-1-25 {
  font-size: 1.25rem !important;
}

.fs-1-5 {
  font-size: 1.5rem !important;
}

.fs-1-75 {
  font-size: 1.75rem !important;
}

.fs-2 {
  font-size: 2rem !important;
}

.body-font-1 {
  font-size: var(--body-font-1-size);
  font-weight: 400;
}

.body-font-2 {
  font-size: var(--body-font-2-size);
  font-weight: 400;
}

.body-font-3 {
  font-size: var(--body-font-3-size);
  font-weight: 400;
}

.cursor-pointer {
  cursor: pointer;
}

.visibility-hidden {
  visibility: hidden;
}

.overflow-visible {
  overflow: visible;
}

.navbar-nav {
  flex-wrap: wrap;
}

img {
  max-width: 100%;
  max-height: 100%;
}

svg[class*=lexicon-icon-etds-] {
  margin: 0;
}

.page-title-wrap .page-editor__no-fragments-state {
  padding: 1rem !important;
}

.pagination-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  background-color: var(--primary-variant-6);
  font-size: var(--body-font-2-size);
  font-weight: 400;
  color: var(--font-color-basic);
  border: 1px solid var(--neutral-300);
  border-radius: 0.25rem;
}
.pagination-wrapper.mobile-view {
  display: none;
  flex-direction: row;
  padding: 0.75rem 1rem;
}
.pagination-wrapper.mobile-view .pagination-first-section {
  width: auto;
  margin: 0;
  border: 0;
}
.pagination-wrapper.mobile-view .pagination-results {
  width: auto;
  border: 0;
  padding: 0;
  margin: 0;
  padding-top: 0.5rem;
}
.pagination-wrapper.mobile-view .pagination-results .part-1 {
  display: none;
}
.pagination-wrapper.mobile-view .pagination-results .vertical-border,
.pagination-wrapper.mobile-view .pagination-results .load-time {
  display: none;
}
.pagination-wrapper.mobile-view .pagination-pages {
  width: auto;
}
.pagination-wrapper.mobile-view .pagination-pages .jump-to-page .go-to {
  margin-right: 0.75rem;
  display: block;
  font-size: var(--body-font-2-size);
  font-weight: 400;
  color: var(--dark-variant-2);
}
.pagination-wrapper.mobile-view .pagination-pages .prev-next-wrap {
  display: none;
}
.pagination-wrapper .vertical-border {
  border-right: 1px solid var(--text-disable-type-2);
}
.pagination-wrapper .pagination-first-section {
  gap: 1.25rem;
}
.pagination-wrapper .pagination-first-section .part-2 {
  margin-left: -1rem;
}
.pagination-wrapper .pagination-results {
  margin: 0;
  padding: 0;
  border: 0;
  color: var(--font-color-basic);
  line-height: 1.5;
}
.pagination-wrapper .load-time {
  font-size: var(--body-font-2-size);
  font-weight: 400;
  color: var(--neutral-800-2);
}
.pagination-wrapper .pagination-pages {
  display: flex;
  align-items: center;
}
.pagination-wrapper .pagination-pages .jump-to-page {
  margin-right: 1rem;
  display: flex;
  align-items: center;
}
.pagination-wrapper .pagination-pages .jump-to-page .go-to {
  display: none;
}
.pagination-wrapper .pagination-pages .jump-to-page input {
  height: 2.25rem;
  width: 2.25rem;
  text-align: center;
  border: 1px solid #acacac;
  border-radius: 0.25rem;
  margin-right: 0.5rem;
  padding-left: 0;
  padding-right: 0;
}
.pagination-wrapper .pagination-pages .jump-to-page input:focus-visible {
  outline: 0.125rem solid var(--primary-variant-9);
  outline-offset: -0.125rem;
}
.pagination-wrapper .pagination-pages .jump-to-page .total-pages {
  text-wrap: nowrap;
}
.pagination-wrapper .pagination-pages .prev-next-wrap {
  display: flex;
  gap: 1rem;
}
.pagination-wrapper .pagination-pages .prev-next-wrap button {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  background: transparent;
  border: 0;
  color: var(--secondary);
  padding: 0.125rem 0.25rem;
  text-decoration: underline;
  text-transform: capitalize;
}
.pagination-wrapper .pagination-pages .prev-next-wrap button:disabled {
  color: #d6d6d6;
  cursor: not-allowed;
}
.pagination-wrapper .pagination-pages .prev-next-wrap button:disabled svg {
  color: #d6d6d6;
}
.pagination-wrapper .pagination-pages .prev-next-wrap button svg {
  color: var(--secondary);
  font-size: 1.25rem;
  margin: 0;
  margin-top: 0.063rem;
}
.pagination-wrapper .pagination-pages .prev-next-wrap .vertical-border {
  display: inline-block;
  background: var(--neutral-300);
  width: 1px;
  margin: 0;
}
.pagination-wrapper .load-time:focus-visible {
  padding: 0 0.25rem;
}

.modal-dialog.modal-dialog-centered {
  min-height: calc(100% - 1rem);
}

.modal-dialog.modal-dialog-centered::before {
  height: calc(100vh - 1rem);
}

@media (min-width: 576px) {
  .modal-dialog.modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
  }
  .modal-dialog.modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
}
.modal .modal-dialog .modal-content {
  border-radius: 0.5rem;
}
.modal .modal-dialog .modal-content .modal-body .etds-modal-title {
  font-size: var(--h5-font-size);
  font-weight: 700;
  color: var(--primary);
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--dark-variant-5);
  margin-bottom: 1.25rem;
}
.modal .modal-dialog .modal-content .modal-body .etds-modal-subtitle {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 700;
  color: var(--primary);
  margin-bottom: 0.5rem;
}
.modal .modal-dialog .modal-content .modal-body .quick-links-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.modal .modal-dialog .modal-content .modal-body .quick-links-list .quick-links-item:not(:last-child) {
  margin-bottom: 1.125rem;
}
.modal .modal-dialog .modal-content .modal-body .quick-links-list .quick-links-item a {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: var(--secondary);
  text-decoration: none;
  padding: 0.125rem 0.25rem;
}
.modal .modal-dialog .modal-content .modal-body .quick-links-list .quick-links-item a svg {
  width: 1.25rem;
  height: 1.25rem;
}
.modal .modal-dialog .modal-content .modal-body .quick-links-list .quick-links-item a svg path {
  fill: var(--secondary);
}
.modal .modal-dialog .modal-content .modal-body .contact-info-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.modal .modal-dialog .modal-content .modal-body .contact-info-list .contact-info-item {
  font-size: var(--button-font-size);
  font-weight: 500;
  color: var(--primary);
}
.modal .modal-dialog .modal-content .modal-body .contact-info-list .contact-info-item svg {
  font-size: 1.25rem;
}
.modal .modal-dialog .modal-content .modal-body .contact-info-list .contact-info-item:not(:last-child) {
  margin-bottom: 0.5rem;
}
.modal .modal-dialog .modal-content .modal-body .contact-info-timimg {
  color: var(--dark-variant-2);
  font-size: var(--body-font-2-size);
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  margin: 0.5rem 0 0 0;
}
.modal .modal-dialog .modal-content .modal-body .contact-info-timimg svg {
  color: var(--neutral-800);
}
.modal .modal-dialog .modal-content .modal-body .react-select-wrapper .etds-select__menu .etds-select__menu-list {
  max-height: min(12rem, 60vh);
}
.modal .modal-dialog .modal-content .modal-footer {
  background-color: var(--primary-variant-5);
  padding: 0.75rem 1.5rem;
  border: 0;
}
.modal.modal-video-gallery .modal-dialog .modal-content {
  overflow: visible !important;
}
.modal.modal-video-gallery .modal-dialog .etds-modal-header {
  padding: 1.5rem 1.5rem 0;
  position: relative;
  margin-bottom: 0;
}
.modal.modal-video-gallery .modal-dialog .etds-modal-header .modal-title {
  font-size: var(--h4-font-size);
  font-weight: 700;
  color: var(--primary);
  padding-bottom: 0.75rem;
  padding-right: 2rem;
  border-bottom: 1px solid var(--dark-variant-5);
  margin-top: 0;
}
.modal.modal-video-gallery .modal-dialog .etds-modal-header .btn-modal-close {
  font-size: 1.5rem;
  color: var(--neutral-800);
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
}
.modal.modal-video-gallery .modal-dialog .modal-body .video-title {
  font-size: var(--body-font-2-size);
  font-weight: 400;
  margin-bottom: 1rem;
}
.modal.modal-video-gallery .modal-dialog .modal-body iframe,
.modal.modal-video-gallery .modal-dialog .modal-body video {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  max-height: calc(100vh - 7.5rem);
}

.modal-backdrop.show {
  opacity: 0.6;
}

.etds-modal-sm .modal-dialog {
  max-width: 407px;
}

.modal-open .modal {
  display: none;
}

.tooltip.clay-tooltip-top .arrow::before, .tooltip.clay-tooltip-top-left .arrow::before, .tooltip.clay-tooltip-top-right .arrow::before {
  border-top-color: var(--neutral-1000);
  border-width: 0.45rem 0.3125rem 0;
  top: 0;
}
.tooltip .tooltip-inner {
  padding: 0.5rem;
  background-color: var(--neutral-1000);
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  font-size: var(--body-font-3-size);
  font-weight: 400;
  color: var(--primary-variant-6);
  max-width: 50rem;
}

/* eTDS Card */
.etds-card {
  border: 1px solid var(--secondary-bg-20);
  border-radius: 0.25rem;
  margin-bottom: 1.5rem;
}
.etds-card .etds-card-heading {
  padding: 0.75rem 1rem;
  background-color: var(--background-4);
  border-radius: 0.25rem 0.25rem 0 0;
}
.etds-card .etds-card-body {
  padding: 1rem;
}
.etds-card.design-2 {
  border-color: var(--background-6);
  background-color: var(--primary-variant-5);
}
.etds-card.design-2 .etds-card-heading {
  background-color: var(--primary-variant-4);
  font-size: var(--sub-heading-1-font-size);
  font-weight: 700;
  color: var(--primary-800);
}
.etds-card.design-2 .etds-card-body .element-a-with-icon {
  padding: 0.5rem 1rem;
  color: var(--primary);
  background: url("../assets/images/etds-open-in-new-tab-1.svg") no-repeat right center;
  padding-right: 1.5rem;
  font-weight: 500;
}

.etds-card-bg-white {
  background-color: var(--neutral-100) !important;
}
.etds-card-bg-white hr {
  margin-top: 0.563rem;
  margin-bottom: 0.5rem;
}

.etds-card-border-with-margin {
  border: 1px solid var(--dark-variant-5);
  border-radius: 0.25rem;
  margin: 1rem;
}

/* eTDS Card */
.react-select-wrapper.etds-select--is-disabled .etds-select__control--is-disabled {
  border-color: var(--dark-variant-5) !important;
  background-color: var(--neutral-stroke-10);
  color: var(--dark-variant-2);
}
.react-select-wrapper .etds-select__control {
  min-height: unset !important;
  height: calc(2.25rem + 1px);
  border-color: var(--dark-variant-4) !important;
  box-shadow: none;
  background-color: var(--primary-variant-6);
}
.react-select-wrapper .etds-select__control.etds-select__control--menu-is-open, .react-select-wrapper .etds-select__control.etds-select__control--is-focused {
  border-color: var(--secondary) !important;
  border-width: 0.125rem;
}
.react-select-wrapper .etds-select__control.etds-select__control--menu-is-open .etds-select__single-value, .react-select-wrapper .etds-select__control.etds-select__control--is-focused .etds-select__single-value {
  color: var(--dark-variant-2) !important;
}
.react-select-wrapper .etds-select__control .etds-select__value-container {
  padding: 0rem 0.5rem;
}
.react-select-wrapper .etds-select__control .etds-select__value-container .etds-select__placeholder {
  font-size: var(--body-font-2-size);
  color: var(--dark-variant-2);
}
.react-select-wrapper .etds-select__control .etds-select__value-container .etds-select__single-value {
  font-size: var(--body-font-2-size);
  color: var(--font-color-basic);
}
.react-select-wrapper .etds-select__control .etds-select__value-container .etds-select__input-container {
  padding-bottom: 0rem;
  padding-top: 0rem;
  margin: 0rem;
}
.react-select-wrapper .etds-select__control .etds-select__indicators .etds-select__indicator-separator {
  display: none;
}
.react-select-wrapper .etds-select__control .etds-select__indicators .etds-select__indicator {
  padding-right: 0.75rem;
}
.react-select-wrapper .etds-select__control .etds-select__indicators .etds-select__indicator .down-arrow-icon {
  font-size: 1.25rem;
  color: var(--neutral-800);
  transition: all 0.5s;
}
.react-select-wrapper .etds-select__control .etds-select__indicators .etds-select__indicator .down-arrow-icon.open {
  transform: rotate(-180deg);
}
.react-select-wrapper .etds-select__menu {
  z-index: 2;
  background-color: var(--primary-variant-6);
}
.react-select-wrapper .etds-select__menu .etds-select__menu-list {
  font-size: var(--body-font-2-size);
  color: var(--font-color-basic);
  max-height: min(18.75rem, 60vh);
}
.react-select-wrapper .etds-select__menu .etds-select__menu-list .etds-select__option {
  padding: 0.75rem 0.75rem 0.75rem 1rem;
  background-color: transparent;
  color: inherit;
}
.react-select-wrapper .etds-select__menu .etds-select__menu-list .etds-select__option.etds-select__option--is-focused {
  background-color: var(--secondary-variant-3);
  color: var(--primary-variant-7);
  outline: 0.125rem solid var(--primary-variant-9) !important;
  outline-offset: -0.125rem;
}
.react-select-wrapper .etds-select__menu .etds-select__menu-list .etds-select__option.etds-select__option--is-selected {
  background-color: var(--secondary);
  color: var(--primary-variant-6);
}
.react-select-wrapper .etds-select__menu .etds-select__menu-list .etds-select__option:hover {
  outline: unset !important;
}

.react-select-wrapper.multi-select .etds-select__control .etds-select__value-container {
  height: 2rem;
  overflow-y: auto;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
  background-color: transparent;
}
.react-select-wrapper.multi-select .etds-select__control .etds-select__value-container::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}
.react-select-wrapper.multi-select .etds-select__control .etds-select__value-container .etds-select__multi-value {
  margin-left: 0.25rem;
  margin-right: 0.5rem;
  background-color: transparent;
}
.react-select-wrapper.multi-select .etds-select__control .etds-select__value-container .etds-select__multi-value .etds-select__multi-value__label {
  padding: 0.25rem 0.75rem;
  background-color: var(--secondary-variant-3);
  border-radius: 3rem;
  font-size: var(--body-font-3-size);
  font-weight: 400;
  color: var(--font-color-basic);
}
.react-select-wrapper.multi-select .etds-select__menu .react-multi-select-options-wrapper {
  border-radius: 0.25rem;
}
.react-select-wrapper.multi-select .etds-select__menu .react-multi-select-options-wrapper .etds-select__menu-list--is-multi {
  border-radius: 0.25rem;
  padding: 0;
  max-height: 184px;
}
.react-select-wrapper.multi-select .etds-select__menu .react-multi-select-options-wrapper .etds-select__menu-list--is-multi .etds-select__option,
.react-select-wrapper.multi-select .etds-select__menu .react-multi-select-options-wrapper .etds-select__menu-list--is-multi div[role=option] {
  padding: 0.75rem 1rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
  color: var(--primary);
  background-color: transparent;
  cursor: pointer;
}
.react-select-wrapper.multi-select .etds-select__menu .react-multi-select-options-wrapper .etds-select__menu-list--is-multi .etds-select__option[aria-selected=true],
.react-select-wrapper.multi-select .etds-select__menu .react-multi-select-options-wrapper .etds-select__menu-list--is-multi div[role=option][aria-selected=true] {
  background-color: var(--secondary-variant-3);
}
.react-select-wrapper.multi-select .etds-select__menu .react-multi-select-options-wrapper .custom-section {
  padding: 0.75rem 1rem;
}
.react-select-wrapper.multi-select .etds-select__menu .react-multi-select-options-wrapper .custom-section.top {
  border-bottom: 1px solid var(--dark-variant-5);
}
.react-select-wrapper.multi-select .etds-select__menu .react-multi-select-options-wrapper .custom-section.bottom {
  border-top: 1px solid var(--dark-variant-5);
}
.react-select-wrapper.multi-select .etds-select__menu .react-multi-select-options-wrapper .custom-section .view-all {
  font-size: var(--body-font-2-size);
  font-weight: 400;
  text-decoration: underline;
  color: var(--secondary);
  cursor: pointer;
}

.india-code-portal-link {
  text-decoration: none;
  background: var(--secondary-variant-3);
  border: 1px solid var(--secondary);
  color: var(--secondary);
  border-radius: 0.25rem;
  padding: 0 1rem;
  height: 3rem;
  display: flex;
  align-items: center;
}
.india-code-portal-link:focus-visible {
  display: flex;
}
.india-code-portal-link .lexicon-icon-etds-india-code-logo {
  width: 2.38rem;
  height: 1.8rem;
  background-image: url("../assets/images/India-Code.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.india-code-portal-link .text {
  color: var(--secondary);
  padding: 0 1.125rem 0 0.75rem;
}
.india-code-portal-link .lexicon-icon-etds-open-in-new-tab-lg {
  font-size: 1.5rem;
}

.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 1;
  -webkit-line-clamp: 1;
}

.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  -webkit-line-clamp: 2;
}

.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 3;
  -webkit-line-clamp: 3;
}

.line-clamp-4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 4;
  -webkit-line-clamp: 4;
}

.line-clamp-5 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 5;
  -webkit-line-clamp: 5;
}

.collections-gap-1 .lfr-layout-structure-item-collection:not(:last-child) {
  margin-bottom: 1rem;
}

.collections-gap-1-5 .lfr-layout-structure-item-collection:not(:last-child) {
  margin-bottom: 1.5rem;
}

.collections-gap-2 .lfr-layout-structure-item-collection:not(:last-child) {
  margin-bottom: 2rem;
}

.collections-row-gap-1 .lfr-layout-structure-item-collection .container-fluid .row:not(:last-child) {
  margin-bottom: 1rem;
}

.collections-row-gap-1-5 .lfr-layout-structure-item-collection .container-fluid .row:not(:last-child) {
  margin-bottom: 1.5rem;
}

.collections-row-gap-2 .lfr-layout-structure-item-collection .container-fluid .row:not(:last-child) {
  margin-bottom: 2rem;
}

.page-content-wrap .left-sidebar {
  flex: 0 0 300px;
  max-width: 300px;
  background-color: var(--secondary-info-bg-2);
  border-radius: 0.25rem;
  padding: 1.25rem 1rem;
  box-shadow: 2px 2px 8px 0px rgba(7, 107, 207, 0.2784313725);
  margin-right: 1.5rem;
  max-height: 41rem;
  overflow-y: auto;
}
.page-content-wrap .left-sidebar .sidebar-heading {
  font-size: var(--h5-font-size);
  font-weight: 700;
  background-color: var(--secondary-info-bg-5);
  padding: 0.75rem;
  border-radius: 0.25rem;
  margin: 0 0 0.25rem 0;
}
.page-content-wrap .left-sidebar .additional-action .title-wrap {
  font-size: var(--sub-heading-1-font-size);
  font-weight: 700;
  padding: 0.75rem;
  border-radius: 0.25rem;
  margin: 0 0 0.25rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  background-color: var(--secondary-info-bg-5);
  cursor: pointer;
  width: 100%;
  border: 0;
  text-align: left;
}
.page-content-wrap .left-sidebar .additional-action .title-wrap.link-type {
  padding: 0;
}
.page-content-wrap .left-sidebar .additional-action .title-wrap.link-type .title {
  padding: 0.75rem;
  width: 100%;
}
.page-content-wrap .left-sidebar .additional-action .title-wrap .open-close-content {
  font-size: 1.25rem;
  color: var(--secondary);
  transition: all 0.5s;
  flex-shrink: 0;
}
.page-content-wrap .left-sidebar .additional-action .title-wrap.open-true .open-close-content {
  transform: rotateZ(180deg);
}
.page-content-wrap .left-sidebar .additional-action .title-wrap:focus-visible {
  outline-offset: -0.125rem;
}
.page-content-wrap .left-sidebar .additional-action .content .group-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  max-height: 260px;
  overflow: auto;
}
.page-content-wrap .left-sidebar .additional-action .content .group-list .group-item {
  background-color: var(--secondary-info-bg-5);
  padding: 0.75rem;
  border-radius: 0.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 0.25rem;
  cursor: pointer;
  font-size: var(--body-font-2-size);
  font-weight: 400;
}
.page-content-wrap .left-sidebar .additional-action .content .group-list .group-item.group-item-selected {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 700;
  background-color: var(--secondary-bg-20) !important;
  color: var(--secondary-700);
}
.page-content-wrap .left-sidebar .additional-action .content .group-list .group-item.with-button.group-item-selected button {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 700;
  color: var(--secondary-700);
}
.page-content-wrap .left-sidebar .additional-action .content .group-list .group-item.with-button button {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  padding: 0;
  border: 0;
  background-color: transparent;
  text-align: left;
}
.page-content-wrap .left-sidebar .additional-action .content .group-list .group-item:focus-visible {
  outline-offset: -0.125rem;
  outline-color: var(--primary-variant-9);
}
@media (max-width: 767px) {
  .page-content-wrap .left-sidebar .additional-action {
    margin: 0 0.25rem;
  }
}
.page-content-wrap .right-content {
  background: var(--primary-variant-5);
  padding: 1.5rem;
  flex: 0 1 100%;
  border-radius: 0.25rem;
  min-width: 0;
}
.page-content-wrap .right-content .doc-view-content-main {
  background-color: var(--primary-variant-6);
  padding: 0.5rem 1rem;
  max-height: 600px;
  overflow: auto;
}

.page-with-sidebar.section-wise-content .page-sidebar .page-sidebar-navigation {
  display: block;
  position: unset;
  margin-top: 1rem;
}
.page-with-sidebar.section-wise-content .page-sidebar .page-sidebar-navigation .additional-action .content .group-list .group-item {
  padding-left: 0.75rem;
}
.page-with-sidebar.section-wise-content .page-sidebar .page-sidebar-navigation .additional-action .content .group-list .group-item.with-button button.with-icon {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.page-with-sidebar.section-wise-content .page-sidebar .page-sidebar-navigation .additional-action .content .group-list .group-item.with-button button.with-icon .btn-icon {
  flex-shrink: 0;
}
.page-with-sidebar.section-wise-content .page-sidebar .page-sidebar-navigation .additional-action .content .group-list .group-item.with-button button.with-icon .btn-text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.page-with-sidebar.section-wise-content .page-sidebar .page-sidebar-navigation .additional-action:last-child .content .group-list:last-child {
  border-bottom: 0;
}
.page-with-sidebar .page-sidebar {
  align-self: start;
}
.page-with-sidebar .page-sidebar .page-sidebar-active-nav-item {
  display: none;
}
.page-with-sidebar .page-sidebar .page-sidebar-navigation .additional-action button.title-wrap:focus-visible {
  outline-offset: -0.25rem;
}
@media (max-width: 767px) {
  .page-with-sidebar .page-sidebar .page-sidebar-navigation .additional-action button.title-wrap:focus-visible {
    outline-offset: 0;
    margin-bottom: 0.25rem;
  }
}
.page-with-sidebar .page-sidebar .page-sidebar-navigation .additional-action .title-wrap {
  background-color: var(--secondary-variant-3);
}
.page-with-sidebar .page-sidebar .page-sidebar-navigation .additional-action .title-wrap .title {
  font-size: var(--body-font-2-size);
  font-weight: 400;
  color: var(--font-color-basic);
  text-decoration: none;
  position: relative;
}
.page-with-sidebar .page-sidebar .page-sidebar-navigation .additional-action .title-wrap .title:focus-visible {
  outline-offset: -0.125rem;
}
.page-with-sidebar .page-sidebar .page-sidebar-navigation .additional-action .title-wrap.active {
  background-color: var(--secondary-variant-1);
}
.page-with-sidebar .page-sidebar .page-sidebar-navigation .additional-action .title-wrap.active .title {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 700;
  color: var(--secondary-600);
}
.page-with-sidebar .page-sidebar .page-sidebar-navigation .additional-action .content .group-list .group-item {
  font-size: var(--body-font-3-size);
  font-weight: 400;
  color: var(--font-color-basic);
  padding-left: 2rem;
  background-color: transparent;
  display: block;
}
.page-with-sidebar .page-sidebar .page-sidebar-navigation .additional-action .content .group-list .group-item.group-item-selected {
  font-size: var(--sub-heading-3-font-size);
  font-weight: 700;
  color: var(--primary);
  background-color: var(--primary-variant-4);
}
.page-with-sidebar .page-main-content-section {
  background: var(--primary-variant-5);
  padding: 1.5rem;
  border-radius: 0.25rem;
}
.page-with-sidebar .page-main-content-section .content-wrapper-outer-border {
  padding: unset;
  border: unset;
  border-radius: unset;
  background: unset;
}
.page-with-sidebar .page-main-content-section .gray-box-wrapper {
  background-color: unset;
  padding: unset;
  border-radius: unset;
}

.transfer-pricing-box {
  border: 1px solid var(--neutral-300);
  border-radius: 4px;
  padding: 24px !important;
}
.transfer-pricing-box .left-sidebar {
  box-shadow: 0px 0px 14px 4px rgba(0, 0, 0, 0.08);
}
.transfer-pricing-box .additional-action {
  background-color: var(--secondary-variant-3);
}
.transfer-pricing-box .additional-action .title-wrap {
  margin-bottom: 0.5rem;
}
.transfer-pricing-box .additional-action .title-wrap.active {
  background-color: var(--secondary-variant-1);
}
.transfer-pricing-box .additional-action .title-wrap.active .title {
  color: var(--secondary-600);
}
.transfer-pricing-box .additional-action .without-sub-content {
  padding: 0.8125rem 0.75rem;
}

.last-updated {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
  color: var(--font-color-basic);
  margin: 0;
}
.last-updated.box-design {
  border: 1px solid var(--secondary-300);
  border-radius: 0.25rem;
  padding: 0.75rem;
  background-color: var(--secondary-variant-3);
  display: flex;
  gap: 0.5rem;
  font-style: normal;
  color: var(--secondary);
  font-size: var(--body-font-2-size);
  font-weight: 400;
}
.last-updated.box-design svg {
  font-size: 1.25rem;
}
.last-updated.box-design .data {
  display: flex;
}
.last-updated.box-design .data .text {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 700;
}

.page-title-right-buttons {
  display: flex;
  gap: 0.75rem;
}
.page-title-right-buttons .inner-page-link {
  padding: 0.5rem 1rem;
  border: 1px solid var(--primary);
  color: var(--primary);
  display: flex;
  gap: 0.25rem;
  height: 2.25rem;
  align-items: center;
  font-size: var(--button-font-size);
  font-weight: 500;
  background-color: var(--primary-variant-6);
  border-radius: 0.25rem;
  text-decoration: none;
  line-height: normal;
}
.page-title-right-buttons .inner-page-link.transparent {
  background-color: transparent;
  border-color: transparent;
}
.page-title-right-buttons .inner-page-link svg {
  font-size: 1.25rem;
}

@media (min-width: 1366px) {
  .modal-xl {
    max-width: var(--modal-xl, 1317px);
  }
}
@media (max-width: 1279.98px) {
  .container {
    padding-left: 2rem;
    padding-right: 2rem;
    max-width: 100%;
  }
}
@media (max-width: 767.98px) {
  .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .pagination-wrapper .load-time {
    display: none;
  }
  .page-with-sidebar {
    display: block !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  .page-with-sidebar .page-sidebar {
    max-width: 100% !important;
    margin: 0;
    background-color: transparent;
    padding: 0;
    box-shadow: none;
    margin-bottom: 1.75rem;
    position: relative;
    overflow-y: visible;
  }
  .page-with-sidebar .page-sidebar .page-sidebar-active-nav-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--secondary-variant-1);
    padding: 0.75rem;
    border-radius: 0.25rem;
    width: 100%;
  }
  .page-with-sidebar .page-sidebar .page-sidebar-active-nav-item.open {
    background-color: var(--primary);
    color: var(--primary-variant-6);
    padding: 0.625rem 1rem;
  }
  .page-with-sidebar .page-sidebar .page-sidebar-active-nav-item.open .active-nav {
    color: var(--primary-variant-6);
  }
  .page-with-sidebar .page-sidebar .page-sidebar-active-nav-item.open .active-nav svg {
    display: block;
    color: var(--primary-variant-6);
    transform: none;
  }
  .page-with-sidebar .page-sidebar .page-sidebar-active-nav-item.open svg {
    transform: rotate(180deg);
    transition: all ease-in-out 0.5s;
  }
  .page-with-sidebar .page-sidebar .page-sidebar-active-nav-item .active-nav {
    font-size: var(--sub-heading-2-font-size);
    font-weight: 500;
    color: var(--secondary-600);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
  .page-with-sidebar .page-sidebar .page-sidebar-active-nav-item .active-nav svg {
    display: none;
  }
  .page-with-sidebar .page-sidebar .page-sidebar-active-nav-item .active-nav #activeNav {
    white-space: normal;
    text-align: left;
  }
  .page-with-sidebar .page-sidebar .page-sidebar-active-nav-item svg {
    flex-shrink: 0;
  }
  .page-with-sidebar .page-sidebar .page-sidebar-navigation {
    display: none;
    position: absolute;
    top: calc(100% + 0.25rem);
    left: 0;
    right: 0;
    border-radius: 0.25rem;
    background-color: var(--primary-variant-6);
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1490196078);
    padding: 0.25rem 0 0.5rem;
  }
  .page-with-sidebar .page-sidebar .page-sidebar-navigation.open {
    display: block;
    max-height: min(60vh, 28rem);
    overflow-y: auto;
    z-index: 1;
  }
  .page-with-sidebar .page-sidebar .page-sidebar-navigation.open .row {
    margin: 0;
  }
  .page-with-sidebar .page-sidebar .page-sidebar-navigation.open .row .col {
    padding: 0;
  }
  .page-with-sidebar .page-sidebar .page-sidebar-navigation .additional-action .title-wrap {
    padding: 0.625rem 1rem;
    border-radius: 0;
    background-color: transparent;
  }
  .page-with-sidebar .page-sidebar .page-sidebar-navigation .additional-action .title-wrap.active.with-sub-content + .content .group-list {
    background-color: var(--background-4);
  }
  .page-with-sidebar .page-sidebar .page-sidebar-navigation .additional-action .title-wrap.active .title:before {
    background-image: url("../assets/images/swap_horizontal_circle_active.svg");
  }
  .page-with-sidebar .page-sidebar .page-sidebar-navigation .additional-action .title-wrap .title {
    padding-left: 1.75rem;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    white-space: normal;
    padding-top: 0;
    padding-bottom: 0;
  }
  .page-with-sidebar .page-sidebar .page-sidebar-navigation .additional-action .title-wrap .title:before {
    content: "";
    background-image: url("../assets/images/swap_horizontal_circle.svg");
    position: absolute;
    left: 0;
    width: 1.25rem;
    height: 1.25rem;
  }
  .page-with-sidebar .page-sidebar .page-sidebar-navigation .additional-action .content .group-list {
    border-bottom: 1px solid var(--dark-variant-5);
    margin-top: -0.25rem !important;
    position: relative;
  }
  .page-with-sidebar .page-sidebar .page-sidebar-navigation .additional-action .content .group-list::before {
    position: absolute;
    content: "";
    border-left: 1px solid var(--background-6);
    top: 0.625rem;
    bottom: 0.625rem;
    left: 1rem;
  }
  .page-with-sidebar .page-sidebar .page-sidebar-navigation .additional-action .content .group-list .group-item {
    padding-left: 2.75rem;
  }
  .page-with-sidebar .page-sidebar .page-sidebar-navigation .additional-action .content .group-list .group-item.group-item-selected {
    background-color: transparent;
  }
  .etds-card.design-2 .etds-card-heading {
    font-size: var(--sub-heading-2-font-size);
    font-weight: 700;
  }
  .etds-card.design-2 .etds-card-body .fs-1 {
    font-size: var(--body-font-3-size);
    font-weight: 400;
  }
  .group-autofit-column-max-767-size .form-group-autofit {
    flex-direction: column;
  }
}
@media (max-width: 575.98px) {
  .modal.modal-video-gallery .modal-dialog .etds-modal-header .modal-title {
    text-overflow: inherit;
    white-space: normal;
  }
  .table th,
  .table th:first-child,
  .table td,
  .table td:first-child,
  .table .table-column-start {
    padding: 0.5rem 0.5rem;
  }
}
@media (max-width: 767.98px) {
  .pagination-wrapper {
    flex-direction: column;
    align-items: start;
    padding: 1rem;
  }
  .pagination-wrapper.show-loading .pagination-first-section .vertical-border,
  .pagination-wrapper.show-loading .pagination-first-section .load-time {
    display: block !important;
  }
  .pagination-wrapper .pagination-first-section {
    border-bottom: 1px solid var(--neutral-300);
    width: 100%;
    margin-bottom: 0.5rem;
    padding-bottom: 0.75rem;
    align-items: center;
    justify-content: space-between;
  }
  .pagination-wrapper .pagination-first-section .part-2 {
    margin-right: auto;
  }
  .pagination-wrapper .pagination-first-section .pagination-results {
    margin: 0 !important;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .pagination-wrapper .pagination-first-section .load-time,
  .pagination-wrapper .pagination-first-section .event-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .pagination-wrapper .vertical-border {
    height: auto;
  }
  .pagination-wrapper .pagination-pages {
    justify-content: space-between;
    width: 100%;
  }
  .pagination-wrapper .pagination-pages .jump-to-page {
    margin: 0;
  }
  .pagination-wrapper .pagination-pages .jump-to-page input {
    margin-right: 0.25rem;
  }
  .pagination-wrapper .pagination-pages .prev-next-wrap {
    gap: 0.25rem;
  }
  .pagination-wrapper .pagination-pages .prev-next-wrap button {
    gap: 0;
  }
}
.error-wrapper .form-control {
  border-color: var(--error);
  margin-bottom: 0.5rem;
}
.error-wrapper .dropdown-container {
  margin-bottom: 0.5rem;
}
.error-wrapper .dropdown-container .selected-item {
  border-color: var(--error);
}
.error-wrapper .form-control-icon {
  bottom: 1rem;
}
.error-wrapper .custom-error {
  font-weight: 500;
  font-size: var(--body-font-3-size);
  color: var(--error);
}

.page-title-wrapper .page-title {
  color: var(--primary) !important;
}

.disabled-link {
  color: var(--dark-variant-3) !important;
  pointer-events: none;
  text-decoration: none;
}

.highlight-search-text {
  background-color: yellow;
}

.btn-alphabet:disabled {
  color: var(--dark-variant-3) !important;
  cursor: not-allowed;
}

.date-range .input-group .input-group-inset-item-after {
  border: 1px solid var(--dark-variant-4);
  border-left: none;
}

.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.rounded-bottom-0 {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.label-tooltip-icon-wrap.icon-etds-info-sm {
  color: var(--neutral-800);
}

label:hover {
  cursor: default;
}

.new-badge {
  font-size: var(--body-font-2-size);
  font-weight: 400;
  color: rgb(126, 34, 245);
  text-transform: uppercase;
  background: linear-gradient(rgb(249, 244, 253), rgb(249, 244, 253)) padding-box padding-box, linear-gradient(278.79deg, rgb(126, 34, 245) -2.82%, rgb(219, 193, 252) 48.93%, rgb(126, 34, 245) 105.91%) border-box border-box rgb(249, 244, 253);
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: 1.25rem;
  height: 1.75rem;
  width: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.etds-button-wrapper {
  padding: 0.5rem 1rem;
  gap: 0.25rem;
  border: 1px solid var(--primary) !important;
  align-items: center;
}
.etds-button-wrapper:hover {
  text-decoration: none;
  color: var(--primary);
}

.custom-radio .custom-control-label-text {
  color: var(--font-color-basic);
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: none;
}
.custom-radio .custom-control-input:focus-visible ~ .custom-control-label::after {
  outline: none !important;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--secondary);
  border-color: var(--primary-variant-6);
  box-shadow: 0 0 0 2px var(--secondary);
  border-width: 3px;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label .custom-control-label-text {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
  color: var(--secondary);
}

.custom-control .custom-control-input,
.custom-control .custom-control-label::before,
.custom-control .custom-control-label::after {
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.no-results-wrapper {
  text-align: center;
}
.no-results-wrapper .no-result-icon {
  width: 260px;
  height: 311px;
  margin-bottom: 1.25rem;
}
.no-results-wrapper .no-result-title {
  font-size: var(--h4-font-size);
  font-weight: 500;
  margin-bottom: 0.75rem;
}
.no-results-wrapper .adjust-filter-text {
  font-size: var(--sub-heading-1-font-size);
  font-weight: 500;
  margin: 0;
  color: var(--neutral-800);
}

body.has-edit-mode-menu .page-sidebar .lfr-layout-structure-item-page-sidebar-action-link .additional-action .content.d-none {
  display: block !important;
}
body.has-edit-mode-menu .page-content-wrap .right-content .top-section lfr-drop-zone {
  width: 100%;
}
body.has-edit-mode-menu #pageClientExtension {
  display: block !important;
}
body.has-edit-mode-menu .page-editor__no-fragments-state {
  min-width: 6.25rem;
}

.alert.alert-primary {
  color: var(--secondary);
  background-color: var(--secondary-variant-3);
  border-color: var(--secondary-300);
}

.content-page {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  background-color: var(--primary-variant-5);
  border-radius: 4px;
  padding: 1.5rem;
}

@media (max-width: 575.98px) {
  .content-page {
    font-size: var(--sub-heading-3-font-size);
    font-weight: 400;
    padding: 1rem;
  }
}
.back-button-url {
  position: relative;
  padding: 0 !important;
}
.back-button-url .back-icon {
  position: absolute;
  top: 50%;
  left: 1rem;
  margin-top: -0.5625rem;
}
.back-button-url .back-button-link {
  padding: 0.5rem 1rem 0.5rem 2.5rem;
  line-height: 1.2;
}
.back-button-url .back-button-link:hover {
  text-decoration: none;
  color: var(--primary);
}

.footer-above-space {
  margin-top: 10.3125rem;
  clear: both;
}

.page-notification {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  background-color: var(--secondary-variant-3);
  border: 1px solid var(--secondary-300);
  color: var(--secondary);
  border-radius: 0.25rem;
  padding: 0.75rem;
}
.page-notification strong {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 700;
}

.checkbox-input {
  appearance: none;
  -webkit-appearance: none;
  background-color: var(--primary-variant-6);
  border: 3px solid var(--text-tertiary);
  padding: 8px;
  border-radius: 4px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  width: 14px;
  height: 14px;
  vertical-align: middle;
}
.checkbox-input:checked {
  background-color: var(--secondary);
  border-color: var(--secondary);
}
.checkbox-input:checked:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 5px;
  width: 6px;
  height: 11px;
  border: solid var(--primary-variant-6);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.subject-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 0.5rem 1.5rem;
}
.subject-list .subject-item {
  padding-left: 1rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: var(--button-font-size);
  font-weight: 500;
  color: var(--primary);
  height: 1.75rem;
}

.etds-alert-box {
  padding: 0.75rem;
  border-radius: 0.063rem 0.25rem 0.25rem 0.063rem;
}
.etds-alert-box span {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
  margin-left: 0.5rem;
}
.etds-alert-box svg {
  height: 1.25rem;
  width: 1.25rem;
}

.alert-success {
  border: 1px solid #62ca73;
  color: var(--success-700);
  background: #f5fbf6;
}
.alert-success svg {
  color: var(--success-700);
}

.alert-info {
  border: 1px solid var(--secondary-300);
  background: var(--secondary-variant-3);
  color: var(--secondary);
}
.alert-info svg {
  color: var(--secondary);
}

.etds-checkbox-selection-section {
  color: #f6f7f7;
  border: 1px solid var(--dark-variant-5);
  padding: 1.25rem 1rem;
  min-width: 100%;
  max-width: 100%;
  background: #f6f7f7;
  border-radius: 0.25rem;
  margin-bottom: 1.25rem;
}
.etds-checkbox-selection-section label {
  color: var(--font-color-basic);
  font-weight: 500;
  margin-bottom: 1.25rem;
}
.etds-checkbox-selection-section .custom-control-outside {
  margin-bottom: 0px !important;
}
.etds-checkbox-selection-section .custom-control-outside label {
  margin-bottom: 0px !important;
  padding-left: 2rem;
}
.etds-checkbox-selection-section .custom-control-outside label span {
  color: #1c1d1f !important;
  font-weight: 400 !important;
}
.etds-checkbox-selection-section .custom-control-outside label span::before {
  display: none;
}
.etds-checkbox-selection-section .custom-control-outside input {
  height: 1.125rem;
  width: 1.125rem;
  opacity: 1;
  top: 0;
  bottom: 0;
}
.etds-checkbox-selection-section .custom-control-outside .custom-control-input {
  height: 1.125rem;
  width: 1.125rem;
  opacity: 1;
  top: 0;
  bottom: 0;
  z-index: 0;
}
.etds-checkbox-selection-section .etds-checkbox-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.etds-checkbox-selection-section .etds-checkbox-content .option {
  display: flex;
}

.etds-textarea-wrapper {
  width: 100%;
}
.etds-textarea-wrapper label {
  font-size: var(--sub-heading-3-font-size);
  font-weight: 400;
}
.etds-textarea-wrapper .etds-textarea-with-count {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  max-width: 819px;
}
.etds-textarea-wrapper .etds-textarea-with-count textarea {
  height: 119px;
  border: 1px solid #bfc1c5;
  border-radius: 0.25rem;
  padding: 0.5rem 0.75rem;
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  resize: none;
  width: 100%;
}
.etds-textarea-wrapper .etds-textarea-with-count textarea::placeholder {
  color: var(--font-color-basic);
}
.etds-textarea-wrapper .etds-char-count {
  text-align: right;
  font-size: var(--sub-heading-3-font-size);
  font-weight: 400;
  color: var(--text-tertiary);
}

@media (max-width: 991px) {
  .etds-textarea-wrapper etds-textarea-with-count {
    max-width: 100%;
  }
}
.etds-external-link-card {
  padding: 0.719rem 1rem;
  border: 0.5px solid var(--secondary-bg-30);
  border-radius: 0.25rem;
  background: var(--secondary-variant-3);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.etds-external-link-card span {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
  color: var(--neutral-1000-3);
}
.etds-external-link-card svg {
  color: var(--neutral-800-2);
}

.etds-file-upload label {
  font-size: var(--sub-heading-3-font-size);
  font-weight: 400;
}
.etds-file-upload .fileSize {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 1rem;
  color: var(--dark-variant-2);
  font-size: var(--sub-heading-3-font-size);
  font-weight: 400;
}
.etds-file-upload .fileDetails {
  margin-top: 1.25rem;
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--success-700);
  border-radius: 0.25rem;
  background: #f5fbf6;
}
.etds-file-upload .fileName .icon {
  display: inline-block;
  background: var(--success-stroke-20);
  border: 1px solid var(--success-stroke-20);
  padding: 0.375rem;
  border-radius: 0.25rem;
  margin-right: 0.5rem;
}
.etds-file-upload .fileName .icon svg {
  height: 1.5rem;
  width: 1.25rem;
}
.etds-file-upload .fileName span {
  color: var(--success-700);
}
.etds-file-upload .fileName .custom-helper-text {
  margin-top: 0;
}
.etds-file-upload .fileActions {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.etds-file-upload .fileActions button {
  padding: 0.375rem;
}
.etds-file-upload .fileActions button svg {
  height: 1.25rem;
  width: 1.25rem;
}
.etds-file-upload .fileActions .fileDownload {
  padding-right: 0.875rem;
}
.etds-file-upload .fileActions .fileDownload svg {
  color: var(--neutral-800);
  height: 1.25rem;
  width: 1.25rem;
}
.etds-file-upload .fileActions hr {
  border-width: 1px;
  border-color: var(--dark-variant-4);
  height: 1.563rem;
  margin: 0 !important;
}
.etds-file-upload .fileActions .fileRemove {
  padding-left: 0.875rem !important;
}
.etds-file-upload .fileRemove svg {
  color: var(--error);
}
.etds-file-upload .etds-file-upload-container {
  padding: 0.625rem;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23076BCFFF' stroke-width='2' stroke-dasharray='4%2c 4' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  border-radius: 0.25rem;
  margin-bottom: 0.5rem;
}
.etds-file-upload .etds-file-upload-container label {
  color: var(--dark-variant-2);
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.etds-file-upload .etds-file-upload-container label svg {
  color: var(--secondary);
  width: 2.25rem;
  height: 2.25rem;
}
.etds-file-upload .etds-file-upload-container label span {
  color: var(--secondary);
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  text-decoration: underline;
}

.kms-loggedin-user-dropdown-action .dropdown-toggle {
  height: auto;
  width: auto;
  column-gap: 0.5rem;
  color: var(--primary);
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
  padding: 0.5rem 1.5rem;
  line-height: 1;
  border: 0;
  background: none;
}
.kms-loggedin-user-dropdown-action .dropdown-menu {
  padding: 0;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1490196078);
  border-radius: 0.5rem;
  width: 10.5rem;
  min-width: 10.5rem;
  padding: 2px;
}
.kms-loggedin-user-dropdown-action .dropdown-menu .dropdown-item {
  padding: 0.75rem 0.75rem 0.75rem 1rem;
  font-size: var(--body-font-2-size);
  font-weight: 400;
}

.btn-secondary {
  color: var(--primary);
}

.edts-user-upload .etds-dropdown {
  max-width: 22.5rem;
}
.edts-user-upload .etds-button-group {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

.secondary-link {
  color: var(--secondary);
}

.align-self-start {
  align-self: flex-start;
}

.kms-loader-section {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}

.hide-label label {
  display: none;
}

a:focus-visible {
  display: inline-block;
  box-shadow: unset;
  border-radius: 0.25rem;
  outline: 0.125rem solid var(--primary-variant-9);
}

sup a:focus-visible {
  display: inline;
}

button.focus, button:focus-visible,
.btn.focus,
.btn:focus-visible,
div.focus,
div:focus-visible,
input.focus,
input:focus-visible,
select.focus,
select:focus-visible,
textarea.focus,
textarea:focus-visible {
  box-shadow: unset;
  border-radius: 0.25rem;
  outline: 0.125rem solid var(--primary-variant-9);
}

span.focus, span:focus-visible {
  box-shadow: unset;
  border-radius: 0.25rem;
  outline: 0.125rem solid var(--primary-variant-9);
}

/* Guided Tour Styles */
.tg-dialog {
  max-width: 408px !important;
  width: 100% !important;
  border-radius: 0.25rem !important;
}
.tg-dialog .tg-dialog-header {
  border-bottom: 1px solid var(--neutral-300);
  margin: 16px 16px 0 16px;
  padding: 0 0 0.5rem 0 !important;
  border-radius: 0.25rem 0.25rem 0 0;
}
.tg-dialog .tg-dialog-header .tg-dialog-title {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 700;
  color: var(--primary);
}
.tg-dialog .tg-dialog-header .tg-dialog-close-btn {
  background: url("../assets/images/etds-cancel-x24.svg") no-repeat center center;
  opacity: 1 !important;
  width: 1.5rem !important;
  height: 1.5rem !important;
}
.tg-dialog .tg-dialog-header .tg-dialog-close-btn svg {
  display: none;
}
.tg-dialog .tg-dialog-body {
  padding: 1rem !important;
  font-size: var(--body-font-3-size);
  font-weight: 400;
  color: var(--font-color-basic);
}
.tg-dialog .tg-dialog-footer {
  padding: 0.5rem 1rem 0.75rem 1rem !important;
  border-radius: 0 0 0.25rem 0.25rem;
  gap: 0.75rem;
  background-color: var(--primary-variant-5);
}
.tg-dialog .tg-dialog-footer .tg-dialog-footer-sup {
  order: -1;
  margin: 0 !important;
  margin-right: auto !important;
  padding: 0 !important;
  display: flex;
  flex-direction: row-reverse;
  gap: 0.75rem;
}
.tg-dialog .tg-dialog-footer .tg-dialog-footer-sup .tg-dialog-dots {
  gap: 0.5rem;
}
.tg-dialog .tg-dialog-footer .tg-dialog-footer-sup .tg-dialog-dots .tg-dot {
  width: 0.375rem !important;
  height: 0.375rem !important;
  border-radius: 1px !important;
  margin: 0 !important;
  background-color: var(--primary-300);
  cursor: pointer;
}
.tg-dialog .tg-dialog-footer .tg-dialog-footer-sup .tg-dialog-dots .tg-dot.tg-dot-active {
  width: 0.5rem !important;
  height: 0.5rem !important;
  background-color: var(--primary);
}
.tg-dialog .tg-dialog-footer .tg-dialog-footer-sup .tg-dialog-dots .tg-dot.tg-dot-active:focus-visible {
  outline: 0.125rem solid var(--primary-variant-9);
  outline-offset: 0.125rem;
}
.tg-dialog .tg-dialog-footer .tg-dialog-footer-sup .tg-dialog-dots .tg-dot:focus-visible {
  outline: 0.125rem solid var(--primary-variant-9);
  outline-offset: 0.125rem;
}
.tg-dialog .tg-dialog-footer .tg-dialog-footer-sup .tg-step-progress {
  margin: 0 !important;
  font-size: var(--body-font-3-size) !important;
  font-weight: 400 !important;
  color: var(--font-color-basic);
  opacity: 1 !important;
}
.tg-dialog .tg-dialog-footer .tg-dialog-btn {
  height: 1.75rem;
  padding: 0.25rem 0.75rem !important;
  border-radius: 0.25rem !important;
  line-height: 1;
  border-width: 1px !important;
  font-size: var(--button-font-size) !important;
  font-weight: 500 !important;
  background-color: var(--primary);
  border-color: var(--primary) !important;
  color: var(--primary-variant-6) !important;
  text-transform: capitalize;
}
.tg-dialog .tg-dialog-footer .tg-dialog-btn:hover, .tg-dialog .tg-dialog-footer .tg-dialog-btn:active {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  color: var(--primary-variant-6) !important;
}
.tg-dialog .tg-dialog-footer .tg-dialog-btn.disabled {
  display: none;
}
.tg-dialog .tg-dialog-footer .tg-dialog-btn:focus-visible {
  outline: 0.125rem solid var(--primary-variant-9);
  outline-offset: 0.125rem;
}
.tg-dialog .tg-dialog-footer #tg-dialog-prev-btn {
  color: var(--primary) !important;
  background-color: var(--primary-variant-6) !important;
}
.tg-dialog .tg-dialog-footer #tg-dialog-prev-btn:hover, .tg-dialog .tg-dialog-footer #tg-dialog-prev-btn:active {
  color: var(--primary) !important;
}
/* Guided Tour Styles */
.alert-notifications-fixed {
  top: 16rem;
  right: 3rem;
  left: unset !important;
  bottom: unset !important;
}
.alert-notifications-fixed .alert {
  border-left-width: 3px !important;
  max-width: unset !important;
  box-shadow: 1px 4px 6px 0px rgba(0, 0, 0, 0.1215686275) !important;
}

@media (min-width: 768px) {
  .modal-external .modal-dialog::before {
    height: unset;
  }
}
.quick-access-nav {
  display: none !important;
}
.quick-access-nav .sr-only-focusable {
  display: none !important;
}

.etds-page-main-content .page-title-wrap .firt-section.page-title-tooltip {
  gap: 0.75rem !important;
}
.etds-page-main-content .page-title-wrap .firt-section.page-title-tooltip svg {
  color: var(--neutral-800);
}

.read-more {
  color: var(--secondary);
  text-decoration: underline;
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
}

.read-more .expanded-text {
  display: none;
}

.read-more[aria-expanded=true] .expanded-text {
  display: inline;
}

.read-more[aria-expanded=true] .collapsed-text {
  display: none;
}

.info-banner {
  color: var(--secondary);
}
.info-banner svg {
  margin-right: 0.5rem;
  flex-shrink: 0;
}
.info-banner a {
  color: var(--secondary);
  text-decoration: underline;
}

.map-section .gm-style .gm-style-cc a,
.map-section .gm-style .gm-style-cc button,
.map-section .gm-style .gm-style-cc span {
  outline-offset: 0;
}
.map-section .gmnoprint {
  padding: 0.25rem;
}

html[lang=hi-IN] .modal-social-media .copy {
  flex-shrink: 0;
}
html[lang=hi-IN] .jump-to-page {
  display: flex;
  flex-direction: row-reverse;
  gap: 0.5rem;
}

.MuiYearCalendar-button:focus-visible,
.MuiMonthCalendar-button:focus-visible {
  outline-offset: 0.125rem;
  border-radius: 1.125rem;
}

button.MuiButtonBase-root:focus-visible {
  box-shadow: unset;
  border-radius: 0.25rem;
  outline: 0.125rem solid var(--primary-variant-9);
  border-radius: 50%;
  outline-offset: -0.125rem;
}

.txt-right {
  text-align: right;
}

.txt-center {
  text-align: center;
}

.dropdown-menu {
  z-index: 988;
}

.text-decoration {
  text-decoration: none;
}
.text-decoration:hover {
  text-decoration: none;
}

strong {
  font-weight: 700;
}

.loader-container-wrapper {
  position: relative;
}
.loader-container-wrapper .loader-container {
  scroll-behavior: auto;
  text-align: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  flex-direction: column;
  gap: 0.5rem;
}
.loader-container-wrapper .loader-container::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background-color: var(--secondary-bg-30);
  opacity: 0.6;
  z-index: -1;
}
.loader-container-wrapper .loader-container .loading-text {
  color: var(--primary);
}
.loader-container-wrapper .sk-fading-circle {
  width: 2.5rem;
  height: 2.5rem;
  position: relative;
  margin-bottom: 0.5rem;
}
.loader-container-wrapper .sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.loader-container-wrapper .sk-fading-circle .sk-circle:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: var(--primary);
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 0.8s infinite ease-in-out both;
  animation: sk-circleFadeDelay 0.8s infinite ease-in-out both;
}
.loader-container-wrapper .sk-fading-circle .sk-circle1 {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.loader-container-wrapper .sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.loader-container-wrapper .sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(1350deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
.loader-container-wrapper .sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.loader-container-wrapper .sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
}
.loader-container-wrapper .sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.loader-container-wrapper .sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  transform: rotate(315deg);
}
.loader-container-wrapper .sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
.loader-container-wrapper .sk-fading-circle .sk-circle1:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.loader-container-wrapper .sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.loader-container-wrapper .sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.loader-container-wrapper .sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.loader-container-wrapper .sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
.loader-container-wrapper .sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.loader-container-wrapper .sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
.loader-container-wrapper .sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@keyframes sk-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}

.liferay-form-section .ddm-form-builder-app .lfr-ddm__default-page-header > .lfr-ddm__default-page-header-title, .liferay-form-section .ddm-form-builder-app .lfr-ddm__default-page-header > .lfr-ddm__default-page-header-line {
  display: none !important;
}

@media (max-width: 991.98px) {
  .navbar-site .dropdown-menu {
    min-width: var(--dropdown-min-width, 185px) !important;
  }
}
@media (max-width: 1400px) {
  .pagination-wrapper .pagination-pages .prev-next-wrap {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media (max-width: 1400px) and (max-width: 991.98px) {
  .etds-cca-container .pagination-wrapper {
    flex-direction: column;
    align-items: start;
    padding: 1rem;
  }
}
.MuiPickersInputBase-root fieldset * {
  line-height: 11px !important;
}

.contains_mandatory {
  font-weight: 400;
  font-style: italic;
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: var(--contrast-dark);
}
.contains_mandatory .asterisk {
  color: var(--error);
}

.contains_mandatory--text-black {
  color: var(--font-color-basic) !important;
}

.custom-error.dateMuiError {
  margin: 0.5rem 0 0 0;
  font-weight: 500;
  font-size: var(--body-font-3-size);
  color: var(--error);
}

.MuiPickersSectionList-sectionContent:focus-visible {
  margin-left: 0.125rem;
}

.who-we-are-wrapper .toggle-all:focus-visible {
  margin-top: 0.125rem;
}

.modal .modal-dialog .modal-content .modal-body .etds-modal-title .quick-links-list .quick-links-item a svg path,
.info-banner svg path,
.tax-gyan-wrapper .duties-content .duty-title svg g path,
.tax-gyan-wrapper .quiz-duty-subtitle svg path,
.moreContactText .content-item svg path,
.publicity-campaign-content-wrapper .btn-share svg path,
.additional-action svg path,
.view-all-wrapper svg path {
  fill: var(--secondary);
}

.back-button-url svg path,
.quick-link-modal-btn svg path,
.tax-gyan-wrapper .quiz-container .pause-btn svg path,
.tax-gyan-wrapper .quiz-container .end-quiz-btn svg path,
.tax-gyan-wrapper .quiz-footer-bar .end-quiz-btn svg path,
.page-title-right-area .etds-button-wrapper svg path {
  fill: var(--primary);
}

.tax-gyan-wrapper .right-user svg path {
  fill: var(--primary-variant-6);
}

.alert-indicator:focus-visible {
  outline-offset: 0.125rem;
}

.error-wrapper input:focus-visible {
  outline-offset: 0.125rem;
}
.error-wrapper .form-control:focus-visible {
  border-color: var(--error);
}

.error:focus-visible {
  outline-offset: 0.125rem;
}

.department-officials-container .dropdown-menu {
  min-width: unset;
}

.clsPageContent .content-box .indent1 a:focus-visible {
  text-indent: 0;
}

.etds-search-background-color {
  background-color: var(--highlight-yellow) !important;
}

.etds-404-page {
  padding: 3rem 0;
}
.etds-404-page svg {
  margin-bottom: 1.25rem;
}

@media (max-width: 767.98px) {
  .etds-404-page {
    padding: 2.375rem 0;
  }
  .etds-404-page svg {
    margin-bottom: 1rem !important;
    width: 20.188rem !important;
    height: 14.375rem !important;
  }
  .etds-404-page .no-result-title {
    font-size: var(--h5-font-size);
    font-weight: 500;
    margin-bottom: 0.625rem;
  }
  .etds-404-page .adjust-filter-text {
    font-size: var(--sub-heading-2-font-size);
    font-weight: 500;
  }
}
@media (max-width: 360px) {
  .etds-404-page svg {
    width: 18rem !important;
    height: 12.813rem !important;
  }
}
.MuiFormControl-root.MuiPickersTextField-root.Mui-disabled {
  background: var(--neutral-stroke-10);
}
.MuiFormControl-root.MuiPickersTextField-root.Mui-disabled fieldset.MuiPickersOutlinedInput-notchedOutline {
  border: 1px solid var(--dark-variant-5);
}
.MuiFormControl-root .Mui-disabled * {
  color: var(--text-disable-type-2);
  opacity: 1;
}

.text-align-left-download-pdf .actions .download span.text {
  white-space: nowrap;
}

.portlet-content-container:has(#content-box-heading) .component-title {
  display: none;
}

.portlet-search-results .portlet-content .portlet-body > .mb-2:has(.component-title) {
  display: none;
}

html[data-contrast=on] {
  --primary: #ffff42;
  --primary-100: #404011;
  --primary-200: #808021;
  --primary-300: #808021;
  --primary-400: #bfbf32;
  --primary-800: #ffff7b;
  --primary-900: #ffffb3;
  --primary-variant-1: #3c3e3f;
  --primary-variant-2: #bfbf32;
  --primary-variant-3: #3c3e3f;
  --primary-variant-4: #3c3e3f;
  --primary-variant-5: #2a2b2c;
  --primary-variant-6: #181919;
  --primary-variant-7: #ffff7b;
  --primary-variant-8: #4f5153;
  --primary-stroke-2: #2a2b2c;
  --primary-stroke-10: #616466;
  --primary-stroke-30: #616466;
  --dark: #f4f5f5;
  --dark-variant-1: #bfc1c5;
  --dark-variant-2: #909296;
  --dark-variant-3: #656669;
  --dark-variant-4: #656669;
  --dark-variant-5: #484a4c;
  --dark-variant-6: #303133;
  --secondary: #ffff42;
  --secondary-100: #404011;
  --secondary-200: #808021;
  --secondary-300: #808021;
  --secondary-400: #bfbf32;
  --secondary-600: #ffff7b;
  --secondary-700: #ffff7b;
  --secondary-info-bg-2: #1b2733;
  --secondary-info-bg-5: #1b2733;
  --secondary-bg-2: #2a2b2c;
  --secondary-bg-5: #2a2b2c;
  --secondary-bg-10: #3c3e3f;
  --secondary-bg-15: #3c3e3f;
  --secondary-bg-20: #4f5153;
  --secondary-bg-25: #4f5153;
  --secondary-bg-30: #616466;
  --secondary-variant-1: #3c3e3f;
  --secondary-variant-2: #3c3e3f;
  --secondary-variant-3: #2a2b2c;
  --secondary-variant-4: #ffffb3;
  --neutral-100: #181919;
  --neutral-300: #484a4c;
  --neutral-400: #656669;
  --neutral-500: #656669;
  --neutral-800: #a9acb1;
  --neutral-900-blueish: #dfe0e2;
  --neutral-1200: #ffffff;
  --neutral-stroke-5: #2a2b2c;
  --neutral-stroke-10: #3c3e3f;
  --neutral-stroke-15: #3c3e3f;
  --neutral-stroke-20: #4f5153;
  --neutral-stroke-25: #4f5153;
  --neutral-stroke-30: #616466;
  --error: #f7989c;
  --warning: #fddb79;
  --success: #92d49d;
  --success-700: #b3e1ba;
  --success-stroke-20: #4f5153;
  --background-4: #2a2b2c;
  --background-5: #2a2b2c;
  --background-6: #4f5153;
  --dropdown-background-color: var(--background-4);
  --dropdown-border-color: var(--background-4);
  /** contrast theme variable **/
  --primary-font-color: var(--neutral-1200);
  --font-color-basic: var(--neutral-1200);
  --dark-font: #ffff;
  --contrast-dark: #dfe0e2;
  --text-tertiary: #dfe0e2;
  --text-disable-type-1: #74777a;
  --text-disable-type-2: #74777a;
  --highlight-yellow: var(--secondary-600);
  --she-box:#370122;
  --she-box-background:#FC64C2;
  --she-box-border:#A8005F;
  --act-type-primary:#FFF;
  --act-type-primary-0:#FFF;
  --act-type-0: #181919;
  --act-type-1:#181919;
  --act-type-2:#181919;
  --act-type-2-color:#FFF;
  --act-type-3:#181919;
  --act-type-3-color:#FFF;
  /*My Profile Page*/
  /*.publicity-campaign-content-wrapper .title-wrap h2{
  	color: black;
  }*/
  /*.publicity-campaign-content-wrapper .title-wrap .btn-share{
  	// color: black;
  }*/
}
html[data-contrast=on] label {
  color: var(--dark);
}
html[data-contrast=on] .modal-content {
  background: var(--primary-variant-6);
  color: var(--primary-font-color);
}
html[data-contrast=on] .table,
html[data-contrast=on] .btn-secondary,
html[data-contrast=on] .loader-section {
  background-color: var(--primary-variant-6);
}
html[data-contrast=on] .btn-outline-primary-no-hover {
  background-color: var(--primary-variant-6) !important;
}
html[data-contrast=on] .new-nav-wrapper nav.main-nav > div .nav-item .nav-link {
  color: var(--primary);
}
html[data-contrast=on] .new-nav-wrapper nav.main-nav > div .nav-item:not(.active):hover > .nav-link {
  color: var(--primary-variant-6);
}
html[data-contrast=on] .new-nav-wrapper .nav-search-wrap .search-wrap {
  background: var(--primary);
}
html[data-contrast=on] .latest-updates-wrapper {
  color: var(--primary-font-color);
}
html[data-contrast=on] .latest-updates-wrapper .update-item a {
  color: var(--primary-font-color);
}
html[data-contrast=on] .dropdown-menu {
  color: var(--dark-variant-1);
}
html[data-contrast=on] .dropdown-menu .dropdown-item:hover {
  background-color: var(--secondary-variant-2);
  color: var(--secondary-variant-4);
}
html[data-contrast=on] .control-label {
  color: var(--primary-font-color);
}
html[data-contrast=on] .bg-white {
  background-color: var(--primary-variant-6) !important;
  border-radius: 0.25rem;
}
html[data-contrast=on] .text-white {
  color: var(--primary-variant-6) !important;
}
html[data-contrast=on] .form-control,
html[data-contrast=on] .form-control:focus-visible,
html[data-contrast=on] .input-group .input-group-inset-item,
html[data-contrast=on] .input-group-inset:focus-visible ~ .input-group-inset-item,
html[data-contrast=on] .search-bar-suggestions .input-group > .form-control:focus,
html[data-contrast=on] .tax-evasion-terms-conditions .view-terms-link.active,
html[data-contrast=on] .etds-ccit-region-meetings .btn-secondary:focus-visible {
  background-color: transparent;
  color: var(--font-color-basic);
}
html[data-contrast=on] .form-control:disabled {
  background-color: var(--neutral-stroke-10);
}
html[data-contrast=on] .breadcrumb-item + .breadcrumb-item::before {
  color: var(--neutral-800);
}
html[data-contrast=on] .mobile-nav-wrapper .mobile-nav-toggle {
  background: var(--primary-variant-7);
  color: var(--primary-variant-6);
}
html[data-contrast=on] .etds-page-main-content .search-wrapper .search-box .tab-style li a,
html[data-contrast=on] .etds-page-main-content .search-wrapper .search-box .tab-style li button {
  color: var(--primary-font-color);
}
html[data-contrast=on] .etds-page-main-content .search-wrapper .search-box .tab-style li.active a,
html[data-contrast=on] .etds-page-main-content .search-wrapper .search-box .tab-style li.active button {
  color: var(--secondary);
}
html[data-contrast=on] .etds-page-main-content .page-title-wrap .page-title {
  color: var(--primary-font-color);
}
html[data-contrast=on] .footer-wrapper {
  border-color: var(--neutral-500);
  background-color: var(--dark-variant-6);
}
html[data-contrast=on] .footer-wrapper .footer-content,
html[data-contrast=on] .footer-wrapper .footer-content-navs .footer-nav-items .footer-nav-col ul li a,
html[data-contrast=on] .footer-wrapper .official-sites-col .official-sites-title,
html[data-contrast=on] .footer-wrapper .official-sites-col .visitor-count,
html[data-contrast=on] .footer-wrapper .footer-bottom .footer-info .footer-links .navbar-nav .nav-item .nav-link {
  color: var(--primary-font-color);
}
html[data-contrast=on] .footer-wrapper .footer-bottom {
  border-color: var(--neutral-500);
}
html[data-contrast=on] .footer-wrapper .footer-bottom .footer-info {
  color: var(--primary-font-color);
}
html[data-contrast=on] .gradient-background {
  background-image: linear-gradient(to right, #bfbf32 0%, #bfbf32 75%, rgba(191, 191, 50, 0.7) 87%, rgba(191, 191, 50, 0.4) 95%, rgba(191, 191, 50, 0) 100%);
}
html[data-contrast=on] .custom-control-label::before,
html[data-contrast=on] .dropdown-container .search-input {
  background-color: transparent;
}
html[data-contrast=on] .document-viewer-wrapper .doc-view-sidebar,
html[data-contrast=on] .document-viewer-wrapper .doc-view-section .doc-view-content-area .doc-view-tabs {
  background: var(--primary-variant-5);
}
html[data-contrast=on] .homepage-wrapper .banner-container .banner-slider-controls .slider-controls {
  width: max-content;
  padding: 0.25rem 0.5rem;
  border-radius: 2.5rem;
  background-color: var(--neutral-100);
}
html[data-contrast=on] .homepage-wrapper .banner-container .banner-slider-controls .slider-controls svg {
  color: var(--primary-400);
}
html[data-contrast=on] .homepage-wrapper .banner-container .banner-slider-controls .slider-controls .slider-dots .slide-dot {
  background-color: var(--primary-400);
}
html[data-contrast=on] .homepage-wrapper .banner-container .banner-slider-controls .slider-controls .slider-dots .slide-dot.active {
  background-color: var(--neutral-300);
}
html[data-contrast=on] .explore-section img,
html[data-contrast=on] .scene .card-flip img {
  filter: invert(1) brightness(1);
}
html[data-contrast=on] .scene .link-type::after {
  filter: invert(2) brightness(2);
}
html[data-contrast=on] .loader-container-wrapper .loader-container .light-theme {
  display: none;
}
html[data-contrast=on] .loader-container-wrapper .loader-container .dark-theme {
  display: block;
}
html[data-contrast=on] .etds-page-main-content .acts-wrapper .sections-list .chapters-item .chapter-name-wrap .chapter-number,
html[data-contrast=on] .etds-page-main-content .acts-wrapper .chapters-list .chapters-item .chapter-name-wrap .chapter-number,
html[data-contrast=on] .etds-page-main-content .section-chapter-wrapper .sections-list .chapters-item .chapter-name-wrap .chapter-number,
html[data-contrast=on] .etds-page-main-content .section-chapter-wrapper .chapters-list .chapters-item .chapter-name-wrap .chapter-number,
html[data-contrast=on] .etds-page-main-content .acts-wrapper .sections-list.forms-list .sections-item .section-name-wrap .section-link,
html[data-contrast=on] .etds-page-main-content .acts-wrapper .chapters-list.forms-list .sections-item .section-name-wrap .section-link,
html[data-contrast=on] .etds-page-main-content .section-chapter-wrapper .sections-list.forms-list .sections-item .section-name-wrap .section-link,
html[data-contrast=on] .etds-page-main-content .section-chapter-wrapper .chapters-list.forms-list .sections-item .section-name-wrap .section-link,
html[data-contrast=on] .publicity-campaign-content-wrapper .event-slider-wrap .event-slider .slider-previous-btn,
html[data-contrast=on] .publicity-campaign-content-wrapper .event-slider-wrap .event-slider .slider-next-btn,
html[data-contrast=on] .action-link-wrap svg path {
  fill: var(--primary);
}
html[data-contrast=on] .etds-circulars-notifications .card-body {
  color: var(--secondary-bg-10);
}
html[data-contrast=on] hr {
  border-color: var(--neutral-300);
}
html[data-contrast=on] a:focus-visible,
html[data-contrast=on] .btn:focus-visible,
html[data-contrast=on] .tab-style li button:focus-visible,
html[data-contrast=on] .form-check-input:focus-visible,
html[data-contrast=on] .guided-button-steps .list-group .list-group-item:focus-visible,
html[data-contrast=on] .etds-prompters .etds-natweb-notifications .etds-natweb-notifications-card .etds-natweb-notifications-card-header button:focus-visible,
html[data-contrast=on] .single-nav .nav-link:focus-visible,
html[data-contrast=on] .font-size-actions .change-font-size:focus-visible,
html[data-contrast=on] #switchContrast:focus-visible,
html[data-contrast=on] #dropdownLanguage:focus-visible,
html[data-contrast=on] #printPage:focus-visible,
html[data-contrast=on] .slider-btn:focus-visible,
html[data-contrast=on] .etds-natweb-notifications-icon:focus-visible,
html[data-contrast=on] .flip-btn:focus-visible,
html[data-contrast=on] div:focus-visible,
html[data-contrast=on] span:focus-visible,
html[data-contrast=on] .react-select-wrapper .etds-select__menu .etds-select__menu-list .etds-select__option.etds-select__option--is-focused,
html[data-contrast=on] .etds-page-main-content .sort-views-wrapper .views-wrap.type-2 .actions button:focus-visible,
html[data-contrast=on] .tg-dialog-btn:focus-visible,
html[data-contrast=on] .tg-dialog-close-btn:focus-visible,
html[data-contrast=on] .tg-dot-active:focus-visible,
html[data-contrast=on] .tg-dot:focus-visible,
html[data-contrast=on] .header-wrapper .header .header-actions .action-items .action:focus-visible,
html[data-contrast=on] .scene.other-link.home-flip-card .other-link-type:focus-visible,
html[data-contrast=on] .pagination-wrapper .jump-to-page #pagination-input-box:focus-visible,
html[data-contrast=on] .pagination-pages .pagination-pages .prev-next-wrap button:focus-visible,
html[data-contrast=on] .section-chapter-wrapper .section-name-wrap .section-link:focus-visible,
html[data-contrast=on] .section-chapter-wrapper .section-name-wrap .actions button:focus-visible,
html[data-contrast=on] .homeButton:focus-visible,
html[data-contrast=on] .search-bar-keywords-input:focus-visible,
html[data-contrast=on] .page-content-wrap .left-sidebar .additional-action .content .group-list .group-item:focus-visible,
html[data-contrast=on] .publicity-campaign-content-wrapper .event-slider-wrap .event-slider button:focus-visible,
html[data-contrast=on] .modal.modal-video-gallery .modal-dialog .modal-body video:focus-visible {
  outline: 0.125rem solid var(--primary) !important;
}
html[data-contrast=on] .etds-miscellaneous-content h3,
html[data-contrast=on] .etds-miscellaneous-content .h3,
html[data-contrast=on] .etds-prompters .etds-natweb-notifications .etds-natweb-notifications-card .etds-natweb-notifications-card-header .h3,
html[data-contrast=on] .etds-prompters .etds-natweb-notifications .etds-natweb-notifications-card .etds-natweb-notifications-card-header button svg,
html[data-contrast=on] .guided-button-steps .list-group .list-group-item span,
html[data-contrast=on] .guided-button-steps .list-group .list-group-item svg,
html[data-contrast=on] .pagination-wrapper .load-time,
html[data-contrast=on] .navbar-nav .dropdown-item,
html[data-contrast=on] #languageList li .dropdown-item,
html[data-contrast=on] .search-bar-suggestions-dropdown-menu .search-bar-suggestions-results-list .suggestion-item-title,
html[data-contrast=on] .search-bar-suggestions-dropdown-menu .search-bar-suggestions-results-list .suggestion-item-description .text-truncate-inline .text-truncate,
html[data-contrast=on] .search-bar-suggestions-dropdown-menu .search-bar-suggestions-results-list .dropdown-subheader,
html[data-contrast=on] .advisory-modal .btn-secondary:focus-visible,
html[data-contrast=on] .etds-natweb__button:focus-visible,
html[data-contrast=on] .kms-loggedin-user-dropdown-action .dropdown-item,
html[data-contrast=on] .kms-loggedin-user-dropdown-action .dropdown-item:focus-visible {
  color: var(--font-color-basic) !important;
}
html[data-contrast=on] .child-menu li .dropdown-item:focus-visible,
html[data-contrast=on] #languageList li .dropdown-item:focus-visible,
html[data-contrast=on] .update-item a:focus-visible,
html[data-contrast=on] .dropdown-item.focus,
html[data-contrast=on] .dropdown-item:focus-visible,
html[data-contrast=on] .c-prefers-focus .dropdown-item:focus-visible {
  background-color: inherit;
  box-shadow: none;
  outline-offset: -0.125rem;
}
html[data-contrast=on] a.dropdown-item:focus-visible {
  color: white !important;
}
html[data-contrast=on] a.dropdown-item.active {
  background-color: inherit;
  color: white;
}
html[data-contrast=on] .pagination-bar .page-link:focus-visible::after {
  box-shadow: none;
}
html[data-contrast=on] .pagination-bar .pagination-items-per-page > button:focus-visible::after {
  box-shadow: 0 0 0 2px var(--primary);
}
html[data-contrast=on] .contact-table .table-responsive .table tbody tr td {
  background-color: var(--primary-variant-6);
}
html[data-contrast=on] .etds-page-container .nav-wrapper .container .main-nav .nav > .nav-item .child-menu-wrapper .child-menu > .nav-item > .nav-link {
  color: var(--dark-variant-1);
}
html[data-contrast=on] .tg-dialog .tg-dialog-header .tg-dialog-close-btn {
  background-image: url(../assets/images/etds-cancel-x24-white.svg);
}
html[data-contrast=on] .search-bar-suggestions-dropdown-menu .list-unstyled li:focus-visible {
  outline: none;
}
html[data-contrast=on] .tooltip .tooltip-inner {
  color: var(--primary-font-color);
  background: var(--primary-variant-6);
}
html[data-contrast=on] .etds-my-profile-container .sidebar .tab-style li:not(.active) button {
  color: var(--neutral-1200);
}
html[data-contrast=on] .profile-details .profile-details-tab .label {
  color: var(--neutral-1200);
}
html[data-contrast=on] .etds-page-main-content .page-title-wrap .info-banner {
  color: var(--secondary-600);
}
html[data-contrast=on] .etds-page-main-content .page-title-wrap .info-banner svg path {
  fill: var(--secondary-600);
}
html[data-contrast=on] .page-with-sidebar .page-sidebar .page-sidebar-navigation .additional-action .title-wrap.active .title {
  color: var(--secondary-600);
}
html[data-contrast=on] .etds-button-wrapper {
  border-color: var(--secondary-600);
}
html[data-contrast=on] .etds-button-wrapper svg path {
  fill: var(--secondary-600);
}
html[data-contrast=on] .etds-button-wrapper a {
  color: var(--secondary-600);
}
html[data-contrast=on] .search-filter .category-filters .panel-group .panel {
  background-color: transparent;
}
html[data-contrast=on] .search-filter .treeview-see-all button {
  color: var(--secondary-600);
}
html[data-contrast=on] .search-filter .highlight.mark {
  background-color: transparent;
}
html[data-contrast=on] .search-filter .panel-group .panel-header-link:focus-visible {
  box-shadow: none;
}
html[data-contrast=on] .sorting-tags .panel.search-facet {
  background: none;
}
html[data-contrast=on] .search-result-container ul#search-results-display-list .search-results-header a:focus-visible {
  box-shadow: none;
}
html[data-contrast=on] .etds-page-main-content .section-chapter-wrapper .sections-list .sections-item .section-desc-wrap .section-desc {
  color: var(--neutral-1200);
}
html[data-contrast=on] .children-inner-container .container-with-title .title {
  color: black;
}
html[data-contrast=on] .children-inner-container .pagination-wrapper .pagination-first-section span {
  color: black !important;
}
html[data-contrast=on] .children-inner-container .pagination-pages span {
  color: black;
}
html[data-contrast=on] .children-inner-container .prev-next-wrap button {
  color: black !important;
}
html[data-contrast=on] .children-inner-container .prev-next-wrap button svg fill {
  color: black !important;
}
html[data-contrast=on] .children-theme .children-inner-container .video-cards-inner-container p {
  color: black !important;
}
html[data-contrast=on] .children-inner-container .video-slider-bg-container a {
  color: black;
  border-color: black;
}
html[data-contrast=on] .children-inner-container .children-corner-list a {
  color: black;
}
html[data-contrast=on] .children-inner-container .children-corner-list li {
  color: black;
}
html[data-contrast=on] .children-inner-container .children-corner-list li a#extra-button {
  color: var(--primary);
}
html[data-contrast=on] .slider-previous-btn,
html[data-contrast=on] .slider-next-btn {
  color: var(--primary);
}
html[data-contrast=on] .etds-page-main-content.etds-misc button.MuiButtonBase-root {
  color: white !important;
}
html[data-contrast=on] .children-inner-container .view-all-btn {
  background: var(--primary-variant-6);
  border: 2px solid var(--primary) !important;
  color: var(--primary) !important;
}
html[data-contrast=on] .children-inner-container .container-with-title .title,
html[data-contrast=on] .children-inner-container .publicity-campaign-content-wrapper .title-wrap .event-title,
html[data-contrast=on] .children-inner-container .publicity-campaign-content-wrapper .title-wrap .btn-share,
html[data-contrast=on] .children-inner-container .pagination-wrapper .pagination-pages .prev-next-wrap button,
html[data-contrast=on] .children-inner-container .pagination-wrapper .event-title,
html[data-contrast=on] .children-inner-container .pagination-wrapper .load-time,
html[data-contrast=on] .children-inner-container .pagination-wrapper .total-pages {
  color: var(--primary-variant-6);
}
html[data-contrast=on] .etds-tax-defaulter .Mui-focused .MuiOutlinedInput-notchedOutline,
html[data-contrast=on] .etds-tax-defaulter .Mui-focused .MuiInputBase-input,
html[data-contrast=on] .etds-tax-defaulter .Mui-focused .MuiInputBase-input::placeholder,
html[data-contrast=on] .etds-tax-defaulter .Mui-focused .MuiIconButton-root svg {
  border-color: var(--primary);
}
html[data-contrast=on] .etds-tax-defaulter .MuiFormControl-root .MuiInputBase-input {
  color: var(--font-color-basic);
}
html[data-contrast=on] .etds-tax-defaulter .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline {
  border-color: var(--dark-variant-4);
}
html[data-contrast=on] .etds-tax-defaulter #tax-defaulter-date-picker:focus-visible {
  outline-offset: -0.25rem;
}
html[data-contrast=on] .miscellaneous-card .title:focus-visible,
html[data-contrast=on] .miscellaneous-card .description:focus-visible {
  padding: 0.25rem;
  outline-color: var(--primary);
}
html[data-contrast=on] .global-banner-wrapper .info-item a:focus-visible {
  outline: 0.125rem solid var(--primary-variant-9) !important;
}
html[data-contrast=on] .etds-natweb-reports .etds-cca-natweb .etds-dcu-card--warning {
  background-color: var(--background-4);
  border: 1px solid var(--secondary-bg-30);
}
html[data-contrast=on] .etds-natweb-reports .etds-cca-natweb .etds-dcu-card--warning .etds-dcu-report-details .etds-dcu-report-details-icon {
  background-color: var(--background-4);
  border: 1px solid var(--secondary-bg-30);
}
html[data-contrast=on] .etds-natweb-reports .etds-cca-natweb .etds-dcu-card--warning .etds-dcu-report-details .etds-dcu-report-name {
  color: white;
}
html[data-contrast=on] .etds-natweb-reports .etds-cca-natweb .etds-dcu-card--warning .etds-dcu-report-status {
  color: white;
}
html[data-contrast=on] .pagination-wrapper .pagination-pages .prev-next-wrap button:disabled {
  color: var(--dark-variant-4);
}
html[data-contrast=on] .etds-natweb-reports .etds-cca-natweb .etds-cca-natweb-mainwrapper .search-wrapper .MuiPickersOutlinedInput-root {
  border: 1px solid var(--dark-variant-4);
  color: white;
}
html[data-contrast=on] .etds-natweb-reports .etds-cca-natweb .etds-cca-natweb-mainwrapper .search-wrapper .MuiPickersOutlinedInput-root .lexicon-icon-etds-datepicker {
  color: white;
}
html[data-contrast=on] .etds-natweb-reports .etds-cca-natweb .etds-cca-natweb-mainwrapper .search-wrapper .Mui-disabled * {
  color: var(--neutral-800);
}
html[data-contrast=on] .etds-natweb-reports .etds-cca-natweb .etds-cca-natweb-mainwrapper .search-wrapper .dateRangeGroup .MuiPickersOutlinedInput-notchedOutline {
  border: 0;
}
html[data-contrast=on] .element-a-with-icon {
  background: url("../assets/images/etds-open-in-new-tab-dark-theme.svg") no-repeat right center;
}
html[data-contrast=on] .accordion-section .accordion-btn-expColl span::after {
  background: url(../assets/images/etds-down-arrow-dark-theme.svg) no-repeat right center;
}
html[data-contrast=on] .who-we-are-wrapper a.r-link,
html[data-contrast=on] .view-more-component,
html[data-contrast=on] .view-full-year {
  background: url(../assets/images/etds-right-arrow-dark-theme.svg) no-repeat right center;
}
html[data-contrast=on] .tax-gyan-wrapper .choose-level-wrapper .level:hover {
  background-color: unset;
}
html[data-contrast=on] .tax-gyan-wrapper .step-circle.active {
  background: var(--primary-variant-6) !important;
  box-shadow: inset 0px 0px 0px 3px var(--secondary) !important;
  border: 1px solid var(--secondary) !important;
}
html[data-contrast=on] .tax-gyan-wrapper .step-circle.completed {
  background-color: var(--primary) !important;
  color: var(--primary-variant-6) !important;
}
html[data-contrast=on] .tax-gyan-wrapper .step-line.line-active {
  background-color: var(--primary) !important;
}
html[data-contrast=on] .tax-gyan-wrapper .option-correct,
html[data-contrast=on] .tax-gyan-wrapper .option-wrong,
html[data-contrast=on] .tax-gyan-wrapper .trivia-box {
  background-color: var(--primary-variant-4) !important;
}
html[data-contrast=on] .tax-gyan-wrapper .trivia-box .trivia-text,
html[data-contrast=on] .tax-gyan-wrapper .end-quiz-btn {
  color: var(--font-color-basic);
}
html[data-contrast=on] .tax-gyan-wrapper .option-wrong::before,
html[data-contrast=on] .tax-gyan-wrapper .option-correct::before {
  background-color: inherit;
}
html[data-contrast=on] .tax-gyan-wrapper .etds-quiz-answers .question-box-section.wrong .question-score {
  background-color: unset;
}
html[data-contrast=on] .publicity-campaign-content-wrapper .title-wrap button.btn-share {
  color: var(--secondary) !important;
}
html[data-contrast=on] .publicity-campaign-content-wrapper .title-wrap .btn-share span {
  color: var(--secondary) !important;
}
html[data-contrast=on] .etds-international-taxation-eoi-fragment .etds-international-taxation-eoi-fragment__a,
html[data-contrast=on] .etds-international-taxation-eoi-fragment .etds-international-taxation-eoi-fragment__a:hover {
  background: url(../assets/images/etds-yellow_open_in_new.svg) no-repeat center;
}
html[data-contrast=on] .etds-card.design-2 .etds-card-body .element-a-with-icon {
  background: url(../assets/images/etds-yellow_open_in_new.svg) no-repeat right center;
}
html[data-contrast=on] .anchor-link-with-right-icon {
  background: url(../assets/images/etds-yellow_open_in_new.svg) no-repeat right center;
}
html[data-contrast=on] .custom-radio .custom-control-input:focus-visible ~ .custom-control-label::after {
  box-shadow: 0 0 0 2px var(--primary) !important;
}
html[data-contrast=on] .multi-select-custom-menu .menu-list-section ul li.item-list-section:focus-visible {
  outline: 0.125rem solid var(--primary) !important;
}
html[data-contrast=on] .etds-page-main-content .search-wrapper .search-box .compare-tab-content .compare-selected-sections-wrap .compare-selected-sections .selected-section .remove-section:focus-visible {
  outline: 0.125rem solid var(--primary) !important;
}
html[data-contrast=on] .etds-eoir-agreements-by-country-wrapper .table tbody {
  background-color: inherit;
}
html[data-contrast=on] .crs-container .crs-link-block svg path,
html[data-contrast=on] .crs-link-block svg path {
  fill: var(--primary);
}
html[data-contrast=on] .tax-evasion-foot .btn-secondary:focus-visible,
html[data-contrast=on] .tax-survey-success-footer .btn-secondary:focus-visible,
html[data-contrast=on] .list-item-nav-faq span {
  color: var(--font-color-basic);
}
html[data-contrast=on] .alert-danger,
html[data-contrast=on] .alert-success {
  background-color: var(--secondary-variant-3);
}
html[data-contrast=on] .etds-tax-survey-wrapper .close:focus-visible {
  box-shadow: none;
}
html[data-contrast=on] .publicity-campaign-content-wrapper .slider-thumbnail-wrap .thumbnail-item .active-thumbnail svg {
  color: var(--primary);
}
html[data-contrast=on] .publicity-campaign-content-wrapper .audio-gallery-wrap .audio-gallery-item .able-wrapper .able .able-player .able-controller div[role=button]:focus-visible {
  box-shadow: inset 0 0 0 0.125rem var(--primary);
}
html[data-contrast=on] .tax-calendar-wrapper .dateGroup .Mui-focused .MuiOutlinedInput-notchedOutline,
html[data-contrast=on] .tax-calendar-wrapper .dateGroup .Mui-focused .MuiInputBase-input,
html[data-contrast=on] .tax-calendar-wrapper .dateGroup .Mui-focused .MuiInputBase-input::placeholder,
html[data-contrast=on] .tax-calendar-wrapper .dateGroup .Mui-focused .MuiIconButton-root svg {
  border-color: var(--primary);
}
html[data-contrast=on] .tax-calendar-wrapper .MuiFormControl-root .MuiInputBase-input {
  color: var(--font-color-basic);
}
html[data-contrast=on] .tax-calendar-wrapper .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline {
  border-color: var(--primary);
}
html[data-contrast=on] .locator-wrapper .gm-style-iw {
  background-color: var(--secondary-variant-1) !important;
}
html[data-contrast=on] .locator-wrapper .gm-style-iw-chr .gm-ui-hover-effect span {
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: var(--primary);
}
html[data-contrast=on] .locator-wrapper .gm-style-iw-d {
  scrollbar-color: #7f8ccf transparent;
  scrollbar-width: thin;
}
html[data-contrast=on] .anchor-link-with-left-icon {
  background: url("../assets/images/etds-open-in-new-tab-dark-theme.svg") no-repeat left center;
}
html[data-contrast=on] .etds-page-main-content .search-wrapper .search-box .tab-style li.active button {
  background-color: var(--secondary-variant-2);
}
html[data-contrast=on] .etds-circulars-notifications .options label input[type=checkbox] {
  outline-color: var(--secondary-50);
}
html[data-contrast=on] .etds-circulars-notifications .card-body {
  background-color: var(--secondary-info-bg-2) !important;
}
html[data-contrast=on] .etds-circulars-notifications .card-body .card-title span,
html[data-contrast=on] .etds-circulars-notifications .card-body .card-title svg {
  color: var(--primary) !important;
}
html[data-contrast=on] .etds-circulars-notifications .card-body .card-text,
html[data-contrast=on] .etds-circulars-notifications .card-body .small,
html[data-contrast=on] .etds-circulars-notifications .card-body .notification-card-width p {
  color: var(--font-color-basic);
}
html[data-contrast=on] .etds-circulars-notifications .card-body .text-end button svg {
  color: var(--primary);
}
html[data-contrast=on] .etds-ccit-region-meetings .modal-dialog .close:focus-visible {
  box-shadow: none;
}
html[data-contrast=on] .etds-ccit-region-meetings .modal-dialog .close svg {
  color: var(--font-color-basic);
}
html[data-contrast=on] .etds-certificate .action-buttons .btn-secondary:focus-visible {
  color: var(--primary);
}
html[data-contrast=on] .children-theme .title-wrap .event-title,
html[data-contrast=on] .children-theme .title-wrap .btn-share span,
html[data-contrast=on] .children-theme .title-wrap .btn-share svg {
  color: var(--primary-variant-6) !important;
}
html[data-contrast=on] .children-theme .prev-next-wrap button svg {
  color: inherit !important;
}
html[data-contrast=on] .container-fluid:has(.budget-bills-wrapper) .component-html .common-link-box:focus-visible {
  width: 99%;
  margin-left: 0.25rem;
  margin-bottom: 0.5rem;
}
html[data-contrast=on] .container-fluid:has(.budget-bills-wrapper):first-child .common-link-box:focus-visible {
  display: flex;
  justify-content: space-between;
  margin-top: 0.25rem;
}
html[data-contrast=on] .container-fluid:has(.budget-bills-wrapper):last-child .common-link-box:focus-visible {
  margin-bottom: 0.5rem !important;
}
html[data-contrast=on] .utility-wrapper .etds-card-blue-head-icon svg {
  color: var(--primary);
}
html[data-contrast=on] .etds-page-main-content .section-chapter-wrapper .chapters-list .chapters-item .chapter-number,
html[data-contrast=on] .etds-page-main-content .section-chapter-wrapper .sections-list.forms-list .sections-item .section-name-wrap .section-link .section-name,
html[data-contrast=on] .etds-page-main-content .section-chapter-wrapper .sections-list.forms-list .section-name-wrap .actions svg path {
  color: var(--primary);
}
html[data-contrast=on] .etds-page-main-content .section-chapter-wrapper .chapters-list .chapters-item .chapter-title,
html[data-contrast=on] .etds-page-main-content .section-chapter-wrapper .chapters-list .chapters-item .section-count {
  color: var(--dark);
}
html[data-contrast=on] .header-wrapper .header .logo-wrap .logo .dark-theme-logo {
  display: block;
}
html[data-contrast=on] .header-wrapper .header .logo-wrap .logo .light-theme-logo {
  display: none;
}
html[data-contrast=on] #dropdown-listbox .item.active {
  outline-color: var(--primary);
}
html[data-contrast=on] .etds-select__input-container,
html[data-contrast=on] .search-input {
  color: var(--font-color-basic);
}
html[data-contrast=on] .css-1p8sp1h.Mui-focused:not(.Mui-error) .MuiPickersOutlinedInput-notchedOutline {
  border-color: var(--primary) !important;
}
html[data-contrast=on] input[type=date]::-webkit-calendar-picker-indicator {
  background: url(../assets/images/etds-datepicker-dark-theme.svg) center/contain no-repeat;
  width: 1.25rem;
  height: 1.25rem;
}
html[data-contrast=on] .label-secondary {
  background-color: var(--secondary-400);
  color: var(--primary-variant-6);
  border-color: var(--secondary-400);
}
html[data-contrast=on] .multi-select-custom-menu .focused-option {
  outline: 0.125rem solid var(--primary);
}
html[data-contrast=on] .MuiFormControl-root.MuiPickersTextField-root.Mui-disabled {
  background-color: var(--dark-variant-6) !important;
}
html[data-contrast=on] .MuiFormControl-root .Mui-disabled * {
  color: var(--dark-variant-3);
}

:root {
  --tt-primary:#2A3A8D;
  --tt-primary-700:#202C6B;
  --tt-primary-bg-stroke-2:#FAFAFC;
  --tt-primary-bg-stroke-5:#F4F5F9;
  --tt-primary-bg-stroke-10:#EAEBF4;
  --tt-primary-bg-stroke-20:#D4D8E8;
  --tt-neutral-900:#4E5056;
  --tt-error:#B3261D;
  --tt-primary-600:#2A3A8D;
  --tt-neutral-10: #F6F7F7;
  --tt-neutral-100:#FFFFFF;
  --tt-neutral-300:#DFE0E2;
  --tt-text-basic:#1C1D1F;
  --tt-neutral-400:#BFC1C5;
  --tt-neutral-600:#909296;
  --tt-neutral-700:#74777A;
  --tt-neutral-800:#616265;
  --tt-neutral-1000:#303133;
  --tt-neutral-bg-stroke-10:#F6F7F7;
  --tt-warning-bg-stroke-10:#FFFBF2;
  --tt-warning-300:#FFD565;
  --tt-secondary:#076BCF;
  --tt-secondary-300:#60A0E0;
  --tt-secondary-400:#3486D8;
  --tt-secondary-info-30:#B5D3F1;
  --tt-secondary-info-500:#076BCF;
  --tt-secondary-info-bg2:#F9FBFE;
  --tt-secondary-info-bg5:#F3F7FD;
  --tt-secondary-info-bg10:#E6F0FA;
  --tt-secondary-info-bg20:#CDE1F5;
  --tt-neutral-1200: rgba(0, 0, 0, 0.08);
  --tt-danger-bg-stroke-5:#FBF4F4;
  --tt-danger-300:#E88C73;
  --tt-warning-800:#945301;
  --tt-success-bg-stroke-30:#C2E5CB;
  --tt-success-bg-stroke-5:#F5FBF6;
  --tt-text-success: #1A7844;
  --tt-succsess-300:#86E48C;
  --tt-dark:#000000;
  --tt-secondary-info-700:#05519D;
  --tt-secondary-info-bg-stroke-30:#b5d3f1;
  --tt-secondary-info-bg-stroke-5:#f3f7fd;
  --tt-primary-varient-3:#DFE1EE;
  --tt-text-basic-hover:#FFFFFF;
  --tt-text-basic-focus:#1C1D1F;
  --tt-primary-varient-9: #582EFF;
}

html[data-contrast=on] {
  --tt-primary: #ffff42;
  --tt-primary-700:#FFFF7B;
  --tt-primary-bg-stroke-2:#2a2b2c;
  --tt-primary-bg-stroke-5:#2A2B2C;
  --tt-primary-bg-stroke-10:#3C3E3F;
  --tt-primary-bg-stroke-20:#4F5153;
  --tt-neutral-900:#B1AFA9;
  --tt-error:#F7989C;
  --tt-primary-600:#FFFF42;
  --tt-neutral-10: #3C3E3F;
  --tt-neutral-100:#181919;
  --tt-neutral-300:#484A4C;
  --tt-text-basic:#FFFFFF;
  --tt-neutral-400:#656669;
  --tt-neutral-600:#74777A;
  --tt-neutral-700:#909296;
  --tt-neutral-800:#A9ACB1;
  --tt-neutral-1000:#DFE0E2;
  --tt-neutral-bg-stroke-10:#3C3E3F;
  --tt-warning-bg-stroke-10:#332C18;
  --tt-warning-300:#988349;
  --tt-secondary:#FFFF42;
  --tt-secondary-300:#808021;
  --tt-secondary-400:#BFBF32;
  --tt-secondary-info-30:#616466;
  --tt-secondary-info-500:#FFFF42;
  --tt-secondary-info-bg2:#2A2B2C;
  --tt-secondary-info-bg5:#1B2733;
  --tt-secondary-info-bg10:#3C3E3F;
  --tt-secondary-info-bg20:#4F5153;
  --tt-neutral-1200: #FFFFFF;
  --tt-danger-bg-stroke-5:#311E1F;
  --tt-danger-300:#945B5E;
  --tt-warning-800:#FEEDBC;
  --tt-success-bg-stroke-30:#FFE5B3;
  --tt-success-bg-stroke-5:#1D2A1F;
  --tt-text-success: #B3E1BA;
  --tt-succsess-300:#587F5E;
  --tt-dark:#FFFFFF;
  --tt-secondary-info-700:#FFFF7B;
  --tt-secondary-info-bg-stroke-30:#616466;
  --tt-secondary-info-bg-stroke-5:#2A2B2C;
  --tt-primary-varient-3:#3c3e3f;
  --tt-text-basic-hover:#1C1D1F;
  --tt-text-basic-focus:#FFFF42;
  --tt-primary-varient-9: #FFFF42;
}

/* Infosys CSS */
.etds-deduction-under-section-80dd {
  font-size: 12px;
}
.etds-deduction-under-section-80dd .row {
  display: flex;
}
.etds-deduction-under-section-80dd .content {
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  padding: 20px 16px;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-neutral-300);
}
.etds-deduction-under-section-80dd #outerHeader {
  display: flex;
  justify-content: center;
  padding: 1px;
}
.etds-deduction-under-section-80dd #outerHeader #outerHeader2 {
  padding: 2px;
}
.etds-deduction-under-section-80dd #outerHeader #outerHeaderSpan {
  font-size: 0.875rem;
}
.etds-deduction-under-section-80dd #label-1 {
  color: var(--tt-primary);
  height: 36px;
  font-weight: 700;
}
.etds-deduction-under-section-80dd #disclaimer-btn {
  border: none;
  background: none;
  display: flex;
  align-items: center;
}
.etds-deduction-under-section-80dd #image-1 {
  height: 30px;
  margin-right: 8px;
}
.etds-deduction-under-section-80dd #ddlAssessmentYear,
.etds-deduction-under-section-80dd #ddlPersonStatus,
.etds-deduction-under-section-80dd #ddlResidentialStatus,
.etds-deduction-under-section-80dd #inputDisabilityPercantage,
.etds-deduction-under-section-80dd #label-result-display {
  display: flex;
  width: 100%;
  position: relative;
  margin-left: auto;
  font-size: 14px;
  justify-content: center;
  height: 35px;
  border-radius: 4px;
  padding: 5px;
}
.etds-deduction-under-section-80dd input[type=number] {
  border: 1px solid var(--tt-neutral-400);
  color: var(--tt-text-basic);
  background: var(--tt-neutral-100);
}
.etds-deduction-under-section-80dd .form-check-label {
  color: var(--tt-text-basic);
  font-weight: 400;
  font-size: 14px;
  cursor: pointer;
}
.etds-deduction-under-section-80dd input[type=radio] {
  height: 16px;
  width: 16px;
  align-items: center;
  padding: 5px;
  margin-right: 10px;
  accent-color: var(--tt-secondary);
}
.etds-deduction-under-section-80dd .mandatory-star {
  color: var(--tt-error);
}
.etds-deduction-under-section-80dd #label-main-1,
.etds-deduction-under-section-80dd #label-main-2,
.etds-deduction-under-section-80dd #label-main-3,
.etds-deduction-under-section-80dd #label-main-4 {
  background-color: var(--tt-neutral-100);
}
.etds-deduction-under-section-80dd .form-select {
  display: flex;
  width: 100%;
  position: relative;
  margin-left: auto;
  font-size: 14px;
  justify-content: center;
  height: 35px;
  border-radius: 4px;
  padding: 5px;
  border: 1px solid var(--tt-neutral-400);
  color: var(--tt-text-basic);
  background: var(--tt-neutral-100);
}
.etds-deduction-under-section-80dd button:focus-visible {
  outline-offset: 0.125rem;
  box-shadow: unset;
}
.etds-deduction-under-section-80dd .btn-secondary {
  background: none;
}
.etds-deduction-under-section-80dd .btn-secondary:focus {
  outline-offset: 0.125rem;
  box-shadow: unset;
}
.etds-deduction-under-section-80dd #label-result {
  color: var(--tt-primary);
}
.etds-deduction-under-section-80dd .assessment-year {
  width: 100%;
}
.etds-deduction-under-section-80dd .span-msg {
  color: var(--tt-error);
  margin-top: 4px;
  font-size: 12px;
}
.etds-deduction-under-section-80dd .error-margin {
  margin-top: 12px;
}
.etds-deduction-under-section-80dd .alert-danger {
  color: var(--tt-error);
}
.etds-deduction-under-section-80dd .result-h3 {
  color: var(--tt-primary);
  padding-bottom: 8px;
  border-bottom: 2px solid var(--tt-neutral-300);
  width: 100%;
  font-size: 20px;
  font-weight: 700;
}
.etds-deduction-under-section-80dd .result-container {
  background: var(--tt-neutral-100);
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
  margin: 0px;
}
.etds-deduction-under-section-80dd .result1 {
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
  height: fit-content;
  padding: 0px;
}
.etds-deduction-under-section-80dd .result-card {
  width: 100%;
  border-radius: 4px;
  border: 1px solid var(--tt-secondary-info-30);
  display: flex;
  flex-direction: column;
  background: var(--tt-neutral-100);
}
.etds-deduction-under-section-80dd .result-card:focus-visible {
  outline: 0.125rem solid var(--tt-primary-varient-9);
  outline-offset: 0.125rem;
  box-shadow: unset;
}
.etds-deduction-under-section-80dd .result-card-header {
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.etds-deduction-under-section-80dd .result-card-title {
  color: var(--tt-primary);
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0.12px;
}
.etds-deduction-under-section-80dd .result-card-value-wrapper {
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.etds-deduction-under-section-80dd .result-card-value {
  font-size: 20px;
  font-weight: 700;
  color: var(--tt-text-basic);
  line-height: 30px;
  letter-spacing: 0.12px;
}
.etds-deduction-under-section-80dd label.form-label {
  display: inline-block;
  width: 437.5px;
  text-align: left;
  vertical-align: middle;
  margin-bottom: 0;
  color: var(--tt-text-basic);
}
.etds-deduction-under-section-80dd .form-label {
  display: inline-block;
  width: 437.5px;
  text-align: left;
  vertical-align: middle;
  margin-bottom: 0;
  color: var(--tt-text-basic);
  font-weight: 400;
  font-size: 14px;
  cursor: pointer;
}
.etds-deduction-under-section-80dd select#ddlAssessmentYear {
  width: 100%;
  border-radius: 5px;
  height: 37px;
  padding: 5px;
  color: var(--tt-neutral-700);
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-neutral-400);
}
.etds-deduction-under-section-80dd select#ddlAssessmentYear:invalid {
  color: var(--tt-neutral-700);
}
.etds-deduction-under-section-80dd select#ddlAssessmentYear:valid {
  color: var(--tt-text-basic);
}
.etds-deduction-under-section-80dd select.form-select,
.etds-deduction-under-section-80dd input.form-control {
  display: inline-block;
  width: 425.5px;
  vertical-align: middle;
  border: 1px solid var(--tt-neutral-400);
  color: var(--tt-text-basic);
  background: var(--tt-neutral-100);
}
.etds-deduction-under-section-80dd input:disabled {
  background: var(--tt-neutral-bg-stroke-10) !important;
  cursor: not-allowed;
}
.etds-deduction-under-section-80dd .row.mb-3 {
  margin-bottom: 1rem;
}
.etds-deduction-under-section-80dd .row.mb-3 .col-md-6 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.etds-deduction-under-section-80dd #label-main-1 .col-md-6 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.etds-deduction-under-section-80dd #label-main-1 .form-label {
  width: 710.5px;
  margin-bottom: 0;
}
.etds-deduction-under-section-80dd #label-main-1 .p-2:last-child {
  width: 200px;
  justify-content: flex-start;
  gap: 70px;
}
.etds-deduction-under-section-80dd #label-main-1 .p-2:last-child label {
  display: flex;
  align-items: center;
  margin-right: 20px;
  white-space: nowrap;
}
.etds-deduction-under-section-80dd #label-main-1 .p-2:last-child label input[type=radio] {
  margin-right: 5px;
}
.etds-deduction-under-section-80dd .mt-4 .btn-secondary {
  width: 95px;
  height: 36px;
  font-size: 14px;
  min-width: 84px;
  border-radius: 4px;
  margin-right: 10px;
  color: var(--tt-primary);
  border: none;
}
.etds-deduction-under-section-80dd .custom-display-box {
  height: 78px;
  width: 100%;
  max-width: 275px;
  border: 1px solid var(--tt-secondary-info-30);
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  background: var(--tt-neutral-100);
}
.etds-deduction-under-section-80dd .error-message-container {
  margin-top: 24px;
}
.etds-deduction-under-section-80dd .error-message-container .alert {
  background-color: var(--tt-danger-300);
  color: var(--tt-error);
  border: 1px solid var(--tt-danger-bg-stroke-5);
  border-radius: 4px;
  padding: 12px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.etds-deduction-under-section-80dd .error-message-container .alert .alert-icon {
  margin-right: 10px;
}
.etds-deduction-under-section-80dd .error-message-container .alert strong {
  font-weight: bold;
}
.etds-deduction-under-section-80dd .note-box {
  background: var(--tt-secondary-info-bg5);
  border-radius: 4px;
  height: 50px;
  margin-top: 16px;
}
.etds-deduction-under-section-80dd .note-box .note-heading {
  font-weight: 700;
  color: var(--tt-secondary);
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.12px;
}
.etds-deduction-under-section-80dd .note-box .note-text {
  font-weight: 400;
  color: var(--tt-secondary);
  font-size: 14px;
  line-height: 21px;
  margin-bottom: -20px;
}
.etds-deduction-under-section-80dd .note-box .note-text:first-of-type {
  margin-top: auto;
}
.etds-deduction-under-section-80dd .section-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 24px;
}
.etds-deduction-under-section-80dd .section-header .section-title-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
}
.etds-deduction-under-section-80dd .section-header .section-title-wrapper .section-title {
  color: var(--tt-primary);
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0.12px;
  margin: 0;
}
.etds-deduction-under-section-80dd .section-header .section-title-wrapper .info-tooltip {
  width: 18px;
  height: 18px;
}
.etds-deduction-under-section-80dd .section-header .section-title-wrapper .info-tooltip img {
  width: 100%;
  height: 100%;
}
.etds-deduction-under-section-80dd .section-header .section-actions {
  display: flex;
  align-items: center;
  gap: 32px;
}
.etds-deduction-under-section-80dd .section-header .section-actions .mandatory-note {
  font-size: 12px;
  font-style: italic;
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.etds-deduction-under-section-80dd .section-header .section-actions .mandatory-note .text-danger {
  color: var(--tt-error);
}
.etds-deduction-under-section-80dd .section-header .section-actions .mandatory-note .note-text {
  color: var(--tt-neutral-800);
  margin-top: auto;
}
.etds-deduction-under-section-80dd .section-header .section-actions .no-spinner {
  -moz-appearance: textfield;
}
.etds-deduction-under-section-80dd .section-header .section-actions .no-spinner::-webkit-outer-spin-button, .etds-deduction-under-section-80dd .section-header .section-actions .no-spinner::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.etds-deduction-under-section-80dd .section-header .section-actions .warning-disclaimer-button {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  min-width: 72px;
  padding: 4px 12px;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-primary);
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  color: var(--tt-primary);
  cursor: pointer;
}
.etds-deduction-under-section-80dd .section-header .section-actions .warning-disclaimer-button .icon {
  width: 20px;
  height: 20px;
}
.etds-deduction-under-section-80dd .section-header .section-actions .warning-disclaimer-button span {
  text-transform: capitalize;
}
.etds-deduction-under-section-80dd .cancel-image-wrapper {
  background-color: var(--tt-error);
  /* Danger/500 (Default) */
  border-radius: 20px 20px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /* Ensures image respects the border-radius */
}
.etds-deduction-under-section-80dd .cancel-image {
  width: 20px;
  height: 20px;
  object-fit: contain;
}
.etds-deduction-under-section-80dd input[type=number]::-webkit-inner-spin-button,
.etds-deduction-under-section-80dd input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.etds-deduction-under-section-80dd input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}
@media (min-width: 320px) and (max-width: 768px) {
  .etds-deduction-under-section-80dd .note-box {
    height: 70px;
  }
  .etds-deduction-under-section-80dd .result1 {
    margin-left: 30px;
    margin-right: 27px;
  }
}

.section80tta-wrapper {
  width: 1300px;
  margin: 0 auto;
}
.section80tta-wrapper .first-container {
  width: 947px;
}
.section80tta-wrapper .second-container {
  width: 347px;
}
.section80tta-wrapper .content {
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  padding: 20px 16px;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-neutral-300);
}
.section80tta-wrapper .card-body {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
.section80tta-wrapper .results-container {
  width: 323px;
  padding: 28px 24px 20px 24px;
  background: var(--tt-neutral-100);
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.section80tta-wrapper .results-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 275px;
  gap: 20px;
}
.section80tta-wrapper .results-header {
  padding-bottom: 8px;
  border-bottom: 1px solid var(--tt-neutral-300);
  display: flex;
  align-items: center;
}
.section80tta-wrapper .results-title {
  width: 275px;
  color: var(--tt-primary);
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.12px;
}
.section80tta-wrapper .result-card {
  width: 275px;
  border-radius: 4px;
  border: 1px solid var(--tt-secondary-info-30);
  display: flex;
  flex-direction: column;
  background: var(--tt-neutral-100);
}
.section80tta-wrapper .result-card-header {
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.section80tta-wrapper .result-card-title {
  color: var(--tt-primary);
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0.12px;
}
.section80tta-wrapper .result-card-value-wrapper {
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.section80tta-wrapper .result-card-value {
  font-size: 20px;
  font-weight: 700;
  color: var(--tt-text-basic);
  line-height: 30px;
  letter-spacing: 0.12px;
}
.section80tta-wrapper .info-icon-image {
  color: var(--tt-neutral-800);
}
.section80tta-wrapper .text-danger1 {
  color: var(--tt-error);
}
.section80tta-wrapper .row1 {
  display: flex;
  align-items: flex-start;
  gap: 24px;
}
.section80tta-wrapper .col-md-9 {
  min-width: 947px;
  width: 100%;
  min-height: 706px;
  padding-right: 24px;
}
.section80tta-wrapper .col-md-3 {
  min-width: 275px;
  min-height: 311px;
  gap: 20px;
}
.section80tta-wrapper input:disabled {
  background: var(--tt-neutral-bg-stroke-10);
  cursor: not-allowed;
}
.section80tta-wrapper svg:focus-visible {
  outline: 0.125rem solid var(--tt-primary-varient-9);
  outline-offset: 0.125rem;
  box-shadow: unset;
}
.section80tta-wrapper .uniform-input2 {
  border-radius: 4px;
  font-size: 14px;
  background: var(--tt-neutral-100);
  color: var(--tt-text-basic);
  border: 1px solid var(--tt-neutral-400);
}
.section80tta-wrapper .form-select,
.section80tta-wrapper .form-control {
  width: 100%;
  height: 37px;
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 14px;
  background: var(--tt-neutral-100);
  color: var(--tt-text-basic);
  border: 1px solid var(--tt-neutral-400);
}
.section80tta-wrapper .btn.custom-btn {
  display: inline-flex;
  /* or flex if you want */
  justify-content: flex-end;
  /* fixes justify-content */
  background-color: transparent;
  color: var(--tt-primary) !important;
  /* added border style and width */
  padding: 6px 12px;
  cursor: pointer;
  font-weight: 500;
  font-size: 14px;
  height: fit-content;
}
.section80tta-wrapper .form-row-wrapper {
  margin-bottom: 1rem;
  align-items: center;
}
.section80tta-wrapper .form-label-custom {
  font-weight: 500;
  color: var(--tt-text-basic);
  margin-bottom: 0;
}
.section80tta-wrapper input[type=radio] {
  accent-color: var(--tt-primary);
}
.section80tta-wrapper .form-radio-wrapper {
  display: flex;
  gap: 80px;
}
.section80tta-wrapper .form-radio-wrapper .custom-radio-option {
  display: flex;
  align-items: center;
  gap: 6px;
}
.section80tta-wrapper .form-radio-wrapper .custom-radio-option .custom-radio-input {
  margin: 0;
  appearance: none;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-neutral-400);
  border-radius: 50%;
}
.section80tta-wrapper .form-radio-wrapper .custom-radio-option .custom-radio-input:checked {
  background: var(--tt-primary);
}
.section80tta-wrapper .form-radio-wrapper .custom-radio-option .custom-radio-label {
  margin: 0;
  font-weight: 400;
  color: var(--tt-text-basic);
}
.section80tta-wrapper .custom-error {
  color: var(--tt-error);
  font-size: 0.9rem;
  margin-top: 4px;
  display: flex;
  gap: 4px;
  align-items: center;
}
.section80tta-wrapper button:focus-visible {
  outline-offset: 0.125rem;
  box-shadow: unset;
}
.section80tta-wrapper .section-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 24px 0px;
}
.section80tta-wrapper .section-header .section-title-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
}
.section80tta-wrapper .section-header .section-title-wrapper .section-title {
  color: var(--tt-primary);
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0.12px;
  margin: 0;
}
.section80tta-wrapper .section-header .section-title-wrapper .info-tooltip {
  width: 18px;
  height: 18px;
}
.section80tta-wrapper .section-header .section-title-wrapper .info-tooltip img {
  width: 100%;
  height: 100%;
}
.section80tta-wrapper .section-header .section-actions {
  display: flex;
  align-items: center;
  gap: 32px;
}
.section80tta-wrapper .section-header .section-actions .mandatory-note {
  font-size: 12px;
  font-style: italic;
  color: var(--tt-neutral-900);
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.section80tta-wrapper .section-header .section-actions .mandatory-note .text-danger {
  color: var(--tt-error);
}
.section80tta-wrapper .section-header .section-actions .warning-disclaimer-button {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 72px;
  padding: 8px 12px;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-primary);
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  color: var(--tt-primary);
  cursor: pointer;
}
.section80tta-wrapper .section-header .section-actions .warning-disclaimer-button .icon {
  width: 20px;
  height: 20px;
}
.section80tta-wrapper .section-header .section-actions .warning-disclaimer-button span {
  text-transform: capitalize;
}
.section80tta-wrapper .col-md-3 {
  flex: 0 0 275px;
  max-width: 275px;
  margin-top: 15px;
}
.section80tta-wrapper .col-md-3 .results {
  color: var(--tt-primary);
  border-bottom: 1px solid var(--tt-neutral-300);
  padding-bottom: 10px;
  margin-bottom: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  text-align: left;
}
.section80tta-wrapper .col-md-3 .custom-card {
  background: var(--tt-neutral-100);
  border-radius: 6px;
}
.section80tta-wrapper .col-md-3 .custom-card .custom-section {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
}
.section80tta-wrapper .col-md-3 .custom-card .custom-section .custom-label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  color: var(--tt-primary);
}
.section80tta-wrapper .col-md-3 .custom-card .custom-section .custom-display-box {
  width: 100%;
  max-width: 275px;
  height: 71px;
  border: 1px solid var(--tt-secondary-info-30);
  border-radius: 4px;
  color: var(--tt-text-basic);
  padding: 10px 14px;
  font-weight: bold;
  margin-top: 8px;
  font-size: 20px;
  box-sizing: border-box;
}
.section80tta-wrapper .info-icon {
  gap: 8px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 4px;
  font-weight: bold;
  font-size: 0.9rem;
  cursor: pointer;
  position: relative;
  top: 0;
}
.section80tta-wrapper .note-text {
  font-weight: 400;
  color: var(--tt-secondary);
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 20px;
}
.section80tta-wrapper .note-box.mt-2.col-md-12 {
  background: var(--tt-secondary-info-bg5);
  border: 1px solid var(--tt-secondary-300);
  border-radius: 4px;
  padding: 12px;
  margin-bottom: 16px;
}
@media (max-width: 766px) {
  .section80tta-wrapper {
    width: 100%;
    padding: 10px;
  }
  .section80tta-wrapper .row1 {
    width: 100%;
    flex-direction: column;
  }
  .section80tta-wrapper .section-header {
    width: 100%;
    flex-direction: column;
    gap: 6px;
  }
  .section80tta-wrapper .first-container {
    width: 100%;
  }
  .section80tta-wrapper .second-container {
    width: 100%;
  }
  .section80tta-wrapper .section-title-wrapper {
    width: 100%;
  }
  .section80tta-wrapper .section-actions {
    width: 100%;
  }
  .section80tta-wrapper .mb-3 {
    gap: 6px;
  }
  .section80tta-wrapper .results-container {
    width: 100%;
  }
  .section80tta-wrapper .results-content {
    width: 100%;
  }
  .section80tta-wrapper .results-header {
    width: 100%;
  }
  .section80tta-wrapper .results-title {
    width: 100%;
  }
  .section80tta-wrapper .result-card {
    width: 100%;
  }
}
.section80tta-wrapper .custom-tooltip {
  position: absolute;
  border-radius: 0.25rem;
  background: var(--background-muted);
  color: white;
  padding: 6px 12px;
  border-radius: 4px;
  z-index: 100;
  font-size: 0.95em;
  margin-left: 8px;
  top: 25%;
  left: 0;
  white-space: pre-line;
}
@media (min-width: 767px) and (max-width: 990px) {
  .section80tta-wrapper {
    width: 100%;
    padding: 10px;
  }
  .section80tta-wrapper .row1 {
    width: 100%;
    flex-direction: column;
  }
  .section80tta-wrapper .section-header {
    width: 100%;
  }
  .section80tta-wrapper .first-container {
    width: 100%;
    padding: 10px;
  }
  .section80tta-wrapper .second-container {
    width: 100%;
  }
  .section80tta-wrapper .results-container {
    width: 100%;
  }
  .section80tta-wrapper .results-content {
    width: 100%;
  }
  .section80tta-wrapper .results-header {
    width: 100%;
  }
  .section80tta-wrapper .results-title {
    width: 100%;
  }
  .section80tta-wrapper .result-card {
    width: 100%;
  }
}
@media (min-width: 991px) and (max-width: 1365px) {
  .section80tta-wrapper {
    align-items: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 10px;
  }
  .section80tta-wrapper .row1 {
    width: 100%;
    display: grid;
    grid-template-columns: 73% 25%;
  }
  .section80tta-wrapper .first-container {
    width: 100%;
  }
  .section80tta-wrapper .section-header {
    width: 100%;
  }
  .section80tta-wrapper .second-container {
    width: 100%;
  }
  .section80tta-wrapper .results-container {
    width: 100%;
  }
  .section80tta-wrapper .results-content {
    width: 100%;
  }
  .section80tta-wrapper .results-header {
    width: 100%;
  }
  .section80tta-wrapper .results-title {
    width: 100%;
  }
  .section80tta-wrapper .result-card {
    width: 100%;
  }
}

.etds-deduction-under-section--80u {
  /* Custom Radio Button Styles */
  /* Hide the default radio input */
  /* Radio label styling */
  /* Radio icon styling */
  /* Unchecked state - gray outer circle */
  /* Checked state - blue outer circle and inner circle */
  /* Radio text styling */
  /* Hover effect */
  /* Focus state for accessibility */
}
@media (min-width: 1272px) {
  .etds-deduction-under-section--80u {
    justify-content: center;
  }
}
.etds-deduction-under-section--80u .text-danger1 {
  color: var(--tt-error);
}
.etds-deduction-under-section--80u .row1 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  display: flex;
  background: var(--tt-secondary-info-bg2);
  gap: 16px;
}
.etds-deduction-under-section--80u .etds-section-80U-first-box {
  border-radius: 0.25rem;
  padding: 20px;
  flex: 1 1 calc(75% - 16px);
  min-width: 0;
}
.etds-deduction-under-section--80u .etds-section-80U-right-box {
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
  background: var(--tt-neutral-100);
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
  padding: 24px;
  flex: 1 1 calc(25% - 16px);
  min-width: 0;
}
@media (max-width: 991px) {
  .etds-deduction-under-section--80u .section-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .etds-deduction-under-section--80u .section-header .section-actions {
    align-items: flex-start;
    gap: 12px;
  }
  .etds-deduction-under-section--80u .etds-section-80U-first-box,
  .etds-deduction-under-section--80u .etds-section-80U-right-box {
    flex: 1 1 100%;
    max-width: 100%;
  }
  .etds-deduction-under-section--80u .row1 {
    gap: 12px;
  }
}
@media (min-width: 992px) and (max-width: 1024px) {
  .etds-deduction-under-section--80u .etds-section-80U-first-box {
    flex: 1 1 calc(60% - 16px);
  }
  .etds-deduction-under-section--80u .etds-section-80U-right-box {
    flex: 1 1 calc(40% - 16px);
  }
}
.etds-deduction-under-section--80u .etds-section-80U-right-box {
  /* height: 1.75rem; */
  /* min-width: 4.5rem; */
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
  /* border: 1px solid var(--primary-600-default, #2A3A8D); */
  /* background: var(--Neutral-100, #FFF); */
  background: var(--tt-neutral-100);
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
  padding: 24px;
}
.etds-deduction-under-section--80u .custom-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-secondary-info-30);
  padding: 8px;
}
.etds-deduction-under-section--80u .custom-label {
  color: var(--tt-primary);
  /* Subheading/S2 (M) - Medium */
  font-size: var(--font-size-s-2-b-2, 0.875rem);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-For-Font-Size---14, 1.3125rem); /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
.etds-deduction-under-section--80u .etds-section80-U-second-box {
  background: var(--tt-neutral-100);
  border-radius: 0.25rem;
  border: 1px solid var(--tt-secondary-info-30);
  padding: 20px;
}
.etds-deduction-under-section--80u .label-80u {
  color: var(--tt-text-basic);
  /* Body/B3 (S) - Regular */
  font-size: var(--font-size-s-3-b-3, 0.75rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-For-Font-Size---12, 1.125rem); /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
.etds-deduction-under-section--80u label.form-check-label.radio-80u {
  margin-left: 8px;
  color: var(--tt-text-basic);
  border-radius: 0.25rem;
  background: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}
.etds-deduction-under-section--80u input.form-check-input {
  accent-color: var(--tt-primary);
}
.etds-deduction-under-section--80u .d-flex.radio-80u {
  gap: 50px;
}
.etds-deduction-under-section--80u .left-pane {
  min-width: 947px;
  padding-right: 24px;
  padding-left: 22px;
}
.etds-deduction-under-section--80u .left-pane .form-label {
  font-size: 14px;
  color: var(--primary-variant-7);
  font-weight: 400;
  margin-left: 13px;
}
.etds-deduction-under-section--80u .left-pane .uniform-input,
.etds-deduction-under-section--80u .left-pane .form-select,
.etds-deduction-under-section--80u .left-pane .form-control {
  width: 430px;
  height: 37px;
  border: 1px solid var(--neutral-light);
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 14px;
  box-sizing: border-box;
  background: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}
.etds-deduction-under-section--80u .left-pane .custom-error-message {
  background-color: var(--primary-variant-6);
  color: var(--semantic-error);
  padding: 10px;
  text-align: center;
  font-weight: bold;
  border: 1px solid var(--tt-error);
  border-radius: 4px;
  font-size: 14px;
  max-width: 600px;
  margin: 0 auto 20px;
}
.etds-deduction-under-section--80u .btn.my-custom-button {
  color: var(--primary);
  font-weight: 500;
  font-size: 14px;
  padding: 6px 16px;
  color: var(--tt-primary);
  /* Button/Button - Medium */
  font-size: var(--font-size-s-2-b-2, 0.875rem);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-For-Font-Size---14, 1.3125rem); /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
  text-transform: capitalize;
}
.etds-deduction-under-section--80u .reset {
  display: flex;
  justify-content: right;
  margin-right: 10px;
  margin-bottom: 10px;
}
.etds-deduction-under-section--80u .uniform-input-80U {
  display: flex;
  width: 100%;
  padding: 0.75rem 1rem;
  align-items: center;
  gap: 0.625rem;
  align-self: stretch;
  height: 2.31rem;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-400);
  background: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}
.etds-deduction-under-section--80u .results {
  color: var(--tt-primary);
  /* Heading/H4 (S) - Bold */
  font-size: var(--Font-Size-H4, 1.25rem);
  font-style: normal;
  font-weight: 700;
  line-height: var(--Line-Height-For-Font-Size---20, 1.875rem); /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
.etds-deduction-under-section--80u .etds-section-80U-first-box {
  padding: 20px;
}
.etds-deduction-under-section--80u .right-pane {
  flex: 0 0 275px;
  max-width: 275px;
  min-height: 311px;
  gap: 20px;
  margin-top: 2px;
}
.etds-deduction-under-section--80u .right-pane .custom-card {
  background: var(--primary-variant-6);
  border-radius: 6px;
}
.etds-deduction-under-section--80u .right-pane .custom-card .custom-section {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
}
.etds-deduction-under-section--80u .right-pane .custom-card .custom-section .custom-label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  color: var(--primary);
}
.etds-deduction-under-section--80u .custom-display-box {
  width: 100%;
  height: 71px;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-secondary-info-30);
  border-radius: 4px;
  color: var(--tt-text-basic);
  font-weight: bold;
  margin-top: 8px;
  font-size: 20px;
  box-sizing: border-box;
  background: var(--tt-neutral-100);
  overflow: visible;
  border: none;
  font-size: 24px;
  color: var(--tt-text-basic);
  font-size: var(--Font-Size-H4, 1.25rem);
  font-style: normal;
  font-weight: 700;
  line-height: var(--Line-Height-For-Font-Size---20, 1.875rem);
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
  width: 100%;
  border: none;
  color: var(--tt-text-basic);
  font-size: var(--Font-Size-H4, 1.25rem);
  font-style: normal;
  font-weight: 700;
  line-height: var(--Line-Height-For-Font-Size---20, 1.875rem);
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
  margin-top: 10px;
  /* Card - Drop shadow */
}
.etds-deduction-under-section--80u .section-header {
  display: flex;
  /* justify-content: revert-layer; */
  /* flex-wrap: wrap; */
  margin-bottom: 20px;
  width: 100%;
  justify-content: space-between;
}
.etds-deduction-under-section--80u .section-header .section-title-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
}
.etds-deduction-under-section--80u .section-header .section-title-wrapper .section-title {
  color: var(--primary);
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
}
.etds-deduction-under-section--80u .section-header .section-actions {
  display: flex;
  align-items: center;
  gap: 32px;
  justify-content: space-between;
}
.etds-deduction-under-section--80u .section-header .section-actions .mandatory-note {
  font-size: 12px;
  font-style: italic;
  color: var(--contrast-dark);
}
.etds-deduction-under-section--80u .section-header .section-actions .warning-disclaimer-button {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  background: var(--primary-variant-6);
  border: 1px solid var(--primary);
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  color: var(--primary);
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  background: var(--primary-variant-6);
  border: 1px solid var(--primary);
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  color: var(--primary);
  cursor: pointer;
  /* width: 125px; */
  display: flex;
  height: 1.75rem;
  min-width: 5.5rem;
  /* justify-content: center; */
  align-items: center;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-primary);
  background: var(--tt-neutral-100);
}
.etds-deduction-under-section--80u .section-header .section-actions .warning-disclaimer-button .icon {
  width: 20px;
  height: 20px;
}
.etds-deduction-under-section--80u .note-box.mt-2.col-md-12 {
  border-radius: 0.25rem;
  border: 1px solid var(--secondary-300);
  background: var(--tt-secondary-info-bg5);
  border-radius: 4px;
  padding: 12px;
  margin-top: 24px;
}
.etds-deduction-under-section--80u .note-box.mt-2.col-md-12 .note-text {
  font-weight: 400;
  color: var(--secondary);
  font-size: 14px;
  margin-bottom: -20px;
}
.etds-deduction-under-section--80u .field-error-message {
  font-size: 0.875rem;
  margin-top: 4px;
  color: var(--tt-error);
}
@media (max-width: 768px) {
  .etds-deduction-under-section--80u .section-header {
    align-items: flex-start;
    gap: 16px;
  }
  .etds-deduction-under-section--80u .section-header .section-actions {
    align-items: flex-start;
    gap: 12px;
    width: 100%;
    justify-content: space-between;
  }
}
.etds-deduction-under-section--80u .custom-radio-wrapper {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.etds-deduction-under-section--80u .custom-radio-wrapper.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.etds-deduction-under-section--80u .custom-radio-input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  width: 0;
  height: 0;
}
.etds-deduction-under-section--80u .custom-radio-label {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 8px;
  margin: 0;
}
.etds-deduction-under-section--80u .custom-radio-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.etds-deduction-under-section--80u .custom-radio-icon.unchecked {
  color: var(--tt-neutral-700);
}
.etds-deduction-under-section--80u .custom-radio-icon.checked {
  color: var(--tt-primary);
}
.etds-deduction-under-section--80u .custom-radio-text {
  user-select: none;
  font-size: 14px;
  line-height: 1.5;
  color: var(--tt-text-basic);
}
.etds-deduction-under-section--80u .custom-radio-wrapper:hover:not(.disabled) .custom-radio-icon {
  opacity: 0.8;
}
.etds-deduction-under-section--80u .custom-radio-input:focus + .custom-radio-label .custom-radio-icon {
  outline: 2px solid var(--tt-primary);
  outline-offset: 2px;
  border-radius: 50%;
}
.etds-deduction-under-section--80u .radio-inner-circle,
.etds-deduction-under-section--80u .radio-outer-circle {
  color: var(--tt-primary);
}

.transport_Allowance_Calculator {
  /* Table column header sizing */
  /* Default unchecked state */
  /* Checked state */
  /* Center alignment for table cells */
  /* Native checkbox color for .checkbox-center */
  /* Different color variants you can use */
  /* Custom Checkbox Styles */
  /* Optional: Add hover effect */
  /* Optional: Add focus styling for accessibility */
  /* Want different border colors? */
  /* Add to your main CSS file */
  /* Add this to your CSS file */
}
@media (min-width: 1361px) {
  .transport_Allowance_Calculator {
    display: flex;
    justify-content: center;
  }
}
.transport_Allowance_Calculator .etds-transport-allowance-checkbox {
  display: flex;
  justify-content: center;
  margin: 12px;
}
@media (max-width: 1024px) {
  .transport_Allowance_Calculator .etds-transport-box {
    padding: 4px;
    width: 100%;
    box-sizing: border-box;
  }
  .transport_Allowance_Calculator .form-layout {
    flex-direction: column;
    gap: 12px;
  }
  .transport_Allowance_Calculator .table-1, .transport_Allowance_Calculator .table-bordered-1 {
    font-size: 13px;
    width: 100%;
    overflow-x: auto;
    display: block;
    scrollbar-width: none;
  }
  .transport_Allowance_Calculator .form-group.row {
    flex-direction: row;
    align-items: stretch;
    gap: 8px;
  }
  .transport_Allowance_Calculator .form-label-custom, .transport_Allowance_Calculator .form-label {
    width: 100%;
    margin-bottom: 4px;
    text-align: left;
  }
  .transport_Allowance_Calculator .uniform-input11 {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }
  .transport_Allowance_Calculator .input#input-box-10 {
    width: 100%;
    min-width: 0;
  }
}
@media (max-width: 600px) {
  .transport_Allowance_Calculator .etds-transport-box {
    padding: 2px;
  }
  .transport_Allowance_Calculator .form-layout {
    gap: 8px;
  }
  .transport_Allowance_Calculator .table-1, .transport_Allowance_Calculator .table-bordered-1 {
    font-size: 12px;
    width: 100%;
    overflow-x: auto;
    display: block;
  }
  .transport_Allowance_Calculator .form-group.row {
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
  }
  .transport_Allowance_Calculator .form-label-custom, .transport_Allowance_Calculator .form-label {
    font-size: 13px;
    width: 100%;
    margin-bottom: 2px;
    text-align: left;
  }
  .transport_Allowance_Calculator .uniform-input11 {
    font-size: 13px;
    height: 32px;
    padding: 6px 8px;
    width: 100%;
  }
  .transport_Allowance_Calculator .input#input-box-10 {
    font-size: 13px;
    height: 32px;
    padding: 6px 8px;
    width: 100%;
  }
  .transport_Allowance_Calculator .button-group, .transport_Allowance_Calculator #btnreset {
    flex-direction: column;
    gap: 10px;
    align-items: stretch;
    margin-left: 0;
  }
  .transport_Allowance_Calculator .custom-inline-error-text11 {
    margin-left: 0;
    font-size: 12px;
    text-align: left;
  }
}
.transport_Allowance_Calculator .no-spinner {
  -moz-appearance: textfield;
}
.transport_Allowance_Calculator .no-spinner::-webkit-outer-spin-button, .transport_Allowance_Calculator .no-spinner::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.transport_Allowance_Calculator .text-primary {
  color: var(--tt-primary);
  font-size: 24px;
}
.transport_Allowance_Calculator span.custom-label.text-primary {
  color: var(--tt-primary);
  /* Subheading/S2 (M) - Medium */
  font-size: var(--font-size-s-2-b-2, 0.875rem);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-For-Font-Size---14, 1.3125rem);
  /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
.transport_Allowance_Calculator .etds-month-col {
  color: var(--tt-text-basic);
  text-align: center;
  /* Subheading/S3 (S) - Medium */
  font-size: var(--font-size-s-3-b-3, 0.75rem);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-For-Font-Size---12, 1.125rem);
  /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
.transport_Allowance_Calculator .no-wrap {
  white-space: nowrap;
}
.transport_Allowance_Calculator .disclaimer-container {
  display: flex;
  justify-content: center;
  padding: 1px;
  margin-top: 1rem;
}
.transport_Allowance_Calculator .disclaimer-container .disclaimer-text {
  padding: 2px;
  font-size: 0.875rem;
}
.transport_Allowance_Calculator .disclaimer-container .disclaimer-img {
  height: 30px;
  margin-right: 8px;
}
.transport_Allowance_Calculator .table-bordered-1 {
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-300);
}
.transport_Allowance_Calculator .table-1 {
  width: 100%;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-300);
}
.transport_Allowance_Calculator .table-bordered {
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-300);
}
.transport_Allowance_Calculator .table-light {
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-300);
}
.transport_Allowance_Calculator .table th,
.transport_Allowance_Calculator .table td {
  color: var(--tt-text-basic);
  text-align: center;
  /* Subheading/S3 (S) - Medium */
  font-size: var(--font-size-s-3-b-3, 0.75rem);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-For-Font-Size---12, 1.125rem);
  /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
.transport_Allowance_Calculator .table th {
  color: var(--tt-text-basic);
  text-align: center;
  /* Subheading/S3 (S) - Medium */
  font-size: var(--font-size-s-3-b-3, 0.75rem);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-For-Font-Size---12, 1.125rem);
  /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
.transport_Allowance_Calculator #btnreset {
  width: 100%;
  display: flex;
  align-items: end;
  justify-content: flex-end;
}
.transport_Allowance_Calculator .card-body-box {
  background: var(--tt-neutral-100);
  box-shadow: 0 4px 14px 0 var(--tt-neutral-300);
  padding: 18px;
}
.transport_Allowance_Calculator .checkbox-center {
  color: var(--tt-primary);
}
.transport_Allowance_Calculator .table-light-transport {
  background: var(--tt-primary-bg-stroke-5);
}
.transport_Allowance_Calculator .btnreset {
  color: var(--tt-neutral-100) !important;
  background-color: var(--primary) !important;
  border: 2px solid var(--primary) !important;
  border: 1px solid var(--primary);
}
.transport_Allowance_Calculator .total-title {
  color: var(--primary);
  padding-bottom: 10px;
  margin-bottom: 20px;
  font-size: 1.25rem;
  font-weight: 600;
}
.transport_Allowance_Calculator .custom-inline-error-text11 {
  color: var(--error);
  font-size: 14px;
  line-height: 20px;
  display: flex;
}
.transport_Allowance_Calculator .custom-inline-error {
  margin-bottom: 16px;
}
.transport_Allowance_Calculator .cancel-image-wrapper {
  border-radius: 20px 20px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /* Ensures image respects the border-radius */
}
.transport_Allowance_Calculator .cancel-error-container {
  display: flex;
  align-items: center;
  gap: 8px;
  /* spacing between image and text */
}
.transport_Allowance_Calculator .total-value {
  display: flex;
  min-width: 160px;
  max-width: 180px;
  flex-shrink: 0;
  justify-content: flex-end;
}
.transport_Allowance_Calculator .total-value input {
  width: 90%;
  text-align: right;
  font-weight: bold;
  border: 1px solid var(--neutral-light);
  padding: 10px;
  max-width: 400px;
}
.transport_Allowance_Calculator .col-md-4 {
  position: sticky;
  top: 0;
  align-self: flex-start;
  z-index: 10;
  max-height: 80vh;
  overflow-y: auto;
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
  padding: 1rem;
}
.transport_Allowance_Calculator .ta-dropdown {
  width: 437px;
  max-width: 100%;
  padding: 8px 12px;
  height: 37px;
  font-size: 1rem;
  border: 1px solid var(--tt-neutral-100);
  border-radius: 4px;
  background-color: var(--tt-neutral-100);
  appearance: none;
}
.transport_Allowance_Calculator .ta-dropdown:focus {
  border-color: var(--primary);
  outline: none;
}
.transport_Allowance_Calculator .ta-editable {
  border: 1px solid var(--tt-neutral-100);
  cursor: text;
  border: 1px solid;
  padding: 0.5rem;
  transition: border-color 0.3s ease;
  border: 1px solid var(--tt-neutral-100);
}
.transport_Allowance_Calculator .ta-editable:focus {
  border-color: var(--tt-primary);
}
.transport_Allowance_Calculator .btn-disclaimer {
  color: var(--tt-primary);
  width: 108px;
  height: 29px;
  /* Button/Button - Medium */
  font-size: var(--font-size-s-2-b-2, 0.875rem);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-For-Font-Size---14, 1.3125rem);
  /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
  text-transform: capitalize;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-primary);
  background: var(--tt-neutral-100);
}
.transport_Allowance_Calculator .ta-non-editable,
.transport_Allowance_Calculator .readonly-field {
  padding: 0.5rem;
  border-radius: 4px;
  cursor: not-allowed;
  color: var(--tt-text-basic);
  text-align: center;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-300);
  background: var(--tt-neutral-10);
  /* Body/B2 (M) - Regular */
  font-size: var(--font-size-s-2-b-2, 0.875rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-For-Font-Size---14, 1.3125rem);
  /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
.transport_Allowance_Calculator .card-body {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.transport_Allowance_Calculator input:required:invalid {
  border-radius: 0.25rem;
  border: 1px solid var(--tt-error);
  background: var(--tt-neutral-100);
}
.transport_Allowance_Calculator input:required:valid {
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-400);
  background: var(--tt-neutral-100);
}
.transport_Allowance_Calculator input:required:focus {
  border: 1px solid var(--tt-primary-600);
  outline: 2px solid var(--tt-secondary);
  outline-offset: 0px;
}
.transport_Allowance_Calculator .input-box {
  flex-direction: row;
  display: flex;
  gap: 9px;
}
.transport_Allowance_Calculator .mandatory-note {
  font-size: 14px;
  align-items: baseline;
  color: var(--contrast-dark);
  font-style: italic;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.transport_Allowance_Calculator .mandatory-note .text-danger1 {
  color: var(--error);
  font-size: 14px;
  font-style: normal;
  vertical-align: baseline;
}
@media (max-width: 768px) {
  .transport_Allowance_Calculator .col-md-4 {
    max-height: 100vh;
    position: relative;
    box-shadow: none;
  }
  .transport_Allowance_Calculator .total-title {
    font-size: 1.2rem;
  }
}
.transport_Allowance_Calculator .cancel-image-wrapper {
  border-radius: 20px 20px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /* Ensures image respects the border-radius */
}
.transport_Allowance_Calculator .cancel-image {
  width: 20px;
  height: 20px;
  object-fit: contain;
}
@media (max-width: 747px) {
  .transport_Allowance_Calculator .etds-heading-main {
    flex-direction: column;
  }
}
@media (max-width: 747px) {
  .transport_Allowance_Calculator .etds-heading-submain {
    width: 100%;
    align-items: start;
  }
}
.transport_Allowance_Calculator .note-box {
  border-radius: 4px;
  padding: 12px;
  margin-top: 24px;
  margin-bottom: 24px;
  border-radius: 0.25rem;
  border: 1px solid var(--secondary-300);
  background: var(--tt-secondary-info-bg5);
}
.transport_Allowance_Calculator .note-text {
  font-weight: 500;
  color: var(--secondary);
  font-size: 14px;
  line-height: 21px;
  margin-bottom: -20px;
}
.transport_Allowance_Calculator .text-blue {
  color: var(--primary-blue-color);
}
.transport_Allowance_Calculator .button-group {
  display: flex;
  gap: 20px;
  margin-bottom: 16px;
}
.transport_Allowance_Calculator .button-group .custom-btn {
  min-width: 84px;
  height: 36px;
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  cursor: pointer;
  border: 1px solid var(--primary);
}
.transport_Allowance_Calculator .button-group .custom-btn.custom-btn-primary {
  background: var(--primary);
  color: var(--primary-variant-6);
  border: 1px solid var(--primary);
}
.transport_Allowance_Calculator .button-group .custom-btn.custom-btn-tertiary {
  background: transparent;
  color: var(--primary);
}
.transport_Allowance_Calculator .button-group .custom-btn.custom-btn-disabled {
  background: var(--dark-variant-6);
  color: var(--dark-variant-3);
  cursor: not-allowed;
}
.transport_Allowance_Calculator .checkbox-large {
  width: 20px;
  height: 20px;
}
.transport_Allowance_Calculator .etds-transport-note-1 {
  color: var(--tt-secondary);
  /* Subheading/S2 (M) - Bold */
  font-size: var(--font-size-s-2-b-2, 0.875rem);
  font-style: normal;
  font-weight: 700;
  line-height: var(--Line-Height-For-Font-Size---14, 1.3125rem);
  /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
.transport_Allowance_Calculator .etds-transport-note-2 {
  color: var(--tt-secondary);
  /* Body/B2 (M) - Regular */
  font-size: var(--font-size-s-2-b-2, 0.875rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-For-Font-Size---14, 1.3125rem);
  /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
.transport_Allowance_Calculator .custom-display-box {
  height: 78px;
  width: 100%;
  border: 1px solid var(--tt-secondary-info-30);
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  background: var(--primary-variant-6);
}
.transport_Allowance_Calculator label.label-col {
  font-weight: 400;
}
.transport_Allowance_Calculator th.col-month {
  width: 84px;
  height: 66px;
  color: var(--tt-text-basic);
  text-align: center;
  /* Subheading/S3 (S) - Medium */
  font-size: var(--font-size-s-3-b-3, 0.75rem);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-For-Font-Size---12, 1.125rem);
  /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
.transport_Allowance_Calculator th.col-transport {
  width: 152px;
  height: 66px;
  color: var(--tt-text-basic);
  text-align: center;
  /* Subheading/S3 (S) - Medium */
  font-size: var(--font-size-s-3-b-3, 0.75rem);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-For-Font-Size---12, 1.125rem);
  /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
.transport_Allowance_Calculator .form-label-custom {
  color: var(--tt-text-basic);
  font-size: var(--font-size-s-3-b-3, 0.75rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-For-Font-Size---12, 1.125rem);
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
  width: 100%;
  margin-bottom: 4px;
  text-align: left;
  transition: font-size 0.2s, margin-bottom 0.2s;
}
.transport_Allowance_Calculator .form-label {
  width: 100%;
  margin-bottom: 4px;
  text-align: left;
  font-size: var(--font-size-s-3-b-3, 0.75rem);
  transition: font-size 0.2s, margin-bottom 0.2s;
}
@media (max-width: 1024px) {
  .transport_Allowance_Calculator .form-label-custom, .transport_Allowance_Calculator .form-label {
    font-size: 15px;
    margin-bottom: 4px;
  }
}
@media (max-width: 600px) {
  .transport_Allowance_Calculator .form-label-custom, .transport_Allowance_Calculator .form-label {
    font-size: 13px;
    margin-bottom: 2px;
  }
}
.transport_Allowance_Calculator th.col-handicapped {
  width: 224px;
  height: 66px;
  color: var(--tt-text-basic);
  text-align: center;
  /* Subheading/S3 (S) - Medium */
  font-size: var(--font-size-s-3-b-3, 0.75rem);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-For-Font-Size---12, 1.125rem);
  /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
.transport_Allowance_Calculator th.col-exempted {
  width: 194px;
  height: 66px;
  color: var(--tt-text-basic);
  text-align: center;
  /* Subheading/S3 (S) - Medium */
  font-size: var(--font-size-s-3-b-3, 0.75rem);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-For-Font-Size---12, 1.125rem);
  /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
.transport_Allowance_Calculator th.col-taxable {
  width: 169px;
  height: 66px;
  color: var(--tt-text-basic);
  text-align: center;
  /* Subheading/S3 (S) - Medium */
  font-size: var(--font-size-s-3-b-3, 0.75rem);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-For-Font-Size---12, 1.125rem);
  /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
.transport_Allowance_Calculator .left-pane {
  width: 1366px;
  max-width: 90%;
  margin-left: 15px;
  height: fit-content;
}
.transport_Allowance_Calculator .card {
  height: auto;
}
.transport_Allowance_Calculator .etds-transport-allowance-shadow {
  background: var(--tt-secondary-info-bg2);
}
.transport_Allowance_Calculator .etds-transport-box {
  border-radius: 0.25rem;
  border: 1px solid var(--tt-secondary-info-30);
  padding: 8px;
  background: var(--tt-neutral-100);
}
.transport_Allowance_Calculator .icon {
  color: var(--tt-primary);
}
.transport_Allowance_Calculator .tbody {
  color: var(--tt-text-basic);
  text-align: center;
  /* Subheading/S3 (S) - Medium */
  font-size: var(--font-size-s-3-b-3, 0.75rem);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-For-Font-Size---12, 1.125rem);
  /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
.transport_Allowance_Calculator .input-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  /* Space between input fields */
}
.transport_Allowance_Calculator .input-field-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.transport_Allowance_Calculator .InputField {
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: inline-flex;
}
.transport_Allowance_Calculator .TextField {
  padding: 8px;
  background: var(--tt-neutral-100);
  border-radius: 4px;
  outline: 1px solid var(--tt-error);
  outline-offset: -1px;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: inline-flex;
}
.transport_Allowance_Calculator .PlaceholderText {
  flex: 1 1 0;
  color: var(--tt-neutral-700);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.transport_Allowance_Calculator .ErrorText {
  justify-content: center;
  display: flex;
  flex-direction: column;
  color: var(--tt-error);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.transport_Allowance_Calculator .custom-btn-tertiary {
  background: transparent;
  color: var(--primary);
}
.transport_Allowance_Calculator .custom-btn {
  min-width: 84px;
  height: 36px;
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  align-items: center;
  justify-content: end;
  border: none;
  cursor: pointer;
}
.transport_Allowance_Calculator .assessment-dropdown {
  display: flex;
  justify-content: flex-end;
}
.transport_Allowance_Calculator .uniform-input11,
.transport_Allowance_Calculator .form-select,
.transport_Allowance_Calculator .form-control {
  height: 37px;
  border: 1px solid var(--neutral-light);
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 14px;
  display: flex;
  justify-self: end;
  box-sizing: border-box;
  transition: width 0.2s, font-size 0.2s, padding 0.2s;
}
@media (max-width: 1024px) {
  .transport_Allowance_Calculator .uniform-input11,
  .transport_Allowance_Calculator .form-select,
  .transport_Allowance_Calculator .form-control {
    width: 100%;
    min-width: 0;
  }
}
@media (max-width: 600px) {
  .transport_Allowance_Calculator .uniform-input11,
  .transport_Allowance_Calculator .form-select,
  .transport_Allowance_Calculator .form-control {
    width: 100%;
    font-size: 13px;
    height: 32px;
    padding: 6px 8px;
  }
}
.transport_Allowance_Calculator .uniform-input11 {
  width: 100%;
  height: 37px;
  padding: 8px 12px;
  font-size: 14px;
  display: flex;
  justify-self: end;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-400);
  background: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}
.transport_Allowance_Calculator .etds-dropdown {
  color: var(--tt-text-basic);
}
.transport_Allowance_Calculator .input#input-box-10 {
  width: 241px;
}
.transport_Allowance_Calculator .custom-checkbox-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.transport_Allowance_Calculator .custom-checkbox-label {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  transition: all 0.2s ease;
}
.transport_Allowance_Calculator .custom-checkbox-label:hover {
  transform: scale(1.05);
}
.transport_Allowance_Calculator .custom-checkbox-label.disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.transport_Allowance_Calculator .custom-checkbox-icon {
  width: 24px;
  height: 24px;
  transition: color 0.2s ease;
}
.transport_Allowance_Calculator .checkbox-unchecked {
  color: var(--tt-neutral-700);
}
.transport_Allowance_Calculator .checkbox-checked {
  color: var(--tt-primary); /* or any color you want */
}
.transport_Allowance_Calculator .checkbox-center {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--tt-primary);
}
.transport_Allowance_Calculator .checkbox-center input[type=checkbox] {
  accent-color: var(--tt-neutral-100);
  background-color: var(--tt-neutral-100);
  border: 2px solid var(--tt-primary);
  width: 20px;
  height: 20px;
  border-radius: 4px;
  transition: accent-color 0.2s, background-color 0.2s;
}
.transport_Allowance_Calculator .checkbox-center input[type=checkbox]:checked {
  accent-color: var(--tt-primary);
  background-color: var(--tt-primary);
  border-color: var(--tt-primary);
}
.transport_Allowance_Calculator .custom-checkbox-wrapper.primary .checkbox-checked {
  color: var(--tt-primary);
}
.transport_Allowance_Calculator .custom-checkbox-wrapper.success .checkbox-checked {
  color: var(--success-700);
}
.transport_Allowance_Calculator .custom-checkbox-wrapper.danger .checkbox-checked {
  color: var(--tt-error);
}
.transport_Allowance_Calculator .etds-transport-allowance-checkbox {
  display: flex;
  justify-content: center;
  margin: 12px;
}
.transport_Allowance_Calculator .custom-checkbox-container {
  cursor: pointer;
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
}
.transport_Allowance_Calculator .custom-checkbox-svg {
  width: 1.5rem;
  height: 1.5rem;
}
.transport_Allowance_Calculator .custom-checkbox-container:hover {
  opacity: 0.8;
}
.transport_Allowance_Calculator .custom-checkbox-container:focus {
  outline: 2px solid var(--tt-secondary);
  outline-offset: 2px;
}
.transport_Allowance_Calculator .custom-checkbox-svg.unchecked {
  color: var(--tt-neutral-700);
}
.transport_Allowance_Calculator .custom-checkbox-svg.checked {
  color: var(--tt-secondary);
}
.transport_Allowance_Calculator .custom-checkbox-svg.checked .checkmark {
  color: var(--tt-secondary); /* or any color */
  fill: var(--tt-secondary);
}
.transport_Allowance_Calculator .custom-checkbox-svg.checked {
  color: var(--tt-neutral-700);
}
.transport_Allowance_Calculator .uniform-input11__control {
  background-color: var(--tt-neutral-100) !important; /* Dropdown background */
}
.transport_Allowance_Calculator .uniform-input11__single-value,
.transport_Allowance_Calculator .uniform-input11__option {
  color: var(--tt-text-basic) !important; /* Text color for selected and options */
}
.transport_Allowance_Calculator .uniform-input11__option {
  background-color: var(--tt-neutral-100) !important; /* Dropdown option background */
}
.transport_Allowance_Calculator .visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.transport_Allowance_Calculator input[type=checkbox].checkbox-center {
  accent-color: var(--tt-primary); /* Replace with your desired color */
}

.section80g-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  min-height: 100vh;
  letter-spacing: 0.12px;
  /* Add this to your main CSS file or the relevant CSS module */
}
@media (min-width: 1371px) {
  .section80g-wrapper {
    display: flex;
    justify-content: center;
  }
}
.section80g-wrapper .pane.left-pane {
  width: 1366px;
  max-width: 90%;
  margin-left: 15px;
  height: fit-content;
}
.section80g-wrapper .pane.left-pane .card {
  height: auto;
}
.section80g-wrapper .pane.right-pane {
  width: 301px;
  max-width: 100%;
  height: fit-content;
}
@media (max-width: 1399.98px) {
  .section80g-wrapper .pane.left-pane, .section80g-wrapper .pane.right-pane {
    width: 100%;
    margin-left: 0;
  }
}
.section80g-wrapper .form-offset {
  padding-left: 1px;
}
@media (min-width: 992px) {
  .section80g-wrapper .form-offset {
    padding-left: 1px;
  }
}
.section80g-wrapper .custom-inline-error-text18-1 {
  margin-left: 553px;
  margin-top: 8px;
}
.section80g-wrapper .big-label {
  font-size: 16px;
  font-weight: 500;
  margin-right: 20px;
  color: var(----tt-text-basic);
}
.section80g-wrapper .etds-section-80-card {
  background: var(--tt-secondary-info-bg2);
}
.section80g-wrapper .etds-80G-box {
  border-radius: 0.25rem;
  border: 1px solid var(--tt-secondary-info-30);
  padding: 15px;
  background: var(--tt-neutral-100);
}
.section80g-wrapper .custom-card-right-80G {
  background: var(--tt-neutral-100);
  box-shadow: 0 1px 3px var(--tt-neutral-300);
  padding: 24px;
  max-width: 100%;
}
.section80g-wrapper .input-437 {
  width: 100%;
  max-width: 437px;
  height: 37px;
}
.section80g-wrapper .mb-0 {
  font-weight: 700;
}
.section80g-wrapper .form-row {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
}
.section80g-wrapper .input-col {
  flex: 1 1 40%;
  max-width: 437px;
}
.section80g-wrapper .form-control {
  width: 100%;
  height: 38px;
}
.section80g-wrapper .sub-heading {
  font-weight: 700;
  font-size: 16px;
  width: 100%;
  height: 42px;
  background: var(--tt-secondary-info-bg2);
  overflow: hidden;
  display: inline-flex;
  justify-content: flex-start;
  align-items: flex-start;
  color: var(--tt-primary);
  padding-top: 12px;
  padding-bottom: 12px;
}
.section80g-wrapper .note {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 0.5rem;
}
.section80g-wrapper .custom-card {
  background: var(--tt-neutral-100);
  /* padding: 28px 24px 20px; */
  border-radius: 6px;
  /* box-shadow: 0 1px 3px var(--tt-neutral-300); */
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.section80g-wrapper .custom-section {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.section80g-wrapper .custom-label {
  font-size: 14px;
  font-weight: 500;
  color: var(--tt-primary);
}
.section80g-wrapper .custom-display-box {
  height: 78px;
  width: 100%;
  border: 1px solid var(--tt-secondary-info-30);
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  background: var(--tt-neutral-100);
}
.section80g-wrapper .button-group {
  display: flex;
  gap: 20px;
  margin-bottom: 16px;
}
.section80g-wrapper .etds-80g-heading {
  color: var(--tt-primary);
  /* Heading/H4 (S) - Bold */
  font-size: var(--Font-Size-H4, 1.25rem);
  font-style: normal;
  font-weight: 700;
  line-height: var(--Line-Height-For-Font-Size---20, 1.875rem);
  /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
.section80g-wrapper .custom-btn {
  min-width: 84px;
  height: 36px;
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  cursor: pointer;
}
.section80g-wrapper .custom-btn-primary {
  background: var(--tt-primary);
  color: var(--tt-neutral-100);
}
.section80g-wrapper .custom-btn-tertiary {
  background: var(--tt-neutral-100);
  color: var(--tt-primary);
}
.section80g-wrapper .checkbox-large {
  width: 20px;
  height: 20px;
}
.section80g-wrapper .disclaimer-btn {
  border: 1px solid var(--tt-primary);
  color: var(--tt-primary);
  background: var(--tt-neutral-100);
  border-radius: 4px;
  padding: 6px 12px;
  transition: 0.3s;
  max-width: 135px;
}
.section80g-wrapper .donation-header {
  display: flex;
  align-items: center;
  gap: 16px;
  font-weight: 600;
  font-size: 14px;
  padding-bottom: 8px;
  width: 100%;
  height: 60px;
  background: var(--tt-primary-bg-stroke-10);
  overflow: hidden;
  margin-bottom: 8px;
}
.section80g-wrapper .donation-header div:first-child {
  flex: 1 1 60%;
  font-weight: 600;
  font-size: 14px;
}
.section80g-wrapper .donation-header div:nth-child(2) {
  width: 194px;
  font-weight: 600;
  font-size: 14px;
}
.section80g-wrapper .donation-header div:last-child {
  width: 194px;
  margin-left: 8px;
  font-weight: 600;
  font-size: 14px;
}
.section80g-wrapper .donation-header-small[placeholder="Additional info"] {
  background-color: var(--keyboard-bg-dropdown);
  cursor: not-allowed;
  pointer-events: none;
}
.section80g-wrapper .col-md-6.col-12:nth-child(2),
.section80g-wrapper .col-md-6.col-12:nth-child(4) {
  padding-left: 8px;
}
@media (min-width: 992px) {
  .section80g-wrapper .col-md-6.col-12:nth-child(2),
  .section80g-wrapper .col-md-6.col-12:nth-child(4) {
    padding-left: 214px;
  }
}
.section80g-wrapper .agi-input {
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-300);
  background: var(--tt-neutral-bg-stroke-10);
}
.section80g-wrapper .row {
  width: 100%;
}
.section80g-wrapper .donation-row {
  display: flex;
  gap: 8px;
}
.section80g-wrapper .donation-input-small {
  width: 194px;
  height: 37px;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-300);
  background: var(--tt-neutral-100);
  color: var(--tt-text-basic);
  padding: 8px;
}
.section80g-wrapper button:focus-visible {
  outline-offset: 0.125rem;
  box-shadow: unset;
}
.section80g-wrapper .donation-header-start {
  width: 100%;
  height: 100%;
  padding: 12px 16px;
  background: var(--tt-secondary-info-bg-stroke-2);
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  color: var(--tt-primary);
  font-weight: 700;
}
.section80g-wrapper .custom-inline-error {
  margin-bottom: 16px;
}
.section80g-wrapper .cancel-image-wrapper {
  border-radius: 20px 20px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /* Ensures image respects the border-radius */
}
.section80g-wrapper .cancel-error-container {
  display: flex;
  align-items: center;
  gap: 8px;
  /* spacing between image and text */
}
.section80g-wrapper .cancel-image {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  /* circular */
  padding: 2px;
}
.section80g-wrapper .custom-inline-error-text18 {
  color: var(--tt-error);
  font-size: 14px;
  line-height: 20px;
  display: flex;
  justify-content: start;
}
.section80g-wrapper label.big-label.assess {
  margin-bottom: 30px;
}
.section80g-wrapper .total-title {
  color: var(--tt-primary);
  padding-bottom: 10px;
  margin-bottom: 20px;
  font-size: 1.25rem;
  font-weight: 600;
}
.section80g-wrapper .chip {
  color: var(--tt-primary);
  padding: 2px 6px;
  border-radius: 4px;
  font-weight: 500;
  font-size: 13px;
  margin: 0 2px;
  display: inline-block;
}
.section80g-wrapper .note-box {
  border-radius: 0.25rem;
  border: 1px solid var(--secondary-300);
  background: var(--tt-secondary-info-bg5);
  padding: 12px;
  margin-top: 24px;
  margin-bottom: 24px;
  border-radius: 0.25rem;
}
.section80g-wrapper .note-text {
  font-weight: 700;
  color: var(--tt-secondary);
  font-size: 14px;
  line-height: 21px;
  margin-bottom: -20px;
}
.section80g-wrapper .note-text-1 {
  font-weight: 400;
}
.section80g-wrapper .table-slide-80G {
  display: block;
  overflow-x: auto;
  width: 100%;
}
.section80g-wrapper .form-row {
  display: flex;
  gap: 1rem;
  align-items: center;
  margin-bottom: 1rem;
  margin: 0 auto;
  margin-bottom: 8px;
}
.section80g-wrapper .form-row .label-col18,
.section80g-wrapper .form-row .label-col18-b {
  font-size: 14px;
  line-height: 21px;
  color: var(--tt-text-basic);
  font-weight: 400;
  min-width: 300px;
  max-width: 100%;
  flex: 1 1 auto;
  word-break: break-word;
}
.section80g-wrapper .form-row .label-col18 {
  flex-basis: 57%;
}
.section80g-wrapper .form-row .label-col18-b {
  flex-basis: 27%;
}
.section80g-wrapper .form-row .input-col {
  flex: 1 1 40%;
  max-width: 100%;
}
.section80g-wrapper .form-row .input-col input,
.section80g-wrapper .form-row .input-col select {
  width: 100%;
  min-width: 100px;
  max-width: 100%;
  height: 37px;
  border: 1px solid var(--neutral-light);
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 14px;
  box-sizing: border-box;
  background: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}
.section80g-wrapper .select#assessmentYear18 {
  width: 100%;
}
.section80g-wrapper .select#employerType18 {
  width: 100%;
}
.section80g-wrapper .uniform-input18,
.section80g-wrapper .form-select,
.section80g-wrapper .form-control {
  height: 37px;
  border: 1px solid var(--neutral-light);
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 14px;
  width: 100%;
}
.section80g-wrapper .uniform-input18 {
  width: 347px;
  height: 37px;
  padding: 8px 12px;
  font-size: 14px;
  display: flex;
  justify-self: end;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-400);
  background: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}
.section80g-wrapper .etds-dropdown {
  color: var(--tt-text-basic);
}
@media (min-width: 75rem) {
  .section80g-wrapper .d-flex.justify-content-between.align-items-center.mb-4.ml-2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    gap: 1rem;
    padding: 0.75rem 1rem;
  }
  .section80g-wrapper .d-flex.justify-content-between.align-items-center.mb-4.ml-2 .h4 {
    font-size: clamp(1.25rem, 2vw, 1.5rem);
    margin-bottom: 0;
    flex: 1;
  }
  .section80g-wrapper .d-flex.justify-content-between.align-items-center.mb-4.ml-2 .disclaimer-btn {
    white-space: nowrap;
    padding: 0.5rem 1rem;
    min-width: auto;
    max-width: 140px;
  }
}
@media (min-width: 48rem) and (max-width: 74.9375rem) {
  .section80g-wrapper .d-flex.justify-content-between.align-items-center.mb-4.ml-2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
    padding: 0.75rem 0.5rem;
  }
  .section80g-wrapper .d-flex.justify-content-between.align-items-center.mb-4.ml-2 .h4 {
    font-size: clamp(1.125rem, 2.5vw, 1.375rem);
    margin-bottom: 0.25rem;
    flex: 1 1 100%;
    text-align: left;
  }
  .section80g-wrapper .d-flex.justify-content-between.align-items-center.mb-4.ml-2 .disclaimer-btn {
    flex: 1 1 auto;
    min-width: fit-content;
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    max-width: 140px;
  }
}
@media (min-width: 30.0625rem) and (max-width: 47.9375rem) {
  .section80g-wrapper .d-flex.justify-content-between.align-items-center.mb-4.ml-2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.75rem 0.25rem;
  }
  .section80g-wrapper .d-flex.justify-content-between.align-items-center.mb-4.ml-2 .h4 {
    font-size: clamp(1rem, 3vw, 1.25rem);
    margin-bottom: 0;
    width: 100%;
  }
  .section80g-wrapper .d-flex.justify-content-between.align-items-center.mb-4.ml-2 .disclaimer-btn {
    width: 100%;
    justify-content: center;
    padding: 0.625rem;
    font-size: 0.875rem;
    max-width: 140px;
  }
}
@media (max-width: 30rem) {
  .section80g-wrapper .d-flex.justify-content-between.align-items-center.mb-4.ml-2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 1rem 0.5rem;
    text-align: center;
  }
  .section80g-wrapper .d-flex.justify-content-between.align-items-center.mb-4.ml-2 .h4 {
    font-size: clamp(0.875rem, 4vw, 1.125rem);
    margin-bottom: 0;
    width: 100%;
    line-height: 1.3;
  }
  .section80g-wrapper .d-flex.justify-content-between.align-items-center.mb-4.ml-2 .disclaimer-btn {
    width: 100%;
    max-width: 140px;
    justify-content: center;
    padding: 0.75rem;
    font-size: 0.875rem;
  }
  .section80g-wrapper .d-flex.justify-content-between.align-items-center.mb-4.ml-2 .disclaimer-btn .icon {
    margin-right: 0.5rem;
  }
}
@media (min-width: 62rem) {
  .section80g-wrapper .row.gy-1.gx-3.mb-2 {
    display: flex;
    flex-wrap: nowrap;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
  }
  .section80g-wrapper .row.gy-1.gx-3.mb-2 .col-md-5 {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .section80g-wrapper .row.gy-1.gx-3.mb-2 .col-md-5 .big-label {
    font-size: clamp(0.875rem, 1.2vw, 1rem);
    font-weight: 500;
    margin-bottom: 0;
    display: block;
  }
  .section80g-wrapper .row.gy-1.gx-3.mb-2 .col-md-2 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
}
@media (min-width: 48rem) and (max-width: 61.9375rem) {
  .section80g-wrapper .row.gy-1.gx-3.mb-2 {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
  }
  .section80g-wrapper .row.gy-1.gx-3.mb-2 .col-md-5 {
    flex: 1 1 45%;
    max-width: 48%;
  }
  .section80g-wrapper .row.gy-1.gx-3.mb-2 .col-md-5 .big-label {
    font-size: 0.875rem;
    font-weight: 500;
    margin-bottom: 0.25rem;
    line-height: 1.4;
  }
  .section80g-wrapper .row.gy-1.gx-3.mb-2 .col-md-2 {
    display: none;
  }
}
@media (min-width: 30.0625rem) and (max-width: 47.9375rem) {
  .section80g-wrapper .row.gy-1.gx-3.mb-2 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1.25rem;
  }
  .section80g-wrapper .row.gy-1.gx-3.mb-2 .col-md-5 {
    width: 100%;
    max-width: 100%;
  }
  .section80g-wrapper .row.gy-1.gx-3.mb-2 .col-md-5 .big-label {
    font-size: 0.875rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
    display: block;
  }
  .section80g-wrapper .row.gy-1.gx-3.mb-2 .col-md-2 {
    display: none;
  }
}
@media (max-width: 30rem) {
  .section80g-wrapper .row.gy-1.gx-3.mb-2 {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    margin-bottom: 1.5rem;
  }
  .section80g-wrapper .row.gy-1.gx-3.mb-2 .col-md-5 {
    width: 100%;
  }
  .section80g-wrapper .row.gy-1.gx-3.mb-2 .col-md-5 .big-label {
    font-size: 0.8125rem;
    font-weight: 500;
    margin-bottom: 0.625rem;
    display: block;
    line-height: 1.5;
  }
  .section80g-wrapper .row.gy-1.gx-3.mb-2 .col-md-2 {
    display: none;
  }
}
@media (min-width: 62rem) {
  .section80g-wrapper .row.gy-3.gx-3.mb-4 {
    display: flex;
    flex-wrap: nowrap;
    gap: 1rem;
    margin-bottom: 1.5rem;
  }
  .section80g-wrapper .row.gy-3.gx-3.mb-4 .col-md-5 {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .section80g-wrapper .row.gy-3.gx-3.mb-4 .col-md-5 .uniform-input18,
  .section80g-wrapper .row.gy-3.gx-3.mb-4 .col-md-5 .form-select {
    width: 100%;
    height: 2.3125rem;
    font-size: 0.875rem;
    padding: 0.5rem 0.75rem;
  }
  .section80g-wrapper .row.gy-3.gx-3.mb-4 .col-md-2 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
}
@media (min-width: 48rem) and (max-width: 61.9375rem) {
  .section80g-wrapper .row.gy-3.gx-3.mb-4 {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
  }
  .section80g-wrapper .row.gy-3.gx-3.mb-4 .col-md-5 {
    flex: 1 1 45%;
    max-width: 48%;
  }
  .section80g-wrapper .row.gy-3.gx-3.mb-4 .col-md-5 .uniform-input18,
  .section80g-wrapper .row.gy-3.gx-3.mb-4 .col-md-5 .form-select {
    width: 100%;
    height: 2.25rem;
    font-size: 0.8125rem;
    padding: 0.5rem 0.625rem;
  }
  .section80g-wrapper .row.gy-3.gx-3.mb-4 .col-md-2 {
    display: none;
  }
}
@media (min-width: 30.0625rem) and (max-width: 47.9375rem) {
  .section80g-wrapper .row.gy-3.gx-3.mb-4 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1.5rem;
  }
  .section80g-wrapper .row.gy-3.gx-3.mb-4 .col-md-5 {
    width: 100%;
    max-width: 100%;
  }
  .section80g-wrapper .row.gy-3.gx-3.mb-4 .col-md-5 .uniform-input18,
  .section80g-wrapper .row.gy-3.gx-3.mb-4 .col-md-5 .form-select {
    width: 100%;
    height: 2.5rem;
    font-size: 0.875rem;
    padding: 0.75rem;
  }
  .section80g-wrapper .row.gy-3.gx-3.mb-4 .col-md-2 {
    display: none;
  }
}
@media (max-width: 30rem) {
  .section80g-wrapper .row.gy-3.gx-3.mb-4 {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    margin-bottom: 1.75rem;
  }
  .section80g-wrapper .row.gy-3.gx-3.mb-4 .col-md-5 {
    width: 100%;
  }
  .section80g-wrapper .row.gy-3.gx-3.mb-4 .col-md-5 .uniform-input18,
  .section80g-wrapper .row.gy-3.gx-3.mb-4 .col-md-5 .form-select {
    width: 100%;
    height: 2.75rem;
    font-size: 0.875rem;
    padding: 0.75rem;
    border-radius: 0.375rem;
  }
  .section80g-wrapper .row.gy-3.gx-3.mb-4 .col-md-2 {
    display: none;
  }
}
.section80g-wrapper .custom-inline-error,
.section80g-wrapper .custom-inline-error-1 {
  margin-bottom: 0.5rem;
}
@media (min-width: 62rem) {
  .section80g-wrapper .custom-inline-error .custom-inline-error-text18,
  .section80g-wrapper .custom-inline-error-1 .custom-inline-error-text18 {
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 0.25rem 0;
  }
}
@media (min-width: 48rem) and (max-width: 61.9375rem) {
  .section80g-wrapper .custom-inline-error .custom-inline-error-text18,
  .section80g-wrapper .custom-inline-error-1 .custom-inline-error-text18 {
    font-size: 0.8125rem;
    line-height: 1.2rem;
    padding: 0.375rem 0;
  }
}
@media (min-width: 30.0625rem) and (max-width: 47.9375rem) {
  .section80g-wrapper .custom-inline-error .custom-inline-error-text18,
  .section80g-wrapper .custom-inline-error-1 .custom-inline-error-text18 {
    font-size: 0.8125rem;
    line-height: 1.3rem;
    padding: 0.5rem 0;
    text-align: left;
  }
}
@media (max-width: 30rem) {
  .section80g-wrapper .custom-inline-error .custom-inline-error-text18,
  .section80g-wrapper .custom-inline-error-1 .custom-inline-error-text18 {
    font-size: 0.75rem;
    line-height: 1.25rem;
    padding: 0.5rem 0;
    text-align: left;
    word-break: break-word;
  }
}
.section80g-wrapper .donation-table-80g {
  background: var(--tt-neutral-100) !important;
  color: var(--tt-text-basic) !important;
}
.section80g-wrapper .donation-table-80g th,
.section80g-wrapper .donation-table-80g td {
  background: var(--tt-neutral-100) !important;
  color: var(--tt-text-basic) !important;
}
.section80g-wrapper .donation-table-80g label {
  color: var(--tt-text-basic) !important;
}
.section80g-wrapper .table-responsive {
  background: var(--tt-neutral-100) !important;
}
.section80g-wrapper .etds-section-80g {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 747px) {
  .section80g-wrapper .etds-section-80g {
    flex-direction: column;
  }
}

.gratuity-calculator-container {
  /* Custom Styles */
  /* .........................................Test...................... */
  /* Close Button */
  /* Want different checkmark color? Just change CSS */
}
.gratuity-calculator-container .form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}
.gratuity-calculator-container .form-check-input {
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-400);
  background: var(--tt-neutral-100);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
}
.gratuity-calculator-container .form-check-label {
  margin-bottom: 0;
}
.gratuity-calculator-container .btn-link {
  font-weight: 400;
  color: var(--primary-blue-color);
  text-decoration: none;
}
.gratuity-calculator-container .form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--tt-text-basic);
  background-color: var(--primary-variant-6);
  background-clip: padding-box;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-400);
  background: var(--tt-neutral-100);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.gratuity-calculator-container .text-muted {
  color: #6c757d !important;
}
.gratuity-calculator-container .small {
  font-size: 0.875em;
}
.gratuity-calculator-container .mt-1 {
  margin-top: 0.25rem !important;
}
.gratuity-calculator-container .justify-content-start {
  justify-content: flex-start !important;
}
.gratuity-calculator-container .mt-3 {
  margin-top: 1rem !important;
}
.gratuity-calculator-container .gap-3 {
  gap: 1rem !important;
}
.gratuity-calculator-container .card-title {
  margin-bottom: 0.5rem;
}
.gratuity-calculator-container .border-bottom {
  border-bottom: 1px solid var(--tt-neutral-300) !important;
}
.gratuity-calculator-container .pb-10 {
  padding-bottom: 10px;
}
.gratuity-calculator-container .border {
  border: 1px solid var(--tt-neutral-300) !important;
}
.gratuity-calculator-container .rounded {
  border-radius: 0.25rem !important;
}
.gratuity-calculator-container .p-3 {
  padding: 1rem !important;
}
.gratuity-calculator-container .text-center {
  text-align: center !important;
}
.gratuity-calculator-container .modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1055;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-300);
}
.gratuity-calculator-container .modal-dialog {
  position: relative;
  width: 100%;
  max-width: 500px;
  margin: 0.5rem auto;
  pointer-events: none;
}
.gratuity-calculator-container .modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}
.gratuity-calculator-container .modal-content {
  border-radius: 0.5rem 0.5rem 0 0;
  background: var(--tt-neutral-100);
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-clip: padding-box;
  border-radius: 0.5rem 0.5rem 0 0;
  background: var(--tt-neutral-100);
  border-radius: 0.3rem;
  outline: 0;
  max-height: 90vh;
  overflow-y: auto;
  padding: 8px;
}
.gratuity-calculator-container .card-body:last-child {
  padding-bottom: 1rem;
}
.gratuity-calculator-container .modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid var(--tt-neutral-100);
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.gratuity-calculator-container .modal-title {
  margin-bottom: 0;
  line-height: 1.5;
  white-space: break-spaces;
}
.gratuity-calculator-container .modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
  flex-direction: column;
  gap: 8px;
}
.gratuity-calculator-container .position-relative {
  position: relative !important;
}
.gratuity-calculator-container .service-period-container {
  height: 100px;
  border: 1px solid var(--tt-neutral-100);
  border-radius: 4px;
  padding: 10px;
}
.gratuity-calculator-container .text-left {
  text-align: left !important;
}
.gratuity-calculator-container .mt-2 {
  margin-top: 0.5rem !important;
}
.gratuity-calculator-container .etda-box-1 {
  min-width: 250px;
}
.gratuity-calculator-container .etda-box-2 {
  max-width: 181px;
}
.gratuity-calculator-container .etda-box-3 {
  max-width: 250px;
}
.gratuity-calculator-container .table-header {
  min-width: 946px;
}
.gratuity-calculator-container .modal-footer {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid var(--neutral-100);
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}
.gratuity-calculator-container .modal-xl {
  max-width: 1140px;
}
.gratuity-calculator-container .table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.gratuity-calculator-container .table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
  vertical-align: top;
  border-color: var(--neutral-100);
}
.gratuity-calculator-container .table-bordered {
  border: 1px solid var(--neutral-100);
}
.gratuity-calculator-container .table-light {
  --bs-table-bg: var(--neutral-100);
  --bs-table-striped-bg: var(--neutral-100);
  --bs-table-striped-color: var(--neutral-1200);
  --bs-table-active-bg: var(--neutral-100);
  --bs-table-active-color: var(--neutral-1200);
  --bs-table-hover-bg: var(--neutral-100);
  --bs-table-hover-color: var(--neutral-1200);
  color: var(--neutral-1200);
  border-color: var(--neutral-100);
}
.gratuity-calculator-container .text-center {
  text-align: center !important;
}
.gratuity-calculator-container .gratuity-calculator-title {
  color: var(--tt-primary);
}
.gratuity-calculator-container .disclaimer-button {
  border: none;
  background: none;
  display: flex;
  align-items: center;
}
.gratuity-calculator-container .form-control.input-style {
  border: 1px solid var(--keyboard-bg-header);
  background-color: var(--primary-variant-6);
  padding: 8px 12px;
  width: 100%;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.gratuity-calculator-container .input-style:focus {
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem var(--tt-primary);
}
.gratuity-calculator-container .checkbox-style {
  margin-right: 8px;
}
.gratuity-calculator-container .reset-button {
  background-color: transparent;
  color: var(--primary-blue-color);
  border: 2px solid var(--primary-blue-color);
  border-radius: 5px;
  padding: 8px 16px;
  font-weight: bold;
  cursor: pointer;
  font-size: 16px;
}
.gratuity-calculator-container .total-card-title {
  color: var(--primary-blue-color);
  border-bottom: 1px solid var(--tt-neutral-300);
  padding-bottom: 10px;
}
.gratuity-calculator-container .total-label {
  color: var(--tt-primary);
}
.gratuity-calculator-container .modal-header-custom {
  width: 100%;
  margin: 0 auto;
}
.gratuity-calculator-container .service-period-label {
  color: var(--tt-primary);
}
.gratuity-calculator-container .service-period-value {
  font-weight: bold;
  font-size: 1.2em;
}
.gratuity-calculator-container .modal-button {
  border-radius: 0.25rem;
  border: 1px solid var(--tt-primary);
  background: var(--tt-neutral-100);
  border-radius: 5px;
  padding: 8px 16px;
  font-weight: bold;
  color: var(--tt-primary);
  cursor: pointer;
  font-size: 16px;
}
.gratuity-calculator-container .table-header-center {
  text-align: center;
}
.gratuity-calculator-container .validation-message {
  color: var(--semantic-error);
  font-size: 0.875em;
  margin-top: 4px;
  padding-top: 2px;
}
.gratuity-calculator-container .gratuity-heading-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
}
@media (max-width: 747px) {
  .gratuity-calculator-container .gratuity-heading-container {
    flex-direction: column;
  }
}
.gratuity-calculator-container .row {
  flex-wrap: nowrap;
}
.gratuity-calculator-container .gratuity-heading-left {
  display: flex;
  align-items: center;
  gap: 12px;
}
.gratuity-calculator-container .gratuity-heading-title {
  color: var(--primary);
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0.12px;
  margin: 0;
}
.gratuity-calculator-container .gratuity-heading-info-button {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}
.gratuity-calculator-container .gratuity-heading-info-icon {
  width: 24px;
  height: 24px;
  position: relative;
}
.gratuity-calculator-container .gratuity-heading-info-vector {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 2px;
  left: 2px;
  background-color: var(--neutral-800);
  border-radius: 50%;
}
.gratuity-calculator-container .gratuity-heading-right {
  display: flex;
  align-items: center;
  gap: 32px;
}
.gratuity-calculator-container .gratuity-heading-asterisk-note {
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.12px;
  display: flex;
  align-items: center;
}
.gratuity-calculator-container .gratuity-heading-asterisk {
  color: var(--error);
  margin-right: 2px;
}
.gratuity-calculator-container .gratuity-heading-note-text {
  color: var(--contrast-dark);
}
.gratuity-calculator-container .gratuity-heading-disclaimer-button {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 12px;
  height: 28px;
  min-width: 72px;
  background-color: var(--primary-variant-6);
  border: 1px solid var(--primary);
  border-radius: 4px;
  cursor: pointer;
}
.gratuity-calculator-container .gratuity-heading-warning-icon {
  width: 20px;
  height: 20px;
  position: relative;
}
.gratuity-calculator-container .gratuity-heading-warning-vector {
  width: 18.33px;
  height: 15.83px;
  position: absolute;
  top: 1.67px;
  left: 0.83px;
  background-color: var(--primary);
}
.gratuity-calculator-container .gratuity-heading-disclaimer-text {
  color: var(--primary);
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  line-height: 21px;
  letter-spacing: 0.12px;
}
.gratuity-calculator-container .gratuity-first-row {
  display: flex;
  gap: 24px;
  margin-bottom: 24px;
  flex-wrap: wrap;
}
.gratuity-calculator-container .gratuity-first-col {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
}
.gratuity-calculator-container .gratuity-first-label {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 8px;
  color: var(--tt-text-basic);
}
.gratuity-calculator-container .gratuity-first-required {
  color: var(--error);
  margin-left: 4px;
}
.gratuity-calculator-container .gratuity-first-select {
  height: 40px;
  padding: 8px 12px;
  border: 1px solid var(--neutral-light);
  border-radius: 4px;
  font-size: 14px;
  color: var(--tt-text-basic);
  background-color: var(--tt-neutral-100);
  outline: none;
  transition: border-color 0.2s;
}
.gratuity-calculator-container .gratuity-first-select:focus {
  border-color: var(--tt-primary);
}
.gratuity-calculator-container .gratuity-first-validation {
  font-size: 12px;
  color: var(--error);
  margin-top: 4px;
}
.gratuity-calculator-container .gratuity-employer-message {
  color: var(--error);
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.125rem;
  letter-spacing: 0.0075rem;
  align-self: stretch;
  margin-top: 4px;
}
.gratuity-calculator-container .gratuity-first-select-error {
  border-color: var(--tt-error) !important;
}
.gratuity-calculator-container .gratuity-radio-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 24px;
}
.gratuity-calculator-container .gratuity-radio-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 6px;
}
.gratuity-calculator-container .gratuity-radio-checkbox {
  width: 24px;
  height: 24px;
  position: relative;
  flex-shrink: 0;
}
.gratuity-calculator-container .gratuity-radio-input {
  cursor: pointer;
  accent-color: var(--tt-primary);
  max-width: 20px;
  max-height: 20px;
}
.gratuity-calculator-container .gratuity-radio-label {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.12px;
  color: var(--tt-text-basic);
}
.gratuity-calculator-container .gratuity-second-row {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin-bottom: 24px;
}
.gratuity-calculator-container .gratuity-second-field {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.gratuity-calculator-container .gratuity-second-label-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.gratuity-calculator-container .gratuity-second-label {
  font-size: 12px;
  font-weight: 400;
  color: var(--tt-text-basic);
}
.gratuity-calculator-container .gratuity-second-required {
  color: var(--error);
}
.gratuity-calculator-container .gratuity-second-link-button {
  font-size: 12px;
  color: var(--secondary);
  background: none;
  border: none;
  padding: 0;
  text-decoration: underline;
  cursor: pointer;
}
.gratuity-calculator-container .gratuity-second-input {
  height: 37px;
  padding: 8px 12px;
  border-radius: 4px;
  border: 1px solid var(--dark-variant-4);
  font-size: 14px;
  color: var(--tt-text-basic);
  background-color: var(--primary-variant-6);
}
.gratuity-calculator-container .gratuity-second-input:focus {
  border-color: var(--primary);
}
.gratuity-calculator-container .gratuity-second-hint {
  font-size: 12px;
  color: var(--dark-variant-2);
}
.gratuity-calculator-container .gratuity-third-row {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin-bottom: 24px;
  justify-content: space-between;
}
.gratuity-calculator-container .gratuity-third-field {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 50%;
}
@media (max-width: 768px) {
  .gratuity-calculator-container .gratuity-third-field {
    max-width: 100%;
    max-width: 100%;
  }
}
.gratuity-calculator-container .gratuity-third-label-row {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}
.gratuity-calculator-container .gratuity-third-label {
  font-size: 12px;
  font-weight: 400;
  color: var(--tt-text-basic);
}
.gratuity-calculator-container .gratuity-third-required {
  color: var(--error);
}
.gratuity-calculator-container .gratuity-third-input {
  height: 37px;
  padding: 8px 12px;
  border-radius: 4px;
  border: 1px solid var(--dark-variant-4);
  font-size: 14px;
  color: var(--tt-text-basic);
  background-color: var(--primary-variant-6);
  width: 100%;
}
.gratuity-calculator-container .gratuity-third-input:focus {
  border-color: var(--primary);
  width: 100%;
}
.gratuity-calculator-container .gratuity-service-modal {
  width: 100%;
  max-width: 408px;
  margin: auto;
  background-color: var(--primary-variant-6);
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.gratuity-calculator-container .gratuity-service-dialog {
  display: flex;
  flex-direction: column;
}
.gratuity-calculator-container .gratuity-service-content {
  padding: 24px;
}
.gratuity-calculator-container .gratuity-service-header {
  border-bottom: 1px solid var(--dark-variant-5);
  margin-bottom: 24px;
}
.gratuity-calculator-container .gratuity-service-title {
  font-size: 16px;
  font-weight: 700;
  color: var(--primary-variant-1);
}
.gratuity-calculator-container .gratuity-service-body {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.gratuity-calculator-container .gratuity-service-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.gratuity-calculator-container .gratuity-service-label {
  font-size: 12px;
  font-weight: 400;
  color: var(--tt-text-basic);
}
.gratuity-calculator-container .gratuity-service-required {
  color: var(--error);
}
.gratuity-calculator-container .gratuity-service-input {
  height: 40px;
  padding: 8px 12px;
  font-size: 14px;
  border: 1px solid var(--dark-variant-4);
  border-radius: 4px;
  color: var(--primary-variant-7);
  background-color: var(--primary-variant-6);
}
.gratuity-calculator-container .gratuity-service-period-wrapper {
  border: 1px solid var(--tt-secondary-info-30);
  border-radius: 4px;
  padding: 12px;
  background: var(--primary-variant-5);
}
.gratuity-calculator-container .gratuity-service-period-value {
  font-size: 20px;
  font-weight: 700;
  color: var(--primary-variant-7);
}
.gratuity-calculator-container .gratuity-service-footer {
  background-color: var(--primary-variant-5);
  padding: 16px 24px;
  display: flex;
  justify-content: space-between;
}
.gratuity-calculator-container .gratuity-service-btn {
  min-width: 84px;
  height: 36px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  padding: 8px 16px;
  cursor: pointer;
}
.gratuity-calculator-container .gratuity-service-btn.primary {
  background-color: var(--primary);
  color: var(--primary-variant-6);
  border: none;
}
.gratuity-calculator-container .gratuity-service-btn.secondary {
  background-color: var(--primary-variant-6);
  color: var(--primary);
  border: 1px solid var(--primary);
}
.gratuity-calculator-container .gratuity-wages {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gratuity-calculator-container .gratuity-wages-dialog {
  width: 420px;
  background: var(--primary-variant-6);
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
}
.gratuity-calculator-container .gratuity-wages-content {
  display: flex;
  flex-direction: column;
}
.gratuity-calculator-container .gratuity-wages-header {
  padding: 20px 24px;
  border-bottom: 1px solid var(--dark-variant-5);
}
.gratuity-calculator-container .gratuity-wages-title {
  font-weight: 700;
  font-size: 16px;
  color: var(--tt-text-basic);
  margin: 0;
}
.gratuity-calculator-container .gratuity-wages-body {
  padding: 0 24px 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.gratuity-calculator-container .gratuity-wages-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.gratuity-calculator-container .gratuity-wages-label {
  font-size: 12px;
}
.gratuity-calculator-container .gratuity-three {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gratuity-calculator-container .gratuity-three-modal {
  background: var(--primary-variant-6);
  border-radius: 8px;
  width: 100%;
  max-width: 480px;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
  overflow: hidden;
}
.gratuity-calculator-container .CalendarIcon {
  color: var(--tt-primary);
}
.gratuity-calculator-container .css-1bn53lx {
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-400);
}
.gratuity-calculator-container .css-1uvydh2 {
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-400);
}
.gratuity-calculator-container .gratuity-three-header {
  padding: 20px 24px;
  border-bottom: 1px solid var(--dark-variant-5);
}
.gratuity-calculator-container .gratuity-three-header h5 {
  font-size: 16px;
  font-weight: 700;
  color: var(--primary-variant-1);
  margin: 0;
}
.gratuity-calculator-container .gratuity-three-body {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.gratuity-calculator-container .gratuity-three-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.gratuity-calculator-container .gratuity-three-field label {
  font-size: 12px;
  color: var(--tt-text-basic);
}
.gratuity-calculator-container .required {
  color: var(--error);
  margin-left: 4px;
}
.gratuity-calculator-container .gratuity-three-input {
  padding: 8px 12px;
  font-size: 14px;
  background: var(--primary-variant-6);
  border: 1px solid var(--dark-variant-4);
  border-radius: 4px;
  color: var(--primary-variant-7);
  height: 37px;
  width: 93%;
}
.gratuity-calculator-container .gratuity-three-input.readonly {
  background: var(--neutral-stroke-10);
  color: var(--tt-neutral-600);
  border: 1px solid var(--dark-variant-5);
}
.gratuity-calculator-container .gratuity-three-footer {
  background: var(--primary-variant-5);
  border-top: 1px solid var(--dark-variant-5);
  padding: 16px 24px;
  display: flex;
  justify-content: space-between;
}
.gratuity-calculator-container .btn {
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 4px;
  min-width: 84px;
  cursor: pointer;
  text-transform: capitalize;
}
.gratuity-calculator-container .btn.primary {
  background-color: var(--primary);
  color: var(--primary-variant-6);
  border: none;
}
.gratuity-calculator-container .btn.secondary {
  background-color: var(--primary-variant-6);
  color: var(--primary);
  border: 1px solid var(--primary);
}
.gratuity-calculator-container .gratuity-length {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.gratuity-calculator-container .gratuity-length-titlebar {
  display: flex;
  align-items: center;
  gap: 2px;
}
.gratuity-calculator-container .gratuity-length-label {
  font-size: 12px;
  color: var(--tt-text-basic);
  line-height: 18px;
  letter-spacing: 0.12px;
}
.gratuity-calculator-container .gratuity-length-required {
  color: var(--error);
}
.gratuity-calculator-container .gratuity-length-input-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.gratuity-calculator-container .gratuity-length-input {
  display: flex;
  align-items: center;
  min-height: 37px;
  background: var(--primary-variant-6);
  border-radius: 4px;
  gap: 8px;
}
.gratuity-calculator-container .gratuity-length-field {
  flex: 1;
  border: none;
  outline: none;
  font-size: 14px;
  color: var(--primary-variant-7);
  line-height: 21px;
  letter-spacing: 0.12px;
  background-color: transparent;
}
.gratuity-calculator-container .gratuity-length-field::placeholder {
  color: var(--dark-variant-2);
}
.gratuity-calculator-container .gratuity-length-icon {
  font-size: 18px;
  color: var(--neutral-800);
}
.gratuity-calculator-container .gratuity-length {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.gratuity-calculator-container .gratuity-length-titlebar {
  display: flex;
  align-items: center;
  gap: 2px;
}
.gratuity-calculator-container .gratuity-length-label {
  font-size: 12px;
  color: var(--tt-text-basic);
  line-height: 18px;
  letter-spacing: 0.12px;
}
.gratuity-calculator-container .gratuity-length-required {
  color: var(--error);
}
.gratuity-calculator-container .gratuity-length-field {
  flex: 1;
  border: none;
  outline: none;
  font-size: 14px;
  color: var(--primary-variant-7);
  line-height: 21px;
  letter-spacing: 0.12px;
  background-color: transparent;
}
.gratuity-calculator-container .gratuity-length-field::placeholder {
  color: var(--dark-variant-2);
}
.gratuity-calculator-container .gratuity-length-icon {
  font-size: 18px;
  color: var(--neutral-800);
  pointer-events: none;
}
.gratuity-calculator-container .gratuity-length {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.gratuity-calculator-container .gratuity-length-box {
  border: 1px solid var(--tt-secondary-info-30);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
.gratuity-calculator-container .gratuity-length-header {
  padding: 12px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}
.gratuity-calculator-container .gratuity-length-title {
  font-size: 14px;
  font-weight: 500;
  color: var(--tt-text-basic);
  line-height: 21px;
  letter-spacing: 0.12px;
}
.gratuity-calculator-container .gratuity-length-body {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.gratuity-calculator-container .gratuity-length-value-wrapper {
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.gratuity-calculator-container .gratuity-length-value {
  font-size: 20px;
  font-weight: 700;
  color: var(--primary-variant-7);
  line-height: 30px;
  letter-spacing: 0.12px;
}
.gratuity-calculator-container .gratuity-total {
  width: 321px;
  border-radius: 12px;
  background: var(--tt-neutral-100);
  /* Card - Drop shadow */
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
  padding: 1.75rem 1.5rem 1.25rem 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
.gratuity-calculator-container .MuiSvgIcon-root.MuiSvgIcon-fontSizeMedium.css-vubbuv {
  color: var(--tt-primary);
}
.gratuity-calculator-container .gratuity-total {
  width: 100%;
  border-radius: 12px;
  background: var(--tt-neutral-100);
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
  padding: 1.75rem 1.5rem 1.25rem 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
.gratuity-calculator-container .gratuity-total-box {
  width: 100%;
  border-radius: 12px;
  background: var(--tt-neutral-100);
  display: flex;
  flex-direction: column;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-secondary-info-30);
}
@media (max-width: 900px) {
  .gratuity-calculator-container .gratuity-total {
    width: 100%;
    padding: 1.25rem 1rem 1rem 1rem;
  }
  .gratuity-calculator-container .gratuity-total-box {
    width: 100%;
  }
}
@media (max-width: 766px) {
  .gratuity-calculator-container .gratuity-total {
    width: 100%;
    max-width: 100%;
    padding: 1rem 0.5rem;
    box-sizing: border-box;
  }
  .gratuity-calculator-container .gratuity-total-box {
    width: 100%;
    max-width: 100%;
  }
  .gratuity-calculator-container .gratuity-total-header,
  .gratuity-calculator-container .gratuity-total-inner {
    flex-direction: row;
    align-items: flex-start;
  }
  .gratuity-calculator-container .gratuity-total-title {
    font-size: 18px;
  }
  .gratuity-calculator-container .gratuity-total-value {
    font-size: 18px;
  }
}
.gratuity-calculator-container .gratuity-total-inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.gratuity-calculator-container .gratuity-total-header {
  padding-bottom: 8px;
  border-bottom: 1px solid var(--dark-variant-5);
  display: flex;
  align-items: center;
}
.gratuity-calculator-container .gratuity-total-title {
  font-size: 20px;
  font-weight: 700;
  color: var(--primary);
  line-height: 30px;
  letter-spacing: 0.12px;
  margin: 0;
}
.gratuity-calculator-container .gratuity-total-box {
  width: 100%;
  border-radius: 4px;
  border-radius: 12px;
  background: var(--tt-neutral-100);
  /* Card - Drop shadow */
  display: flex;
  flex-direction: column;
  border: 1px solid var(--tt-secondary-info-30);
}
.gratuity-calculator-container .gratuity-total-label {
  padding: 12px;
  font-size: 14px;
  font-weight: 500;
  color: var(--tt-primary);
  line-height: 21px;
  letter-spacing: 0.12px;
}
.gratuity-calculator-container .gratuity-total-value {
  padding: 8px 12px;
  font-size: 20px;
  font-weight: 700;
  color: var(--tt-text-basic);
  line-height: 30px;
  letter-spacing: 0.12px;
}
.gratuity-calculator-container .gratuity-total-placeholder {
  font-size: 14px;
  color: var(--tt-neutral-600);
  text-align: center;
  width: 100%;
}
.gratuity-calculator-container .gratuity-reset-button {
  min-width: 84px;
  font-size: 14px;
  font-weight: 500;
  border: none;
  border-radius: 4px;
  padding: 8px 16px;
  text-transform: capitalize;
  background: var(--tt-neutral-100);
  color: var(--tt-primary);
  font-weight: 500;
  font-size: 14px;
}
.gratuity-calculator-container .gratuity-table {
  width: 100%;
}
.gratuity-calculator-container .table-header {
  background: var(--tt-primary-bg-stroke-10);
  padding: 12px 0;
  font-size: 12px;
  font-weight: 500;
}
.gratuity-calculator-container .table-row {
  background: var(--primary-variant-6);
  border-bottom: 1px solid var(--dark-variant-5);
  padding: 12px 0;
}
.gratuity-calculator-container .cell {
  flex: 1 1 0;
  padding: 0 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.gratuity-calculator-container .align-left {
  align-items: flex-start;
  padding-left: 16px;
}
.gratuity-calculator-container .header-index {
  font-weight: 700;
  color: var(--primary-variant-7);
}
.gratuity-calculator-container .header-label,
.gratuity-calculator-container .row-label {
  color: var(--tt-text-basic);
  line-height: 18px;
  letter-spacing: 0.12px;
}
.gratuity-calculator-container .form-input {
  padding: 8px 12px;
  border-radius: 4px;
  border: 1px solid var(--dark-variant-4);
  font-size: 14px;
  color: var(--tt-text-basic);
  background: var(--primary-variant-6);
  width: 100%;
}
.gratuity-calculator-container .form-input::placeholder {
  color: var(--dark-variant-2);
}
.gratuity-calculator-container th {
  height: 20px;
  text-align: left;
  color: var(--tt-text-basic);
  font-size: 14px;
  font-weight: 500;
}
.gratuity-calculator-container .form-input.readonly {
  background: var(--tt-neutral-10);
  color: var(--tt-text-basic);
  border: 1px solid var(--dark-variant-5);
}
.gratuity-calculator-container .gratuity-table-bottom {
  width: 100%;
  display: flex;
  gap: 24px;
}
.gratuity-calculator-container .input-field-container {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.gratuity-calculator-container .input-title {
  font-size: 12px;
  font-weight: 400;
  color: var(--tt-text-basic);
  line-height: 18px;
  letter-spacing: 0.12px;
}
.gratuity-calculator-container .gratuity-input {
  min-height: 37px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.12px;
  border: 1px solid var(--dark-variant-5);
  border-radius: 4px;
  color: var(--primary-variant-7);
  background: var(--primary-variant-6);
}
.gratuity-calculator-container .gratuity-input.readonly {
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-300, #DFE0E2);
  background: var(--tt-neutral-10);
  color: var(--tt-text-basic);
}
.gratuity-calculator-container .gratuity-table-footer {
  /* width: 100%; */
  padding: 12px 24px 16px 24px;
  background: var(--primary-variant-5);
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.gratuity-calculator-container .gratuity-table-footer .button-group {
  /* width: 100%; */
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.gratuity-calculator-container .btn-secondary {
  min-width: 84px;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0.12px;
  border: none;
  border-radius: 4px;
  padding: 8px 16px;
  text-transform: capitalize;
  background: var(--tt-neutral-100, );
  border: 1px solid var(--tt-primary);
  color: var(--tt-primary);
  font-weight: 500;
  font-size: 14px;
}
.gratuity-calculator-container .button-icons {
  /* width: 100%; */
  padding: 8px 16px;
  border-radius: 4px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  background: var(--tt-neutral-100, );
  border: 1px solid var(--tt-primary);
  color: var(--tt-primary);
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
}
.gratuity-calculator-container input:required:invalid {
  border: 1px solid var(--semantic-error);
}
.gratuity-calculator-container select:required:invalid {
  border: 1px solid var(--semantic-error);
}
.gratuity-calculator-container .css-1uvydh2 {
  padding: 8px;
  color: var(--tt-text-basic);
}
.gratuity-calculator-container .button-icons:focus {
  outline: 2px solid var(--primary);
  /* Accessible focus outline */
  outline-offset: 2px;
}
.gratuity-calculator-container .warning-disclaimer-button20 {
  height: 30px;
  display: flex;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-primary);
  background: var(--tt-neutral-100);
  color: var(--tt-primary);
}
.gratuity-calculator-container .custom-inline-error-text18 {
  color: var(--error);
  font-size: 14px;
  line-height: 20px;
  display: flex;
  justify-content: flex-start;
}
.gratuity-calculator-container .icon {
  color: var(--tt-primary);
  margin-top: 3px;
}
.gratuity-calculator-container button:focus-visible {
  outline-offset: 0.125rem;
  box-shadow: unset;
}
.gratuity-calculator-container .etds-gratuity-card-body {
  background: var(--tt-neutral-100);
  padding: 8px;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-secondary-info-30);
}
.gratuity-calculator-container .etds-gratuity-final-label {
  color: var(--tt-text-basic);
  font-size: 12px;
  font-weight: 500;
}
.gratuity-calculator-container .gratuity-three-input-1 {
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-300);
  background: var(--tt-neutral-bg-stroke-10);
  width: 93%;
  height: 37px;
}
.gratuity-calculator-container .row {
  display: flex;
  flex-direction: row;
  gap: 24px;
  width: 100%;
}
.gratuity-calculator-container .row .col-md-8 {
  flex: 0 0 66.6667%;
  max-width: 66.6667%;
  width: 66.6667%;
}
.gratuity-calculator-container .row .col-md-3 {
  flex: 0 0 33.3333%;
  max-width: 33.3333%;
  width: 33.3333%;
}
@media (max-width: 1366px) {
  .gratuity-calculator-container .row {
    flex-direction: row;
    gap: 16px;
    flex-wrap: nowrap;
  }
}
@media (max-width: 746px) {
  .gratuity-calculator-container .row {
    flex-direction: column;
    gap: 16px;
  }
}
@media (min-width: 1272px) {
  .gratuity-calculator-container .container-fluid {
    display: flex;
    justify-content: center;
  }
}
.gratuity-calculator-container .MuiPickersCalendarHeader-switchViewIcon {
  color: var(--tt-primary) !important;
}
.gratuity-calculator-container .MuiPickersCalendarHeader-switchViewButton {
  padding: 11px !important;
  width: 20px !important;
  height: 20px !important;
}
.gratuity-calculator-container body .MuiPickersPopper-root .MuiPaper-root {
  max-height: 220px !important;
  overflow-y: auto !important;
  z-index: 1300 !important;
  /* Ensure it's above modals */
  scrollbar-width: thin;
}
.gratuity-calculator-container body .MuiSvgIcon-root.MuiSvgIcon-fontSizeMedium.MuiPickersCalendarHeader-switchViewIcon.css-sldnni {
  color: var(--tt-primary);
}
.gratuity-calculator-container body .MuiButtonBase-root.MuiIconButton-root.MuiIconButton-sizeSmall.MuiPickersCalendarHeader-switchViewButton.css-1wjkg3 {
  padding: 11px;
  width: 20px;
  height: 20px;
}
.gratuity-calculator-container .MuiPickersPopper-root .MuiPaper-root {
  max-height: 220px !important;
  overflow-y: auto !important;
  z-index: 1300 !important;
}
.gratuity-calculator-container .MuiPickersCalendarHeader-switchViewIcon {
  color: var(--tt-primary) !important;
}
.gratuity-calculator-container .MuiPickersCalendarHeader-switchViewButton {
  padding: 11px !important;
  width: 20px !important;
  height: 20px !important;
}

.MuiPickersPopper-root .MuiPaper-root {
  max-height: 220px !important;
  overflow-y: auto !important;
  z-index: 1300 !important;
}

.MuiPickersCalendarHeader-switchViewIcon {
  color: var(--tt-primary) !important;
}

.MuiPickersCalendarHeader-switchViewButton {
  padding: 11px !important;
  width: 20px !important;
  height: 20px !important;
}

.MuiSvgIcon-root.MuiSvgIcon-fontSizeMedium.css-vubbuv {
  background: var(--tt-neutral-100);
  color: var(--tt-primary);
}

.css-1brzq0m {
  overflow-x: hidden;
  width: 320px;
  max-height: 358px;
  margin: 0px auto;
  display: flex;
  flex-direction: column;
  color: var(--tt-text-basic);
  background: var(--tt-neutral-100);
}

.MuiButtonBase-root.MuiPickersDay-root.MuiPickersDay-dayWithMargin.css-ub1r1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  outline: 0px;
  border: 0px;
  cursor: pointer;
  vertical-align: middle;
  text-decoration: none;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.66;
  letter-spacing: 0.03333em;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  padding: 0px;
  background: var(--tt-neutral-100);
  color: var(--tt-text-basic);
  margin: 0px 2px;
}

/* For MUI DatePicker */
.MuiPickersDay-root, .MuiDayCalendar-weekDayLabel {
  display: inline-block !important;
  color: var(--tt-text-basic) !important;
  font-size: 1em !important;
}

/* Focused date (keyboard navigation) */
/* Stronger focus style for MUI DatePicker day */
.MuiPickersDay-root.Mui-focused {
  background-color: var(--tt-primary-bg-stroke-5, #e3f2fd) !important;
  border: 2px solid var(--tt-primary) !important;
  color: var(--tt-primary) !important;
  border-radius: 50%;
  z-index: 2;
}

/* Ensure focus is visible even if selected */
.MuiPickersDay-root.Mui-focused.Mui-selected {
  background-color: var(--tt-primary) !important;
  color: var(--tt-neutral-100) !important;
  border: 2px solid var(--tt-primary) !important;
  border-radius: 50%;
  z-index: 2;
}

span.MuiTypography-root.MuiTypography-caption.MuiDayPicker-weekDayLabel.css-10qkmc3 {
  color: var(--tt-text-basic) !important;
}

.MuiButtonBase-root.MuiPickersDay-root.MuiPickersDay-dayWithMargin.css-ub1r1:focus,
.MuiButtonBase-root.MuiPickersDay-root.MuiPickersDay-dayWithMargin.css-ub1r1.Mui-focused {
  background-color: var(--tt-primary-bg-stroke-5, #e3f2fd) !important;
  border: 2px solid var(--tt-primary) !important;
  color: var(--tt-primary) !important;
  border-radius: 50%;
  z-index: 2;
}

.etds-deduction-under-section--80c {
  /* Add Row Icon Styles */
  /* Hover state */
  /* Active/pressed state */
  /* Disabled state */
  /* Different color variants */
}
@media (min-width: 1361px) {
  .etds-deduction-under-section--80c {
    display: flex;
    justify-content: center;
  }
}
.etds-deduction-under-section--80c .row1 {
  display: flex;
  align-items: flex-start;
  overflow-x: auto;
  background: var(--tt-secondary-info-bg2);
}
.etds-deduction-under-section--80c .etds-second-box-80-c {
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-300);
  background: var(--tt-neutral-100);
  padding: 8px;
}
.etds-deduction-under-section--80c .etds-80c-results-box {
  background: var(--tt-neutral-100);
  /* Card - Drop shadow */
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
  border-radius: 4px;
}
.etds-deduction-under-section--80c .table-heading {
  width: 55.4375rem;
  height: 65px;
  align-items: center;
}
.etds-deduction-under-section--80c .text-danger1 {
  color: var(--error);
  font-size: 14px;
  font-style: normal;
  vertical-align: baseline;
}
.etds-deduction-under-section--80c .col-md-3 {
  flex: 0 0 33.333%;
}
.etds-deduction-under-section--80c .col-md-9 {
  padding-right: 24px;
}
.etds-deduction-under-section--80c .col-md-9 .inlineborder {
  min-width: 961px;
  min-height: 631px;
  top: 640px;
  left: 48px;
  padding: 20px 16px;
  gap: 24px;
}
.etds-deduction-under-section--80c .col-md-9 .section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  padding: 8px;
}
@media (max-width: 747px) {
  .etds-deduction-under-section--80c .col-md-9 .section-header {
    flex-direction: column;
    justify-content: center;
    width: 100%;
    align-items: flex-start;
  }
}
.etds-deduction-under-section--80c .col-md-9 .section-header .section-title {
  font-size: 24px;
  font-weight: 700;
  color: var(--primary);
  margin: 0;
}
.etds-deduction-under-section--80c .col-md-9 .section-header .section-actions {
  display: flex;
  align-items: center;
  gap: 32px;
  justify-content: space-between;
}
@media (max-width: 747px) {
  .etds-deduction-under-section--80c .col-md-9 .section-header .section-actions {
    width: 100%;
  }
}
.etds-deduction-under-section--80c .col-md-9 .section-header .section-actions .mandatory-note {
  font-size: 14px;
  align-items: baseline;
  color: var(--contrast-dark);
  font-style: italic;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.etds-deduction-under-section--80c .col-md-9 .section-header .section-actions .mandatory-note .text-danger1 {
  color: var(--error);
  font-size: 14px;
  font-style: normal;
  vertical-align: baseline;
}
.etds-deduction-under-section--80c .col-md-9 .section-header .section-actions .warning-disclaimer-button {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  background: var(--primary-variant-6);
  border: 1px solid var(--primary);
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  color: var(--primary);
  cursor: pointer;
}
.etds-deduction-under-section--80c .col-md-9 .section-header .section-actions .warning-disclaimer-button .icon {
  width: 20px;
  height: 20px;
}
.etds-deduction-under-section--80c .col-md-9 .form-label {
  font-size: 14px;
  color: var(--tt-text-basic);
  margin-bottom: 8px;
}
.etds-deduction-under-section--80c .col-md-9 .form-label .text-danger1 {
  color: var(--error);
  font-size: 14px;
  font-style: normal;
  vertical-align: baseline;
}
.etds-deduction-under-section--80c .form-select,
.etds-deduction-under-section--80c .form-control {
  margin-right: 5px;
  width: 100%;
  height: 37px;
  padding: 8px 12px;
  border: 1px solid var(--neutral-light);
  border-radius: 4px;
  font-size: 14px;
  background: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}
.etds-deduction-under-section--80c .uniform-input,
.etds-deduction-under-section--80c .form-select {
  height: 37px;
  border: 1px solid var(--neutral-light);
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 14px;
  background: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}
.etds-deduction-under-section--80c .btn.my-custom-button {
  background-color: var(--primary-variant-6);
  color: var(--primary);
  border: 1px solid var(--primary);
  font-weight: 500;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 4px;
  margin-left: 10px;
}
.etds-deduction-under-section--80c .btn.btn-reset {
  background-color: var(--primary-variant-6);
  color: var(--primary);
  margin-top: 8px;
}
.etds-deduction-under-section--80c .btn.add-more-button {
  color: var(--primary);
  margin-left: 12px;
  border-radius: 4px;
  border: none;
  padding: 0;
  margin-left: 10px;
}
.etds-deduction-under-section--80c .btn.add-more-button .add-more-img {
  height: 32px;
  width: auto;
}
.etds-deduction-under-section--80c .custom-box-table {
  width: 100%;
  border: 1px solid var(--neutral-light);
  border-radius: 4px;
  border-collapse: separate !important;
  border-spacing: 0;
}
.etds-deduction-under-section--80c .custom-box-table .center-text {
  align-items: center;
  justify-content: center;
  align-self: center;
  display: flex;
  height: 65px;
  padding-left: 8px;
}
.etds-deduction-under-section--80c .custom-box-table .form-select,
.etds-deduction-under-section--80c .custom-box-table .box-content {
  max-width: 330px;
  min-height: 53px;
  border: 1px solid var(--neutral-light);
  padding: 8px;
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 14px;
  box-sizing: border-box;
  line-height: 1.5;
  border-radius: 4px;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: anywhere;
  overflow: visible;
  background: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}
.etds-deduction-under-section--80c .custom-box-table .form-control,
.etds-deduction-under-section--80c .custom-box-table .input-box8 {
  min-width: 130px;
  height: 53px;
  gap: 12px;
  padding: 8px;
  border: 1px solid var(--neutral-light);
}
.etds-deduction-under-section--80c .custom-box-table td,
.etds-deduction-under-section--80c .custom-box-table thead,
.etds-deduction-under-section--80c .custom-box-table tbody,
.etds-deduction-under-section--80c .custom-box-table tr {
  border: none !important;
}
.etds-deduction-under-section--80c .addmore {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.etds-deduction-under-section--80c .calcreset {
  display: flex;
  justify-content: end;
  gap: 18px;
}
.etds-deduction-under-section--80c .etds-80c-number {
  padding: 4px;
}
.etds-deduction-under-section--80c .col-md-3 {
  gap: 20px;
}
.etds-deduction-under-section--80c .col-md-3 .results {
  color: var(--primary);
  border-bottom: 2px solid #dee2e6;
  padding-bottom: 10px;
  margin-bottom: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  text-align: left;
}
.etds-deduction-under-section--80c .col-md-3 .custom-card {
  background: var(--primary-variant-6);
  border-radius: 6px;
}
.etds-deduction-under-section--80c .col-md-3 .custom-card .custom-section {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
}
.etds-deduction-under-section--80c .col-md-3 .custom-card .custom-section .custom-label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  color: var(--primary);
}
.etds-deduction-under-section--80c .col-md-3 .custom-card .custom-section .custom-display-box {
  width: 100%;
  background: var(--tt-neutral-100);
  height: 71px;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-secondary-info-30);
  border-radius: 4px;
  color: var(--tt-text-basic);
  padding: 10px 14px;
  font-weight: bold;
  margin-top: 8px;
  font-size: 20px;
  box-sizing: border-box;
}
.etds-deduction-under-section--80c .form-row-custom {
  display: flex;
  gap: 80px;
}
.etds-deduction-under-section--80c .form-row-custom .form-group-custom {
  display: flex;
  justify-content: end;
  flex-direction: column;
  width: 45%;
  margin-bottom: 16px;
}
.etds-deduction-under-section--80c .form-row-custom .form-group-custom .col-md-9 {
  width: 48%;
}
.etds-deduction-under-section--80c .form-row-custom .form-group-custom .col-md-3 {
  width: 48%;
}
.etds-deduction-under-section--80c .total-label-input {
  display: flex;
  align-items: center;
  gap: 8px;
}
.etds-deduction-under-section--80c .total-label-input .t-label {
  font-size: 14px;
  color: var(--primary);
}
.etds-deduction-under-section--80c .total-label-input .total-amount-input {
  height: 37px;
  padding: 8px 12px;
  font-size: 14px;
  border: 1px solid var(--neutral-light);
  border-radius: 4px;
  background-color: var(--neutral-50);
  text-align: left;
  color: var(--primary-variant-7);
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-300);
  background: var(--tt-neutral-10);
}
.etds-deduction-under-section--80c .cancel-image-wrapper {
  background-color: var(--error);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.etds-deduction-under-section--80c .cancel-image-wrapper .cancel-image {
  width: 20px;
  height: 20px;
  object-fit: contain;
}
.etds-deduction-under-section--80c .custom-inline-error {
  width: 100%;
  padding: 12px;
  background: #fbf4f4;
  border-radius: 4px;
  outline: 1px solid #e88c73;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-top: 24px;
}
.etds-deduction-under-section--80c .custom-inline-error .custom-inline-error-text {
  color: var(--error);
  font-size: 14px;
  line-height: 21px;
}
.etds-deduction-under-section--80c .custom-inline-error .custom-inline-error-text strong {
  font-weight: 700;
}
.etds-deduction-under-section--80c .note-box.mt-2.col-md-12 {
  background: var(--secondary-variant-3);
  border: 1px solid #60a0e0;
  border-radius: 4px;
  padding: 12px;
}
.etds-deduction-under-section--80c .note-box.mt-2.col-md-12 .note-heading {
  font-weight: 700;
  color: var(--primary);
  font-size: 14px;
}
.etds-deduction-under-section--80c .note-box.mt-2.col-md-12 .note-text {
  font-weight: 400;
  color: var(--primary);
  font-size: 14px;
  line-height: 21px;
}
.etds-deduction-under-section--80c .note-box.mt-2.col-md-12 .note-text:first-of-type {
  margin-top: 10px;
}
.etds-deduction-under-section--80c .custom-error {
  color: var(--tt-error);
  font-size: 0.9rem;
  margin-top: 4px;
}
.etds-deduction-under-section--80c .note-text {
  margin-top: 10px;
  font-weight: 400;
  color: var(--primary);
  font-size: 14px;
}
.etds-deduction-under-section--80c .responsive-table-wrapper {
  width: 100%;
  overflow-x: auto;
}
.etds-deduction-under-section--80c .custom-box-table {
  min-width: 700px;
}
@media (max-width: 576px) {
  .etds-deduction-under-section--80c .table-1 .custom-box-table {
    min-width: unset; /* Remove min-width */
    font-size: 12px;
    /* ...existing code... */
  }
}
@media (max-width: 1200px) {
  .etds-deduction-under-section--80c .row1 {
    flex-direction: column;
    gap: 16px;
  }
  .etds-deduction-under-section--80c .etds-80c-main-box,
  .etds-deduction-under-section--80c .etds-80c-results-box {
    max-width: 100%;
    flex: 0 0 100%;
    padding: 24px;
  }
  .etds-deduction-under-section--80c .custom-box-table {
    min-width: 600px;
    overflow-x: auto;
  }
}
@media (max-width: 992px) {
  .etds-deduction-under-section--80c .row1 {
    flex-direction: column;
    gap: 12px;
  }
  .etds-deduction-under-section--80c .etds-80c-main-box,
  .etds-deduction-under-section--80c .etds-80c-results-box {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 24px;
  }
  .etds-deduction-under-section--80c .custom-box-table {
    min-width: 500px;
    font-size: 13px;
  }
  .etds-deduction-under-section--80c .addmore {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    margin-left: 0;
  }
  .etds-deduction-under-section--80c .calcreset {
    flex-direction: column;
    gap: 10px;
  }
}
@media (max-width: 768px) {
  .etds-deduction-under-section--80c .row1 {
    flex-direction: column;
    gap: 8px;
  }
  .etds-deduction-under-section--80c .etds-80c-main-box,
  .etds-deduction-under-section--80c .etds-80c-results-box {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 24px;
  }
  .etds-deduction-under-section--80c .custom-box-table {
    min-width: 500px;
  }
  .etds-deduction-under-section--80c .form-row-custom {
    flex-direction: column;
    gap: 12px;
  }
  .etds-deduction-under-section--80c .form-row-custom .form-group-custom {
    width: 100%;
  }
  .etds-deduction-under-section--80c .addmore {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    margin-left: 0;
  }
  .etds-deduction-under-section--80c .calcreset {
    flex-direction: column;
    gap: 8px;
  }
  .etds-deduction-under-section--80c .total-label-input {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    width: 100%;
  }
  .etds-deduction-under-section--80c .total-label-input .total-amount-input {
    width: 100%;
  }
  .etds-deduction-under-section--80c .note-box.mt-2.col-md-12 {
    padding: 8px;
    font-size: 13px;
  }
}
@media (max-width: 576px) {
  .etds-deduction-under-section--80c .row1 {
    flex-direction: column;
    gap: 4px;
  }
  .etds-deduction-under-section--80c .etds-80c-main-box,
  .etds-deduction-under-section--80c .etds-80c-results-box {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 24px;
  }
  .etds-deduction-under-section--80c .custom-box-table {
    min-width: 400px;
    font-size: 11px;
    overflow-x: auto;
  }
  .etds-deduction-under-section--80c .section-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 4px;
  }
  .etds-deduction-under-section--80c .section-header .section-title {
    font-size: 18px;
  }
  .etds-deduction-under-section--80c .form-label,
  .etds-deduction-under-section--80c .custom-label,
  .etds-deduction-under-section--80c .t-label {
    font-size: 12px;
  }
  .etds-deduction-under-section--80c .btn {
    font-size: 12px;
  }
  .etds-deduction-under-section--80c .add-more-img {
    height: 24px;
  }
  .etds-deduction-under-section--80c .custom-display-box {
    font-size: 16px;
    padding: 6px 8px;
    height: 48px;
  }
  .etds-deduction-under-section--80c .note-box.mt-2.col-md-12 {
    padding: 6px;
    font-size: 12px;
  }
}
.etds-deduction-under-section--80c .add-row-icon {
  height: 28px;
  color: var(--tt-primary);
  /* Default color - can be overridden */
  cursor: pointer;
  transition: color 0.2s ease;
}
.etds-deduction-under-section--80c .table-1 {
  overflow-x: auto;
  display: block;
  scrollbar-width: none;
}
.etds-deduction-under-section--80c .add-row-icon:hover {
  color: var(--tt-primary);
  /* Darker shade on hover */
}
.etds-deduction-under-section--80c .add-row-icon:active {
  color: var(--primary);
  /* Lighter shade when pressed */
}
.etds-deduction-under-section--80c .add-row-icon.disabled {
  color: var(--neutral-light);
  cursor: not-allowed;
}
.etds-deduction-under-section--80c .add-row-icon.primary {
  color: var(--tt-primary);
}
.etds-deduction-under-section--80c .table-1 {
  overflow-x: auto;
  display: block;
}
.etds-deduction-under-section--80c .table-1 .custom-box-table {
  table-layout: fixed;
  min-width: 800px;
}
.etds-deduction-under-section--80c .table-1 .custom-box-table th:nth-child(1),
.etds-deduction-under-section--80c .table-1 .custom-box-table td:nth-child(1) {
  width: 80px;
  min-width: 80px;
}
.etds-deduction-under-section--80c .table-1 .custom-box-table th:nth-child(2),
.etds-deduction-under-section--80c .table-1 .custom-box-table td:nth-child(2) {
  width: 350px;
  min-width: 350px;
}
.etds-deduction-under-section--80c .table-1 .custom-box-table th:nth-child(3),
.etds-deduction-under-section--80c .table-1 .custom-box-table td:nth-child(3) {
  width: 250px;
  min-width: 250px;
}
.etds-deduction-under-section--80c .table-1 .custom-box-table th:nth-child(4),
.etds-deduction-under-section--80c .table-1 .custom-box-table td:nth-child(4) {
  width: 220px;
  min-width: 220px;
}
.etds-deduction-under-section--80c .form-control,
.etds-deduction-under-section--80c .input-box8 {
  min-width: 130px;
  height: 53px;
  gap: 12px;
  padding: 8px;
  border: 1px solid var(--neutral-light);
}
@media (max-width: 768px) {
  .etds-deduction-under-section--80c .table-1 .custom-box-table {
    min-width: 700px;
  }
  .etds-deduction-under-section--80c .table-1 .custom-box-table th:nth-child(1),
  .etds-deduction-under-section--80c .table-1 .custom-box-table td:nth-child(1) {
    width: 60px;
    min-width: 60px;
  }
  .etds-deduction-under-section--80c .table-1 .custom-box-table th:nth-child(2),
  .etds-deduction-under-section--80c .table-1 .custom-box-table td:nth-child(2) {
    width: 280px;
    min-width: 280px;
  }
  .etds-deduction-under-section--80c .table-1 .custom-box-table th:nth-child(3),
  .etds-deduction-under-section--80c .table-1 .custom-box-table td:nth-child(3) {
    width: 200px;
    min-width: 200px;
  }
  .etds-deduction-under-section--80c .table-1 .custom-box-table th:nth-child(4),
  .etds-deduction-under-section--80c .table-1 .custom-box-table td:nth-child(4) {
    width: 180px;
    min-width: 180px;
  }
}
@media (max-width: 576px) {
  .etds-deduction-under-section--80c .table-1 .custom-box-table {
    min-width: 600px;
    font-size: 12px;
  }
  .etds-deduction-under-section--80c .table-1 .custom-box-table th:nth-child(1),
  .etds-deduction-under-section--80c .table-1 .custom-box-table td:nth-child(1) {
    width: 50px;
    min-width: 50px;
  }
  .etds-deduction-under-section--80c .table-1 .custom-box-table th:nth-child(2),
  .etds-deduction-under-section--80c .table-1 .custom-box-table td:nth-child(2) {
    width: 240px;
    min-width: 240px;
  }
  .etds-deduction-under-section--80c .table-1 .custom-box-table th:nth-child(3),
  .etds-deduction-under-section--80c .table-1 .custom-box-table td:nth-child(3) {
    width: 180px;
    min-width: 180px;
  }
  .etds-deduction-under-section--80c .table-1 .custom-box-table th:nth-child(4),
  .etds-deduction-under-section--80c .table-1 .custom-box-table td:nth-child(4) {
    width: 150px;
    min-width: 150px;
  }
}
.etds-deduction-under-section--80c etds-box-second-4-col,
.etds-deduction-under-section--80c .etds-box-second-2-col,
.etds-deduction-under-section--80c .etds-box-second-3-col {
  min-width: 221px;
  padding: 8px;
}
.etds-deduction-under-section--80c .etds-box-second-4-col {
  padding: 8px;
}
.etds-deduction-under-section--80c .table {
  display: block;
  overflow: auto;
}
.etds-deduction-under-section--80c button:focus-visible {
  outline-offset: 0.125rem;
  box-shadow: unset;
}

.EL {
  display: flex;
  margin: 0 auto;
}
.EL .Frame3449 {
  width: 947px;
  left: 48px;
  justify-content: space-between;
  display: flex;
  padding: 24px 0px;
}
.EL .Frame3447 {
  width: 502px;
  gap: 12px;
  text-align: left;
}
.EL .El_Heading {
  width: 466px;
  font-weight: 700;
  font-size: 24px;
  line-height: 150%;
  letter-spacing: 0%;
  color: var(--tt-primary);
  display: inline;
}
.EL .buttonIcon {
  width: 24px;
  display: inline-block;
}
.EL .vectorImage {
  width: 20px;
  margin-top: 2px;
  margin-left: 2px;
  color: var(--tt-neutral-800);
}
.EL .Frame3448 {
  gap: 32px;
  display: flex;
}
.EL .Astrisks {
  width: 160px;
  gap: 2px;
  display: flex;
  align-items: center;
}
.EL .mandatory {
  width: 160px;
  font-weight: 400;
  font-style: italic;
  font-size: 12px;
  line-height: 150%;
  letter-spacing: 0%;
}
.EL .buttonSmall {
  width: 118px;
  min-width: 72px;
  border-radius: 4px;
  border-width: 1px;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-primary);
}
.EL .buttons_Icons {
  width: 118px;
  min-width: 72px;
  gap: 4px;
  border-radius: 4px;
  padding-top: 4px;
  padding-right: 12px;
  padding-bottom: 4px;
  padding-left: 12px;
  display: flex;
}
.EL .warning {
  width: 20px;
}
.EL .warningImage {
  width: 22px;
  top: 2px;
  margin-bottom: 10px;
  left: 1px;
  color: var(--tt-primary);
}
.EL .annexures {
  width: 100%;
  gap: 16px;
  background: var(--tt-neutral-100);
  display: flex;
  flex-direction: column;
}
.EL .accordians {
  width: 100%;
  padding: 24px;
  gap: 16px;
  border-radius: 4px;
  border: 1px solid var(--tt-neutral-300);
  background: var(--tt-neutral-100);
  display: flex;
  flex-direction: column;
}
.EL .selectFromList {
  width: 100%;
  display: flex;
}
.EL .selectFromListBox {
  width: 457.5px;
  gap: 8px;
  display: flex;
  align-items: center;
  text-align: left;
}
.EL .selectFromListBoxText {
  width: 425.5px;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0%;
  color: var(--tt-text-basic);
}
.EL .selectList {
  width: 457.5px;
  gap: 10px;
  display: flex;
  justify-content: end;
  align-items: center;
}
.EL .inputField {
  width: 425.5px;
  gap: 8px;
  display: flex;
}
.EL .selectedValueDisplay {
  width: 100%;
  display: flex;
}
.EL .selectedValueTextDisplay {
  width: 915px;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0%;
  color: var(--tt-text-basic);
  display: flex;
  align-items: center;
  text-align: left;
}
.EL .specifiedServices {
  width: 100%;
  display: flex;
}
.EL .specifiedServicesText {
  width: 457.5px;
  gap: 8px;
  text-align: left;
  display: flex;
  align-items: center;
}
.EL .specifiedServicesText1 {
  width: 457.5px;
  gap: 8px;
  text-align: left;
  align-items: center;
}
.EL .specifiedServicesTextDisplay {
  width: 425.5px;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0%;
  color: var(--tt-text-basic);
  align-items: center;
  display: flex;
}
.EL .specifiedServicesInput {
  width: 457.5px;
  gap: 8px;
  display: flex;
  justify-content: end;
  align-items: center;
  text-align: left;
}
.EL .Reset {
  margin-left: 800px;
}
.EL .reset {
  width: 100px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.EL .resetText {
  width: 90px;
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0%;
  text-transform: capitalize;
  color: var(--tt-primary);
  background-color: var(--tt-neutral-100);
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  /* Aligns text horizontally inside the button */
  align-items: center;
  border: none;
}
.EL .asterisk {
  color: var(--tt-error);
}
.EL .rightAside {
  width: 347px;
  height: fit-content;
  gap: 20px;
  padding-top: 28px;
  padding-right: 24px;
  padding-bottom: 20px;
  padding-left: 24px;
  background: var(--tt-neutral-100);
  /* Make sure this variable is defined */
  box-shadow: -1px 4px 14px 0px var(--tt-neutral-1200);
}
.EL .insideRightAside {
  width: 275px;
  gap: 20px;
}
.EL .total {
  width: 275px;
  gap: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--tt-neutral-300);
  margin-bottom: 18px;
}
.EL .totalContent {
  width: 275px;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0%;
  color: var(--tt-primary);
  text-align: left;
}
.EL .totalAmount {
  width: 275px;
  border-radius: 4px;
  border-width: 1px;
  border: 1px solid var(--tt-secondary-info-30);
  margin-bottom: 18px;
}
.EL .insideTotalAmount {
  width: 190px;
  gap: 10px;
  padding: 12px;
  border-bottom-width: 1px;
}
.EL .insideTotalAmountText {
  width: 190px;
  font-weight: 500;
  font-size: 12px;
  line-height: 21px;
  letter-spacing: 0%;
  color: var(--tt-primary);
}
.EL .totalAmountSecondPart {
  width: 275px;
}
.EL .totalAmountSecondPart1 {
  width: 275px;
  gap: 10px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
}
.EL .totalAmountSecondPartText {
  width: 10px;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0%;
  color: var(--tt-text-basic);
}
.EL .totalDeductionUnder80DFrame {
  width: 275px;
  border-radius: 4px;
  border-width: 1px;
  border: 1px solid var(--tt-secondary-info-30);
}
.EL .insideTotalDeductionUnder80DPart1 {
  width: 275px;
  gap: 10px;
  padding: 12px;
  border-bottom-width: 1px;
}
.EL .insideTotalDeductionUnder80DPart1Text {
  width: 251px;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0%;
  color: var(--tt-primary);
  text-align: left;
}
.EL .insideTotalDeductionUnder80DPart2 {
  width: 275px;
}
.EL .insideTotalDeductionUnder80DPart2Frame {
  width: 275px;
  gap: 10px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
}
.EL .insideTotalDeductionUnder80DPart2Text {
  width: 10px;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0%;
  color: var(--tt-text-basic);
}
.EL .uniform-input,
.EL .form-select,
.EL .form-control {
  width: 425px;
  border: 1px solid var(--tt-neutral-400);
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 14px;
  background: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}
.EL .InPageNotificationWeb {
  width: 100%;
  border-radius: 4px;
  border-width: 1px;
  gap: 8px;
  padding: 12px;
  background: var(--tt-secondary-info-bg5);
  border: 1px solid var(--tt-secondary-300);
  margin-top: 24px;
}
.EL .Notification {
  width: 100%;
  gap: 8px;
}
.EL .Note {
  width: 923px;
  font-weight: 700;
  font-size: 14px;
  color: var(--tt-secondary);
}
.EL .Notification1 {
  width: 100%;
  gap: 8px;
}
.EL .Notification1Text {
  font-weight: 400;
  font-size: 14px;
  color: var(--tt-secondary);
}
.EL .error {
  border: 2px solid var(--tt-error);
}
.EL .tax-calendar-link a {
  margin-left: 0;
  /* Add spacing between the text and the link */
  text-decoration: none;
  color: var(--tt-secondary);
  /* Set the link color */
  white-space: nowrap;
  /* Prevent the link from breaking into multiple lines */
}
.EL .custom-datepicker-late-fee {
  width: 460px;
}
.EL .css-1uvydh2 {
  box-sizing: border-box;
}
.EL .tcswarning-disclaimer-button {
  border: 1px solid var(--tt-primary-600);
  background: var(--tt-neutral-100);
  border-radius: 4px;
  display: flex;
  padding-top: 4px;
  padding-right: 12px;
  padding-bottom: 4px;
  padding-left: 12px;
  align-items: center;
  color: var(--tt-primary);
}
.EL .tcswarning-disclaimer {
  display: flex;
  align-items: center;
  padding: 4px 12px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  color: var(--tt-primary);
  cursor: pointer;
}
.EL .EL-content {
  width: 947px;
}
.EL .EL-container {
  display: flex;
  margin: 0 auto;
  gap: 24px;
}
.EL .calculationSection {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.EL .css-i44wyl {
  border: 1px solid var(--tt-neutral-400);
  border-radius: 4px;
  color: var(--tt-text-basic);
}
.EL .css-1bn53lx {
  color: var(--tt-text-basic);
  padding: 10px;
}
.EL .css-1uvydh2 {
  padding: 8px;
}
.EL .css-1uvydh2::placeholder {
  color: var(--tt-text-basic);
}
.EL .css-vubbuv {
  color: var(--tt-primary);
}
@media (min-width: 360px) and (max-width: 766px) {
  .EL .EL-container {
    flex-direction: column;
    width: 100%;
    padding: 10px;
  }
  .EL .accordians {
    padding: 16px;
  }
  .EL .EL-content {
    width: 100%;
  }
  .EL .Frame3449 {
    width: 100%;
    flex-direction: column;
    gap: 8px;
  }
  .EL .selectFromList {
    flex-direction: column;
    gap: 4px;
  }
  .EL .selectList {
    width: 100%;
  }
  .EL .inputField {
    width: 100%;
  }
  .EL .uniform-input,
  .EL .form-select,
  .EL .form-control {
    width: 100%;
  }
  .EL .selectedValueTextDisplay {
    width: 100%;
  }
  .EL .rightAside {
    width: 100%;
  }
  .EL .totalAmount {
    width: 100%;
  }
  .EL .total {
    width: 100%;
  }
  .EL .insideRightAside {
    width: 100%;
  }
  .EL .selectFromListBoxText {
    width: 100%;
  }
  .EL .specifiedServicesText, .EL .specifiedServicesText1 {
    width: 100%;
  }
  .EL .specifiedServicesTextDisplay {
    width: 100%;
    justify-content: start;
  }
  .EL .Reset {
    margin: 0px;
  }
  .EL .specifiedServices {
    flex-direction: column;
    gap: 4px;
  }
  .EL .specifiedServicesInput {
    width: 100%;
  }
  .EL .Note {
    width: 100%;
  }
  .EL .css-i44wyl {
    width: 100%;
  }
  .EL .selectFromListBox {
    width: 100%;
  }
  .EL .Frame3447 {
    width: 100%;
  }
}
@media (min-width: 767px) and (max-width: 990px) {
  .EL .EL-container {
    flex-direction: column;
    width: 100%;
    padding: 10px;
  }
  .EL .accordians {
    padding: 16px;
  }
  .EL .Note {
    width: 100%;
  }
  .EL .EL-content {
    width: 100%;
  }
  .EL .Frame3449 {
    width: 100%;
  }
  .EL .selectList {
    width: 50%;
  }
  .EL .inputField {
    width: 100%;
  }
  .EL .uniform-input,
  .EL .form-select,
  .EL .form-control {
    width: 100%;
  }
  .EL .selectFromListBox {
    width: 50%;
  }
  .EL .selectedValueTextDisplay {
    width: 100%;
  }
  .EL .rightAside {
    width: 100%;
  }
  .EL .totalAmount {
    width: 100%;
  }
  .EL .total {
    width: 100%;
  }
  .EL .insideRightAside {
    width: 100%;
  }
  .EL .selectFromListBoxText {
    width: 100%;
  }
  .EL .specifiedServicesText, .EL .specifiedServicesText1 {
    width: 50%;
  }
  .EL .specifiedServicesInput {
    width: 50%;
  }
  .EL .specifiedServicesTextDisplay {
    width: 100%;
    justify-content: start;
  }
  .EL .Reset {
    margin: 0px;
  }
}
@media (min-width: 991px) and (max-width: 1365px) {
  .EL .EL-container {
    width: 100%;
    padding: 16px;
    display: grid;
    grid-template-columns: 75% 25%;
    gap: 12px;
  }
  .EL .accordians {
    padding: 16px;
  }
  .EL .note {
    width: 100%;
  }
  .EL .EL-content {
    width: 100%;
  }
  .EL .Frame3449 {
    width: 100%;
  }
  .EL .selectList {
    width: 50%;
  }
  .EL .specifiedServices {
    gap: 4px;
  }
  .EL .inputField {
    width: 100%;
  }
  .EL .Note {
    width: 100%;
  }
  .EL .uniform-input,
  .EL .form-select,
  .EL .form-control {
    width: 100%;
  }
  .EL .selectFromListBox {
    width: 50%;
  }
  .EL .selectedValueTextDisplay {
    width: 100%;
  }
  .EL .rightAside {
    width: 100%;
  }
  .EL .totalAmount {
    width: 100%;
  }
  .EL .total {
    width: 100%;
  }
  .EL .insideRightAside {
    width: 100%;
  }
  .EL .selectFromListBoxText {
    width: 100%;
  }
  .EL .specifiedServicesText, .EL .specifiedServicesText1 {
    width: 50%;
  }
  .EL .specifiedServicesInput {
    width: 50%;
  }
  .EL .specifiedServicesTextDisplay {
    width: 100%;
    justify-content: start;
  }
  .EL .Reset {
    margin: 0px;
  }
}

.deduction-under-section80d {
  width: 100%;
  margin: 0 auto;
  padding: 0 24px;
}
.deduction-under-section80d .custom-element {
  width: 100%;
  max-width: 947px;
  padding: 28px 0px;
  display: flex;
  justify-content: space-between;
}
.deduction-under-section80d .deduction {
  width: 100%;
  max-width: 382px;
  gap: 12px;
}
.deduction-under-section80d .deduction-element {
  width: 100%;
  max-width: 346px;
  font-weight: 700;
  font-size: 20px;
  line-height: 36px;
  letter-spacing: 0%;
  color: var(--tt-primary);
  display: inline;
}
.deduction-under-section80d .iconButton,
.deduction-under-section80d .info {
  width: 100%;
  max-width: 24px;
}
.deduction-under-section80d .buttonIcon {
  width: 100%;
  max-width: 24px;
  display: inline-block;
}
.deduction-under-section80d .vectorImage {
  width: 100%;
  max-width: 20px;
  margin-top: 2px;
  margin-left: 2px;
  color: var(--tt-neutral-800);
}
.deduction-under-section80d .vector,
.deduction-under-section80d .vector_image {
  width: 100%;
  max-width: 20px;
  top: 2px;
  left: 2px;
  background: var(--tt-neutral-800);
}
.deduction-under-section80d .mandatory_field {
  width: 100%;
  max-width: 307px;
  gap: 32px;
  display: flex;
}
.deduction-under-section80d .contains_mandatory {
  width: 155px;
  font-weight: 400;
  font-style: italic;
  font-size: 11px;
  line-height: 18px;
  color: var(--tt-neutral-900);
  margin-top: 10px;
}
.deduction-under-section80d .buttonSmall {
  width: 120px;
  min-width: 72px;
  border-radius: 4px;
  border-width: 1px;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-primary);
  margin-left: 150px;
}
.deduction-under-section80d .buttons_Icons {
  width: 120px;
  min-width: 72px;
  gap: 4px;
  border-radius: 4px;
  padding-top: 4px;
  padding-right: 12px;
  padding-bottom: 4px;
  padding-left: 12px;
  display: flex;
}
.deduction-under-section80d .warning {
  width: 20px;
}
.deduction-under-section80d .warningImage {
  width: 22px;
  top: 2px;
  margin-bottom: 4px;
  left: 1px;
  color: var(--tt-primary);
}
.deduction-under-section80d .Disclaimer {
  width: 70px;
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0%;
  text-transform: capitalize;
  color: var(--tt-primary);
}
.deduction-under-section80d .customContainer {
  width: 100%;
  max-width: 947px;
  top: 50px;
  left: 48px;
  display: flex;
  flex-direction: column;
}
.deduction-under-section80d .containerStyle {
  width: 100%;
  max-width: 947px;
  background: var(--tt-neutral-100);
  border-radius: 4px;
  border: 1px solid var(--tt-neutral-300);
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
}
.deduction-under-section80d .selectAssessmentYear,
.deduction-under-section80d .selectStatus {
  color: var(--tt-error);
}
.deduction-under-section80d .Frame1 {
  width: 100%;
  max-width: 899px;
  gap: 24px;
}
.deduction-under-section80d .inputField {
  width: 100%;
  max-width: 437.5px;
  gap: 8px;
}
.deduction-under-section80d .titleBar,
.deduction-under-section80d .title {
  width: 100%;
  max-width: 437.5px;
  gap: 8px;
  text-align: left;
  display: flex;
}
.deduction-under-section80d .assessmentYear {
  width: 98px;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0%;
  color: var(--tt-text-basic);
  display: inline-block;
  text-align: left;
}
.deduction-under-section80d .asterisk {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0%;
  color: var(--tt-error);
  text-align: left;
  display: inline-block;
}
.deduction-under-section80d .inputFields {
  width: 100%;
  max-width: 437.5px;
  display: flex;
}
.deduction-under-section80d .dropDown {
  width: 100%;
  max-width: 437.5px;
  gap: 8px;
  border-radius: 4px;
  padding: 8px 12px;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-neutral-400);
  display: flex;
}
.deduction-under-section80d .arrowDown {
  width: 20px;
  display: flex;
  margin-right: 30px;
}
.deduction-under-section80d .Frame2 {
  width: 100%;
  max-width: 899px;
  gap: 16px;
}
.deduction-under-section80d .table1 {
  width: 100%;
  max-width: 899px;
  gap: 12px;
}
.deduction-under-section80d .insideTable1 {
  margin-top: 10px;
  min-width: 899px;
  width: max-content;
  border-radius: 4px;
  border-width: 1px;
  border: 1px solid var(--tt-neutral-300);
}
.deduction-under-section80d .tableHeader1 {
  min-width: 899px;
  width: max-content;
  border-bottom-width: 1px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.deduction-under-section80d .firstRow {
  width: 100%;
  max-width: 899px;
  border-bottom: 1px;
  background: var(--tt-primary-bg-stroke-5);
}
.deduction-under-section80d .firstRowText2,
.deduction-under-section80d .firstRowText3 {
  width: 100%;
  max-width: 313.5px;
  border-right: 1px;
  padding-top: 30px;
  right: 8px;
  bottom: 12px;
  left: 8px;
  gap: 12px;
}
.deduction-under-section80d .secondRow,
.deduction-under-section80d .thirdRow,
.deduction-under-section80d .fourthRow,
.deduction-under-section80d .fifthRow,
.deduction-under-section80d .sixthRow {
  width: 100%;
  max-width: 880px;
  margin-left: 5px;
}
.deduction-under-section80d .sixthRow {
  margin-top: 95px;
  text-align: left;
}
.deduction-under-section80d .secondRowText1 {
  width: 100%;
  max-width: 266.67px;
  margin-top: 20px;
  text-align: left;
  border: 1px solid var(--tt-neutral-400);
}
.deduction-under-section80d .frame3 {
  width: 899px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.deduction-under-section80d .innerframe3 {
  width: 899px;
  gap: 20px;
  display: flex;
  flex-direction: row-reverse;
}
.deduction-under-section80d .tertiary-button {
  border-radius: 4px;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--tt-neutral-100);
}
.deduction-under-section80d .inner-buttonReset {
  border-radius: 4px;
  padding: 8px 16px;
  gap: 4px;
  color: var(--tt-primary);
}
.deduction-under-section80d .rightAside {
  width: 100%;
  height: fit-content;
  gap: 20px;
  padding-top: 28px;
  padding-right: 24px;
  padding-bottom: 20px;
  padding-left: 24px;
  background: var(--tt-neutral-100);
  box-shadow: -1px 4px 14px 0px var(--tt-neutral-1200);
}
.deduction-under-section80d .insideRightAside {
  width: 275px;
  gap: 20px;
}
.deduction-under-section80d .total {
  width: 275px;
  gap: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--tt-neutral-300);
  margin-bottom: 18px;
}
.deduction-under-section80d .totalContent {
  width: 275px;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0%;
  color: var(--tt-primary);
  text-align: left;
}
.deduction-under-section80d .totalAmount {
  width: 275px;
  border-radius: 4px;
  border-width: 1px;
  border: 1px solid var(--tt-secondary-info-30);
  margin-bottom: 18px;
}
.deduction-under-section80d .insideTotalAmount {
  width: 275px;
  gap: 10px;
  padding: 12px;
  border-bottom-width: 1px;
}
.deduction-under-section80d .insideTotalAmountText {
  width: 90px;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0%;
  color: var(--tt-primary);
  text-align: left;
}
.deduction-under-section80d .totalAmountSecondPart {
  width: 275px;
}
.deduction-under-section80d .totalAmountSecondPart1 {
  width: 275px;
  gap: 10px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
}
.deduction-under-section80d .totalAmountSecondPartText {
  width: 10px;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0%;
  color: var(--tt-text-basic);
}
.deduction-under-section80d .totalDeductionUnder80DFrame {
  width: 275px;
  border-radius: 4px;
  border-width: 1px;
  border: 1px solid var(--tt-secondary-info-30);
}
.deduction-under-section80d .insideTotalDeductionUnder80DPart1 {
  width: 275px;
  gap: 10px;
  padding: 12px;
  border-bottom-width: 1px;
}
.deduction-under-section80d .insideTotalDeductionUnder80DPart1Text {
  width: 251px;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0%;
  color: var(--tt-primary);
  text-align: left;
}
.deduction-under-section80d .insideTotalDeductionUnder80DPart2 {
  width: 275px;
}
.deduction-under-section80d .insideTotalDeductionUnder80DPart2Frame {
  width: 275px;
  gap: 10px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
}
.deduction-under-section80d .insideTotalDeductionUnder80DPart2Text {
  width: 10px;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0%;
  color: var(--tt-text-basic);
}
.deduction-under-section80d .link80D {
  text-decoration: none;
}
.deduction-under-section80d .uniform-input,
.deduction-under-section80d .form-select,
.deduction-under-section80d .form-control {
  width: 100%;
  border: 1px solid var(--tt-neutral-400);
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 14px;
  background: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}
.deduction-under-section80d label {
  color: var(--tt-text-basic);
}
.deduction-under-section80d .InPageNotificationWeb {
  width: 947px;
  border-radius: 4px;
  border-width: 1px;
  gap: 8px;
  padding: 12px;
  background: var(--tt-secondary-info-bg5);
  border: 1px solid var(--tt-secondary-300);
  margin-top: 24px;
}
.deduction-under-section80d .Notification {
  width: 923px;
  gap: 8px;
}
.deduction-under-section80d .Note {
  width: 923px;
  font-weight: 700;
  font-size: 14px;
  color: var(--tt-secondary);
}
.deduction-under-section80d .Notification1 {
  width: 923px;
  gap: 8px;
}
.deduction-under-section80d .Notification1Text {
  font-weight: 400;
  font-size: 14px;
  color: var(--tt-secondary);
}
.deduction-under-section80d .tcswarning-disclaimer-button {
  border: 1px solid var(--tt-primary-600);
  background: var(--tt-neutral-100);
  border-radius: 4px;
  display: flex;
  padding-top: 4px;
  padding-bottom: 4px;
  gap: 12px;
  align-items: center;
  color: var(--tt-primary);
}
.deduction-under-section80d .tcswarning-disclaimer {
  display: flex;
  align-items: center;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  color: var(--tt-primary);
  cursor: pointer;
}
.deduction-under-section80d .deduction-under-section80d-container {
  display: flex;
  gap: 24px;
  width: fit-content;
}
.deduction-under-section80d .content {
  display: flex;
  flex-direction: column;
}
.deduction-under-section80d .table-content {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
}
.deduction-under-section80d .row {
  flex-wrap: unset;
}
@media (min-width: 360px) and (max-width: 766px) {
  .deduction-under-section80d {
    padding: 0px;
  }
  .deduction-under-section80d .deduction-under-section80d-container {
    flex-direction: column;
    width: 100%;
  }
  .deduction-under-section80d .custom-element {
    flex-direction: column;
    width: 100%;
  }
  .deduction-under-section80d .mb-3 {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .deduction-under-section80d .InPageNotificationWeb {
    width: 100%;
  }
  .deduction-under-section80d .Notification {
    width: 100%;
  }
  .deduction-under-section80d .Note {
    width: 100%;
  }
  .deduction-under-section80d .Notification1 {
    width: 100%;
  }
  .deduction-under-section80d .rightAside {
    width: 100%;
  }
  .deduction-under-section80d .insideRightAside {
    width: 100%;
  }
  .deduction-under-section80d .total {
    width: 100%;
  }
  .deduction-under-section80d .totalDeductionUnder80DFrame {
    width: 100%;
  }
  .deduction-under-section80d .frame3 {
    width: 100%;
  }
  .deduction-under-section80d .innerframe3 {
    width: 100%;
  }
  .deduction-under-section80d .insideTotalDeductionUnder80DPart1Text {
    width: 100%;
  }
  .deduction-under-section80d .insideTotalDeductionUnder80DPart1 {
    width: 100%;
  }
}
@media (min-width: 767px) and (max-width: 990px) {
  .deduction-under-section80d {
    padding: 0px;
  }
  .deduction-under-section80d .deduction-under-section80d-container {
    flex-direction: column;
    width: 100%;
    gap: 12px;
  }
  .deduction-under-section80d .custom-element {
    width: 100%;
  }
  .deduction-under-section80d .InPageNotificationWeb {
    width: 100%;
  }
  .deduction-under-section80d .Notification {
    width: 100%;
  }
  .deduction-under-section80d .Note {
    width: 100%;
  }
  .deduction-under-section80d .Notification1 {
    width: 100%;
  }
  .deduction-under-section80d .rightAside {
    width: 100%;
  }
  .deduction-under-section80d .insideRightAside {
    width: 100%;
  }
  .deduction-under-section80d .total {
    width: 100%;
  }
  .deduction-under-section80d .totalDeductionUnder80DFrame {
    width: 100%;
  }
  .deduction-under-section80d .frame3 {
    width: 100%;
  }
  .deduction-under-section80d .innerframe3 {
    width: 100%;
  }
  .deduction-under-section80d .insideTotalDeductionUnder80DPart1Text {
    width: 100%;
  }
  .deduction-under-section80d .insideTotalDeductionUnder80DPart1 {
    width: 100%;
  }
}
@media (min-width: 991px) and (max-width: 1365px) {
  .deduction-under-section80d {
    padding: 0px;
  }
  .deduction-under-section80d .deduction-under-section80d-container {
    display: grid;
    grid-template-columns: 75% 25%;
    width: 100%;
    gap: 16px;
  }
  .deduction-under-section80d .custom-element {
    width: 100%;
  }
  .deduction-under-section80d .InPageNotificationWeb {
    width: 100%;
  }
  .deduction-under-section80d .Notification {
    width: 100%;
  }
  .deduction-under-section80d .Note {
    width: 100%;
  }
  .deduction-under-section80d .Notification1 {
    width: 100%;
  }
  .deduction-under-section80d .rightAside {
    width: 100%;
  }
  .deduction-under-section80d .insideRightAside {
    width: 100%;
  }
  .deduction-under-section80d .total {
    width: 100%;
  }
  .deduction-under-section80d .totalDeductionUnder80DFrame {
    width: 100%;
  }
  .deduction-under-section80d .frame3 {
    width: 100%;
  }
  .deduction-under-section80d .innerframe3 {
    width: 100%;
  }
  .deduction-under-section80d .insideTotalDeductionUnder80DPart1Text {
    width: 100%;
  }
  .deduction-under-section80d .insideTotalDeductionUnder80DPart1 {
    width: 100%;
  }
}

.etds-MedicalFacility-calculator {
  /* MedicalFacilitySelect.css */
}
@media (min-width: 1361px) {
  .etds-MedicalFacility-calculator {
    display: flex;
    justify-content: center;
  }
}
.etds-MedicalFacility-calculator .button-group {
  display: flex;
  gap: 20px;
  margin-bottom: 16px;
  margin-left: 12px;
}
.etds-MedicalFacility-calculator .row {
  margin: 0 auto;
}
.etds-MedicalFacility-calculator .note-text-indicate {
  color: var(--contrast-dark);
  /* Body/B3 (S) - Italic */
  font-size: var(--font-size-s-3-b-3, 0.75rem);
  font-style: italic;
  font-weight: 400;
  line-height: var(--Line-Height-For-Font-Size---12, 1.125rem);
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
.etds-MedicalFacility-calculator .note-text-indicate .row-medical.mb-3 {
  max-width: 100%;
  display: flex;
  align-self: center;
  flex-wrap: wrap;
}
.etds-MedicalFacility-calculator .etds-medical-box {
  max-width: 100%;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-secondary-info-30);
  background: var(--tt-neutral-100);
  margin: 0 auto;
  max-width: 100%;
  box-sizing: border-box;
  padding: 1rem;
}
@media (max-width: 1024px) {
  .etds-MedicalFacility-calculator .etds-medical-box .etds-medical-box {
    width: 100%;
    padding: 0.5rem;
  }
  .etds-MedicalFacility-calculator .etds-medical-box .row-medical.mb-3 {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
  }
  .etds-MedicalFacility-calculator .etds-medical-box .label-col10 {
    width: 100%;
    margin-left: 0;
    margin-bottom: 4px;
  }
  .etds-MedicalFacility-calculator .etds-medical-box .uniform-input1 {
    width: 100%;
    min-width: 0;
  }
}
@media (max-width: 600px) {
  .etds-MedicalFacility-calculator .etds-medical-box .etds-medical-box {
    padding: 0.25rem;
  }
  .etds-MedicalFacility-calculator .etds-medical-box .row-medical.mb-3 {
    flex-direction: column;
    width: 100%;
    gap: 8px;
  }
  .etds-MedicalFacility-calculator .etds-medical-box .label-col10 {
    font-size: 13px;
    width: 100%;
    margin: 0 0 4px 0;
  }
  .etds-MedicalFacility-calculator .etds-medical-box .uniform-input1 {
    font-size: 13px;
    height: 32px;
    padding: 6px 8px;
  }
  .etds-MedicalFacility-calculator .etds-medical-box .button-group {
    gap: 10px;
    margin-left: 7px;
    align-items: stretch;
  }
}
.etds-MedicalFacility-calculator input:required:invalid {
  border: 2px solid var(--tt-error);
}
.etds-MedicalFacility-calculator input:required:valid {
  border: 1px solid var(--tt-neutral-400);
}
.etds-MedicalFacility-calculator .uniform-input1 {
  width: 413px;
  height: 37px;
  padding: 8px 12px;
  font-size: 14px;
  display: flex;
  justify-self: end;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-400);
  background: var(--tt-neutral-100);
  color: var(--tt-text-basic);
  max-width: 100%;
  box-sizing: border-box;
}
.etds-MedicalFacility-calculator .form-row {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
  flex-wrap: wrap;
}
.etds-MedicalFacility-calculator .label-col10 {
  flex: 1 1 96%;
  font-size: 14px;
  line-height: 21px;
  color: var(--tt-text-basic);
  font-weight: 400;
  display: flex;
  margin: 8px;
  margin-left: 24px;
  align-items: center;
  min-width: 120px;
  box-sizing: border-box;
}
.etds-MedicalFacility-calculator .custom-btn {
  min-width: 84px;
  height: 36px;
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  cursor: pointer;
}
.etds-MedicalFacility-calculator .custom-btn-primary {
  background: var(--tt-primary);
  color: var(--tt-neutral-100);
}
.etds-MedicalFacility-calculator .custom-btn-tertiary {
  background: var(--tt-neutral-100);
  color: var(--tt-primary);
}
.etds-MedicalFacility-calculator .pane.right-pane {
  padding-left: 1rem;
}
.etds-MedicalFacility-calculator .custom-card {
  background: var(--tt-neutral-100);
  border-radius: 6px;
  padding: 1rem;
  box-shadow: 0 1px 3px var(--tt-neutral-300);
}
.etds-MedicalFacility-calculator .custom-section {
  margin-bottom: 1rem;
}
.etds-MedicalFacility-calculator .custom-label {
  display: block;
  font-weight: 600;
  margin-bottom: 4px;
  color: var(--tt-primary);
}
.etds-MedicalFacility-calculator .custom-display-box {
  padding: 10px 14px;
  background: var(--tt-neutral-100);
  border-radius: 0.25rem;
  border: 1px solid var(--tt-secondary-info-30);
  font-weight: bold;
  height: 71px;
}
.etds-MedicalFacility-calculator .total-title {
  color: var(--tt-primary);
  padding-bottom: 10px;
  margin-bottom: 20px;
  font-size: 1.25rem;
  font-weight: 600;
  margin: 12px;
}
.etds-MedicalFacility-calculator .custom-inline-error {
  margin-bottom: 16px;
}
.etds-MedicalFacility-calculator .note-box {
  border-radius: 4px;
  padding: 12px;
  margin-top: 24px;
  margin-bottom: 24px;
  border-radius: 0.25rem;
  border: 1px solid var(--secondary-300);
  background: var(--tt-secondary-info-bg5);
}
.etds-MedicalFacility-calculator .note-text {
  font-weight: 700;
  color: var(--tt-secondary);
  font-size: 14px;
  line-height: 21px;
}
.etds-MedicalFacility-calculator .list-styled {
  font-weight: 400;
  color: var(--tt-secondary);
}
.etds-MedicalFacility-calculator .section-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 24px;
}
.etds-MedicalFacility-calculator .section-header .section-title-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
}
.etds-MedicalFacility-calculator .section-header .section-title-wrapper .section-title {
  color: var(--tt-primary);
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0.12px;
  margin: 0;
}
.etds-MedicalFacility-calculator .section-header .section-title-wrapper .info-tooltip {
  width: 18px;
  height: 18px;
}
.etds-MedicalFacility-calculator .section-header .section-title-wrapper .info-tooltip img {
  width: 100%;
  height: 100%;
}
.etds-MedicalFacility-calculator .section-header .section-actions {
  display: flex;
  align-items: center;
  gap: 32px;
}
.etds-MedicalFacility-calculator .section-header .section-actions .mandatory-note {
  font-size: 12px;
  font-style: italic;
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.etds-MedicalFacility-calculator .section-header .section-actions .mandatory-note .text-danger {
  color: var(--tt-error);
}
.etds-MedicalFacility-calculator .section-header .section-actions .mandatory-note .note-text {
  color: var(--contrast-dark);
}
.etds-MedicalFacility-calculator .section-header .section-actions .warning-disclaimer-button {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  min-width: 72px;
  padding: 4px 12px;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-primary);
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  color: var(--tt-primary);
  cursor: pointer;
}
.etds-MedicalFacility-calculator .section-header .section-actions .warning-disclaimer-button .icon {
  width: 20px;
  height: 20px;
}
.etds-MedicalFacility-calculator .section-header .section-actions .warning-disclaimer-button span {
  text-transform: capitalize;
}
.etds-MedicalFacility-calculator .uniform-input,
.etds-MedicalFacility-calculator .form-select,
.etds-MedicalFacility-calculator .form-control {
  width: 437px;
  height: 37px;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-400);
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 14px;
  margin: 8px;
}
.etds-MedicalFacility-calculator .icon-1 {
  color: var(--tt-neutral-800);
}
.etds-MedicalFacility-calculator .uniform-input1 {
  width: 437px;
  height: 37px;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-400);
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 14px;
  margin: 8px;
}
.etds-MedicalFacility-calculator .icon {
  color: var(--tt-primary);
}
.etds-MedicalFacility-calculator .cancel-image-wrapper {
  border-radius: 20px 20px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /* Ensures image respects the border-radius */
}
.etds-MedicalFacility-calculator .cancel-error-container {
  display: flex;
  align-items: center;
  gap: 8px;
  /* spacing between image and text */
}
.etds-MedicalFacility-calculator .cancel-image {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  /* circular */
  padding: 2px;
}
.etds-MedicalFacility-calculator .custom-inline-error-text {
  color: var(--tt-error);
  font-size: 14px;
  line-height: 20px;
  display: flex;
  justify-content: end;
  margin-right: 217px;
}
.etds-MedicalFacility-calculator .input-col {
  flex: 1 1 40%;
  max-width: 437px;
}
.etds-MedicalFacility-calculator .form-control {
  width: 100%;
  height: 38px;
}
.etds-MedicalFacility-calculator .label-col10 {
  font-size: 14px;
  line-height: 21px;
  color: var(--tt-text-basic);
  font-weight: 400;
  display: flex;
  margin: 8px;
  width: 365px;
  /* justify-content: space-around; */
  margin-left: 24px;
  align-items: center;
}
.etds-MedicalFacility-calculator .row-medical.mb-3 {
  max-width: 100%;
  display: flex;
  align-self: center;
}
.etds-MedicalFacility-calculator .etds-medical-box {
  max-width: 100%;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-secondary-info-30);
  background: var(--tt-neutral-100);
}
.etds-MedicalFacility-calculator .uniform-input1 {
  width: 413px;
  height: 37px;
  padding: 8px 12px;
  font-size: 14px;
  display: flex;
  justify-self: end;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-400);
  background: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}
.etds-MedicalFacility-calculator .etds-dropdown {
  color: var(--tt-text-basic);
}
.etds-MedicalFacility-calculator .form-row {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
}
.etds-MedicalFacility-calculator .tab-wrapper {
  border-bottom: 1px solid var(--tt-neutral-300);
  border-radius: 0.125rem 0.125rem 0 0;
  border-bottom: 1px solid var(--tt-neutral-300);
  background: var(--tt-neutral-100);
}
.etds-MedicalFacility-calculator .tab-wrapper .tab-heading {
  padding: 10px 16px;
  margin-right: 16px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  position: relative;
  transition: color 0.3s;
  border-radius: 0.125rem 0.125rem 0 0;
  background: var(--tt-neutral-100);
}
.etds-MedicalFacility-calculator .tab-wrapper .tab-heading:hover {
  border-radius: 0.125rem 0.125rem 0 0;
  border-bottom: 1.5px solid var(--tt-secondary);
  background: var(--tt-secondary-info-bg5);
}
.etds-MedicalFacility-calculator .tab-wrapper .tab-heading.active {
  color: var(--tt-secondary);
  font-weight: 600;
}
.etds-MedicalFacility-calculator .tab-wrapper .tab-heading.active::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 3px;
  background-color: var(--tt-secondary);
}
.etds-MedicalFacility-calculator .etds-MedicalFacility-calculator .label-col {
  flex: 1 1 0%;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
}
.etds-MedicalFacility-calculator .etds-MedicalFacility-calculator .custom-display-box {
  padding: 10px 14px;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-secondary-info-30);
  font-weight: bold;
  height: 73px;
}
.etds-MedicalFacility-calculator .right-side {
  height: fit-content;
  background: var(--neutral-100);
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
  padding: 16px;
}
.etds-MedicalFacility-calculator .uniform-input1__control {
  background-color: var(--tt-neutral-100) !important; /* Dropdown background */
}
.etds-MedicalFacility-calculator .uniform-input1__single-value,
.etds-MedicalFacility-calculator .uniform-input1__option {
  color: var(--tt-text-basic) !important; /* Text color for selected and options */
}
.etds-MedicalFacility-calculator .uniform-input1__option {
  background-color: var(--tt-neutral-100) !important; /* Dropdown option background */
}
.etds-MedicalFacility-calculator .ass-year {
  width: 100%;
  min-width: 437px;
  height: 37px;
  padding: 8px 12px;
  font-size: 14px;
  display: flex;
  justify-self: end;
  border-radius: 0.25rem;
  /* border: 1px solid var(--tt-neutral-400); */
  background: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}
@media (max-width: 768.98px) {
  .etds-MedicalFacility-calculator .ass-year {
    max-width: 100%;
    min-width: 0;
  }
}
.etds-MedicalFacility-calculator .label-gross-income {
  font-size: 14px;
  line-height: 21px;
  color: var(--tt-text-basic);
  font-weight: 400;
}
.etds-MedicalFacility-calculator button:focus-visible {
  outline-offset: 0.125rem;
  box-shadow: unset;
}
.etds-MedicalFacility-calculator .custom-tooltip {
  position: absolute;
  border-radius: 0.25rem;
  background: var(--background-muted);
  /* Drop down shadow */
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  color: white;
  padding: 6px 12px;
  border-radius: 4px;
  z-index: 100;
  font-size: 0.95em;
  margin-left: 8px;
  top: 25%;
  left: 0;
  white-space: pre-line;
}

.etds-presumptive-income-under-section-44ae {
  /* Ensure the table can be horizontally scrollable */
  /* Fix input field widths inside the table */
  /* For mobile screens, adjust the layout */
  /* Selected value text */
  /* Dropdown option text */
  /* Option hover/focus */
  /* Option selected */
  /* Placeholder text */
  /* Dropdown indicator (arrow) */
  /* Remove border on focus */
  /* Adjust button and form labels for smaller devices */
  /* For Webkit browsers (Chrome, Safari, Edge) */
  /* For Firefox */
}
.etds-presumptive-income-under-section-44ae #label-1 {
  color: var(--tt-primary);
}
.etds-presumptive-income-under-section-44ae .row {
  display: flex;
}
.etds-presumptive-income-under-section-44ae .card {
  box-shadow: none;
  border: none;
  background: none;
}
.etds-presumptive-income-under-section-44ae .shadow-sm {
  box-shadow: none;
}
.etds-presumptive-income-under-section-44ae .section-header1 {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid var(--tt-secondary-info-30);
  justify-items: center;
  padding-top: 13px;
  padding-bottom: 5px;
  border-radius: 5px;
  padding-left: 21px;
  margin-bottom: 5px;
  margin-left: 0px;
}
.etds-presumptive-income-under-section-44ae label.col-4.form-label {
  margin-left: 4px;
  margin-bottom: 8px;
}
.etds-presumptive-income-under-section-44ae label {
  color: var(--tt-text-basic);
}
.etds-presumptive-income-under-section-44ae .main-section {
  border: 1px solid var(--tt-secondary-info-30);
  padding-top: 13px;
  padding-bottom: 5px;
  border-radius: 5px;
  padding-left: 21px;
  margin-top: 16px;
  margin-bottom: 5px;
  margin-left: 0px;
  background: var(--tt-neutral-100);
}
.etds-presumptive-income-under-section-44ae .assessment-year-section {
  margin-bottom: -18px;
}
.etds-presumptive-income-under-section-44ae tr {
  background: var(--tt-neutral-100);
}
.etds-presumptive-income-under-section-44ae select#ddlAssessmentYear {
  width: 100%;
  border-radius: 5px;
  height: 37px;
  padding: 5px;
  color: var(--tt-neutral-700);
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-neutral-400);
}
.etds-presumptive-income-under-section-44ae select#ddlAssessmentYear:invalid {
  color: var(--tt-neutral-700);
}
.etds-presumptive-income-under-section-44ae select#ddlAssessmentYear:valid {
  color: var(--tt-text-basic);
}
.etds-presumptive-income-under-section-44ae span.mandatory-star {
  color: var(--tt-error);
}
.etds-presumptive-income-under-section-44ae .select-assessmentyear {
  margin-left: 14px;
  margin-right: 11px;
}
.etds-presumptive-income-under-section-44ae .assessmentyear-errormsg {
  color: var(--tt-error);
  margin-top: 4px;
  font-size: 14px;
}
.etds-presumptive-income-under-section-44ae .alert-danger {
  color: var(--tt-error);
}
.etds-presumptive-income-under-section-44ae .table {
  width: 100%;
  margin-top: 20px;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--tt-neutral-300);
  border-radius: 4px;
  text-align: center;
}
.etds-presumptive-income-under-section-44ae .table th,
.etds-presumptive-income-under-section-44ae .table td {
  padding: 10px;
  border: none;
}
.etds-presumptive-income-under-section-44ae .table th {
  background-color: var(--tt-primary-bg-stroke-10);
  font-weight: bold;
  text-align: center;
  color: var(--tt-text-basic);
}
.etds-presumptive-income-under-section-44ae .table input[type=number]:disabled {
  background: var(--tt-neutral-bg-stroke-10);
}
.etds-presumptive-income-under-section-44ae .table td input[type=number],
.etds-presumptive-income-under-section-44ae .table td input[type=text] {
  width: 100%;
  padding: 8px;
  border: 1px solid var(--tt-neutral-400);
  border-radius: 4px;
  color: var(--tt-text-basic);
  background: var(--tt-neutral-100);
}
.etds-presumptive-income-under-section-44ae .table td input[readonly] {
  background-color: var(--tt-neutral-bg-stroke-10);
}
.etds-presumptive-income-under-section-44ae .td-sno {
  color: var(--tt-text-basic);
}
.etds-presumptive-income-under-section-44ae .custom-display-box {
  height: 78px;
  width: 100%;
  max-width: 275px;
  border: 1px solid var(--tt-secondary-info-30);
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  background: var(--tt-neutral-100);
}
.etds-presumptive-income-under-section-44ae .table-checkbox {
  accent-color: var(--tt-secondary-info-500);
  height: 18px;
  width: 18px;
}
.etds-presumptive-income-under-section-44ae .btnAddmore {
  display: inline-flex;
  /* make button a flex container */
  align-items: center;
  height: 28px;
  width: 115px;
  /* vertically center items */
  gap: 2px;
  /* space between image and text */
  background-color: var(--tt-primary);
  color: var(--tt-neutral-100);
  border-radius: 4px;
  min-width: 72px;
  font-size: 0.75rem;
  font-weight: 400;
  border: none;
  justify-content: center;
}
.etds-presumptive-income-under-section-44ae .btn-secondary {
  background: none;
}
.etds-presumptive-income-under-section-44ae .btnRemove {
  margin-left: 8px;
  display: inline-flex;
  /* make button a flex container */
  align-items: center;
  height: 28px;
  width: 115px;
  /* vertically center items */
  gap: 2px;
  /* space between image and text */
  color: var(--tt-error);
  border-radius: 4px;
  border: 1px solid var(--tt-error);
  min-width: 72px;
  font-size: 0.75rem;
  font-weight: 400;
}
.etds-presumptive-income-under-section-44ae .resetBtnOuter {
  margin-left: 0px;
  justify-content: end;
}
.etds-presumptive-income-under-section-44ae .tooltip-msg {
  color: var(--tt-neutral-800);
}
.etds-presumptive-income-under-section-44ae .btnReset {
  display: flow;
  align-items: center;
  height: 28px;
  width: 84px;
  gap: 2px;
  color: var(--tt-primary);
  border-radius: 4px;
  border: none;
  min-width: 72px;
  font-size: 14px;
  margin-bottom: 0.25rem;
  font-weight: 400;
  margin-right: 10px;
}
.etds-presumptive-income-under-section-44ae .addmoreImage,
.etds-presumptive-income-under-section-44ae .deleteImage {
  display: inline-block;
  width: 20px;
  /* adjust as needed */
  height: 20px;
  /* keep aspect ratio */
  object-fit: contain;
}
.etds-presumptive-income-under-section-44ae .result-container {
  background: var(--tt-neutral-100);
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
  margin: 0px;
}
.etds-presumptive-income-under-section-44ae .result1 {
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
  height: fit-content;
  padding: 0px;
}
.etds-presumptive-income-under-section-44ae .result-h3 {
  color: var(--tt-primary);
  padding-bottom: 8px;
  border-bottom: 2px solid var(--tt-neutral-300);
  width: 100%;
  font-size: 24px;
}
.etds-presumptive-income-under-section-44ae .result-card {
  width: 100%;
  border-radius: 4px;
  outline: 1px solid var(--tt-secondary-info-30);
  display: flex;
  flex-direction: column;
  background: var(--tt-neutral-100);
}
.etds-presumptive-income-under-section-44ae .result-card-header {
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.etds-presumptive-income-under-section-44ae .result-card-title {
  color: var(--tt-primary);
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0.12px;
}
.etds-presumptive-income-under-section-44ae .result-card-value-wrapper {
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.etds-presumptive-income-under-section-44ae .result-card-value {
  font-size: 20px;
  font-weight: 700;
  color: var(--tt-text-basic);
  line-height: 30px;
  letter-spacing: 0.12px;
}
.etds-presumptive-income-under-section-44ae .section-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 24px;
}
.etds-presumptive-income-under-section-44ae .section-header .section-title-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 453px;
}
.etds-presumptive-income-under-section-44ae .section-header .section-title-wrapper .section-title {
  color: var(--tt-primary);
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0.12px;
  margin: 0;
}
.etds-presumptive-income-under-section-44ae .section-header .section-title-wrapper .info-tooltip {
  width: 18px;
  height: 18px;
}
.etds-presumptive-income-under-section-44ae .section-header .section-title-wrapper .info-tooltip img {
  width: 100%;
  height: 100%;
}
.etds-presumptive-income-under-section-44ae .section-header .section-actions {
  display: flex;
  align-items: center;
  gap: 32px;
}
.etds-presumptive-income-under-section-44ae .section-header .section-actions .mandatory-note {
  font-size: 12px;
  font-style: italic;
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.etds-presumptive-income-under-section-44ae .section-header .section-actions .mandatory-note .text-danger {
  color: var(--tt-error);
}
.etds-presumptive-income-under-section-44ae .section-header .section-actions .mandatory-note .note-text {
  color: var(--tt-neutral-800);
  margin-top: auto;
}
.etds-presumptive-income-under-section-44ae .section-header .section-actions .no-spinner {
  -moz-appearance: textfield;
}
.etds-presumptive-income-under-section-44ae .section-header .section-actions .no-spinner::-webkit-outer-spin-button, .etds-presumptive-income-under-section-44ae .section-header .section-actions .no-spinner::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.etds-presumptive-income-under-section-44ae .section-header .section-actions .warning-disclaimer-button {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  min-width: 72px;
  padding: 4px 12px;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-primary);
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  color: var(--tt-primary);
  cursor: pointer;
}
.etds-presumptive-income-under-section-44ae .section-header .section-actions .warning-disclaimer-button .icon {
  width: 20px;
  height: 20px;
}
.etds-presumptive-income-under-section-44ae .section-header .section-actions .warning-disclaimer-button span {
  text-transform: capitalize;
}
.etds-presumptive-income-under-section-44ae #image-1 {
  height: 30px;
  margin-right: 8px;
}
.etds-presumptive-income-under-section-44ae #ddlEmployerType {
  justify-items: right;
}
.etds-presumptive-income-under-section-44ae .no-spinner {
  -moz-appearance: textfield;
}
.etds-presumptive-income-under-section-44ae .no-spinner::-webkit-outer-spin-button, .etds-presumptive-income-under-section-44ae .no-spinner::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.etds-presumptive-income-under-section-44ae input.inputcheckbox {
  height: 18px;
  width: 18px;
  margin-left: 2px;
  margin-top: 3px;
  margin-right: 8px;
  accent-color: var(--tt-secondary-info-500);
}
.etds-presumptive-income-under-section-44ae .form-range {
  color: var(--tt-neutral-700);
}
.etds-presumptive-income-under-section-44ae .label-tooltip-icon-wrap p-4 {
  margin-left: 50%;
  justify-items: right;
}
.etds-presumptive-income-under-section-44ae .table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: auto;
  /* Smooth scrolling for iOS */
}
.etds-presumptive-income-under-section-44ae .table input.form-input {
  width: 100%;
  /* Ensure inputs take up the full width of their parent */
  max-width: 100%;
}
.etds-presumptive-income-under-section-44ae .table input.form-input-profit {
  width: 100%;
  /* Ensure inputs take up the full width of their parent */
  max-width: 100%;
}
@media (max-width: 768px) {
  .etds-presumptive-income-under-section-44ae {
    /* Make the checkbox inputs and small fields scale correctly */
    /* Modify the range label for better mobile layout */
    /* Adjust width of certain columns on mobile */
    /* Make sure checkbox input works properly on mobile */
    /* Adjust the width of the "No. of months owned" column */
    /* Ensure the table headers are fixed at the top */
    /* Add some margin to the buttons for mobile screens */
  }
  .etds-presumptive-income-under-section-44ae .table th,
  .etds-presumptive-income-under-section-44ae .table td {
    font-size: 12px;
    /* Smaller font size for mobile */
    padding: 8px;
    /* Reduce padding to fit more content */
  }
  .etds-presumptive-income-under-section-44ae .table input.form-input {
    width: 100%;
    max-width: 100%;
  }
  .etds-presumptive-income-under-section-44ae .table input[type=checkbox] {
    transform: scale(1.2);
    /* Make the checkbox slightly larger for easier interaction */
  }
  .etds-presumptive-income-under-section-44ae .table input.form-input {
    width: 100%;
    /* Make range inputs responsive */
  }
  .etds-presumptive-income-under-section-44ae .table input.form-input-profit {
    width: 100%;
    /* Ensure inputs take up the full width of their parent */
    max-width: 100%;
    cursor: not-allowed;
  }
  .etds-presumptive-income-under-section-44ae .table td div {
    font-size: 14px;
    /* Adjust font size for better readability on small screens */
  }
  .etds-presumptive-income-under-section-44ae .table td input[type=number] {
    width: 100%;
    /* Ensure number inputs stretch to full width */
  }
  .etds-presumptive-income-under-section-44ae .table td input[type=checkbox] {
    margin: 0 auto;
    /* Center the checkbox horizontally */
  }
  .etds-presumptive-income-under-section-44ae .table td:nth-child(4),
  .etds-presumptive-income-under-section-44ae .table td:nth-child(5) {
    width: 100%;
    /* Allow these columns to take up more space on mobile */
  }
  .etds-presumptive-income-under-section-44ae .table th {
    white-space: nowrap;
    /* Prevent text overflow */
  }
  .etds-presumptive-income-under-section-44ae .btn {
    width: 100%;
    margin-bottom: 8px;
  }
  .etds-presumptive-income-under-section-44ae .btn-primary,
  .etds-presumptive-income-under-section-44ae .btn-danger {
    padding: 10px 15px;
    color: var(--tt-neutral-100);
  }
}
.etds-presumptive-income-under-section-44ae .frm-44ae-input__control {
  background-color: var(--tt-neutral-100) !important;
  border-color: var(--tt-neutral-300) !important;
  min-height: 38px;
  box-shadow: none !important;
  cursor: pointer;
}
.etds-presumptive-income-under-section-44ae .frm-44ae-input__single-value {
  color: var(--tt-text-basic) !important;
  font-size: 14px;
}
.etds-presumptive-income-under-section-44ae .frm-44ae-input__option {
  color: var(--tt-text-basic) !important;
  background-color: var(--tt-neutral-100) !important;
}
.etds-presumptive-income-under-section-44ae .frm-44ae-input__option--is-focused {
  background-color: var(--tt-primary-varient-3) !important;
  color: var(--tt-text-basic-focus) !important;
  border: 1px solid var(--tt-secondary);
}
.etds-presumptive-income-under-section-44ae .frm-44ae-input__option--is-selected {
  background-color: var(--tt-secondary) !important;
  color: var(--tt-text-basic-hover) !important;
}
.etds-presumptive-income-under-section-44ae .frm-44ae-input__single-value--is-disabled {
  color: var(--tt-neutral-800); /* Gray text */
  cursor: none; /* Show disabled cursor */
  opacity: 0.5; /* Slight transparency */
}
.etds-presumptive-income-under-section-44ae .frm-44ae-input__placeholder {
  color: var(--tt-neutral-400) !important;
}
.etds-presumptive-income-under-section-44ae .frm-44ae-input__indicator {
  color: var(--tt-neutral-600) !important;
}
.etds-presumptive-income-under-section-44ae .frm-44ae-input__control--is-focused {
  border-color: var(--tt-primary-500) !important;
  box-shadow: 0 0 0 1px var(--tt-primary-500) !important;
  background-color: var(--tt-primary);
}
.etds-presumptive-income-under-section-44ae .frm-44ae-input__menu {
  width: 100%;
}
.etds-presumptive-income-under-section-44ae .frm-44ae-input__menu-list {
  width: auto;
  font-size: 14px;
}
.etds-presumptive-income-under-section-44ae .heavy-goods {
  min-width: 231px;
}
.etds-presumptive-income-under-section-44ae .months-owned, .etds-presumptive-income-under-section-44ae .gross-vehicle-weight, .etds-presumptive-income-under-section-44ae .description, .etds-presumptive-income-under-section-44ae .profit-44ae, .etds-presumptive-income-under-section-44ae .actual-profit {
  min-width: 190px;
}
.etds-presumptive-income-under-section-44ae .custom-tooltip {
  position: absolute;
  border-radius: 0.25rem;
  background: var(--background-muted);
  /* Drop down shadow */
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  color: white;
  padding: 6px 12px;
  border-radius: 4px;
  /* z-index: 100; */
  font-size: 0.95em;
  margin-left: 8px;
  left: 0;
  margin-right: 1px;
  bottom: 5px;
  left: 0px;
  white-space: pre-line;
  z-index: 10000000000000000;
  min-width: 400px !important;
  overflow: auto;
}
@media (max-width: 576px) {
  .etds-presumptive-income-under-section-44ae .form-label {
    font-size: 14px;
    /* Adjust font size for form labels */
  }
  .etds-presumptive-income-under-section-44ae .btn {
    padding: 8px 12px;
    /* Adjust padding for smaller buttons */
  }
}
.etds-presumptive-income-under-section-44ae input[type=number]::-webkit-outer-spin-button,
.etds-presumptive-income-under-section-44ae input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  /* Remove the spinner */
  margin: 0;
  /* Remove any margin added by the browser */
}
.etds-presumptive-income-under-section-44ae input[type=number] {
  -moz-appearance: textfield;
  /* Remove the spinner */
}
.etds-presumptive-income-under-section-44ae img.icon-image {
  height: 19px;
  width: 21px;
}
@media (min-width: 320px) and (max-width: 768px) {
  .etds-presumptive-income-under-section-44ae .section-header1 {
    flex-wrap: nowrap;
  }
  .etds-presumptive-income-under-section-44ae .col-4 {
    max-width: none;
  }
  .etds-presumptive-income-under-section-44ae .btnRemove {
    margin-left: 0px;
    justify-content: center;
  }
  .etds-presumptive-income-under-section-44ae .heavy-goods {
    min-width: 231px;
  }
  .etds-presumptive-income-under-section-44ae .months-owned, .etds-presumptive-income-under-section-44ae .gross-vehicle-weight, .etds-presumptive-income-under-section-44ae .description, .etds-presumptive-income-under-section-44ae .profit-44ae, .etds-presumptive-income-under-section-44ae .actual-profit {
    min-width: 190px;
  }
}

.etds-house-rent-allowance {
  /* Ensure proper focus boundaries for TalkBack */
  /* Ensure text inputs don't show spinner */
}
.etds-house-rent-allowance .row1 {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
}
.etds-house-rent-allowance .text-danger1 {
  color: var(--error);
}
.etds-house-rent-allowance .section-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 24px;
}
.etds-house-rent-allowance .section-header .section-title-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
}
.etds-house-rent-allowance .section-header .section-title-wrapper .section-title {
  color: var(--primary);
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0.12px;
  margin: 0;
}
.etds-house-rent-allowance .section-header .section-title-wrapper .info-tooltip {
  width: 18px;
  height: 18px;
}
.etds-house-rent-allowance .section-header .section-title-wrapper .info-tooltip img {
  width: 100%;
  height: 100%;
}
.etds-house-rent-allowance .section-header .section-actions {
  display: flex;
  align-items: center;
  gap: 32px;
}
.etds-house-rent-allowance .section-header .section-actions .mandatory-note {
  font-size: 12px;
  font-style: italic;
  color: var(--contrast-dark);
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.etds-house-rent-allowance .section-header .section-actions .mandatory-note .text-danger1 {
  color: var(--error);
}
.etds-house-rent-allowance .section-header .section-actions .warning-disclaimer-button {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  min-width: 72px;
  padding: 4px 12px;
  background: var(--primary-variant-6);
  border: 1px solid var(--primary);
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  color: var(--primary);
  cursor: pointer;
}
.etds-house-rent-allowance .section-header .section-actions .warning-disclaimer-button .icon {
  width: 20px;
  height: 20px;
}
.etds-house-rent-allowance .section-header .section-actions .warning-disclaimer-button span {
  text-transform: capitalize;
}
.etds-house-rent-allowance .button-small {
  width: 20px;
  height: 20px;
  margin-bottom: 2px;
}
.etds-house-rent-allowance .inlineborder {
  width: 100%;
  min-height: 420px;
  top: 640px;
  left: 48px;
  border-radius: 0.25rem;
  border: 1px solid var(--neutral-300);
  background: var(--tt-neutral-100);
  border-radius: 4px;
  padding: 20px 16px;
  gap: 24px;
}
.etds-house-rent-allowance .form-label {
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.12px;
  width: 100%;
  color: var(--tt-text-basic);
  /* Body/B3 (S) - Regular */
  font-size: var(--font-size-s-3-b-3, 0.75rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-For-Font-Size---12, 1.125rem);
  /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
.etds-house-rent-allowance .form-control {
  height: 37px;
  border: 1px solid var(--tt-neutral-600);
  border-radius: 4px;
  padding: 8px 12px;
  text-align: left;
  max-width: 100%;
}
.etds-house-rent-allowance .form-group {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (max-width: 747px) {
  .etds-house-rent-allowance .form-group {
    flex-direction: column;
    gap: 24px;
  }
}
@media (max-width: 360px) {
  .etds-house-rent-allowance .form-group {
    flex-direction: column;
    gap: 0px;
  }
}
.etds-house-rent-allowance button:focus-visible {
  outline-offset: 0.125rem;
  box-shadow: unset;
}
.etds-house-rent-allowance .note-text {
  font-size: 14px;
}
.etds-house-rent-allowance .form-check {
  width: 24px;
  height: 24px;
}
.etds-house-rent-allowance .btn.my-custom-button {
  justify-content: right;
  background-color: transparent;
  color: var(--primary);
}
.etds-house-rent-allowance .note-box {
  width: 100%;
  border-radius: 4px;
  border-width: 1px;
  gap: 8px;
  padding: 12px;
  border-radius: 0.25rem;
  border: 1px solid var(--secondary-300);
  background: var(--tt-secondary-info-bg5);
}
.etds-house-rent-allowance .note-text {
  color: var(--secondary);
}
.etds-house-rent-allowance .col-md-3 {
  border-radius: 6px;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-300);
  background: var(--tt-neutral-100);
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
  padding: 24px;
}
@media (max-width: 360px) {
  .etds-house-rent-allowance .col-md-3 {
    margin: 12px;
  }
}
.etds-house-rent-allowance .col-md-3 .results {
  color: var(--primary);
  padding-bottom: 10px;
  margin-bottom: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  text-align: left;
}
.etds-house-rent-allowance .col-md-3 .custom-card {
  background: var(--tt-neutral-100);
  border-radius: 6px;
  padding: 8px;
}
.etds-house-rent-allowance .col-md-3 .custom-card .custom-section {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
  gap: 10px;
}
.etds-house-rent-allowance .col-md-3 .custom-card .custom-section .custom-label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  color: var(--primary);
}
.etds-house-rent-allowance .col-md-3 .custom-card .custom-section .custom-display-box {
  width: 100%;
  height: 71px;
  border-radius: 4px;
  color: var(--tt-text-basic);
  padding: 10px 14px;
  font-weight: bold;
  margin-top: 8px;
  font-size: 20px;
  box-sizing: border-box;
  max-width: 100%;
  background: var(--neutral-100);
  border-radius: 0.25rem;
  border: 1px solid var(--tt-secondary-info-30);
}
.etds-house-rent-allowance .col-md-3 .custom-card .custom-section .custom-display-box input {
  border: none;
  outline: none;
  background: none;
  box-shadow: none;
}
.etds-house-rent-allowance input[type=number] {
  width: 100%;
  padding: 8px;
  margin-top: 5px;
  accent-color: var(--tt-primary);
  border-radius: 4px;
}
.etds-house-rent-allowance input[type=checkbox] {
  padding: 8px;
  margin-top: 5px;
  accent-color: var(--tt-primary);
  border-radius: 4px;
}
.etds-house-rent-allowance input[type=checkbox] {
  min-width: 25px !important;
  min-height: 25px !important;
}
@media (max-width: 768px) {
  .etds-house-rent-allowance .etds-house-rent-allowance .form-control {
    max-width: 100% !important;
    margin-left: 0;
  }
  .etds-house-rent-allowance .etds-house-rent-allowance .form-check {
    margin-left: 0;
  }
}
.etds-house-rent-allowance .icon {
  color: var(--tt-primary);
}
.etds-house-rent-allowance button:focus-visible {
  outline-offset: 0.125rem;
  box-shadow: unset;
}
.etds-house-rent-allowance .etds-hra-checkbox {
  justify-content: space-between;
  display: flex;
  width: 100%;
}
.etds-house-rent-allowance .form-control {
  max-width: 100% !important;
  height: 37px;
  border-radius: 4px;
  padding: 8px 12px;
  text-align: left;
  border: 1px solid var(--tt-neutral-600);
}
.etds-house-rent-allowance .form-label {
  display: block !important;
  width: 100%;
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
  line-height: 1.5;
  padding: 4px 0;
}
.etds-house-rent-allowance .form-group {
  margin-bottom: 1rem;
  clear: both;
}
.etds-house-rent-allowance .form-group label {
  touch-action: manipulation;
  -webkit-user-select: none;
  user-select: none;
}
.etds-house-rent-allowance input[type=text]::-webkit-outer-spin-button,
.etds-house-rent-allowance input[type=text]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.updatedReturn .Frame3449 {
  width: 947px;
  justify-content: space-between;
  display: flex;
  gap: 8px;
  padding: 16px 0px;
}
.updatedReturn .Frame3447 {
  gap: 12px;
  text-align: left;
}
.updatedReturn .El_Heading {
  font-weight: 700;
  font-size: 24px;
  line-height: 150%;
  letter-spacing: 0%;
  color: var(--tt-primary);
  display: inline;
}
.updatedReturn .checkEligibilityLink {
  cursor: pointer;
  color: var(--tt-primary);
  width: fit-content;
}
.updatedReturn .links {
  text-decoration: none;
  color: var(--tt-primary);
}
.updatedReturn .asterisk {
  color: var(--tt-error);
}
.updatedReturn .vectorImage {
  margin-top: 2px;
  margin-left: 2px;
  color: var(--tt-neutral-800);
}
.updatedReturn .Frame3448 {
  gap: 32px;
  display: flex;
  align-items: center;
}
.updatedReturn .mandatory {
  width: 160px;
  font-weight: 400;
  font-style: italic;
  font-size: 12px;
  line-height: 150%;
  letter-spacing: 0%;
}
.updatedReturn .buttonSmall {
  border-radius: 4px;
  border-width: 1px;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-primary);
}
.updatedReturn .buttons_Icons {
  gap: 4px;
  border-radius: 4px;
  padding-top: 4px;
  padding-right: 12px;
  padding-bottom: 4px;
  padding-left: 12px;
  display: flex;
}
.updatedReturn .warningImage {
  top: 2px;
  margin-bottom: 10px;
  left: 1px;
  color: var(--tt-primary);
}
.updatedReturn .Disclaimer {
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0%;
  text-transform: capitalize;
  color: var(--tt-primary);
}
.updatedReturn .annexures {
  display: flex;
  width: 947px;
}
.updatedReturn .accordians {
  padding: 24px;
  display: flex;
  gap: 16px;
  width: 100%;
  border-radius: 4px;
  border-width: 1px;
  border: 1px solid var(--tt-neutral-300);
  background: var(--tt-neutral-100);
  display: flex;
  flex-direction: column;
  /* Centers the child horizontally */
  align-items: center;
  box-sizing: border-box;
  justify-content: space-between;
}
.updatedReturn .specifiedServices {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.updatedReturn .specifiedServicesText {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: left;
}
.updatedReturn .specifiedServicesTextDisplay {
  width: 100%;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0%;
  color: var(--tt-text-basic);
  align-items: center;
  display: inline;
}
.updatedReturn .specifiedServicesInput {
  width: 50%;
  box-sizing: border-box;
  gap: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: left;
}
.updatedReturn .inputField {
  width: 100%;
  gap: 8px;
  justify-content: space-between;
  display: flex;
}
.updatedReturn .reset {
  width: 100px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  /* Aligns content horizontally */
  align-items: center;
  margin-left: 90%;
  padding-bottom: 30px;
}
.updatedReturn .resetText {
  width: 100px;
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  color: var(--tt-primary);
  background: var(--tt-neutral-100);
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
.updatedReturn .resetText:focus, .updatedReturn .resetText:focus-visible {
  outline: 2px solid var(--tt-primary);
  outline-offset: 2px;
  background: var(--tt-neutral-200);
}
.updatedReturn .resetContainer {
  display: flex;
  justify-content: space-between;
  /* Space between the two buttons */
  align-items: center;
  width: 100%;
  /* Ensure the container spans the full width */
}
.updatedReturn .rightAside {
  width: 100%;
  height: fit-content;
  gap: 20px;
  padding-top: 28px;
  padding-right: 24px;
  padding-bottom: 20px;
  padding-left: 24px;
  background: var(--tt-neutral-100);
  box-shadow: -1px 4px 14px 0px var(--tt-neutral-1200);
}
.updatedReturn .insideRightAside {
  height: auto;
  gap: 20px;
}
.updatedReturn .total {
  gap: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--tt-neutral-300);
  margin-bottom: 18px;
}
.updatedReturn .totalContent {
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0%;
  color: var(--tt-primary);
  text-align: left;
}
.updatedReturn .totalAmount {
  border-radius: 4px;
  border-width: 1px;
  border: 1px solid var(--tt-secondary-info-30);
  margin-bottom: 18px;
}
.updatedReturn .insideTotalAmount {
  gap: 10px;
  padding: 12px;
  border-bottom-width: 1px;
}
.updatedReturn .insideTotalAmountText {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0%;
  color: var(--tt-primary);
  text-align: left;
}
.updatedReturn .totalAmountSecondPart {
  width: 275px;
}
.updatedReturn .totalAmountSecondPart1 {
  width: 275px;
  gap: 10px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
}
.updatedReturn .totalAmountSecondPartText {
  width: 10px;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0%;
  color: var(--tt-text-basic);
}
.updatedReturn .totalDeductionUnder80DFrame {
  width: 275px;
  border-radius: 4px;
  border-width: 1px;
  border: 1px solid var(--tt-secondary-info-30);
  margin-bottom: 10px;
}
.updatedReturn .insideTotalDeductionUnder80DPart1 {
  width: 275px;
  gap: 10px;
  padding: 12px;
  border-bottom-width: 1px;
}
.updatedReturn .insideTotalDeductionUnder80DPart1Text {
  width: 251px;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0%;
  color: var(--tt-primary);
  text-align: left;
}
.updatedReturn .insideTotalDeductionUnder80DPart2 {
  width: 275px;
}
.updatedReturn .insideTotalDeductionUnder80DPart2Frame {
  width: 275px;
  gap: 10px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
}
.updatedReturn .insideTotalDeductionUnder80DPart2Text {
  width: 10px;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0%;
  color: var(--tt-text-basic);
}
.updatedReturn .modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  overflow-x: inherit;
  overflow-y: scroll;
}
.updatedReturn .modal-content {
  background: var(--tt-neutral-100);
  padding: 24px;
  border-radius: 8px;
  max-width: 1000px;
  width: 100%;
  position: relative;
  border: 1px solid var(--tt-secondary-info-30);
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 90vh;
  overflow-y: auto;
  scrollbar-width: none;
}
.updatedReturn .btn-primary {
  width: 84px;
  min-width: 84px;
  border-radius: 4px;
  opacity: 1;
  top: 20px;
  left: 20px;
  background: var(--tt-primary);
  color: var(--tt-neutral-100);
  margin-left: 611px;
}
.updatedReturn .btn-primary:focus, .updatedReturn .btn-primary:focus-visible {
  outline: 2px solid var(--tt-neutral-100);
  outline-offset: 2px;
  box-shadow: 0 0 0 4px var(--tt-primary);
}
.updatedReturn .checkEligibilityBtn {
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  color: var(--tt-primary);
  background: var(--tt-neutral-100);
  border: none;
  border-radius: 4px;
  width: 120px;
  /* Adjust width as needed */
  cursor: pointer;
}
.updatedReturn .uniform-input,
.updatedReturn .form-label,
.updatedReturn .form-select,
.updatedReturn .form-control {
  width: 100%;
  border: 1px solid var(--tt-neutral-400);
  color: var(--tt-text-basic);
  background: var(--tt-neutral-100);
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 14px;
}
.updatedReturn .form-label1 {
  width: 100%;
}
.updatedReturn .tcswarning-disclaimer-button {
  border: 1px solid var(--tt-primary-600);
  background: var(--tt-neutral-100);
  border-radius: 4px;
  display: flex;
  padding-top: 4px;
  padding-bottom: 4px;
  gap: 12px;
  align-items: center;
  color: var(--tt-primary);
  height: fit-content;
}
.updatedReturn .tcswarning-disclaimer {
  display: flex;
  align-items: center;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  color: var(--tt-primary);
  cursor: pointer;
}
.updatedReturn .updatedReturn-container {
  display: flex;
  gap: 16px;
  margin: 0 auto;
  width: fit-content;
}
.updatedReturn select {
  background: var(--tt-neutral-100);
}
.updatedReturn .content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.updatedReturn .specifiedServices1 {
  width: 100%;
  display: flex;
  justify-content: end;
}
@media (min-width: 320px) and (max-width: 359px) {
  .updatedReturn {
    padding: 0px;
  }
  .updatedReturn .updatedReturn-container {
    flex-direction: column;
    width: 100%;
    padding: 0px 8px;
  }
  .updatedReturn .specifiedServices {
    flex-direction: column;
    width: 100%;
    gap: 4px;
  }
  .updatedReturn .specifiedServicesText {
    width: 100%;
  }
  .updatedReturn .specifiedServicesInput {
    width: 100%;
  }
  .updatedReturn .annexures {
    width: 100%;
  }
  .updatedReturn .custom-element {
    flex-direction: column;
    width: 100%;
  }
  .updatedReturn .mb-3 {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .updatedReturn .Notification {
    width: 100%;
  }
  .updatedReturn .Note {
    width: 100%;
  }
  .updatedReturn .Notification1 {
    width: 100%;
  }
  .updatedReturn .rightAside {
    width: 100%;
  }
  .updatedReturn .insideRightAside {
    width: 100%;
  }
  .updatedReturn .total {
    width: 100%;
  }
  .updatedReturn .totalDeductionUnder80DFrame {
    width: 100%;
  }
  .updatedReturn .frame3 {
    width: 100%;
  }
  .updatedReturn .innerframe3 {
    width: 100%;
  }
  .updatedReturn .insideTotalDeductionUnder80DPart1Text {
    width: 100%;
  }
  .updatedReturn .insideTotalDeductionUnder80DPart1 {
    width: 100%;
  }
  .updatedReturn .totalAmount {
    width: 100%;
  }
  .updatedReturn .totalAmountSecondPart {
    width: 100%;
  }
  .updatedReturn .totalAmountSecondPart1 {
    width: 100%;
  }
  .updatedReturn .insideTotalDeductionUnder80DPart2 {
    width: 100%;
  }
  .updatedReturn .insideTotalDeductionUnder80DPart2Frame {
    width: 100%;
  }
  .updatedReturn .Frame3449 {
    width: 100%;
    flex-direction: column;
    gap: 8px;
    padding: 8px 0px;
  }
  .updatedReturn .accordians {
    width: 100%;
    padding: 16px;
  }
  .updatedReturn .custom-tab-nav {
    flex-direction: column;
  }
  .updatedReturn .row {
    gap: 6px;
  }
  .updatedReturn .accordion-body {
    padding: 0px;
  }
  .updatedReturn .modal-content {
    width: 95%;
  }
  .updatedReturn .btn-primary {
    margin-left: auto;
  }
  .updatedReturn .resetText {
    width: 80px;
    font-size: 12px;
  }
  .updatedReturn .content {
    order: 1;
    width: 100%;
  }
  .updatedReturn .rightAside {
    order: 2;
    width: 100%;
  }
}
@media (min-width: 360px) and (max-width: 766px) {
  .updatedReturn {
    padding: 0px;
  }
  .updatedReturn .updatedReturn-container {
    flex-direction: column;
    width: 100%;
    padding: 0px 10px;
  }
  .updatedReturn .specifiedServices {
    flex-direction: column;
    width: 100%;
    gap: 4px;
  }
  .updatedReturn .specifiedServicesText {
    width: 100%;
  }
  .updatedReturn .specifiedServicesInput {
    width: 100%;
  }
  .updatedReturn .annexures {
    width: 100%;
  }
  .updatedReturn .custom-element {
    flex-direction: column;
    width: 100%;
  }
  .updatedReturn .mb-3 {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .updatedReturn .Notification {
    width: 100%;
  }
  .updatedReturn .Note {
    width: 100%;
  }
  .updatedReturn .Notification1 {
    width: 100%;
  }
  .updatedReturn .rightAside {
    width: 100%;
  }
  .updatedReturn .insideRightAside {
    width: 100%;
  }
  .updatedReturn .total {
    width: 100%;
  }
  .updatedReturn .totalDeductionUnder80DFrame {
    width: 100%;
  }
  .updatedReturn .frame3 {
    width: 100%;
  }
  .updatedReturn .innerframe3 {
    width: 100%;
  }
  .updatedReturn .insideTotalDeductionUnder80DPart1Text {
    width: 100%;
  }
  .updatedReturn .insideTotalDeductionUnder80DPart1 {
    width: 100%;
  }
  .updatedReturn .Frame3449 {
    width: 100%;
    flex-direction: column;
    gap: 8px;
    padding: 8px 0px;
  }
  .updatedReturn .accordians {
    width: 100%;
  }
  .updatedReturn .custom-tab-nav {
    flex-direction: column;
  }
  .updatedReturn .row {
    gap: 6px;
  }
  .updatedReturn .accordion-body {
    padding: 0px;
  }
  .updatedReturn .modal-content {
    width: 90%;
  }
  .updatedReturn .btn-primary {
    margin-left: auto;
  }
}
@media (min-width: 767px) and (max-width: 990px) {
  .updatedReturn {
    padding: 0px;
  }
  .updatedReturn .updatedReturn-container {
    flex-direction: column;
    width: 100%;
    gap: 12px;
    padding: 0px 16px;
  }
  .updatedReturn .custom-element {
    width: 100%;
  }
  .updatedReturn .Frame3449 {
    width: 100%;
    gap: 8px;
    padding: 10px 0px;
  }
  .updatedReturn .Notification {
    width: 100%;
  }
  .updatedReturn .Note {
    width: 100%;
  }
  .updatedReturn .Notification1 {
    width: 100%;
  }
  .updatedReturn .rightAside {
    width: 100%;
  }
  .updatedReturn .insideRightAside {
    width: 100%;
  }
  .updatedReturn .total {
    width: 100%;
  }
  .updatedReturn .totalDeductionUnder80DFrame {
    width: 100%;
  }
  .updatedReturn .frame3 {
    width: 100%;
  }
  .updatedReturn .innerframe3 {
    width: 100%;
  }
  .updatedReturn .insideTotalDeductionUnder80DPart1Text {
    width: 100%;
  }
  .updatedReturn .insideTotalDeductionUnder80DPart1 {
    width: 100%;
  }
  .updatedReturn .annexures {
    width: 100%;
  }
  .updatedReturn .accordians {
    width: 100%;
  }
  .updatedReturn .row {
    flex-wrap: nowrap;
  }
  .updatedReturn .accordion-body {
    padding: 0px;
  }
  .updatedReturn .modal-content {
    width: 90%;
  }
  .updatedReturn .btn-primary {
    margin-left: auto;
  }
}
@media (min-width: 991px) and (max-width: 1365px) {
  .updatedReturn {
    padding: 0px;
  }
  .updatedReturn .updatedReturn-container {
    display: grid;
    grid-template-columns: 74% 25%;
    width: 100%;
    gap: 8px;
  }
  .updatedReturn .Frame3449 {
    width: 100%;
    gap: 8px;
    padding: 12px 0px;
  }
  .updatedReturn .custom-element {
    width: 100%;
  }
  .updatedReturn .Notification {
    width: 100%;
  }
  .updatedReturn .Note {
    width: 100%;
  }
  .updatedReturn .Notification1 {
    width: 100%;
  }
  .updatedReturn .rightAside {
    width: 100%;
  }
  .updatedReturn .insideRightAside {
    width: 100%;
  }
  .updatedReturn .total {
    width: 100%;
  }
  .updatedReturn .totalDeductionUnder80DFrame {
    width: 100%;
  }
  .updatedReturn .frame3 {
    width: 100%;
  }
  .updatedReturn .innerframe3 {
    width: 100%;
  }
  .updatedReturn .insideTotalDeductionUnder80DPart1Text {
    width: 100%;
  }
  .updatedReturn .insideTotalDeductionUnder80DPart1 {
    width: 100%;
  }
  .updatedReturn .annexures {
    width: 100%;
  }
  .updatedReturn .accordians {
    width: 100%;
  }
  .updatedReturn .row {
    flex-wrap: nowrap;
  }
  .updatedReturn .accordion-body {
    padding: 0px;
  }
  .updatedReturn .modal-content {
    width: 90%;
  }
  .updatedReturn .btn-primary {
    margin-left: auto;
  }
}

.etds-eligibility-for-claiming-relief-under-section-89a {
  /* Firefox */
}
.etds-eligibility-for-claiming-relief-under-section-89a .row {
  display: flex;
}
.etds-eligibility-for-claiming-relief-under-section-89a .select-section {
  width: 50%;
}
.etds-eligibility-for-claiming-relief-under-section-89a #label-1 {
  color: var(--tt-primary);
}
.etds-eligibility-for-claiming-relief-under-section-89a .card-body {
  background-color: var(--tt-neutral-100);
}
.etds-eligibility-for-claiming-relief-under-section-89a .input-box {
  align-self: center;
  padding: 1px 10px;
  border: 1px solid var(--tt-neutral-300);
  border-radius: 4px;
  width: auto;
  max-width: 400px;
}
.etds-eligibility-for-claiming-relief-under-section-89a .calculator-heading-1 {
  color: var(--tt-primary);
  margin-left: 0px;
  font-weight: 700;
  font-size: larger;
}
.etds-eligibility-for-claiming-relief-under-section-89a .no-spinner {
  -moz-appearance: textfield;
}
.etds-eligibility-for-claiming-relief-under-section-89a .no-spinner::-webkit-outer-spin-button, .etds-eligibility-for-claiming-relief-under-section-89a .no-spinner::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.etds-eligibility-for-claiming-relief-under-section-89a .tooltip-msg {
  color: var(--tt-neutral-800);
}
.etds-eligibility-for-claiming-relief-under-section-89a .information-image {
  height: 22px;
  width: 42px;
  color: var(--tt-secondary);
}
.etds-eligibility-for-claiming-relief-under-section-89a .information-main, .etds-eligibility-for-claiming-relief-under-section-89a .information-note {
  color: var(--tt-secondary);
}
.etds-eligibility-for-claiming-relief-under-section-89a .information-note {
  margin-left: 5px;
}
.etds-eligibility-for-claiming-relief-under-section-89a .mandatory-star {
  color: var(--tt-error);
}
.etds-eligibility-for-claiming-relief-under-section-89a #checkbox {
  width: 15px;
  height: 15px;
}
.etds-eligibility-for-claiming-relief-under-section-89a .form-select, .etds-eligibility-for-claiming-relief-under-section-89a .form-input {
  width: 100%;
  justify-self: flex-end;
  align-self: self-start;
  text-align: start;
  margin-top: 3px;
  height: 37px;
  border: 1px solid var(--tt-neutral-700);
  border-radius: 5px;
  padding: 5px;
}
.etds-eligibility-for-claiming-relief-under-section-89a .select-section select {
  color: var(--tt-text-basic);
  background: var(--tt-neutral-100);
}
.etds-eligibility-for-claiming-relief-under-section-89a .select-section input {
  color: var(--tt-text-basic);
  background: var(--tt-neutral-100);
}
.etds-eligibility-for-claiming-relief-under-section-89a .select-section label {
  color: var(--tt-text-basic);
}
.etds-eligibility-for-claiming-relief-under-section-89a .col-form-label {
  color: var(--tt-text-basic);
}
.etds-eligibility-for-claiming-relief-under-section-89a .main-container {
  border: 1px solid var(--tt-neutral-300);
  border-radius: 5px;
  padding: 30px;
  background: var(--tt-neutral-100);
}
.etds-eligibility-for-claiming-relief-under-section-89a .section-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 24px;
}
.etds-eligibility-for-claiming-relief-under-section-89a .section-header .section-title-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
}
.etds-eligibility-for-claiming-relief-under-section-89a .section-header .section-title-wrapper .section-title {
  color: var(--tt-primary);
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0.12px;
  margin: 0;
}
.etds-eligibility-for-claiming-relief-under-section-89a .section-header .section-title-wrapper .info-tooltip {
  width: 18px;
  height: 18px;
}
.etds-eligibility-for-claiming-relief-under-section-89a .section-header .section-title-wrapper .info-tooltip img {
  width: 100%;
  height: 100%;
}
.etds-eligibility-for-claiming-relief-under-section-89a .section-header .section-actions {
  display: flex;
  align-items: center;
  gap: 32px;
}
.etds-eligibility-for-claiming-relief-under-section-89a .section-header .section-actions .mandatory-note {
  font-size: 12px;
  font-style: italic;
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.etds-eligibility-for-claiming-relief-under-section-89a .section-header .section-actions .mandatory-note .text-danger {
  color: var(--tt-error);
}
.etds-eligibility-for-claiming-relief-under-section-89a .section-header .section-actions .mandatory-note .note-text {
  color: var(--tt-neutral-800);
  margin-top: auto;
}
.etds-eligibility-for-claiming-relief-under-section-89a .section-header .section-actions .no-spinner {
  -moz-appearance: textfield;
}
.etds-eligibility-for-claiming-relief-under-section-89a .section-header .section-actions .no-spinner::-webkit-outer-spin-button, .etds-eligibility-for-claiming-relief-under-section-89a .section-header .section-actions .no-spinner::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.etds-eligibility-for-claiming-relief-under-section-89a .section-header .section-actions .warning-disclaimer-button {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  min-width: 72px;
  padding: 4px 12px;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-primary);
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  color: var(--tt-primary);
  cursor: pointer;
}
.etds-eligibility-for-claiming-relief-under-section-89a .section-header .section-actions .warning-disclaimer-button .icon {
  width: 20px;
  height: 20px;
}
.etds-eligibility-for-claiming-relief-under-section-89a .section-header .section-actions .warning-disclaimer-button span {
  text-transform: capitalize;
}
.etds-eligibility-for-claiming-relief-under-section-89a .btn-secondary {
  color: var(--tt-primary);
  background: none;
  width: 82px;
  height: 32px;
  border: none;
  border-radius: 5px;
  padding-bottom: 20px;
  margin-left: 5px;
  margin-top: 2px;
}
.etds-eligibility-for-claiming-relief-under-section-89a .btn-secondary:active {
  color: var(--tt-primary);
}
.etds-eligibility-for-claiming-relief-under-section-89a ::-webkit-scrollbar {
  width: 8px;
}
.etds-eligibility-for-claiming-relief-under-section-89a ::-webkit-scrollbar-thumb {
  background-color: var(--tt-neutral-1200);
  border-radius: 10px;
}
.etds-eligibility-for-claiming-relief-under-section-89a .total-container {
  width: 100%;
  height: 100%;
  padding: 7%;
  background: var(--tt-neutral-100);
  box-shadow: -1px 4px 14px var(--tt-neutral-1200);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
}
.etds-eligibility-for-claiming-relief-under-section-89a .total-header {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
}
.etds-eligibility-for-claiming-relief-under-section-89a .title {
  width: 100%;
  color: var(--tt-primary);
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--tt-neutral-300);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.etds-eligibility-for-claiming-relief-under-section-89a .total-box {
  width: 100%;
  border-radius: 4px;
  outline: 1px solid var(--tt-secondary-info-30);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.etds-eligibility-for-claiming-relief-under-section-89a .total-box-header {
  align-self: stretch;
  padding: 12px;
  color: var(--tt-primary);
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.etds-eligibility-for-claiming-relief-under-section-89a .total-box-content {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.etds-eligibility-for-claiming-relief-under-section-89a .total-value {
  flex: 1 1 0;
  padding: 8px 12px;
  color: var(--tt-text-basic);
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.etds-eligibility-for-claiming-relief-under-section-89a .advisory-message {
  display: block;
  margin-top: 0.75em;
}
.etds-eligibility-for-claiming-relief-under-section-89a .year-error {
  color: var(--tt-error) !important;
  font-size: 14px;
  margin-top: 4px;
}
.etds-eligibility-for-claiming-relief-under-section-89a .cancel-image {
  width: 20px;
  height: 20px;
  object-fit: contain;
}
.etds-eligibility-for-claiming-relief-under-section-89a .icon-image {
  height: 18px;
  width: 18px;
  margin-left: 2px;
}
.etds-eligibility-for-claiming-relief-under-section-89a .center-alert {
  display: flex;
  align-items: center;
  text-align: left;
  height: 60px;
}
.etds-eligibility-for-claiming-relief-under-section-89a .cancel-img {
  width: 18px; /* adjust as needed */
  height: 18px;
}
.etds-eligibility-for-claiming-relief-under-section-89a .error-text {
  color: var(--tt-error); /* optional */
  font-weight: 400; /* optional */
  margin-top: 15px;
  margin-left: 2px;
}
.etds-eligibility-for-claiming-relief-under-section-89a .error-text-msg {
  font-weight: 700;
}
.etds-eligibility-for-claiming-relief-under-section-89a .eligibility-btn {
  width: 108px;
  gap: 3px;
  background-color: var(--tt-primary);
  color: var(--tt-neutral-100);
  border: 1px solid var(--tt-primary);
  margin-right: 10px;
}
.etds-eligibility-for-claiming-relief-under-section-89a input[type=number]::-webkit-outer-spin-button,
.etds-eligibility-for-claiming-relief-under-section-89a input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.etds-eligibility-for-claiming-relief-under-section-89a input[type=number] {
  -moz-appearance: textfield;
}
.etds-eligibility-for-claiming-relief-under-section-89a .tooltip-msg {
  color: var(--tt-neutral-800);
}
.etds-eligibility-for-claiming-relief-under-section-89a .tooltip-content {
  width: 320px;
  padding: 8px;
  position: absolute;
  background: var(--tt-text-basic);
  /* Neutral-1000 */
  box-shadow: 0px 2px 8px var(--tt-neutral-1200);
  border-radius: 4px;
  flex-direction: column;
  align-items: flex-start;
  display: none;
  left: 10px;
  bottom: 10px;
}
.etds-eligibility-for-claiming-relief-under-section-89a .tooltip-text {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.12px;
  color: var(--tt-neutral-100);
  /* Text-Alternative */
}
.etds-eligibility-for-claiming-relief-under-section-89a .tooltip-msg:hover .tooltip-content {
  display: inline-block;
  z-index: 9999;
}
.etds-eligibility-for-claiming-relief-under-section-89a .tooltip-msg:focus-within .tooltip-content {
  display: inline-block;
  z-index: 9999;
}
.etds-eligibility-for-claiming-relief-under-section-89a .result-h3 {
  color: var(--tt-primary);
  padding-bottom: 8px;
  border-bottom: 2px solid var(--tt-neutral-300);
  width: 100%;
  font-size: 20px;
  font-weight: 700;
}
.etds-eligibility-for-claiming-relief-under-section-89a .result-container {
  background: var(--tt-neutral-100);
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
  margin: 0px;
}
.etds-eligibility-for-claiming-relief-under-section-89a .result1 {
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
  height: fit-content;
  padding: 0px;
}
.etds-eligibility-for-claiming-relief-under-section-89a .result-card {
  width: 100%;
  border-radius: 4px;
  border: 1px solid var(--tt-secondary-info-30);
  display: flex;
  flex-direction: column;
  background: var(--tt-neutral-100);
}
.etds-eligibility-for-claiming-relief-under-section-89a .result-card:focus-visible {
  outline: 0.125rem solid var(--tt-primary-varient-9);
  outline-offset: 0.125rem;
  box-shadow: unset;
}
.etds-eligibility-for-claiming-relief-under-section-89a .result-card-header {
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.etds-eligibility-for-claiming-relief-under-section-89a .result-card-title {
  color: var(--tt-primary);
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0.12px;
}
.etds-eligibility-for-claiming-relief-under-section-89a .result-card-value-wrapper {
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.etds-eligibility-for-claiming-relief-under-section-89a .result-card-value {
  font-size: 20px;
  font-weight: 700;
  color: var(--tt-text-basic);
  line-height: 30px;
  letter-spacing: 0.12px;
}
.etds-eligibility-for-claiming-relief-under-section-89a .custom-tooltip {
  position: absolute;
  border-radius: 0.25rem;
  background: var(--background-muted);
  /* Drop down shadow */
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  color: white;
  padding: 6px 12px;
  border-radius: 4px;
  z-index: 100;
  font-size: 0.95em;
  margin-left: 8px;
  left: 0;
  margin-right: 15px;
  margin-top: 25px;
  left: 10px;
  white-space: pre-line;
}
@media (min-width: 320px) and (max-width: 768px) {
  .etds-eligibility-for-claiming-relief-under-section-89a .row {
    flex-direction: column;
  }
  .etds-eligibility-for-claiming-relief-under-section-89a .select-section {
    width: 100%;
    margin-top: 5px;
  }
  .etds-eligibility-for-claiming-relief-under-section-89a .zest {
    display: inline;
  }
  .etds-eligibility-for-claiming-relief-under-section-89a .zest-2 {
    margin-left: 10px;
    justify-content: end;
  }
  .etds-eligibility-for-claiming-relief-under-section-89a .col-6 {
    max-width: none;
    width: 100%;
  }
  .etds-eligibility-for-claiming-relief-under-section-89a .title, .etds-eligibility-for-claiming-relief-under-section-89a .total-box {
    width: 100%;
  }
  .etds-eligibility-for-claiming-relief-under-section-89a .form-input {
    width: 100%;
  }
}

.etds-agent-commission {
  display: flex;
}
.etds-agent-commission .row1 {
  display: flex;
  gap: 24px;
  margin: 0 auto;
}
.etds-agent-commission .section-header {
  width: 947px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 24px 0px;
}
.etds-agent-commission .section-header .section-title {
  font-size: 24px;
  font-weight: 700;
  color: var(--tt-primary);
  margin: 0;
}
.etds-agent-commission .section-header .section-actions {
  display: flex;
  align-items: center;
  gap: 32px;
}
.etds-agent-commission .section-header .section-actions .mandatory-note {
  font-size: 14px;
  align-items: baseline;
  font-style: italic;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.etds-agent-commission .section-header .section-actions .mandatory-note .text-danger1 {
  color: var(--tt-error);
  font-size: 14px;
  font-style: normal;
  vertical-align: baseline;
}
.etds-agent-commission .section-header .section-actions .warning-disclaimer-button {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  background: var(--tt-primary-variant-6);
  border: 1px solid var(--tt-primary);
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  color: var(--tt-primary);
  cursor: pointer;
}
.etds-agent-commission .section-header .section-actions .warning-disclaimer-button .icon {
  width: 20px;
  height: 20px;
}
.etds-agent-commission .input-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  width: 100%;
}
.etds-agent-commission .input-row label {
  flex: 1;
  font-size: 14px;
  font-weight: 500;
  color: var(--tt-primary-variant-7);
  white-space: normal;
  /* Allows wrapping */
  word-wrap: break-word;
  /* Break long words if needed */
  margin-right: 16px;
}
.etds-agent-commission .input-wrapper {
  justify-content: flex-start;
}
.etds-agent-commission .form-label {
  width: 425.5px;
  padding: 11.5px 16px;
  gap: 16px;
}
.etds-agent-commission .form-control,
.etds-agent-commission .custom-input {
  width: 425.5px;
  padding: 11.5px 16px;
  border: 1px solid;
  gap: 10px;
  border: 1px solid var(--tt-neutral-400);
}
.etds-agent-commission .btn.my-custom-button {
  color: var(--tt-primary);
  font-weight: 500;
  font-size: 14px;
  background-color: transparent;
  padding: 6px 16px;
}
.etds-agent-commission button:focus-visible {
  outline-offset: 0.125rem;
  box-shadow: unset;
}
.etds-agent-commission input[type=number] {
  appearance: none;
  -moz-appearance: textfield;
  -webkit-appearance: none;
}
.etds-agent-commission input[type=number]::-webkit-inner-spin-button, .etds-agent-commission input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}
.etds-agent-commission .first-container {
  width: 947px;
}
.etds-agent-commission .second-container {
  width: 347px;
}
.etds-agent-commission .content {
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  padding: 20px 16px;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-neutral-300);
}
.etds-agent-commission .results-container {
  width: 323px;
  padding: 28px 24px 20px 24px;
  background: var(--tt-neutral-100);
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.etds-agent-commission .results-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 275px;
  gap: 20px;
}
.etds-agent-commission .results-header {
  padding-bottom: 8px;
  border-bottom: 1px solid var(--tt-neutral-300);
  display: flex;
  align-items: center;
}
.etds-agent-commission .results-title {
  width: 275px;
  color: var(--tt-primary);
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.12px;
}
.etds-agent-commission .result-card {
  width: 275px;
  border-radius: 4px;
  outline: 1px solid var(--tt-secondary-info-30);
  display: flex;
  flex-direction: column;
  background: var(--tt-neutral-100);
}
.etds-agent-commission .result-card:focus {
  outline: 1px solid var(--tt-secondary);
  outline-offset: 0.0125rem;
}
.etds-agent-commission .result-card:focus-visible {
  outline: 1px solid var(--tt-secondary);
  outline-offset: 0.125rem;
}
.etds-agent-commission .result-card-header {
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.etds-agent-commission .result-card-title {
  color: var(--tt-primary);
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0.12px;
}
.etds-agent-commission .result-card-value-wrapper {
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.etds-agent-commission .result-card-value {
  font-size: 20px;
  font-weight: 700;
  color: var(--tt-text-basic);
  line-height: 30px;
  letter-spacing: 0.12px;
}
@media (min-width: 360px) and (max-width: 766px) {
  .etds-agent-commission .row1 {
    width: 100%;
    flex-direction: column;
    padding: 10px;
  }
  .etds-agent-commission .first-container {
    width: 100%;
  }
  .etds-agent-commission .section-header {
    width: 100%;
    flex-direction: column;
    align-items: normal;
    gap: 8px;
  }
  .etds-agent-commission .section-header .section-title {
    width: 100%;
  }
  .etds-agent-commission .input-row {
    flex-direction: column;
    gap: 6px;
  }
  .etds-agent-commission .input-row label {
    width: 100%;
    margin-right: 0px;
  }
  .etds-agent-commission .input-wrapper {
    width: 100%;
  }
  .etds-agent-commission .flex-input-group input {
    width: 100%;
  }
  .etds-agent-commission .form-select {
    width: 100%;
  }
  .etds-agent-commission .form-control {
    width: 100%;
  }
  .etds-agent-commission .second-container {
    width: 100%;
  }
  .etds-agent-commission .results-container {
    width: 100%;
  }
  .etds-agent-commission .results-content {
    width: 100%;
  }
  .etds-agent-commission .results-header {
    width: 100%;
  }
  .etds-agent-commission .result-card {
    width: 100%;
  }
}
@media (min-width: 767px) and (max-width: 990px) {
  .etds-agent-commission .row1 {
    width: 100%;
    flex-direction: column;
    padding: 10px;
  }
  .etds-agent-commission .first-container {
    width: 100%;
  }
  .etds-agent-commission .section-header {
    width: 100%;
    align-items: normal;
    gap: 8px;
  }
  .etds-agent-commission .section-header .section-title {
    width: 100%;
  }
  .etds-agent-commission .input-row label {
    width: 50%;
  }
  .etds-agent-commission .input-wrapper {
    width: 50%;
  }
  .etds-agent-commission .form-control {
    width: 100%;
  }
  .etds-agent-commission .second-container {
    width: 100%;
  }
  .etds-agent-commission .results-container {
    width: 100%;
  }
  .etds-agent-commission .results-content {
    width: 100%;
  }
  .etds-agent-commission .results-header {
    width: 100%;
  }
  .etds-agent-commission .result-card {
    width: 100%;
  }
}
@media (min-width: 991px) and (max-width: 1365px) {
  .etds-agent-commission .row1 {
    width: 100%;
    display: grid;
    grid-template-columns: 73% 25%;
    padding: 10px;
  }
  .etds-agent-commission .section-header {
    width: 100%;
    align-items: normal;
    gap: 8px;
  }
  .etds-agent-commission .section-header .section-title {
    width: 100%;
  }
  .etds-agent-commission .first-container {
    width: 100%;
  }
  .etds-agent-commission .second-container {
    width: 100%;
  }
  .etds-agent-commission .results-container {
    width: 100%;
  }
  .etds-agent-commission .results-content {
    width: 100%;
  }
  .etds-agent-commission .results-header {
    width: 100%;
  }
  .etds-agent-commission .result-card {
    width: 100%;
  }
}

.etds-taxability-of-interest-free-concessional-loan-perquisite {
  display: flex;
  font-family: "Noto Sans", sans-serif;
}
.etds-taxability-of-interest-free-concessional-loan-perquisite .row {
  display: flex;
}
.etds-taxability-of-interest-free-concessional-loan-perquisite #outerHeader {
  display: flex;
  justify-content: center;
  padding: 1px;
}
.etds-taxability-of-interest-free-concessional-loan-perquisite #outerHeader2 {
  padding: 2px;
}
.etds-taxability-of-interest-free-concessional-loan-perquisite #outerHeaderSpan {
  font-size: 0.875rem;
}
.etds-taxability-of-interest-free-concessional-loan-perquisite #label-1 {
  color: var(--primary-blue-color);
}
.etds-taxability-of-interest-free-concessional-loan-perquisite #disclaimer-btn {
  border: none;
  width: auto;
  height: auto;
  background: none;
  display: flex;
  position: relative;
}
.etds-taxability-of-interest-free-concessional-loan-perquisite #image-1 {
  height: 30px;
  margin-right: 8px;
}
.etds-taxability-of-interest-free-concessional-loan-perquisite .row.d-flex {
  height: calc(100vh - 2rem);
  overflow: hidden;
}
.etds-taxability-of-interest-free-concessional-loan-perquisite .col-md-8.mb-4 {
  overflow-y: auto;
  height: 100%;
}
.etds-taxability-of-interest-free-concessional-loan-perquisite .input-box {
  align-self: center;
  padding: 1px 10px;
  border: 1px solid var(--neutral-light);
  border-radius: 4px;
  width: auto;
  max-width: 400px;
  background-color: var(--neutral-50);
}
.etds-taxability-of-interest-free-concessional-loan-perquisite .no-spinner {
  -moz-appearance: textfield;
}
.etds-taxability-of-interest-free-concessional-loan-perquisite .no-spinner::-webkit-outer-spin-button, .etds-taxability-of-interest-free-concessional-loan-perquisite .no-spinner::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.etds-taxability-of-interest-free-concessional-loan-perquisite #checkbox {
  width: 15px;
  height: 15px;
}
.etds-taxability-of-interest-free-concessional-loan-perquisite .form-range {
  color: rgb(25, 25, 25);
}
.etds-taxability-of-interest-free-concessional-loan-perquisite .form-select {
  align-items: right;
  width: 100%;
  justify-self: flex-end;
  align-self: self-start;
  text-align: start;
  margin-top: 3px;
}
.etds-taxability-of-interest-free-concessional-loan-perquisite .btn-primary {
  color: var(--primary-blue-color);
  background-color: var(--neutral-50);
  border-color: var(--primary-blue-color);
}
.etds-taxability-of-interest-free-concessional-loan-perquisite .btn-primary:hover {
  background-color: var(--primary-blue-color);
  color: var(--neutral-50);
  border-color: var(--primary-blue-color);
}
.etds-taxability-of-interest-free-concessional-loan-perquisite .btn-secondary {
  border-color: var(--semantic-error);
  color: var(--semantic-error);
  background-color: var(--primary-variant-6);
}
.etds-taxability-of-interest-free-concessional-loan-perquisite .btn-secondary:hover {
  background-color: var(--semantic-error);
  color: var(--primary-variant-6);
  border-color: var(--semantic-error);
}
.etds-taxability-of-interest-free-concessional-loan-perquisite ::-webkit-scrollbar {
  width: 8px;
}
.etds-taxability-of-interest-free-concessional-loan-perquisite ::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}

.voluntary-retirement-schema {
  /* Responsive main row/col for left (form) and right (result) */
  /* VoluntaryRetirementScheme1 custom layout and responsive styles */
  /* Default react-select border (black) */
  /* Red border when invalid (blank) */
}
@media (min-width: 1361px) {
  .voluntary-retirement-schema {
    display: flex;
    justify-content: center;
  }
}
.voluntary-retirement-schema .vrs-main-row {
  display: flex;
  flex-direction: row;
}
@media (max-width: 947px) {
  .voluntary-retirement-schema .vrs-main-row {
    flex-direction: column;
  }
}
@media (max-width: 747px) {
  .voluntary-retirement-schema .vrs-main-row {
    flex-direction: column;
  }
}
.voluntary-retirement-schema .vrs-main-col-left {
  width: 100%; /* 9/12 */
  max-width: 100%;
}
.voluntary-retirement-schema .vrs-main-col-right {
  width: 100%; /* 3/12 */
  max-width: 100%;
}
@media (max-width: 947px) {
  .voluntary-retirement-schema .vrs-main-col-left,
  .voluntary-retirement-schema .vrs-main-col-right {
    width: 100%;
    max-width: 100%;
  }
  .voluntary-retirement-schema .vrs-main-col-right {
    margin-top: 2rem;
  }
}
.voluntary-retirement-schema .vrs-row.custom-row-gap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.voluntary-retirement-schema .vrs-spacer {
  flex: 0 0 8.33%; /* 1/12 columns */
  max-width: 8.33%;
  min-width: 10px;
}
.voluntary-retirement-schema .vrs-input-field {
  width: 100%;
}
@media (max-width: 747px) {
  .voluntary-retirement-schema .vrs-row.custom-row-gap {
    display: flex;
    width: 100%;
    flex-direction: column;
  }
  .voluntary-retirement-schema .vrs-label-container,
  .voluntary-retirement-schema .vrs-input-container {
    flex: 1 1 100%;
    margin-bottom: 0.5rem;
  }
  .voluntary-retirement-schema .vrs-spacer {
    display: none;
  }
}
@media (max-width: 747px) {
  .voluntary-retirement-schema .vrs-row.custom-row-gap {
    align-items: stretch;
  }
  .voluntary-retirement-schema .vrs-label-container,
  .voluntary-retirement-schema .vrs-input-container {
    max-width: 100%;
    flex: 1 1 100%;
    margin-bottom: 0.5rem;
  }
  .voluntary-retirement-schema .vrs-spacer {
    display: none;
  }
}
.voluntary-retirement-schema .container-fluid {
  padding: 16px;
}
@media (max-width: 1331px) {
  .voluntary-retirement-schema .container-fluid {
    padding: 8px;
  }
}
@media (max-width: 480px) {
  .voluntary-retirement-schema .container-fluid {
    padding: 4px;
  }
}
.voluntary-retirement-schema .row {
  gap: 0;
}
@media (max-width: 1331px) {
  .voluntary-retirement-schema .row {
    flex-direction: column;
    gap: 20px;
  }
}
.voluntary-retirement-schema .vrs-reset-button {
  color: var(--tt-primary);
  font-size: var(--font-size-s-2-b-2, 0.875rem);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-For-Font-Size---14, 1.3125rem);
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
  text-transform: capitalize;
  background: none;
  border: none;
}
@media (max-width: 768px) {
  .voluntary-retirement-schema .vrs-reset-button {
    font-size: 0.8125rem;
    line-height: 1.2rem;
    padding: 8px 12px;
  }
}
@media (max-width: 480px) {
  .voluntary-retirement-schema .vrs-reset-button {
    font-size: 0.75rem;
    line-height: 1.125rem;
    padding: 6px 10px;
  }
}
.voluntary-retirement-schema .vrs-second-box {
  border-radius: 4px;
  background: var(--tt-neutral-100);
  padding: 8px;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-secondary-info-30);
}
@media (max-width: 768px) {
  .voluntary-retirement-schema .vrs-second-box {
    padding: 6px;
    border-radius: 3px;
  }
}
@media (max-width: 480px) {
  .voluntary-retirement-schema .vrs-second-box {
    padding: 4px;
    border-radius: 2px;
  }
}
.voluntary-retirement-schema .vrs-input-field {
  font-size: 14px;
  display: flex;
  justify-self: end;
  border-radius: 0.25rem;
  background: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}
.voluntary-retirement-schema .etds-dropdown {
  color: var(--tt-text-basic);
}
.voluntary-retirement-schema .vrs-row {
  background: var(--tt-neutral-100);
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0;
  padding: 8px;
}
@media (max-width: 1331px) {
  .voluntary-retirement-schema .vrs-row {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 8px;
    padding: 12px 8px;
    justify-content: space-between;
  }
}
.voluntary-retirement-schema .vrs-label-container {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
@media (max-width: 991px) {
  .voluntary-retirement-schema .vrs-label-container {
    flex: none;
    margin-bottom: 4px;
    max-width: 328px;
    width: 100%;
  }
}
@media (max-width: 747px) {
  .voluntary-retirement-schema .vrs-label-container {
    margin-bottom: 2px;
    max-width: 100%;
    width: 100%;
  }
}
.voluntary-retirement-schema .vrs-label-text {
  color: var(--tt-text-basic);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
  color: var(--tt-text-basic);
  /* Body/B3 (S) - Regular */
  font-size: var(--font-size-s-3-b-3, 0.75rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-For-Font-Size---12, 1.125rem);
  /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
@media (max-width: 768px) {
  .voluntary-retirement-schema .vrs-label-text {
    font-size: 0.8125rem;
    line-height: 1.2rem;
  }
}
@media (max-width: 480px) {
  .voluntary-retirement-schema .vrs-label-text {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
}
.voluntary-retirement-schema .vrs-input-container {
  min-width: 437px;
  padding: 12px 16px;
  background: var(--tt-neutral-100);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
@media (max-width: 991px) {
  .voluntary-retirement-schema .vrs-input-container {
    min-width: 315px;
  }
}
@media (max-width: 747px) {
  .voluntary-retirement-schema .vrs-input-container {
    min-width: 315px;
  }
}
@media (max-width: 637px) {
  .voluntary-retirement-schema .vrs-input-container {
    min-width: 100%;
  }
}
.voluntary-retirement-schema .vrs-input-field {
  flex: 1 1 0;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
}
@media (max-width: 991px) {
  .voluntary-retirement-schema .vrs-input-field {
    flex: 1 1 100%;
    min-width: 200px;
  }
}
@media (max-width: 768px) {
  .voluntary-retirement-schema .vrs-input-field {
    gap: 6px;
    min-width: 150px;
  }
}
@media (max-width: 480px) {
  .voluntary-retirement-schema .vrs-input-field {
    gap: 4px;
    min-width: unset;
  }
}
.voluntary-retirement-schema .etds-vrs-mandatory {
  display: flex;
  align-self: center;
}
.voluntary-retirement-schema .etds-vrs-mandatory-text {
  font-size: var(--font-size-s-3-b-3, 0.75rem);
  font-style: italic;
  font-weight: 400;
  line-height: var(--Line-Height-For-Font-Size---12, 1.125rem);
  /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
  margin-right: 6px;
}
.voluntary-retirement-schema .vrs-select,
.voluntary-retirement-schema .vrs-input {
  width: 100%;
  min-height: 37px;
  padding: 8px 12px;
  background: var(--tt-neutral-100);
  border-radius: 4px;
  outline: 1px solid var(--tt-neutral-400);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.12px;
  color: var(--tt-text-basic);
}
@media (max-width: 768px) {
  .voluntary-retirement-schema .vrs-select,
  .voluntary-retirement-schema .vrs-input {
    min-height: 35px;
    padding: 6px 10px;
    font-size: 0.875rem;
    line-height: 1.3;
  }
}
@media (max-width: 480px) {
  .voluntary-retirement-schema .vrs-select,
  .voluntary-retirement-schema .vrs-input {
    min-height: 32px;
    padding: 6px 8px;
    font-size: 0.8125rem;
    border-radius: 3px;
  }
}
.voluntary-retirement-schema .form-control:focus-visible {
  border-color: none;
}
.voluntary-retirement-schema input[type=number] {
  appearance: none;
  -moz-appearance: textfield;
  -webkit-appearance: none;
}
.voluntary-retirement-schema input[type=number]::-webkit-inner-spin-button, .voluntary-retirement-schema input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}
.voluntary-retirement-schema select.form-select {
  cursor: pointer;
}
.voluntary-retirement-schema .vrs-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
}
@media (max-width: 768px) {
  .voluntary-retirement-schema .vrs-header {
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 1rem;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }
}
@media (max-width: 480px) {
  .voluntary-retirement-schema .vrs-header {
    gap: 8px;
    margin-bottom: 0.75rem;
    display: flex;
    flex-direction: column;
  }
}
.voluntary-retirement-schema .vrs-heading {
  display: flex;
  align-items: center;
}
.voluntary-retirement-schema .vrs-title {
  margin-bottom: 0;
  color: var(--tt-primary);
  min-width: 343px;
}
@media (max-width: 991px) {
  .voluntary-retirement-schema .vrs-title {
    width: 100%;
    font-size: 1.5rem;
  }
}
@media (max-width: 768px) {
  .voluntary-retirement-schema .vrs-title {
    font-size: 1.25rem;
    line-height: 1.3;
  }
}
@media (max-width: 480px) {
  .voluntary-retirement-schema .vrs-title {
    font-size: 1.125rem;
    line-height: 1.2;
  }
}
.voluntary-retirement-schema .vrs-info-icon {
  width: 20px;
  height: 20px;
  margin-left: 8px;
}
.voluntary-retirement-schema .vrs-disclaimer {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.voluntary-retirement-schema .custom-inline-error-text11 {
  color: var(--tt-error);
}
.voluntary-retirement-schema .vrs-mandatory-text {
  font-style: italic;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  color: var(--contrast-dark);
  /* Body/B3 (S) - Italic */
  font-size: var(--font-size-s-3-b-3, 0.75rem);
  font-style: italic;
  font-weight: 400;
  line-height: var(--Line-Height-For-Font-Size---12, 1.125rem);
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
.voluntary-retirement-schema .vrs-disclaimer-box {
  height: 100%;
  /* min-width: 6.5rem; */
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-primary);
  background: var(--tt-neutral-100);
  /* height: 37px; */
  /* padding-left: 4px; */
  display: flex;
  /* width: 135px;

    // Responsive disclaimer box
    @media (max-width: 768px) {
      width: 100%;
      max-width: 200px;
      height: 35px;
      padding: 0 8px;
    }

    @media (max-width: 480px) {
      height: 32px;
      padding: 0 6px;
      font-size: 0.75rem;
      max-width: 106px;
    }
  }

  .vrs-disclaimer-icon {
    width: 16px;
    height: 16px;
    margin-right: 6px;
  }

  .vrs-disclaimer-text {
    display: inline;
  }

  .vrs-disclaimer-button {
    background: none;
    border: none;
    padding: 0;
    font-size: 0.875rem;
    /* color: #007bff; */
  /* text-decoration: underline; */
  cursor: pointer;
}
.voluntary-retirement-schema .vrs-disclaimer-button {
  color: var(--tt-primary);
}
.voluntary-retirement-schema .vrs-text-center {
  text-align: end;
}
.voluntary-retirement-schema .index-cost-form-card {
  color: var(--tt-primary);
}
.voluntary-retirement-schema button:focus-visible {
  outline-offset: 0.125rem;
  box-shadow: unset;
}
.voluntary-retirement-schema .vrs-result-card {
  height: 100%;
  padding-bottom: 8px;
  background: var(--neutral-100);
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
}
.voluntary-retirement-schema .vrs-result-content {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.voluntary-retirement-schema .vrs-result-heading {
  padding-bottom: 8px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.voluntary-retirement-schema .vrs-result-title {
  width: 275px;
  font-size: 20px;
  font-weight: 700;
  color: var(--tt-primary);
  line-height: 30px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.voluntary-retirement-schema .vrs-result-box {
  border-radius: 4px;
  outline: 1px solid var(--tt-secondary-info-30);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.voluntary-retirement-schema .vrs-result-label-wrapper {
  width: 250px;
  padding: 12px;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.voluntary-retirement-schema .icon {
  color: var(--tt-primary);
}
.voluntary-retirement-schema .vrs-result-label {
  font-size: 14px;
  font-weight: 500;
  color: var(--tt-primary);
  line-height: 21px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
  flex: 1;
}
.voluntary-retirement-schema .vrs-result-value-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.voluntary-retirement-schema .vrs-result-value {
  width: 100%;
  padding: 8px 12px;
  font-size: 20px;
  font-weight: 700;
  color: var(--tt-text-basic);
  line-height: 30px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.voluntary-retirement-schema .vrs-select__control {
  background-color: var(--tt-neutral-100) !important;
}
.voluntary-retirement-schema .vrs-select__single-value,
.voluntary-retirement-schema .vrs-select__option {
  color: var(--tt-text-basic) !important;
}
.voluntary-retirement-schema .vrs-select__option {
  background-color: var(--tt-neutral-100) !important;
}
.voluntary-retirement-schema .vrs-input-field {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 4px;
}
.voluntary-retirement-schema .custom-inline-error {
  margin-top: 2px;
  width: 100%;
  font-size: 0.95rem;
}
@media (max-width: 991px) {
  .voluntary-retirement-schema .vrs-input-field {
    min-width: 0;
    gap: 2px;
  }
  .voluntary-retirement-schema .custom-inline-error {
    font-size: 0.9rem;
  }
}
@media (max-width: 761px) {
  .voluntary-retirement-schema .custom-inline-error {
    font-size: 0.85rem;
  }
}
.voluntary-retirement-schema .vrs-select__control {
  border-color: #222 !important; /* Black border by default */
  box-shadow: none !important;
}
.voluntary-retirement-schema .vrs-select__control[aria-invalid=true] {
  border-color: #d32f2f !important; /* Red border when blank */
  box-shadow: none !important;
}
.voluntary-retirement-schema .vrs-select__control {
  border-color: #222 !important;
  box-shadow: none !important;
}
.voluntary-retirement-schema .vrs-select-invalid .vrs-select__control {
  border-color: var(--tt-error, #d32f2f) !important;
  box-shadow: none !important;
}

.house_property_income1 {
  width: 100%;
  margin: 0 auto;
  padding: 0 24px;
}
.house_property_income1 .house-property-container {
  display: flex;
  gap: 16px;
  margin: 0 auto;
  width: fit-content;
}
@media (min-width: 991px) and (max-width: 1365px) {
  .house_property_income1 .house-property-container {
    display: grid;
    grid-template-columns: 75% 25%;
    gap: 8px;
    width: 100%;
  }
}
@media (max-width: 990px) {
  .house_property_income1 .house-property-container {
    flex-direction: column;
    gap: 8px;
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .house_property_income1 {
    padding: 0 16px;
  }
}
@media (max-width: 480px) {
  .house_property_income1 {
    padding: 0 12px;
  }
}
.house_property_income1 .Frame3449 {
  width: 100%;
  max-width: 100%;
  justify-content: space-between;
  display: flex;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .house_property_income1 .Frame3449 {
    flex-direction: column;
    gap: 12px;
    height: auto;
  }
}
.house_property_income1 .Frame3447 {
  width: 100%;
  max-width: 573px;
  height: 36px;
  gap: 12px;
  text-align: left;
  box-sizing: border-box;
}
.house_property_income1 .El_Heading {
  width: 100%;
  max-width: 537px;
  height: 36px;
  font-weight: 700;
  font-size: 24px;
  line-height: 150%;
  letter-spacing: 0%;
  color: var(--tt-primary);
  display: inline;
  box-sizing: border-box;
}
.house_property_income1 .buttonIcon {
  width: 24px;
  height: 24px;
  display: inline-block;
}
.house_property_income1 .vectorImage {
  width: 20px;
  height: 20px;
  margin-top: 2px;
  margin-left: 2px;
  color: var(--tt-neutral-800);
}
.house_property_income1 .Frame3448 {
  width: 100%;
  max-width: 305px;
  height: 60px;
  gap: 32px;
  display: flex;
  box-sizing: border-box;
  align-items: center;
}
.house_property_income1 .Astrisks {
  width: 155px;
  height: 18px;
  gap: 2px;
  display: inline-block;
}
.house_property_income1 .asterisk {
  color: var(--tt-error);
}
.house_property_income1 .mandatory {
  width: 155px;
  height: 18px;
  font-weight: 400;
  font-style: italic;
  font-size: 11px;
  line-height: 150%;
  letter-spacing: 0%;
}
.house_property_income1 .buttonSmall {
  width: 118px;
  height: 28px;
  min-width: 72px;
  border-radius: 4px;
  border-width: 1px;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-primary);
}
.house_property_income1 .buttons_Icons {
  width: 118px;
  height: 28px;
  min-width: 72px;
  gap: 4px;
  border-radius: 4px;
  padding-top: 4px;
  padding-right: 12px;
  padding-bottom: 4px;
  padding-left: 12px;
  display: flex;
}
.house_property_income1 .warning {
  width: 20px;
  height: 20px;
}
.house_property_income1 .warningImage {
  width: 18.33px;
  height: 15.83px;
  top: 1.67px;
  margin-bottom: 10px;
  left: 0.83px;
  color: var(--tt-primary);
}
.house_property_income1 .Disclaimer {
  width: 70px;
  height: 21px;
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0%;
  text-transform: capitalize;
  color: var(--tt-primary);
}
.house_property_income1 .annexures {
  width: 947px;
  height: auto;
  gap: 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 1365px) {
  .house_property_income1 .annexures {
    flex-direction: column;
    width: 100%;
    gap: 20px;
  }
}
.house_property_income1 .accordians {
  width: 100%;
  height: auto;
  border-radius: 4px;
  border-width: 1px;
  border: 1px solid var(--tt-neutral-300);
  background: var(--tt-neutral-100);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
@media (max-width: 1024px) {
  .house_property_income1 .accordians {
    max-width: 100%;
  }
}
.house_property_income1 .specifiedServices {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  height: auto;
  min-height: 60px;
  display: flex;
  justify-content: space-between;
  padding: 8px 16px;
  gap: 8px;
}
@media (max-width: 768px) {
  .house_property_income1 .specifiedServices {
    flex-direction: column;
    height: auto;
    padding: 12px;
  }
}
.house_property_income1 .specifiedServicesText {
  width: 100%;
  max-width: 50%;
  box-sizing: border-box;
  height: auto;
  min-height: 60px;
  gap: 8px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
}
@media (max-width: 768px) {
  .house_property_income1 .specifiedServicesText {
    max-width: 100%;
    min-height: auto;
    margin-bottom: 8px;
  }
}
.house_property_income1 .specifiedServicesTextDisplay {
  max-width: 100%;
  box-sizing: border-box;
  height: auto;
  min-height: 21px;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0%;
  color: var(--tt-text-basic);
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
}
@media (max-width: 768px) {
  .house_property_income1 .specifiedServicesTextDisplay {
    font-size: 13px;
    line-height: 140%;
    flex-wrap: wrap;
    gap: 8px;
  }
}
.house_property_income1 .specifiedServicesInput {
  width: 100%;
  max-width: 50%;
  box-sizing: border-box;
  height: auto;
  min-height: 60px;
  gap: 8px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: left;
}
@media (max-width: 768px) {
  .house_property_income1 .specifiedServicesInput {
    max-width: 100%;
    justify-content: flex-start;
    min-height: auto;
  }
}
.house_property_income1 .inputField {
  width: 100%;
  box-sizing: border-box;
  height: 37px;
  gap: 8px;
  justify-content: space-between;
  display: flex;
}
@media (max-width: 768px) {
  .house_property_income1 .inputField {
    max-width: 100%;
  }
}
.house_property_income1 .blue-text {
  color: var(--tt-secondary);
}
.house_property_income1 .tertiary-button {
  width: fit-content;
  min-width: fit-content;
  border-radius: 4px;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--tt-neutral-100);
  background-color: var(--tt-primary);
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .house_property_income1 .tertiary-button {
    margin-left: 0;
    margin-top: 8px;
    width: 100%;
    max-width: 120px;
  }
}
.house_property_income1 .tertiary-buttonReset {
  width: auto;
  height: auto;
  float: right;
  border-radius: 4px;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px;
  background-color: var(--tt-neutral-100);
}
.house_property_income1 .inner-buttonReset {
  width: auto;
  height: auto;
  border-radius: 4px;
  padding: 8px 16px;
  gap: 4px;
  border: none;
  color: var(--tt-primary);
  padding-top: 6px;
}
.house_property_income1 .inner-buttonCalculate {
  width: fit-content;
  border-radius: 4px;
  padding-top: 8px;
  padding-right: 16px;
  padding-bottom: 8px;
  padding-left: 11px;
  gap: 4px;
  font-weight: 500;
  letter-spacing: 0px;
  text-transform: capitalize;
  font-size: 14px;
}
.house_property_income1 .rightAside {
  width: 350px;
  min-width: 350px;
  max-width: 350px;
  height: auto;
  min-height: 637px;
  gap: 20px;
  padding: 28px 24px 20px 24px;
  background: var(--tt-neutral-100);
  box-shadow: -1px 4px 14px 0px var(--tt-neutral-1200);
  position: static;
  flex-shrink: 0;
  box-sizing: border-box;
}
@media (max-width: 1365px) {
  .house_property_income1 .rightAside {
    width: 100%;
    min-width: auto;
    max-width: 100%;
    position: static;
    padding: 20px 16px;
    margin-top: 0;
    box-shadow: 0px 2px 8px 0px var(--tt-neutral-1200);
  }
}
.house_property_income1 .insideRightAside {
  width: 100%;
  height: auto;
  gap: 20px;
}
.house_property_income1 .total {
  width: 100%;
  height: 38px;
  gap: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--tt-neutral-300);
  margin-bottom: 18px;
}
.house_property_income1 .tcswarning-disclaimer-button {
  border: 1px solid var(--tt-primary-600);
  background: var(--tt-neutral-100);
  border-radius: 4px;
  display: flex;
  padding-top: 4px;
  padding-bottom: 4px;
  gap: 12px;
  align-items: center;
  color: var(--tt-primary);
}
.house_property_income1 .tcswarning-disclaimer {
  display: flex;
  align-items: center;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  color: var(--tt-primary);
  cursor: pointer;
}
.house_property_income1 .totalContent {
  width: 100%;
  height: 30px;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0%;
  color: var(--tt-primary);
  text-align: left;
}
@media (max-width: 768px) {
  .house_property_income1 .totalContent {
    font-size: 18px;
    line-height: 28px;
  }
}
.house_property_income1 .totalAmount {
  width: 275px;
  height: 91px;
  border-radius: 4px;
  border-width: 1px;
  border: 1px solid var(--tt-secondary-info-30);
  margin-bottom: 18px;
}
.house_property_income1 .insideTotalAmount {
  width: 275px;
  height: 45px;
  gap: 10px;
  padding: 12px;
  border-bottom-width: 1px;
}
.house_property_income1 .insideTotalAmountText {
  width: 90px;
  height: 21px;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0%;
  color: var(--tt-primary);
  text-align: left;
}
.house_property_income1 .totalAmountSecondPart {
  width: 275px;
  height: 46px;
}
.house_property_income1 .totalAmountSecondPart1 {
  width: 275px;
  height: 46px;
  gap: 10px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
}
.house_property_income1 .totalAmountSecondPartText {
  width: 10px;
  height: 30px;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0%;
  color: var(--tt-text-basic);
}
.house_property_income1 .totalDeductionUnder80DFrame {
  width: 100%;
  height: 91px;
  border-radius: 4px;
  border-width: 1px;
  border: 1px solid var(--tt-secondary-info-30);
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .house_property_income1 .totalDeductionUnder80DFrame {
    max-width: 100%;
    height: auto;
    min-height: 91px;
  }
}
.house_property_income1 .insideTotalDeductionUnder80DPart1 {
  width: 100%;
  height: 45px;
  gap: 10px;
  padding: 12px;
  border-bottom-width: 1px;
}
@media (max-width: 768px) {
  .house_property_income1 .insideTotalDeductionUnder80DPart1 {
    height: auto;
    min-height: 45px;
  }
}
.house_property_income1 .insideTotalDeductionUnder80DPart1Text {
  width: 100%;
  max-width: 251px;
  height: auto;
  min-height: 21px;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0%;
  color: var(--tt-primary);
  text-align: left;
}
@media (max-width: 768px) {
  .house_property_income1 .insideTotalDeductionUnder80DPart1Text {
    max-width: 100%;
    font-size: 13px;
    line-height: 20px;
  }
}
.house_property_income1 .insideTotalDeductionUnder80DPart2 {
  width: 100%;
  max-width: 275px;
  height: 46px;
}
@media (max-width: 768px) {
  .house_property_income1 .insideTotalDeductionUnder80DPart2 {
    max-width: 100%;
    height: auto;
    min-height: 46px;
  }
}
.house_property_income1 .insideTotalDeductionUnder80DPart2Frame {
  width: 100%;
  max-width: 275px;
  height: 46px;
  gap: 10px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
}
@media (max-width: 768px) {
  .house_property_income1 .insideTotalDeductionUnder80DPart2Frame {
    max-width: 100%;
    height: auto;
    min-height: 46px;
  }
}
.house_property_income1 .insideTotalDeductionUnder80DPart2Text {
  width: auto;
  min-width: 10px;
  height: 30px;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0%;
  color: var(--tt-text-basic);
}
@media (max-width: 768px) {
  .house_property_income1 .insideTotalDeductionUnder80DPart2Text {
    font-size: 18px;
    line-height: 28px;
    height: auto;
    min-height: 30px;
  }
}
.house_property_income1 .uniform-input,
.house_property_income1 .form-select,
.house_property_income1 .form-control {
  width: 100%;
  height: 37px;
  border: 1px solid var(--tt-neutral-400);
  background: var(--tt-neutral-100);
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 14px;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .house_property_income1 .uniform-input,
  .house_property_income1 .form-select,
  .house_property_income1 .form-control {
    height: 40px;
    font-size: 16px;
    padding: 8px 12px;
  }
}
.house_property_income1 input:disabled {
  background: var(--tt-neutral-bg-stroke-10);
}
.house_property_income1 select {
  color: var(--tt-text-basic);
}
.house_property_income1 .tooltip-icon-wrapper {
  padding: 1px;
  background: var(--tt-secondary-info-bg5);
  /* Secondary & Info BG & Stroke 5% */
  border-radius: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  position: relative;
}
@media (max-width: 768px) {
  .house_property_income1 .tooltip-icon-wrapper {
    margin-left: 8px;
  }
}
.house_property_income1 .tooltip-icon-bg {
  width: 18px;
  position: relative;
  border-radius: 50%;
  display: inline-block;
}
.house_property_income1 .tooltip-content {
  width: 320px;
  padding: 8px;
  position: absolute;
  top: -100px;
  left: -4px;
  background: var(--tt-neutral-1000);
  /* Neutral-1000 */
  box-shadow: 0px 2px 8px var(--tt-neutral-1200);
  border-radius: 4px;
  flex-direction: column;
  align-items: flex-start;
  display: none;
  z-index: 1000;
}
@media (max-width: 768px) {
  .house_property_income1 .tooltip-content {
    width: 280px;
    left: -50px;
    top: -110px;
  }
}
@media (max-width: 480px) {
  .house_property_income1 .tooltip-content {
    width: 240px;
    left: -80px;
    top: -120px;
  }
}
.house_property_income1 .tooltip-arrow {
  width: 10px;
  height: 8px;
  position: absolute;
  left: 18px;
  top: 60px;
  background: var(--tt-neutral-1000);
  transform: rotate(-180deg);
  transform-origin: top left;
  box-shadow: 0px 8px 20px var(--tt-neutral-1200);
}
.house_property_income1 .tooltip-text {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.12px;
  color: var(--tt-neutral-100);
  /* Text-Alternative */
}
.house_property_income1 .tooltip-icon-bg:hover .tooltip-content {
  display: inline-block;
}
.house_property_income1 .assessmentYearErrorMessage {
  color: var(--tt-error);
  margin-top: 4px;
  font-size: 14px;
  margin-left: 477px;
}
@media (max-width: 768px) {
  .house_property_income1 .assessmentYearErrorMessage {
    margin-left: 12px;
    font-size: 13px;
  }
}
.house_property_income1 .custom-tooltip {
  position: absolute;
  border-radius: 0.25rem;
  background: var(--background-muted);
  /* Drop down shadow */
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  color: white;
  padding: 8px 12px;
  border-radius: 4px;
  z-index: 1000;
  font-size: 0.875rem;
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  white-space: normal;
  word-wrap: break-word;
  width: max-content;
  max-width: min(400px, 90vw);
}
@media (max-width: 768px) {
  .house_property_income1 .custom-tooltip {
    max-width: min(300px, 85vw);
    font-size: 0.8125rem;
  }
}
@media (max-width: 480px) {
  .house_property_income1 .custom-tooltip {
    max-width: min(250px, 80vw);
    font-size: 0.75rem;
    padding: 6px 10px;
  }
}

.etds-amt-mat-calculator {
  /* Selected value text */
  /* Dropdown option text */
  /* Option hover/focus */
  /* Option selected */
  /* Placeholder text */
  /* Dropdown indicator (arrow) */
  /* Remove border on focus */
  /* Placeholder text */
  /* Dropdown indicator (arrow) */
  /* Remove border on focus */
}
.etds-amt-mat-calculator .card-body {
  background-color: var(--tt-neutral-100);
}
.etds-amt-mat-calculator .amt-1 {
  color: var(--tt-primary-600);
  min-width: 120px;
}
.etds-amt-mat-calculator .amt-2 {
  color: var(--tt-primary-600);
}
.etds-amt-mat-calculator .amt-1 {
  color: var(--tt-primary-600);
}
.etds-amt-mat-calculator .lbl-name-bottom2 {
  width: 420px;
  font-weight: 500;
}
.etds-amt-mat-calculator .header-title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}
.etds-amt-mat-calculator .frm-select {
  background-color: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}
.etds-amt-mat-calculator .common-group-3 {
  display: flex;
  align-items: center;
  margin-top: -13px;
}
.etds-amt-mat-calculator .butn-reset-1 {
  width: 95px;
  align-items: center;
  height: 36px;
  font-size: 14px;
  min-width: 84px;
  border-radius: 4px;
  border: none;
  color: var(--tt-primary);
  background-color: var(--tt-neutral-100);
}
.etds-amt-mat-calculator .segmented-control {
  position: relative;
  width: 100%;
  height: 40px;
  background-color: #e0e0e0;
  border-radius: 20px;
  margin-bottom: 25px;
}
.etds-amt-mat-calculator .segmented-control .slider {
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  background-color: #00008b;
  border-radius: 20px;
  transition: left 0.3s ease;
  z-index: 1;
}
.etds-amt-mat-calculator .segmented-control .slider.left-position {
  left: 0;
}
.etds-amt-mat-calculator .segmented-control .slider.right-position {
  left: 50%;
}
.etds-amt-mat-calculator .segmented-control .segment {
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  cursor: pointer;
  z-index: 2;
}
.etds-amt-mat-calculator .segmented-control .segment.left {
  left: 0;
}
.etds-amt-mat-calculator .segmented-control .segment.right {
  left: 50%;
}
.etds-amt-mat-calculator .segmented-control .segment.active {
  color: #fff;
}
.etds-amt-mat-calculator .segmented-control .segment.inactive {
  color: #000;
}
.etds-amt-mat-calculator .common-group {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.etds-amt-mat-calculator .common-group-2 {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  margin-left: 15px;
}
.etds-amt-mat-calculator .parent-1 {
  margin-top: 10px;
}
.etds-amt-mat-calculator .responsive-select-wrapper {
  width: auto;
  margin: 0 auto;
  flex-grow: 1;
  min-width: 50%;
}
@media (max-width: 768px) and (min-width: 320px) {
  .etds-amt-mat-calculator .container {
    font-size: 0.9rem;
    padding: 1rem;
  }
  .etds-amt-mat-calculator .section-actions {
    display: block;
  }
  .etds-amt-mat-calculator .common-group {
    display: flex;
    flex-direction: column;
    align-items: start;
    margin-bottom: 15px;
  }
  .etds-amt-mat-calculator .frm-select,
  .etds-amt-mat-calculator .select-error {
    min-width: 100%;
    max-width: 100%;
  }
  .etds-amt-mat-calculator .responsive-select-wrapper {
    width: 100%;
    margin: 0 auto;
    flex-grow: 1;
  }
  .etds-amt-mat-calculator .common-group-2 {
    display: flex;
    flex-direction: column;
    align-items: start;
    margin-bottom: 15px;
    margin-left: 0px;
  }
  .etds-amt-mat-calculator #section10AA,
  .etds-amt-mat-calculator #partC,
  .etds-amt-mat-calculator #section35AD {
    width: 100%;
  }
  .etds-amt-mat-calculator .header-title {
    flex-direction: column;
  }
  .etds-amt-mat-calculator .frm-select-1 {
    width: 100%;
  }
  .etds-amt-mat-calculator .common-group-3 {
    flex-direction: column;
    margin-bottom: 5px;
  }
  .etds-amt-mat-calculator .total-box {
    width: 100%;
  }
  .etds-amt-mat-calculator .frm-amt-input__control {
    width: 100%;
  }
  .etds-amt-mat-calculator .frm-amt-input__menu-list,
  .etds-amt-mat-calculator .frm-amt-input__menu {
    width: 100%;
  }
  .etds-amt-mat-calculator .lbl-name {
    width: 100%;
  }
}
.etds-amt-mat-calculator .row {
  display: flex;
}
.etds-amt-mat-calculator .row .mandatory-star {
  color: var(--tt-error) !important;
}
.etds-amt-mat-calculator #outerHeader {
  display: flex;
  justify-content: center;
  padding: 1px;
}
.etds-amt-mat-calculator #outerHeader2 {
  padding: 2px;
}
.etds-amt-mat-calculator #outerHeaderSpan {
  font-size: 0.875rem;
}
.etds-amt-mat-calculator #disclaimer-btn {
  border: none;
  width: auto;
  height: auto;
  background: none;
  display: flex;
  position: relative;
  align-items: center;
}
.etds-amt-mat-calculator #image-1 {
  height: 20px;
  width: 20px;
  margin-right: 8px;
}
.etds-amt-mat-calculator .input-box {
  align-self: center;
  padding: 1px 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: auto;
  max-width: 400px;
  background-color: #f9f9f9;
}
.etds-amt-mat-calculator .no-spinner {
  -moz-appearance: textfield;
}
.etds-amt-mat-calculator .no-spinner::-webkit-outer-spin-button, .etds-amt-mat-calculator .no-spinner::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.etds-amt-mat-calculator #checkbox {
  width: 15px;
  height: 15px;
}
.etds-amt-mat-calculator .form-range {
  color: rgb(25, 25, 25);
}
.etds-amt-mat-calculator .lbl-name {
  width: 435.5px;
  font-weight: 500;
  color: var(--tt-text-basic);
}
.etds-amt-mat-calculator .lbl-name-tltp {
  max-width: max-content;
  font-weight: 500;
  color: var(--tt-text-basic);
}
.etds-amt-mat-calculator .lbl-name-big {
  width: 435.5px;
  font-weight: 500;
  color: var(--tt-primary-600);
}
.etds-amt-mat-calculator .lbl-name-bottom {
  width: 420px;
  font-weight: 500;
}
.etds-amt-mat-calculator .lbl-name-1 {
  width: 451.5px;
  font-weight: 500;
}
.etds-amt-mat-calculator .mandatory-note {
  color: var(--tt-error);
}
.etds-amt-mat-calculator .frm-select,
.etds-amt-mat-calculator .select-error {
  align-items: left;
  width: 437px;
  height: 37px;
  border-width: thin;
  border-radius: 4px;
  border: 1px solid;
  justify-self: flex-start;
  align-self: self-start;
  text-align: start;
  margin-top: 3px;
  font-size: 14px;
}
.etds-amt-mat-calculator .frm-select-1 {
  width: 437.5px;
  align-items: left;
  border-width: thin;
  border-radius: 4px;
  justify-self: flex-start;
  align-self: self-start;
  text-align: start;
  margin-top: 3px;
  font-size: 14px;
}
.etds-amt-mat-calculator .form-result {
  width: 100%;
  height: 37px;
  border-width: thin;
  border-radius: 4px;
  font-weight: 500;
  color: black;
  margin-bottom: 5px;
  margin-top: 5px;
}
.etds-amt-mat-calculator label {
  width: 435.5px;
}
.etds-amt-mat-calculator .btn-secondary {
  border-color: red;
  color: red;
  background-color: white;
}
.etds-amt-mat-calculator .btn-secondary:hover {
  background-color: red;
  color: white;
  border-color: red;
}
.etds-amt-mat-calculator .section-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.etds-amt-mat-calculator .section-actions .mandatory-note {
  font-size: 12px;
  font-style: italic;
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.etds-amt-mat-calculator .section-actions .mandatory-note .text-danger {
  color: var(--tt-error);
}
.etds-amt-mat-calculator .section-actions .mandatory-note .note-text {
  color: var(--tt-neutral-800);
}
.etds-amt-mat-calculator .section-actions .warning-disclaimer-button {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  min-width: 72px;
  padding: 4px 12px;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-primary);
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  color: var(--tt-primary);
  cursor: pointer;
}
.etds-amt-mat-calculator .section-actions .warning-disclaimer-button .icon {
  width: 20px;
  height: 20px;
}
.etds-amt-mat-calculator .section-actions .warning-disclaimer-button span {
  text-transform: capitalize;
}
.etds-amt-mat-calculator .tab-wrapper {
  border-bottom: 1px solid var(--tt-neutral-400);
  width: fit-content;
}
.etds-amt-mat-calculator .tab-wrapper .tab-heading {
  padding: 10px 18px;
  font-size: 16px;
  color: var(--tt-text-basic);
  cursor: pointer;
  position: relative;
  transition: color 0.3s;
}
.etds-amt-mat-calculator .tab-wrapper .tab-heading:hover {
  color: var(--tt-secondary);
}
.etds-amt-mat-calculator .tab-wrapper .tab-heading.active {
  color: var(--tt-secondary);
  font-weight: 600;
  background-color: var(--tt-secondary-info-bg5);
  width: fit-content;
}
.etds-amt-mat-calculator .tab-wrapper .tab-heading.active::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 1.5px;
  background-color: var(--tt-secondary);
}
.etds-amt-mat-calculator .tooltip-msg {
  color: var(--tt-neutral-800);
}
.etds-amt-mat-calculator .information-image {
  height: 22px;
  width: 42px;
  color: var(--tt-neutral-700);
}
.etds-amt-mat-calculator .information-note {
  margin-left: 5px;
}
.etds-amt-mat-calculator .mandatory-star {
  color: var(--tt-error);
}
.etds-amt-mat-calculator .total-container {
  width: 100%;
  height: 100%;
  padding: 7%;
  background-color: var(--tt-neutral-100);
  box-shadow: -1px 4px 14px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
}
.etds-amt-mat-calculator .total-header {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
}
.etds-amt-mat-calculator .title {
  width: 100%;
  color: var(--tt-primary-600);
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--tt-neutral-300);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.etds-amt-mat-calculator .total-box {
  width: 100%;
  border-radius: 4px;
  outline: 1px solid var(--tt-secondary-info-30);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.etds-amt-mat-calculator .total-box-header {
  align-self: stretch;
  padding: 12px;
  color: var(--tt-primary-600);
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.etds-amt-mat-calculator .total-box-content {
  align-self: stretch;
  display: flex;
  color: var(--tt-text-basic);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.etds-amt-mat-calculator .total-value {
  flex: 1 1 0;
  padding: 8px 12px;
  color: var(--tt-text-basic);
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.etds-amt-mat-calculator .select-error__control {
  background-color: var(--tt-neutral-100) !important;
  border-color: var(--tt-error) !important;
  min-height: 38px;
  margin-left: 4px;
  margin-right: 0px;
  box-shadow: none !important;
  cursor: pointer;
}
.etds-amt-mat-calculator .select-error__single-value {
  color: var(--tt-text-basic) !important;
  font-size: 14px;
}
.etds-amt-mat-calculator .select-error__option {
  color: var(--tt-text-basic) !important;
  background-color: var(--tt-neutral-100) !important;
}
.etds-amt-mat-calculator .select-error__option--is-focused {
  background-color: var(--tt-primary-varient-3) !important;
  color: var(--tt-text-basic-focus) !important;
  border: 1px solid var(--tt-secondary);
}
.etds-amt-mat-calculator .select-error__option--is-selected {
  background-color: var(--tt-secondary) !important;
  color: var(--tt-text-basic-hover) !important;
}
.etds-amt-mat-calculator .select-error__single-value--is-disabled {
  color: var(--tt-neutral-800);
  /* Gray text */
  cursor: none;
  /* Show disabled cursor */
  opacity: 0.5;
  /* Slight transparency */
}
.etds-amt-mat-calculator .select-error__placeholder {
  color: var(--tt-neutral-400) !important;
}
.etds-amt-mat-calculator .select-error__indicator {
  color: var(--tt-neutral-600) !important;
}
.etds-amt-mat-calculator .select-error__control--is-focused {
  border-color: var(--tt-primary-500) !important;
  box-shadow: 0 0 0 1px var(--tt-primary-500) !important;
  background-color: var(--tt-primary);
}
.etds-amt-mat-calculator .select-error__menu {
  width: 100%;
}
.etds-amt-mat-calculator .select-error__menu-list {
  width: auto;
  font-size: 14px;
}
.etds-amt-mat-calculator .select-error__single-value--is-disabled {
  color: var(--tt-neutral-800);
  /* Gray text */
  cursor: none;
  /* Show disabled cursor */
  opacity: 0.5;
  /* Slight transparency */
}
.etds-amt-mat-calculator .select-error__placeholder {
  color: var(--tt-neutral-400) !important;
}
.etds-amt-mat-calculator .select-error__indicator {
  color: var(--tt-neutral-600) !important;
}
.etds-amt-mat-calculator .select-error__control--is-focused {
  border-color: var(--tt-primary-500) !important;
  box-shadow: 0 0 0 1px var(--tt-primary-500) !important;
  background-color: var(--tt-primary);
}
.etds-amt-mat-calculator .select-error__menu {
  width: 100%;
}
.etds-amt-mat-calculator .select-error__menu-list {
  width: auto;
  font-size: 14px;
}
.etds-amt-mat-calculator .select-error {
  align-items: left;
  width: 437px;
  height: 37px;
  border-width: thin;
  border-radius: 4px;
  justify-self: flex-start;
  align-self: self-start;
  text-align: start;
  margin-top: 3px;
  font-size: 14px;
  border: 1px solid red;
  background-color: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}
.etds-amt-mat-calculator .tooltip-content {
  width: 320px;
  padding: 8px;
  position: absolute;
  background: var(--tt-text-basic);
  /* Neutral-1000 */
  box-shadow: 0px 2px 8px var(--tt-neutral-1200);
  border-radius: 4px;
  flex-direction: column;
  align-items: flex-start;
  display: none;
}
.etds-amt-mat-calculator .tooltip-text {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.12px;
  color: var(--tt-neutral-100);
  /* Text-Alternative */
}
.etds-amt-mat-calculator .lbl-name:hover .tooltip-content {
  display: inline-block;
  z-index: 9999;
}
.etds-amt-mat-calculator .label-with-tooltip {
  width: 435.5px;
  flex-direction: row;
  display: flex;
  justify-content: flex-start;
}
.etds-amt-mat-calculator .result-h3 {
  color: var(--tt-primary);
  padding-bottom: 8px;
  border-bottom: 2px solid var(--tt-neutral-300);
  width: 100%;
  font-size: 20px;
  font-weight: 700;
}
.etds-amt-mat-calculator .result-container {
  background: var(--tt-neutral-100);
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
  margin: 0px;
}
.etds-amt-mat-calculator .result1 {
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
  height: fit-content;
  padding: 0px;
}
.etds-amt-mat-calculator .result-card {
  width: 100%;
  border-radius: 4px;
  border: 1px solid var(--tt-secondary-info-30);
  display: flex;
  flex-direction: column;
  background: var(--tt-neutral-100);
}
.etds-amt-mat-calculator .result-card:focus-visible {
  outline: 0.125rem solid var(--tt-primary-varient-9);
  outline-offset: 0.125rem;
  box-shadow: unset;
}
.etds-amt-mat-calculator .result-card-header {
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.etds-amt-mat-calculator .result-card-title {
  color: var(--tt-primary);
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0.12px;
}
.etds-amt-mat-calculator .result-card-value-wrapper {
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.etds-amt-mat-calculator .result-card-value {
  font-size: 20px;
  font-weight: 700;
  color: var(--tt-text-basic);
  line-height: 30px;
  letter-spacing: 0.12px;
}
.etds-amt-mat-calculator .custom-tooltip {
  position: absolute;
  border-radius: 0.25rem;
  background: var(--background-muted);
  /* Drop down shadow */
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  color: white;
  padding: 6px 12px;
  border-radius: 4px;
  z-index: 100;
  font-size: 0.95em;
  margin-left: 8px;
  left: 0;
  margin-right: 15px;
  margin-top: 25px;
  left: 10px;
  white-space: pre-line;
}

.etds-depreciation-calculator .card-body {
  background-color: none;
  border-radius: 4px;
}
.etds-depreciation-calculator .shadow-sm {
  background-color: var(--tt-neutral-100);
}
.etds-depreciation-calculator #label-1 {
  color: var(--tt-primary);
  min-width: 100%;
  font-weight: 700;
}
.etds-depreciation-calculator .lbl-name {
  min-width: max-content;
  font-weight: normal;
  color: var(--tt-text-basic);
  font-size: 14px;
}
.etds-depreciation-calculator .frm-input,
.etds-depreciation-calculator .frm-input-2 {
  align-items: left;
  min-width: 100%;
  height: 37px;
  border-width: thin;
  border-radius: 4px;
  justify-self: flex-start;
  align-self: self-start;
  text-align: start;
  margin-top: 3px;
  font-size: 14px;
  padding: 8px;
  box-sizing: border-box;
  background-color: var(--tt-neutral-100);
  color: var(--tt-text-basic);
  border: 1px solid var(--tt-primary);
}
.etds-depreciation-calculator .frm-input.frm-input-2,
.etds-depreciation-calculator .frm-input-2.frm-input-2 {
  min-width: 100%;
}
.etds-depreciation-calculator .header-title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}
.etds-depreciation-calculator .depreciation-radio-button {
  accent-color: rgb(7, 107, 207);
}
.etds-depreciation-calculator .tab-wrapper {
  border-bottom: 1px solid var(--tt-neutral-400);
  width: fit-content;
  margin-left: 15px;
  margin-right: 15px;
}
.etds-depreciation-calculator .tab-wrapper .tab-heading {
  padding: 10px 18px;
  font-size: 16px;
  color: var(--tt-text-basic);
  cursor: pointer;
  position: relative;
  transition: color 0.3s;
}
.etds-depreciation-calculator .tab-wrapper .tab-heading:hover {
  color: var(--tt-secondary);
}
.etds-depreciation-calculator .tab-wrapper .tab-heading.active {
  color: var(--tt-secondary);
  font-weight: 600;
  background-color: var(--tt-secondary-info-bg5);
  width: fit-content;
}
.etds-depreciation-calculator .tab-wrapper .tab-heading.active::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 1.5px;
  background-color: var(--tt-secondary);
}
.etds-depreciation-calculator .assessment-year-main,
.etds-depreciation-calculator .depreciation-rate,
.etds-depreciation-calculator .depreciation-additional,
.etds-depreciation-calculator .block-of-assests,
.etds-depreciation-calculator .boa-rate-of-depreciation {
  margin-left: 15px;
  margin-bottom: 15px;
  margin-right: 15px;
}
.etds-depreciation-calculator .assessmentyear-row-1,
.etds-depreciation-calculator .depreciation-additional-label {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.etds-depreciation-calculator .rest-input-fields {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin: 0 15px;
}
.etds-depreciation-calculator .rest-input-fields .input-row {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  font-weight: normal;
}
.etds-depreciation-calculator .rest-input-fields .input-column,
.etds-depreciation-calculator .rest-input-fields .input-column-button,
.etds-depreciation-calculator .rest-input-fields .input-column-button-2 {
  flex: 1;
  flex-direction: column;
  min-width: 250px;
}
.etds-depreciation-calculator .rest-input-fields .input-column-button {
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-top: auto;
}
.etds-depreciation-calculator .rest-input-fields .input-column-button-2 {
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-top: auto;
}
.etds-depreciation-calculator .rest-input-fields .input-column label {
  margin-bottom: 5px;
  font-weight: 500;
}
.etds-depreciation-calculator .link-dep,
.etds-depreciation-calculator .link-dep:hover,
.etds-depreciation-calculator .link-dep:focus,
.etds-depreciation-calculator .link-dep:active {
  text-decoration: underline;
}
.etds-depreciation-calculator .total-container {
  width: 100%;
  height: 100%;
  padding: 7%;
  background: var(--Text-Alternative, white);
  box-shadow: -1px 4px 14px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
}
.etds-depreciation-calculator .total-header {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
}
.etds-depreciation-calculator .title {
  width: 275px;
  color: var(--Text-Primary, #2A3A8D);
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--Neutral-300, #DFE0E2);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.etds-depreciation-calculator .total-box {
  width: 275px;
  border-radius: 4px;
  outline: 1px solid #B5D3F1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.etds-depreciation-calculator .total-box-header {
  align-self: stretch;
  padding: 12px;
  color: var(--Text-Primary, #2A3A8D);
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.etds-depreciation-calculator .total-box-content {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.etds-depreciation-calculator .total-value {
  flex: 1 1 0;
  padding: 8px 12px;
  color: var(--Text-Basic, #1C1D1F);
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.etds-depreciation-calculator input#wirttenDownValue,
.etds-depreciation-calculator #wirttenDownValue_2 {
  margin-top: 22px;
}
.etds-depreciation-calculator .butn-reset-1,
.etds-depreciation-calculator .butn-calculate-1 {
  width: 95px;
  align-items: center;
  height: 36px;
  font-size: 14px;
  min-width: 84px;
  border-radius: 4px;
  border: none;
}
.etds-depreciation-calculator .butn-reset-1 {
  color: var(--tt-primary);
  background: none;
  margin-left: 20px;
}
.etds-depreciation-calculator .butn-calculate-1 {
  color: var(--tt-neutral-100);
  background-color: var(--tt-primary);
}
.etds-depreciation-calculator .error-msg-1 {
  color: var(--tt-error);
}
.etds-depreciation-calculator .last-row,
.etds-depreciation-calculator #last-row {
  margin-bottom: 20px;
}
.etds-depreciation-calculator .in-page-notification-common {
  width: inherit;
  height: 100%;
  display: inline-flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  margin-left: 15px;
  margin-bottom: 20px;
}
.etds-depreciation-calculator .in-page-notification-common .warning-icon {
  width: 18px;
  height: 18px;
  position: relative;
  overflow: hidden;
}
.etds-depreciation-calculator .in-page-notification-common .warning-icon .vector-image {
  width: 20.25px;
  height: 20.25px;
  position: absolute;
  padding-bottom: 5px;
  color: var(--tt-warning-800);
}
.etds-depreciation-calculator .in-page-notification-common .warning-text {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.12px;
  color: var(--Text-Warning, #945301);
}
.etds-depreciation-calculator .in-page-notification-common .warning-text .warning-label {
  font-weight: 700;
  margin-right: 4px;
  color: var(--tt-warning-800);
}
.etds-depreciation-calculator .in-page-notification-common .warning-text .warning-message {
  font-weight: 400;
  color: var(--tt-warning-800);
}
.etds-depreciation-calculator .block-of-assests {
  font-weight: 400;
}
.etds-depreciation-calculator .label-with-tooltip {
  flex-direction: row;
  display: flex;
  justify-content: flex-start;
}
.etds-depreciation-calculator .depreciation-error-text {
  color: var(--danger-500, #B3261D);
}
.etds-depreciation-calculator .cancel-image {
  width: 20px;
  height: 20px;
  object-fit: contain;
}
.etds-depreciation-calculator .icon-image {
  height: 18px;
  width: 18px;
  margin-left: 2px;
}
.etds-depreciation-calculator .center-alert {
  display: flex;
  align-items: center;
  text-align: left;
  height: 60px;
}
.etds-depreciation-calculator .cancel-img {
  width: 18px;
  /* adjust as needed */
  height: 18px;
}
.etds-depreciation-calculator .error-text {
  color: #B3261D;
  /* optional */
  font-weight: 400;
  /* optional */
  margin-top: 15px;
  margin-left: 2px;
}
.etds-depreciation-calculator .error-text-msg {
  font-weight: 700;
}
.etds-depreciation-calculator .dep-msg-1 {
  font-size: 14px;
  margin-left: -10px;
  margin-bottom: 10px;
}
.etds-depreciation-calculator .dep-msg-2 {
  font-size: 14px;
}
.etds-depreciation-calculator .msg-assessment-yr {
  font-size: 14px;
  margin-left: -12px;
  margin-top: 4px;
}
.etds-depreciation-calculator .common-radio-grp {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.etds-depreciation-calculator .testy {
  display: flex;
  align-items: center;
  gap: 8px;
}
.etds-depreciation-calculator .label-css {
  color: var(--tt-text-basic);
  font-weight: 400;
  width: 100%;
  display: inline-block;
}
.etds-depreciation-calculator .tooltip-msg {
  color: var(--tt-neutral-800);
}
.etds-depreciation-calculator .information-image {
  height: 22px;
  width: 42px;
  color: var(--tt-neutral-700);
}
.etds-depreciation-calculator .information-note {
  margin-left: 5px;
}
.etds-depreciation-calculator .mandatory-star {
  color: var(--tt-error);
}
.etds-depreciation-calculator .tooltip-content, .etds-depreciation-calculator .tooltip-content-2 {
  width: 320px;
  padding: 8px;
  position: absolute;
  background: var(--tt-text-basic);
  /* Neutral-1000 */
  box-shadow: 0px 2px 8px var(--tt-neutral-1200);
  border-radius: 4px;
  flex-direction: column;
  align-items: flex-start;
  display: none;
}
.etds-depreciation-calculator .tooltip-text, .etds-depreciation-calculator .tooltip-text-2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.12px;
  color: var(--tt-neutral-100);
  /* Text-Alternative */
}
.etds-depreciation-calculator .lbl-name:hover .tooltip-content {
  display: inline-block;
}
.etds-depreciation-calculator .label-css:hover .tooltip-content-2 {
  display: inline-block;
}
.etds-depreciation-calculator .total-container {
  width: 100%;
  height: 100%;
  padding: 7%;
  background-color: var(--tt-neutral-100);
  box-shadow: -1px 4px 14px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
}
.etds-depreciation-calculator .total-header {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
}
.etds-depreciation-calculator .title {
  width: 100%;
  color: var(--tt-primary-600);
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--tt-neutral-300);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.etds-depreciation-calculator .total-box {
  width: 100%;
  border-radius: 4px;
  outline: 1px solid var(--tt-secondary-info-30);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.etds-depreciation-calculator .total-box-header {
  align-self: stretch;
  padding: 12px;
  color: var(--tt-primary-600);
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.etds-depreciation-calculator .total-box-content {
  align-self: stretch;
  display: flex;
  color: var(--tt-text-basic);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.etds-depreciation-calculator .total-value {
  flex: 1 1 0;
  padding: 8px 12px;
  color: var(--tt-text-basic);
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.etds-depreciation-calculator .section-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.etds-depreciation-calculator .section-actions .mandatory-note {
  font-size: 12px;
  font-style: italic;
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.etds-depreciation-calculator .section-actions .mandatory-note .text-danger {
  color: #B3261D;
}
.etds-depreciation-calculator .section-actions .mandatory-note .note-text {
  color: var(--tt-neutral-800);
}
.etds-depreciation-calculator .section-actions .warning-disclaimer-button {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  min-width: 72px;
  padding: 4px 12px;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-primary);
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  color: var(--tt-primary);
  cursor: pointer;
}
.etds-depreciation-calculator .section-actions .warning-disclaimer-button .icon {
  width: 20px;
  height: 20px;
}
.etds-depreciation-calculator .section-actions .warning-disclaimer-button span {
  text-transform: capitalize;
}
.etds-depreciation-calculator .custom-tooltip {
  position: absolute;
  border-radius: 0.25rem;
  background: var(--background-muted);
  /* Drop down shadow */
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  color: white;
  padding: 6px 12px;
  border-radius: 4px;
  z-index: 100;
  font-size: 0.95em;
  margin-left: 8px;
  left: 0;
  margin-right: 15px;
  margin-top: 25px;
  left: 10px;
  white-space: pre-line;
}
.etds-depreciation-calculator .assessment-year-main-1 {
  width: 50%;
}
.etds-depreciation-calculator .legend-1 {
  display: none;
}
.etds-depreciation-calculator .result-h3 {
  color: var(--tt-primary);
  padding-bottom: 8px;
  border-bottom: 2px solid var(--tt-neutral-300);
  width: 100%;
  font-size: 20px;
  font-weight: 700;
}
.etds-depreciation-calculator .result-container {
  background: var(--tt-neutral-100);
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
  margin: 0px;
}
.etds-depreciation-calculator .result1 {
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
  height: fit-content;
  padding: 0px;
}
.etds-depreciation-calculator .result-card {
  width: 100%;
  border-radius: 4px;
  border: 1px solid var(--tt-secondary-info-30);
  display: flex;
  flex-direction: column;
  background: var(--tt-neutral-100);
}
.etds-depreciation-calculator .result-card:focus-visible {
  outline: 0.125rem solid var(--tt-primary-varient-9);
  outline-offset: 0.125rem;
  box-shadow: unset;
}
.etds-depreciation-calculator .result-card-header {
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.etds-depreciation-calculator .result-card-title {
  color: var(--tt-primary);
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0.12px;
}
.etds-depreciation-calculator .result-card-value-wrapper {
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.etds-depreciation-calculator .result-card-value {
  font-size: 20px;
  font-weight: 700;
  color: var(--tt-text-basic);
  line-height: 30px;
  letter-spacing: 0.12px;
}
@media (max-width: 768px) and (min-width: 320px) {
  .etds-depreciation-calculator .common-radio-grp {
    display: inline;
    flex-direction: column;
    align-items: start;
  }
  .etds-depreciation-calculator .input-row {
    flex-direction: column;
  }
  .etds-depreciation-calculator .frm-input-2 {
    width: 100%;
  }
  .etds-depreciation-calculator .label-css {
    width: 100%;
  }
  .etds-depreciation-calculator .header-title {
    flex-direction: column;
  }
  .etds-depreciation-calculator .total-box {
    width: 100%;
  }
  .etds-depreciation-calculator .assessment-year-main-1 {
    width: 100%;
    margin-right: 25px;
  }
}

.etds-capital-gain-exemption {
  display: flex;
}
.etds-capital-gain-exemption .text-danger1 {
  color: var(--tt-error);
}
.etds-capital-gain-exemption .row1 {
  display: flex;
  gap: 24px;
  margin: 0 auto;
}
.etds-capital-gain-exemption .section-header {
  max-width: 100%;
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 24px 0px;
}
.etds-capital-gain-exemption .section-title {
  font-size: 24px;
  font-weight: 700;
  color: var(--tt-primary);
  margin: 0;
}
.etds-capital-gain-exemption .section-actions {
  display: flex;
  align-items: center;
  gap: 32px;
}
.etds-capital-gain-exemption .mandatory-note {
  font-size: 14px;
  font-style: italic;
  display: inline-flex;
  color: var(--tt-neutral-900);
  align-items: center;
  gap: 4px;
}
.etds-capital-gain-exemption .mandatory-note .text-danger1 {
  color: var(--tt-error);
  font-size: 14px;
  font-style: normal;
  vertical-align: baseline;
}
.etds-capital-gain-exemption .warning-disclaimer-button {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-primary);
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  color: var(--tt-primary);
  cursor: pointer;
}
.etds-capital-gain-exemption .warning-disclaimer-button span {
  color: var(--tt-primary);
}
.etds-capital-gain-exemption .warning-disclaimer-button .icon {
  width: 20px;
  height: 20px;
}
.etds-capital-gain-exemption .flex-input-group {
  display: flex;
  align-items: center;
  margin-bottom: 1.25rem;
  gap: 1rem;
  justify-content: space-between;
}
.etds-capital-gain-exemption .flex-input-group label {
  width: 50%;
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--tt-text-basic);
  text-align: left;
}
.etds-capital-gain-exemption .flex-input-group input {
  justify-content: end;
  width: 50%;
  padding: 6px 12px;
  border-radius: 4px;
  border: 1px solid var(--tt-neutral-600);
  font-size: 0.9rem;
  box-sizing: border-box;
  color: var(--tt-text-basic);
}
.etds-capital-gain-exemption .flex-input-group input:disabled {
  background: var(--tt-neutral-bg-stroke-10);
  cursor: not-allowed;
}
.etds-capital-gain-exemption button:focus-visible {
  outline-offset: 0.125rem;
  box-shadow: unset;
}
.etds-capital-gain-exemption svg:focus-visible {
  outline: 0.125rem solid var(--tt-primary-varient-9);
  outline-offset: 0.125rem;
  box-shadow: unset;
}
.etds-capital-gain-exemption .input-wrapper {
  display: flex;
  flex-direction: column;
  /* stack select and error vertically */
  width: 50%;
}
.etds-capital-gain-exemption .form-select {
  justify-content: end;
  width: 100%;
  border-radius: 4px;
  border: 1px solid var(--tt-neutral-400);
  font-size: 0.9rem;
  color: var(--tt-text-basic);
  background: var(--tt-neutral-100);
  box-sizing: border-box;
}
.etds-capital-gain-exemption .form-control,
.etds-capital-gain-exemption .custom-input {
  width: 456.5px;
  justify-content: end;
  height: 37px;
  font-size: 0.9rem;
  padding: 11.5px 16px;
  border: 1px solid;
  gap: 10px;
}
.etds-capital-gain-exemption .custom-input:focus-visible {
  outline: 0.125rem solid var(--tt-secondary);
  box-shadow: unset;
}
.etds-capital-gain-exemption .custom-tooltip {
  position: absolute;
  border-radius: 0.25rem;
  background: var(--background-muted);
  color: white;
  padding: 6px 12px;
  border-radius: 4px;
  z-index: 100;
  font-size: 0.95em;
  margin-left: 8px;
  top: 25%;
  left: 0;
  white-space: pre-line;
}
.etds-capital-gain-exemption .InfoIcon-box {
  display: flex;
  width: 50%;
}
.etds-capital-gain-exemption .InfoIcon-box label {
  width: 100%;
}
.etds-capital-gain-exemption input:read-only {
  background: var(--tt-neutral-bg-stroke-10);
}
.etds-capital-gain-exemption .section54-alert {
  position: fixed;
  top: 90px;
  right: 30px;
  z-index: 9999;
  background: var(--tt-secondary-info-bg5);
  color: var(-tt-secondary);
  border: 1px solid var(--tt-secondary-300);
  border-radius: 6px;
  padding: 16px;
  box-shadow: 0 2px 8px var(--tt-neutral-1200);
  font-size: 16px;
  max-width: 400px;
  animation: fadeIn 0.5s;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.etds-capital-gain-exemption .icon {
  width: 20px;
  height: 20px;
}
.etds-capital-gain-exemption .info-icon {
  gap: 8px;
  margin-left: 10px;
  margin-right: 10px;
  font-weight: bold;
  font-size: 0.9rem;
  cursor: pointer;
  position: relative;
  top: 0;
  color: var(--tt-neutral-800);
}
.etds-capital-gain-exemption .errormessage {
  color: var(--tt-error);
  margin-top: 2px;
  font-size: 0.9rem;
  display: flex;
  gap: 4px;
  align-items: center;
}
.etds-capital-gain-exemption .total {
  font-size: 14px;
  font-weight: bold;
  color: var(--tt-primary);
  margin-bottom: 12px;
}
.etds-capital-gain-exemption .btn-reset {
  justify-content: right;
  background-color: transparent;
  color: var(--tt-primary);
}
.etds-capital-gain-exemption .error-message {
  color: var(--tt-error);
  font-size: 0.75rem;
  margin-top: 4px;
  font-weight: 400;
}
.etds-capital-gain-exemption .first-container {
  width: 947px;
}
.etds-capital-gain-exemption .second-container {
  width: 347px;
}
.etds-capital-gain-exemption .content {
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  padding: 20px 16px;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-neutral-300);
}
.etds-capital-gain-exemption .results-container {
  width: 323px;
  padding: 28px 24px 20px 24px;
  background: var(--tt-neutral-100);
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.etds-capital-gain-exemption .results-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 275px;
  gap: 20px;
}
.etds-capital-gain-exemption .results-header {
  padding-bottom: 8px;
  border-bottom: 1px solid var(--tt-neutral-300);
  display: flex;
  align-items: center;
}
.etds-capital-gain-exemption .results-title {
  width: 275px;
  color: var(--tt-primary);
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.12px;
}
.etds-capital-gain-exemption .result-card {
  width: 275px;
  border-radius: 4px;
  border: 1px solid var(--tt-secondary-info-30);
  display: flex;
  flex-direction: column;
  background: var(--tt-neutral-100);
}
.etds-capital-gain-exemption .result-card:focus-visible {
  outline: 0.125rem solid var(--tt-primary-varient-9);
  outline-offset: 0.125rem;
  box-shadow: unset;
}
.etds-capital-gain-exemption .result-card-header {
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.etds-capital-gain-exemption .result-card-title {
  color: var(--tt-primary);
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0.12px;
}
.etds-capital-gain-exemption .result-card-value-wrapper {
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.etds-capital-gain-exemption .result-card-value {
  font-size: 20px;
  font-weight: 700;
  color: var(--tt-text-basic);
  line-height: 30px;
  letter-spacing: 0.12px;
}
@media (max-width: 766px) {
  .etds-capital-gain-exemption .row1 {
    width: 100%;
    flex-direction: column;
    padding: 10px;
  }
  .etds-capital-gain-exemption .first-container {
    width: 100%;
  }
  .etds-capital-gain-exemption .InfoIcon-box {
    display: flex;
    width: 100%;
  }
  .etds-capital-gain-exemption .InfoIcon-box label {
    width: 100%;
  }
  .etds-capital-gain-exemption .section-header {
    flex-direction: column;
    align-items: normal;
    gap: 8px;
  }
  .etds-capital-gain-exemption .section-header .section-title {
    width: 100%;
  }
  .etds-capital-gain-exemption .flex-input-group {
    flex-direction: column;
    align-items: normal;
  }
  .etds-capital-gain-exemption .flex-input-group label {
    width: 100%;
  }
  .etds-capital-gain-exemption .input-wrapper {
    width: 100%;
  }
  .etds-capital-gain-exemption .flex-input-group input {
    width: 100%;
  }
  .etds-capital-gain-exemption .form-select {
    width: 100%;
  }
  .etds-capital-gain-exemption .form-control {
    width: 100%;
  }
  .etds-capital-gain-exemption .second-container {
    width: 100%;
  }
  .etds-capital-gain-exemption .results-container {
    width: 100%;
  }
  .etds-capital-gain-exemption .results-content {
    width: 100%;
  }
  .etds-capital-gain-exemption .results-header {
    width: 100%;
  }
  .etds-capital-gain-exemption .result-card {
    width: 100%;
  }
}
@media (min-width: 767px) and (max-width: 990px) {
  .etds-capital-gain-exemption .row1 {
    width: 100%;
    flex-direction: column;
    padding: 10px;
  }
  .etds-capital-gain-exemption .InfoIcon-box {
    display: flex;
    width: 100%;
  }
  .etds-capital-gain-exemption .InfoIcon-box label {
    width: 100%;
  }
  .etds-capital-gain-exemption .first-container {
    width: 100%;
  }
  .etds-capital-gain-exemption .Customer-date-picker-interest-234 {
    width: 100%;
  }
  .etds-capital-gain-exemption .section-header {
    align-items: normal;
    gap: 8px;
  }
  .etds-capital-gain-exemption .section-header .section-title {
    width: 100%;
  }
  .etds-capital-gain-exemption .flex-input-group {
    align-items: normal;
  }
  .etds-capital-gain-exemption .flex-input-group label {
    width: 100%;
  }
  .etds-capital-gain-exemption .input-wrapper {
    width: 100%;
  }
  .etds-capital-gain-exemption .flex-input-group input {
    width: 97%;
  }
  .etds-capital-gain-exemption .form-select {
    width: 100%;
  }
  .etds-capital-gain-exemption .form-control {
    width: 50%;
  }
  .etds-capital-gain-exemption .border-red.form-control {
    width: 100%;
  }
  .etds-capital-gain-exemption .second-container {
    width: 100%;
  }
  .etds-capital-gain-exemption .results-container {
    width: 100%;
  }
  .etds-capital-gain-exemption .results-content {
    width: 100%;
  }
  .etds-capital-gain-exemption .results-header {
    width: 100%;
  }
  .etds-capital-gain-exemption .result-card {
    width: 100%;
  }
}
@media (min-width: 991px) and (max-width: 1365px) {
  .etds-capital-gain-exemption .row1 {
    width: 100%;
    display: grid;
    grid-template-columns: 73% 25%;
    padding: 10px;
  }
  .etds-capital-gain-exemption .first-container {
    width: 100%;
  }
  .etds-capital-gain-exemption .second-container {
    width: 100%;
  }
  .etds-capital-gain-exemption .results-container {
    width: 100%;
  }
  .etds-capital-gain-exemption .results-content {
    width: 100%;
  }
  .etds-capital-gain-exemption .results-header {
    width: 100%;
  }
  .etds-capital-gain-exemption .result-card {
    width: 100%;
  }
}

.InterestOnDelay {
  width: 100%;
  margin: 0 auto;
  padding: 0 24px;
}
.InterestOnDelay .InterestOnDelay-container {
  display: flex;
  gap: 16px;
  margin: 0 auto;
  width: fit-content;
}
.InterestOnDelay .Frame3449 {
  width: 100%;
  max-width: 947px;
  left: 48px;
  justify-content: space-between;
  display: flex;
  box-sizing: border-box;
  padding: 24px 0px;
}
.InterestOnDelay .Frame3447 {
  width: 100%;
  max-width: 602px;
  gap: 12px;
  text-align: left;
  box-sizing: border-box;
}
.InterestOnDelay .El_Heading {
  width: 100%;
  max-width: 466px;
  font-weight: 700;
  font-size: 24px;
  letter-spacing: 0%;
  color: var(--tt-primary);
  display: inline;
  box-sizing: border-box;
}
.InterestOnDelay .buttonIcon {
  width: 24px;
  display: inline-block;
}
.InterestOnDelay .vectorImage {
  width: 20px;
  margin-left: 2px;
  color: var(--tt-neutral-800);
}
.InterestOnDelay .Frame3448 {
  width: 100%;
  max-width: 310px;
  gap: 32px;
  display: flex;
  box-sizing: border-box;
  align-items: center;
}
.InterestOnDelay .Astrisks {
  width: 160px;
  gap: 2px;
  display: inline-block;
}
.InterestOnDelay .asterisk {
  color: var(--tt-error);
}
.InterestOnDelay .mandatory {
  width: 160px;
  font-weight: 400;
  font-style: italic;
  font-size: 12px;
  letter-spacing: 0%;
}
.InterestOnDelay .buttonSmall {
  width: 118px;
  min-width: 72px;
  border-radius: 4px;
  border-width: 1px;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-primary);
}
.InterestOnDelay .buttons_Icons {
  width: 118px;
  min-width: 72px;
  gap: 4px;
  border-radius: 4px;
  padding-top: 4px;
  padding-right: 12px;
  padding-bottom: 4px;
  padding-left: 12px;
  display: flex;
}
.InterestOnDelay .warning {
  width: 20px;
}
.InterestOnDelay .warningImage {
  width: 22px;
  top: 2px;
  margin-bottom: 10px;
  left: 1px;
  color: var(--tt-primary);
}
.InterestOnDelay .Disclaimer {
  width: 70px;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0%;
  text-transform: capitalize;
  color: var(--tt-primary);
}
.InterestOnDelay .annexures {
  width: 974px;
  border-radius: 4px;
  border-width: 1px;
  gap: 28px;
}
.InterestOnDelay .accordians {
  width: 947px;
  border: 1px solid var(--tt-neutral-300);
  padding: 20px 16px;
  border-radius: 4px;
  background: var(--tt-neutral-100);
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.InterestOnDelay .accordion-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  padding: 12px;
}
.InterestOnDelay .nav {
  flex-wrap: nowrap;
}
.InterestOnDelay .custom-tab {
  gap: 4px;
  padding: 12px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-width: 1.5px;
  border-bottom: 1.5px solid var(--tt-secondary);
  display: flex;
  align-items: center;
  text-decoration: none;
  /* prevent multi-line breaking */
  text-overflow: ellipsis;
}
.InterestOnDelay .custom-tab-text {
  width: 100%;
  max-width: 190px;
  font-weight: 700;
  font-size: 14px;
  color: var(--tt-secondary);
  text-overflow: ellipsis;
}
.InterestOnDelay .long-text {
  max-width: 500px;
  /* override only for the long label */
  font-weight: 700;
  font-size: 14px;
  /* adjust if you have a line-//height system */
  letter-spacing: normal;
  /* or use your design token if available */
}
.InterestOnDelay .custom-tab-nav .nav-link {
  border: none;
}
.InterestOnDelay .custom-tab-nav {
  border-bottom: none;
  display: flex;
  justify-content: space-evenly;
  width: 100%;
}
.InterestOnDelay .tab-content {
  width: 100%;
}
.InterestOnDelay .custom-tab.active {
  background-color: var(--tt-secondary-info-bg5);
}
.InterestOnDelay .specifiedServices {
  width: 100%;
  max-width: 915px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.InterestOnDelay .tax-calendar-link {
  text-decoration: none;
  color: var(--tt-primary);
  cursor: pointer;
}
.InterestOnDelay .specifiedServicesText {
  width: 100%;
  max-width: 457.5px;
  box-sizing: border-box;
  gap: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: left;
}
.InterestOnDelay .specifiedServicesTextDisplay {
  width: 100%;
  box-sizing: border-box;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0%;
  color: var(--tt-text-basic);
  align-items: center;
  display: flex;
}
.InterestOnDelay .specifiedServicesInput {
  width: 100%;
  max-width: 457.5px;
  box-sizing: border-box;
  gap: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: left;
}
.InterestOnDelay .inputField {
  width: 100%;
  max-width: 425.5px;
  box-sizing: border-box;
  gap: 8px;
  justify-content: space-between;
  display: flex;
}
.InterestOnDelay .reset {
  border-radius: 4px;
  display: flex;
  justify-content: center;
  /* Aligns content horizontally */
  align-items: center;
  border-radius: 4px;
  margin-left: 90%;
}
.InterestOnDelay .custom-datepicker-late-fee {
  width: 418px;
  border: 1px solid;
  border-radius: 4px;
}
.InterestOnDelay .rightAside {
  width: 100%;
  height: fit-content;
  gap: 20px;
  padding-top: 28px;
  padding-right: 24px;
  padding-bottom: 20px;
  padding-left: 24px;
  background: var(--tt-neutral-100);
  box-shadow: -1px 4px 14px 0px var(--tt-neutral-1200);
}
.InterestOnDelay .insideRightAside {
  width: 275px;
  gap: 20px;
}
.InterestOnDelay .total {
  width: 275px;
  gap: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--tt-neutral-300);
  margin-bottom: 18px;
}
.InterestOnDelay .totalContent {
  width: 275px;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 0%;
  color: var(--tt-primary);
  text-align: left;
}
.InterestOnDelay .totalAmount {
  width: 275px;
  border-radius: 4px;
  border-width: 1px;
  border: 1px solid var(--tt-secondary-info-30);
  margin-bottom: 18px;
}
.InterestOnDelay .insideTotalAmount {
  width: 275px;
  gap: 10px;
  padding: 12px;
  border-bottom-width: 1px;
}
.InterestOnDelay .insideTotalAmountText {
  width: 90px;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0%;
  color: var(--tt-primary);
  text-align: left;
}
.InterestOnDelay .totalAmountSecondPart {
  width: 275px;
}
.InterestOnDelay .totalAmountSecondPart1 {
  width: 275px;
  gap: 10px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
}
.InterestOnDelay .totalAmountSecondPartText {
  width: 10px;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 0%;
  color: var(--tt-text-basic);
}
.InterestOnDelay .totalDeductionUnder80DFrame {
  width: 275px;
  border-radius: 4px;
  border-width: 1px;
  margin-bottom: 20px;
  border: 1px solid var(--tt-secondary-info-30);
}
.InterestOnDelay .insideTotalDeductionUnder80DPart1 {
  width: 275px;
  gap: 10px;
  padding: 12px;
  border-bottom-width: 1px;
}
.InterestOnDelay .insideTotalDeductionUnder80DPart1Text {
  width: 251px;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0%;
  color: var(--tt-primary);
  text-align: left;
}
.InterestOnDelay .insideTotalDeductionUnder80DPart2 {
  width: 275px;
}
.InterestOnDelay .insideTotalDeductionUnder80DPart2Frame {
  width: 275px;
  gap: 10px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
}
.InterestOnDelay .insideTotalDeductionUnder80DPart2Text {
  width: 10px;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 0%;
  color: var(--tt-text-basic);
}
.InterestOnDelay .uniform-input,
.InterestOnDelay .form-select,
.InterestOnDelay .form-control {
  width: 100%;
  border: 1px solid var(--tt-neutral-400);
  background: var(--tt-neutral-100);
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 14px;
}
.InterestOnDelay .resetText {
  width: auto;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0%;
  text-transform: capitalize;
  color: var(--tt-primary);
  display: flex;
  justify-content: center;
  /* Aligns text horizontally inside the button */
  align-items: center;
  border: none;
  background: var(--tt-neutral-100);
}
.InterestOnDelay .custom-datepicker-late-fee {
  width: 100%;
  border: 1px solid var(--tt-neutral-400);
}
.InterestOnDelay .css-1uvydh2 {
  box-sizing: border-box;
}
.InterestOnDelay .error-message {
  color: var(--tt-error);
  margin-top: 4px;
}
.InterestOnDelay .tcswarning-disclaimer-button {
  border: 1px solid var(--tt-primary-600);
  background: var(--tt-neutral-100);
  border-radius: 4px;
  display: flex;
  padding-top: 4px;
  padding-bottom: 4px;
  gap: 12px;
  align-items: center;
  color: var(--tt-primary);
  height: fit-content;
}
.InterestOnDelay .tcswarning-disclaimer {
  display: flex;
  align-items: center;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  color: var(--tt-primary);
  cursor: pointer;
}
.InterestOnDelay select {
  color: var(--tt-text-basic);
}
.InterestOnDelay .row {
  margin: 0px;
}
.InterestOnDelay .col-md-6 {
  padding: 0px;
}
.InterestOnDelay .container-fluid {
  padding: 0px;
}
.InterestOnDelay .align-item-center {
  align-items: normal;
}
.InterestOnDelay .css-1bn53lx {
  color: var(--tt-text-basic);
}
.InterestOnDelay .css-1uvydh2::placeholder {
  color: var(--tt-text-basic);
}
.InterestOnDelay .css-vubbuv {
  color: var(--tt-primary);
}
.InterestOnDelay .fw {
  color: var(--tt-text-basic);
}
@media (min-width: 360px) and (max-width: 766px) {
  .InterestOnDelay {
    padding: 0px;
  }
  .InterestOnDelay .InterestOnDelay-container {
    flex-direction: column;
    width: 100%;
    padding: 0px 10px;
  }
  .InterestOnDelay .custom-element {
    flex-direction: column;
    width: 100%;
  }
  .InterestOnDelay .mb-3 {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .InterestOnDelay .InPageNotificationWeb {
    width: 100%;
  }
  .InterestOnDelay .Notification {
    width: 100%;
  }
  .InterestOnDelay .Note {
    width: 100%;
  }
  .InterestOnDelay .Notification1 {
    width: 100%;
  }
  .InterestOnDelay .rightAside {
    width: 100%;
  }
  .InterestOnDelay .insideRightAside {
    width: 100%;
  }
  .InterestOnDelay .total {
    width: 100%;
  }
  .InterestOnDelay .totalDeductionUnder80DFrame {
    width: 100%;
  }
  .InterestOnDelay .frame3 {
    width: 100%;
  }
  .InterestOnDelay .innerframe3 {
    width: 100%;
  }
  .InterestOnDelay .insideTotalDeductionUnder80DPart1Text {
    width: 100%;
  }
  .InterestOnDelay .insideTotalDeductionUnder80DPart1 {
    width: 100%;
  }
  .InterestOnDelay .annexures {
    width: 100%;
  }
  .InterestOnDelay .Frame3449 {
    flex-direction: column;
    gap: 8px;
  }
  .InterestOnDelay .accordians {
    width: 100%;
  }
  .InterestOnDelay .custom-tab-nav {
    flex-direction: column;
  }
  .InterestOnDelay .row {
    gap: 6px;
  }
  .InterestOnDelay .accordion-body {
    padding: 0px;
  }
}
@media (min-width: 767px) and (max-width: 990px) {
  .InterestOnDelay {
    padding: 0px;
  }
  .InterestOnDelay .InterestOnDelay-container {
    flex-direction: column;
    width: 100%;
    gap: 12px;
    padding: 0px 16px;
  }
  .InterestOnDelay .custom-element {
    width: 100%;
  }
  .InterestOnDelay .InPageNotificationWeb {
    width: 100%;
  }
  .InterestOnDelay .Notification {
    width: 100%;
  }
  .InterestOnDelay .Note {
    width: 100%;
  }
  .InterestOnDelay .Notification1 {
    width: 100%;
  }
  .InterestOnDelay .rightAside {
    width: 100%;
  }
  .InterestOnDelay .insideRightAside {
    width: 100%;
  }
  .InterestOnDelay .total {
    width: 100%;
  }
  .InterestOnDelay .totalDeductionUnder80DFrame {
    width: 100%;
  }
  .InterestOnDelay .frame3 {
    width: 100%;
  }
  .InterestOnDelay .innerframe3 {
    width: 100%;
  }
  .InterestOnDelay .insideTotalDeductionUnder80DPart1Text {
    width: 100%;
  }
  .InterestOnDelay .insideTotalDeductionUnder80DPart1 {
    width: 100%;
  }
  .InterestOnDelay .annexures {
    width: 100%;
  }
  .InterestOnDelay .accordians {
    width: 100%;
  }
  .InterestOnDelay .row {
    flex-wrap: nowrap;
  }
  .InterestOnDelay .accordion-body {
    padding: 0px;
  }
}
@media (min-width: 991px) and (max-width: 1365px) {
  .InterestOnDelay {
    padding: 0px;
  }
  .InterestOnDelay .InterestOnDelay-container {
    display: grid;
    grid-template-columns: 74% 25%;
    width: 100%;
    gap: 8px;
  }
  .InterestOnDelay .custom-element {
    width: 100%;
  }
  .InterestOnDelay .InPageNotificationWeb {
    width: 100%;
  }
  .InterestOnDelay .Notification {
    width: 100%;
  }
  .InterestOnDelay .Note {
    width: 100%;
  }
  .InterestOnDelay .Notification1 {
    width: 100%;
  }
  .InterestOnDelay .rightAside {
    width: 100%;
  }
  .InterestOnDelay .insideRightAside {
    width: 100%;
  }
  .InterestOnDelay .total {
    width: 100%;
  }
  .InterestOnDelay .totalDeductionUnder80DFrame {
    width: 100%;
  }
  .InterestOnDelay .frame3 {
    width: 100%;
  }
  .InterestOnDelay .innerframe3 {
    width: 100%;
  }
  .InterestOnDelay .insideTotalDeductionUnder80DPart1Text {
    width: 100%;
  }
  .InterestOnDelay .insideTotalDeductionUnder80DPart1 {
    width: 100%;
  }
  .InterestOnDelay .annexures {
    width: 100%;
  }
  .InterestOnDelay .accordians {
    width: 100%;
  }
  .InterestOnDelay .row {
    flex-wrap: nowrap;
  }
  .InterestOnDelay .accordion-body {
    padding: 0px;
  }
}

.Interst--free-loan-calculator {
  /* Outer circle - default state */
  /* Outer circle - checked state */
  /* Inner circle - only visible when checked */
  /* Inner circle - visible when checked */
  /* Control (main input box) */
  /* Selected value text */
  /* Dropdown option text */
  /* Option hover/focus */
  /* Option selected */
  /* Placeholder text */
  /* Dropdown indicator (arrow) */
  /* Remove border on focus */
  /* Ensure text inputs don't show spinner */
}
.Interst--free-loan-calculator .section-title20 {
  font-size: 24px;
  color: var(--tt-primary);
  font-weight: 700;
  margin-bottom: 16px;
}
.Interst--free-loan-calculator input:required:focus {
  border: 1px solid var(--tt-primary-600);
  outline: 2px solid var(--tt-secondary);
  outline-offset: 0px;
}
.Interst--free-loan-calculator button:focus-visible {
  outline-offset: 0.125rem;
  box-shadow: unset;
}
.Interst--free-loan-calculator input:required:focus {
  border: 1px solid var(--tt-primary-600);
  outline: 2px solid var(--tt-secondary);
  outline-offset: 0px;
}
.Interst--free-loan-calculator .section-actions20 {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
}
.Interst--free-loan-calculator .text-start {
  color: var(--tt-text-basic);
}
.Interst--free-loan-calculator .button-group {
  margin-bottom: 8px;
}
.Interst--free-loan-calculator .label-gross-income {
  color: var(--tt-text-basic);
}
.Interst--free-loan-calculator .section-header20 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 8px;
}
@media (max-width: 1199px) {
  .Interst--free-loan-calculator .section-header20 {
    gap: 14px;
    flex-wrap: wrap;
  }
}
@media (max-width: 991px) {
  .Interst--free-loan-calculator .section-header20 {
    gap: 12px;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 767px) {
  .Interst--free-loan-calculator .section-header20 {
    gap: 10px;
    flex-direction: column;
    align-items: stretch;
    margin-bottom: 4px;
  }
}
@media (max-width: 360px) {
  .Interst--free-loan-calculator .section-header20 {
    display: flex;
    align-items: center;
    align-content: center;
    gap: 1.25rem 1rem;
    align-self: stretch;
    flex-wrap: wrap;
  }
}
.Interst--free-loan-calculator .section-title-wrapper20 {
  width: 599px;
}
@media (max-width: 1199px) {
  .Interst--free-loan-calculator .section-title-wrapper20 {
    width: 100%;
    max-width: 599px;
  }
}
@media (max-width: 991px) {
  .Interst--free-loan-calculator .section-title-wrapper20 {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .Interst--free-loan-calculator .section-title-wrapper20 {
    width: 100%;
  }
}
@media (max-width: 360px) {
  .Interst--free-loan-calculator .section-title-wrapper20 {
    width: 100%;
    flex: 1 1 100%;
  }
}
.Interst--free-loan-calculator .section-actions20 {
  display: flex;
  gap: 8px;
  align-items: center;
}
@media (max-width: 991px) {
  .Interst--free-loan-calculator .section-actions20 {
    width: 100%;
    justify-content: space-between;
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .Interst--free-loan-calculator .section-actions20 {
    gap: 70px;
    align-items: stretch;
  }
}
@media (max-width: 360px) {
  .Interst--free-loan-calculator .section-actions20 {
    flex: 1 1 100%;
    gap: 8px;
    flex-direction: row;
  }
}
.Interst--free-loan-calculator .interest-free-loan-main-container {
  width: 75%;
  max-width: 100%;
}
@media (max-width: 1199px) {
  .Interst--free-loan-calculator .interest-free-loan-main-container {
    width: 85%;
  }
}
@media (max-width: 991px) {
  .Interst--free-loan-calculator .interest-free-loan-main-container {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .Interst--free-loan-calculator .interest-free-loan-main-container {
    width: 100%;
  }
}
@media (max-width: 360px) {
  .Interst--free-loan-calculator .interest-free-loan-main-container {
    width: 100%;
  }
}
.Interst--free-loan-calculator .custom-inline-error-text {
  color: var(--tt-error);
  font-size: 14px;
  line-height: 20px;
  display: flex;
  justify-content: end;
  /* margin-right: 217px; */
  margin-top: -13px;
  margin-right: 67px;
}
.Interst--free-loan-calculator .custom-inline-error {
  margin-bottom: 16px;
}
.Interst--free-loan-calculator .section-title-wrapper20 {
  max-width: 599px;
}
.Interst--free-loan-calculator .form-control.empty {
  border: 1px solid var(--tt-error);
}
.Interst--free-loan-calculator .form-control.filled {
  border: 1px solid var(--tt-secondary-info-30);
}
.Interst--free-loan-calculator .form-control.error {
  border: 1px solid var(--tt-error) !important;
}
.Interst--free-loan-calculator select.form-label.uniform-input20 {
  width: inherit;
  height: 37px;
  border-radius: 4px;
  border: 1px solid var(--tt-text-basic);
}
.Interst--free-loan-calculator button.custom-btn.custom-btn-tertiary20 {
  background: var(--tt-neutral-100);
  font-weight: 400;
  font-size: 16px;
  border: none;
  border-radius: 4px;
  padding: 3px 21px 4px 21px;
  color: var(--tt-primary);
  /* Button/Button - Medium */
  font-size: var(--font-size-s-2-b-2, 0.875rem);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-For-Font-Size---14, 1.3125rem);
  /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
  text-transform: capitalize;
}
.Interst--free-loan-calculator thead.table-light20 {
  background: var(--tt-primary-bg-stroke-5);
}
.Interst--free-loan-calculator .warning-disclaimer-button20 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  color: var(--tt-primary);
  font-size: var(--font-size-s-2-b-2, 0.875rem);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-For-Font-Size---14, 1.3125rem);
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
  text-transform: capitalize;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-primary);
  background: var(--tt-neutral-100);
  cursor: pointer;
}
@media (max-width: 767px) {
  .Interst--free-loan-calculator .warning-disclaimer-button20 {
    padding: 4px 8px;
    font-size: 0.8rem;
    gap: 4px;
    justify-content: center;
  }
}
@media (max-width: 360px) {
  .Interst--free-loan-calculator .warning-disclaimer-button20 {
    padding: 4px 6px;
    font-size: 0.75rem;
    min-height: 32px;
  }
}
@media (max-width: 767px) {
  .Interst--free-loan-calculator .mandatory-note {
    text-align: center;
  }
}
@media (max-width: 360px) {
  .Interst--free-loan-calculator .mandatory-note {
    width: 100%;
    text-align: left;
  }
}
.Interst--free-loan-calculator .mandatory-note .note-text {
  font-size: 14px;
  color: var(--contrast-dark);
  /* Body/B3 (S) - Italic */
  font-size: var(--font-size-s-3-b-3, 0.75rem);
  font-style: italic;
  font-weight: 400;
  line-height: var(--Line-Height-For-Font-Size---12, 1.125rem);
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
@media (max-width: 767px) {
  .Interst--free-loan-calculator .mandatory-note .note-text {
    font-size: 13px;
  }
}
@media (max-width: 360px) {
  .Interst--free-loan-calculator .mandatory-note .note-text {
    font-size: 12px;
  }
}
.Interst--free-loan-calculator input.form-control.uniform-input20-tab {
  border-radius: 4px;
  cursor: not-allowed;
  color: var(--tt-text-basic);
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-300);
  background: var(--tt-neutral-10);
}
@media (max-width: 767.98px) {
  .Interst--free-loan-calculator .w-100 .uniform-input20 {
    width: 100% !important;
    max-width: 100%;
  }
  .Interst--free-loan-calculator .w-100 .form-label-custom20 {
    margin-bottom: 0.5rem;
  }
}
.Interst--free-loan-calculator .form-label-custom20 {
  font-weight: 400;
  color: var(--tt-text-basic);
  /* Body/B3 (S) - Regular */
  font-size: var(--font-size-s-3-b-3, 0.75rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-For-Font-Size---12, 1.125rem);
  /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
.Interst--free-loan-calculator .icon {
  width: 1.25rem;
  height: 1.25rem;
  color: var(--tt-primary);
}
.Interst--free-loan-calculator .etds-concession-heading {
  color: var(--tt-text-basic);
  text-align: center;
  /* Subheading/S3 (S) - Medium */
  font-size: var(--font-size-s-3-b-3, 0.75rem);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-For-Font-Size---12, 1.125rem);
  /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
.Interst--free-loan-calculator .note-text20 {
  margin-top: 16px;
  margin-bottom: 8px;
  margin-left: 15px;
  margin-right: 18px;
}
.Interst--free-loan-calculator .card-body {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.Interst--free-loan-calculator .custom-section {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.Interst--free-loan-calculator .custom-section .custom-label {
  font-size: 14px;
  font-weight: 400;
  color: var(--tt-primary);
}
.Interst--free-loan-calculator .custom-section .custom-display-box {
  height: 78px;
  width: 100%;
  max-width: 275px;
  border: 1px solid var(--tt-secondary-info-30);
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  background: var(--tt-neutral-100);
  color: var(--tt-text-basic);
  max-width: 100%;
}
.Interst--free-loan-calculator .total-title20 {
  color: var(--tt-primary);
  padding-bottom: 10px;
  margin-bottom: 20px;
  font-size: 1.25rem;
  font-weight: 600;
}
.Interst--free-loan-calculator .cancel-error-container {
  display: flex;
  align-items: center;
  gap: 8px;
  /* spacing between image and text */
}
.Interst--free-loan-calculator .cancel-image {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  /* circular */
  padding: 2px;
}
.Interst--free-loan-calculator .form-check-input20 {
  gap: 8px;
  margin-right: 8px;
}
.Interst--free-loan-calculator select.form-select.uniform-input20 {
  width: 100%;
  height: 37px;
  border-radius: 5px;
}
.Interst--free-loan-calculator .custom-inline-error-text18 {
  color: var(--tt-error);
  font-size: 14px;
  line-height: 20px;
  display: flex;
  margin-top: -10px;
}
@media (max-width: 767px) {
  .Interst--free-loan-calculator .custom-inline-error-text18 {
    margin-right: 0px;
  }
}
.Interst--free-loan-calculator .custom-radio-label {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  opacity: 1;
}
.Interst--free-loan-calculator .custom-radio-label:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.Interst--free-loan-calculator .total-title {
  color: var(--tt-primary);
  padding-bottom: 10px;
  margin-bottom: 20px;
  font-size: 1.25rem;
  font-weight: 600;
}
.Interst--free-loan-calculator input#loan-medical20 {
  align-items: center;
  margin-top: -3px;
  margin-right: 6px;
}
.Interst--free-loan-calculator .button-radio20 {
  gap: 8px;
}
.Interst--free-loan-calculator .col-md-6.d-flex.align-items-center.gap-radio {
  gap: 8px;
}
.Interst--free-loan-calculator input#loan-other20 {
  gap: 8px;
  margin-right: 8px;
}
.Interst--free-loan-calculator span.note-text {
  font-size: 14px;
}
.Interst--free-loan-calculator span.note-text {
  font-size: 14px;
}
.Interst--free-loan-calculator .spacer-20 {
  margin-right: 24px;
}
.Interst--free-loan-calculator .consession-in-page-notification {
  width: 100%;
  height: 100%;
  padding: 12px;
  border-radius: 4px;
  /* outline: 1px solid var(--Danger-300, #E88C73); */
  /* outline-offset: -1px; */
  display: inline-flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  /* background: background: var(--secondary-info-500-default, #076BCF); */
  border-radius: 0.25rem;
  border: 1px solid var(--secondary-300);
  background: var(--tt-secondary-info-bg5);
  margin-left: 4px;
}
.Interst--free-loan-calculator .form-row-wrapper.row.mb-3.align-items-center {
  margin: 0;
}
.Interst--free-loan-calculator .consession-cancel {
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}
.Interst--free-loan-calculator .consession-vector-bg {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.87;
}
.Interst--free-loan-calculator .consession-vector-icon {
  width: 16.67px;
  height: 16.67px;
  position: absolute;
  left: 1.67px;
  top: 1.67px;
}
.Interst--free-loan-calculator .consession-notification {
  flex: 1 1 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.Interst--free-loan-calculator .consession-error-text {
  flex: 1 1 0;
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.12px;
  color: var(--tt-secondary);
}
.Interst--free-loan-calculator .consession-error-title {
  font-weight: 700;
  margin-right: 4px;
}
.Interst--free-loan-calculator .consession-error-message {
  font-weight: 400;
}
.Interst--free-loan-calculator .interest-free-loan-main-box {
  background: var(--tt-secondary-info-bg2);
}
.Interst--free-loan-calculator .card-interest-free-loan {
  border-radius: 0.25rem;
  border: 1px solid var(--tt-secondary-info-30);
  padding: 8px;
  background: var(--tt-neutral-100);
}
.Interst--free-loan-calculator .etds-result-interest-free-loan {
  background: var(--tt-neutral-100);
  /* Card - Drop shadow */
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
}
.Interst--free-loan-calculator .etds-result-interest-card-body {
  padding: 24px;
}
.Interst--free-loan-calculator .row.d-flex {
  margin: 0;
}
.Interst--free-loan-calculator .form-group.row.align-items-center {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 1rem;
  gap: 8px;
}
@media (max-width: 991px) {
  .Interst--free-loan-calculator .form-group.row.align-items-center {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .Interst--free-loan-calculator .form-group.row.align-items-center {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    margin: 0;
  }
}
@media (max-width: 480px) {
  .Interst--free-loan-calculator .form-group.row.align-items-center {
    gap: 6px;
    margin-bottom: 0.75rem;
  }
}
@media (max-width: 360px) {
  .Interst--free-loan-calculator .form-group.row.align-items-center {
    gap: 4px;
    margin-bottom: 0.5rem;
  }
}
.Interst--free-loan-calculator .form-label-custom20.col-md-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
  padding-right: 15px;
}
@media (max-width: 991px) {
  .Interst--free-loan-calculator .form-label-custom20.col-md-7 {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 0;
    margin-bottom: 0.25rem;
  }
}
@media (max-width: 767px) {
  .Interst--free-loan-calculator .form-label-custom20.col-md-7 {
    flex: 0 0 100%;
    max-width: 100%;
    font-size: 0.8rem;
  }
}
@media (max-width: 480px) {
  .Interst--free-loan-calculator .form-label-custom20.col-md-7 {
    font-size: 0.75rem;
  }
}
.Interst--free-loan-calculator .col-md-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%;
  padding-left: 15px;
}
@media (max-width: 991px) {
  .Interst--free-loan-calculator .col-md-5 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .Interst--free-loan-calculator .col-md-5 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 8px;
  }
}
.Interst--free-loan-calculator .uniform-input20 {
  width: 100%;
  min-height: 37px;
  border-radius: 4px;
  border: 1px solid var(--tt-neutral-400);
  background: var(--tt-neutral-100);
  padding: 8px 12px;
  font-size: 14px;
  color: var(--tt-text-basic);
  transition: all 0.2s ease;
  display: flex;
  max-width: 22.84375rem;
  /* flex-direction: column; */
  align-items: flex-start;
  gap: 0.5rem;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-400);
  background: var(--tt-neutral-100);
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px 12px;
}
.Interst--free-loan-calculator .uniform-input20:focus {
  background: var(--tt-neutral-100) !important;
  border-color: var(--tt-primary);
  outline: none;
}
.Interst--free-loan-calculator .uniform-input20:hover {
  border-color: var(--tt-primary);
  background: var(--tt-neutral-100) !important;
}
@media (max-width: 767px) {
  .Interst--free-loan-calculator .uniform-input20 {
    height: 36px;
    font-size: 13px;
    padding: 6px 10px;
  }
}
@media (max-width: 480px) {
  .Interst--free-loan-calculator .uniform-input20 {
    height: 34px;
    font-size: 12px;
    padding: 5px 8px;
  }
}
@media (max-width: 360px) {
  .Interst--free-loan-calculator .uniform-input20 {
    height: 32px;
    font-size: 11px;
    padding: 4px 6px;
  }
}
.Interst--free-loan-calculator .uniform-input20 option {
  background: var(--tt-neutral-100) !important;
  color: var(--tt-text-basic);
  padding: 8px;
}
.Interst--free-loan-calculator .uniform-input20 option:hover {
  background: var(--tt-primary-bg-stroke-5) !important;
}
.Interst--free-loan-calculator .uniform-input20 option:checked {
  background: var(--tt-primary) !important;
  color: var(--tt-neutral-100);
}
.Interst--free-loan-calculator .form-select.uniform-input20:not([multiple]):not([size]) {
  background-color: var(--tt-neutral-100) !important;
}
.Interst--free-loan-calculator .custom-radio-icon {
  min-width: 24px;
  min-height: 24px;
}
.Interst--free-loan-calculator .custom-radio-icon .radio-outer-circle {
  fill: var(--neutral-light);
}
.Interst--free-loan-calculator .custom-radio-input:checked + .custom-radio-label .custom-radio-icon .radio-outer-circle {
  fill: var(--tt-secondary);
}
.Interst--free-loan-calculator .custom-radio-icon .radio-inner-circle {
  fill: var(--tt-secondary);
  display: none;
}
.Interst--free-loan-calculator .custom-radio-input:checked + .custom-radio-label .custom-radio-icon .radio-inner-circle {
  display: block;
}
@media (min-width: 1272px) {
  .Interst--free-loan-calculator {
    display: flex;
    justify-content: center;
    max-width: fit-content;
  }
}
.Interst--free-loan-calculator tbody {
  background: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}
.Interst--free-loan-calculator .uniform-input20__control {
  background-color: var(--tt-neutral-100) !important;
  border-color: var(--tt-neutral-300) !important;
  min-height: 38px;
  box-shadow: none !important;
}
.Interst--free-loan-calculator .uniform-input20__single-value {
  color: var(--tt-text-basic) !important;
}
.Interst--free-loan-calculator .uniform-input20__option {
  color: var(--tt-text-basic) !important;
  background-color: var(--tt-neutral-100) !important;
}
.Interst--free-loan-calculator .uniform-input20__option--is-focused {
  background-color: var(--tt-primary-varient-3) !important;
  color: var(--tt-text-basic-focus) !important;
  border: 1px solid var(--tt-secondary);
}
.Interst--free-loan-calculator .uniform-input20__option--is-selected {
  background-color: var(--tt-secondary) !important;
  color: var(--tt-text-basic-hover) !important;
}
.Interst--free-loan-calculator .uniform-input20__placeholder {
  color: var(--tt-neutral-400) !important;
}
.Interst--free-loan-calculator .uniform-input20__indicator {
  color: var(--tt-neutral-600) !important;
}
.Interst--free-loan-calculator .uniform-input20__control--is-focused {
  border-color: var(--tt-primary-500) !important;
  box-shadow: 0 0 0 1px var(--tt-primary-500) !important;
  background-color: var(--tt-primary);
}
.Interst--free-loan-calculator .uniform-input20-tab-edit {
  border-radius: 4px;
  color: var(--tt-text-basic);
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-300);
  background: var(--tt-neutral-100);
}
.Interst--free-loan-calculator input[type=text]::-webkit-outer-spin-button,
.Interst--free-loan-calculator input[type=text]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.Period-Of-Holding {
  display: flex;
  flex-wrap: wrap;
  margin-left: 4px;
  margin-right: 1px;
  gap: 24px;
  justify-content: center;
}
.Period-Of-Holding .zest {
  width: 828px;
}
.Period-Of-Holding .text-blue {
  color: rgb(42, 58, 141);
}
.Period-Of-Holding .big-label {
  font-weight: 600;
  font-size: 1rem;
  margin-bottom: 0.5rem;
  display: inline-block;
}
.Period-Of-Holding .disclaimer-btn {
  background-color: transparent;
  border: 1px solid rgb(42, 58, 141);
  color: rgb(42, 58, 141);
  padding: 0.375rem 0.75rem;
  font-size: 0.9rem;
  border-radius: 0.25rem;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.Period-Of-Holding .disclaimer-btn:hover, .Period-Of-Holding .disclaimer-btn:focus {
  background-color: rgb(42, 58, 141);
  color: white;
  outline: none;
}
.Period-Of-Holding .custom-btn {
  padding: 0.5rem 1.25rem;
  font-weight: 600;
  border-radius: 0.3rem;
  cursor: pointer;
  border: none;
  transition: background-color 0.3s ease;
}
.Period-Of-Holding .custom-btn.custom-btn-tertiary {
  background-color: var(--tt-neutral-100);
  color: var(--tt-primary);
  border: none;
}
.Period-Of-Holding .row > [class*=col-] {
  margin-bottom: 1rem;
}
.Period-Of-Holding .section-title {
  color: var(--tt-primary);
}
.Period-Of-Holding .labels-row {
  margin-bottom: 8px;
}
.Period-Of-Holding .inputs-row {
  margin-bottom: 1.5rem;
}
.Period-Of-Holding .button-group {
  display: flex;
  justify-content: flex-start;
}
.Period-Of-Holding .card {
  border-radius: 0.5rem;
  border: 1px solid #e0e0e0;
}
.Period-Of-Holding .form-control {
  padding: 0.5rem 0.75rem;
  border: 1px solid #ced4da;
  border-radius: 4px;
  font-size: 1rem;
  width: 100%;
}
.Period-Of-Holding .input-437 {
  max-width: 437px;
  width: 100%;
}
.Period-Of-Holding .form-group label {
  font-weight: 600;
}
.Period-Of-Holding .form-check-label, .Period-Of-Holding .form-check-input {
  cursor: pointer;
}
.Period-Of-Holding .col-md-6.left-right {
  display: flex;
  justify-content: end;
  align-self: flex-end;
}
.Period-Of-Holding .d-flex.gap-3 > * + * {
  margin-left: 1rem;
}
.Period-Of-Holding .text-danger {
  color: #dc3545 !important;
}
.Period-Of-Holding .ErrorText {
  color: #B3261D;
  font-size: 12px;
  font-family: "Noto Sans", sans-serif;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.12px;
  margin-bottom: 15px;
  word-wrap: break-word;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.Period-Of-Holding .custom-inline-error {
  background-color: #f8d7da;
  border: 1px solid #f5c6cb;
  color: #721c24;
  border-radius: 4px;
  padding: 10px 12px;
  margin-top: 8px;
  font-size: 0.875rem;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.Period-Of-Holding .custom-inline-error .cancel-error-container {
  display: flex;
  align-items: flex-start;
}
.Period-Of-Holding .custom-inline-error .cancel-error-container .cancel-image {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  margin-top: 2px;
}
.Period-Of-Holding .custom-inline-error .cancel-error-container .custom-inline-error-text {
  line-height: 1.4;
}
.Period-Of-Holding .pane.left-pane {
  width: 1249px;
  margin-left: 201px;
  margin-top: 16px;
  gap: 24px;
}
.Period-Of-Holding select#assessmentYear17 {
  padding: 0.5rem 0.75rem;
  border: 1px solid #ced4da;
  border-radius: 4px;
  font-size: 1rem;
  width: 100%;
}
.Period-Of-Holding select#assetType17 {
  padding: 0.5rem 0.75rem;
  border: 1px solid #ced4da;
  border-radius: 4px;
  font-size: 1rem;
  width: 100%;
}
.Period-Of-Holding .custom-card17 {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  padding: 16px;
}
.Period-Of-Holding .custom-card17 .custom-section17 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.Period-Of-Holding .custom-card17 .custom-section17 .custom-label17 {
  font-size: 14px;
  font-weight: 700;
  color: #2A3A8D;
}
.Period-Of-Holding .custom-display-box {
  font-size: 14px;
  height: 71px;
  padding: 8px 12px;
  border-radius: 4px;
  border: 1px solid rgb(181, 211, 241);
  color: #1C1D1F;
  background-color: #f9f9f9;
}
.Period-Of-Holding .section-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 24px;
}
.Period-Of-Holding .section-header .section-title-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
}
.Period-Of-Holding .section-header .section-title-wrapper .section-title {
  color: var(--tt-primary);
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0.12px;
  margin: 0;
}
.Period-Of-Holding .section-header .section-title-wrapper .info-tooltip {
  width: 18px;
  height: 18px;
}
.Period-Of-Holding .section-header .section-title-wrapper .info-tooltip img {
  width: 100%;
  height: 100%;
}
.Period-Of-Holding .section-header .section-actions {
  display: flex;
  align-items: center;
  gap: 32px;
}
.Period-Of-Holding .section-header .section-actions .mandatory-note {
  font-size: 12px;
  font-style: italic;
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.Period-Of-Holding .section-header .section-actions .mandatory-note .text-danger {
  color: var(--tt-error);
}
.Period-Of-Holding .section-header .section-actions .mandatory-note .note-text {
  color: var(--tt-neutral-1000);
}
.Period-Of-Holding .section-header .section-actions .warning-disclaimer-button {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  min-width: 72px;
  padding: 4px 12px;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-primary);
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  color: var(--tt-primary);
  cursor: pointer;
}
.Period-Of-Holding .section-header .section-actions .warning-disclaimer-button .icon {
  width: 20px;
  height: 20px;
}
.Period-Of-Holding .section-header .section-actions .warning-disclaimer-button span {
  text-transform: capitalize;
}
.Period-Of-Holding .Period-Of-Holding.row17 {
  display: flex;
  flex-wrap: wrap;
  margin-left: 4px;
  margin-right: 1px;
}
.Period-Of-Holding .right.right-pane17 {
  width: 238px;
}
.Period-Of-Holding .row17 {
  display: flex;
  flex-wrap: wrap;
  margin-left: 4px;
  margin-right: 1px;
}
.Period-Of-Holding .securities-label-wrapper {
  margin-bottom: 12px;
  text-align: left;
}
.Period-Of-Holding .securities-label {
  font-size: 1rem;
  font-weight: 600;
}
.Period-Of-Holding .securities-radio-container {
  display: flex; /* center horizontally */
  gap: 80px; /* space between radio buttons */
  margin-bottom: 24px;
}
.Period-Of-Holding .securities-radio-option {
  display: flex;
  align-items: center; /* vertical align */
  gap: 8px; /* space between radio and label */
  font-size: 16px;
  cursor: pointer;
}
.Period-Of-Holding input#securitiesYes, .Period-Of-Holding input#securitiesNo {
  height: 18px;
  width: 18px;
}
.Period-Of-Holding .date-picker {
  margin-left: -11px;
}
.Period-Of-Holding .mandatory-star {
  color: var(--tt-error);
}
.Period-Of-Holding .result-leave-salary {
  margin-top: 20px;
  border-radius: 5px;
  border: 1px solid var(--tt-secondary-info-30);
  width: 100%;
  height: 91px;
}
.Period-Of-Holding .result-header {
  color: var(--tt-primary);
  padding-bottom: 8px;
  border-bottom: 2px solid var(--tt-neutral-300);
  font-size: 24px;
  font-weight: 700;
}
.Period-Of-Holding .result-section {
  width: 100%;
}
.Period-Of-Holding .result-service-period {
  font-weight: 700;
  margin: 25px 0 0 10px;
  font-size: 20px;
  height: 30px;
}
.Period-Of-Holding .label-calculation-service-period {
  margin: 10px 0 0 10px;
  font-weight: 500;
  font-size: 14px;
  color: var(--tt-primary);
}
.Period-Of-Holding .card-body {
  background-color: var(--tt-neutral-100);
}
.Period-Of-Holding .right-panel-poh {
  width: 400px;
  position: sticky;
  top: 1rem;
  align-self: flex-start;
  margin-left: 10px;
}
.Period-Of-Holding .section-actions {
  display: flex;
  align-items: center;
  gap: 32px;
}
.Period-Of-Holding .section-actions .mandatory-note {
  font-size: 12px;
  font-style: italic;
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.Period-Of-Holding .section-actions .mandatory-note .text-danger {
  color: var(--tt-error);
}
.Period-Of-Holding .section-actions .mandatory-note .note-text {
  color: var(--tt-neutral-1000);
  margin-top: auto;
}
.Period-Of-Holding .section-actions .no-spinner {
  -moz-appearance: textfield;
}
.Period-Of-Holding .section-actions .no-spinner::-webkit-outer-spin-button, .Period-Of-Holding .section-actions .no-spinner::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.Period-Of-Holding .section-actions .warning-disclaimer-button {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  min-width: 72px;
  padding: 4px 12px;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-primary);
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  color: var(--tt-primary);
  cursor: pointer;
}
.Period-Of-Holding .section-actions .warning-disclaimer-button .icon {
  width: 20px;
  height: 20px;
}
.Period-Of-Holding .section-actions .warning-disclaimer-button span {
  text-transform: capitalize;
}
@media (max-width: 768px) and (min-width: 320px) {
  .Period-Of-Holding .field-group {
    flex-direction: column;
  }
  .Period-Of-Holding .form-select {
    width: 100%;
  }
  .Period-Of-Holding .col-form-label {
    min-width: 100%;
  }
  .Period-Of-Holding .d-flex.justify-content-end.select-section {
    width: 100%;
  }
  .Period-Of-Holding .d-flex.justify-content-end.select-section-compute {
    width: max-content;
    margin-left: 11px;
    margin-top: 6px;
  }
  .Period-Of-Holding .col {
    width: none;
    flex-basis: none;
    flex-grow: 1;
    max-width: 100%;
  }
  .Period-Of-Holding .zest {
    width: 100%;
  }
  .Period-Of-Holding .section-header {
    flex-direction: column;
    align-items: start;
  }
}
.Period-Of-Holding .custom-datepicker-late-fee {
  width: 460px;
}
.Period-Of-Holding .css-i44wyl {
  border-radius: 4px;
  color: var(--tt-text-basic);
  width: 107%;
}
.Period-Of-Holding .css-1bn53lx {
  color: var(--tt-text-basic);
  border: 1px solid var(--tt-text-basic);
}
.Period-Of-Holding .css-1uvydh2::placeholder {
  color: var(--tt-text-basic);
}
.Period-Of-Holding .css-vubbuv {
  color: var(--tt-primary);
}
.Period-Of-Holding .css-1uvydh2 {
  box-sizing: border-box;
}
.Period-Of-Holding .result-h3 {
  color: var(--tt-primary);
  padding-bottom: 8px;
  border-bottom: 2px solid var(--tt-neutral-300);
  width: 100%;
  font-size: 20px;
  font-weight: 700;
}
.Period-Of-Holding .result-container {
  background: var(--tt-neutral-100);
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
  margin: 0px;
}
.Period-Of-Holding .result1 {
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
  height: fit-content;
  padding: 0px;
}
.Period-Of-Holding .result-card {
  width: 100%;
  border-radius: 4px;
  border: 1px solid var(--tt-secondary-info-30);
  display: flex;
  flex-direction: column;
  background: var(--tt-neutral-100);
}
.Period-Of-Holding .result-card:focus-visible {
  outline: 0.125rem solid var(--tt-primary-varient-9);
  outline-offset: 0.125rem;
  box-shadow: unset;
}
.Period-Of-Holding .result-card-header {
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.Period-Of-Holding .result-card-title {
  color: var(--tt-primary);
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0.12px;
}
.Period-Of-Holding .result-card-value-wrapper {
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.Period-Of-Holding .result-card-value {
  font-size: 20px;
  font-weight: 700;
  color: var(--tt-text-basic);
  line-height: 30px;
  letter-spacing: 0.12px;
}
@media (min-width: 320px) and (max-width: 768px) {
  .Period-Of-Holding .note-box {
    height: 70px;
  }
  .Period-Of-Holding .result1 {
    margin-left: 30px;
    margin-right: 27px;
  }
}
.Period-Of-Holding .date-picker {
  z-index: 0;
}

.etds-rent-free-accomodation-code {
  /* For Chrome, Safari, Edge - remove arrows */
}
.etds-rent-free-accomodation-code .row {
  display: flex;
  font-size: 12px;
}
.etds-rent-free-accomodation-code .row .mandatory-star {
  color: red;
}
.etds-rent-free-accomodation-code .btn-calculate,
.etds-rent-free-accomodation-code .btn-reset {
  width: 95px;
  height: 36px;
  min-width: 84px;
  font-size: 12px;
  border-radius: 4px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
}
.etds-rent-free-accomodation-code .btn-calculate:hover,
.etds-rent-free-accomodation-code .btn-reset:hover {
  background-color: #000058;
  color: white;
}
.etds-rent-free-accomodation-code span.text-danger35 {
  color: red;
}
.etds-rent-free-accomodation-code .border-red {
  border: 1.5px solid #dc3545 !important;
}
.etds-rent-free-accomodation-code .btn-calculate {
  background-color: #00008b;
  border: 1px solid #00008b;
  color: white;
}
.etds-rent-free-accomodation-code .btn-reset {
  background-color: white;
  border: 1px solid #00008b;
  color: #00008b;
}
.etds-rent-free-accomodation-code .btn-reset:hover {
  background-color: white;
  color: #00008b;
}
.etds-rent-free-accomodation-code .section-header-wrapper35 {
  padding: 20px;
}
.etds-rent-free-accomodation-code .section-header,
.etds-rent-free-accomodation-code .section-header35 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 24px;
}
.etds-rent-free-accomodation-code .section-title-wrapper,
.etds-rent-free-accomodation-code .section-title-wrapper35 {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
}
.etds-rent-free-accomodation-code .section-title,
.etds-rent-free-accomodation-code .section-title35 {
  font-size: 24px;
  font-weight: 700;
  margin: 0;
  line-height: 36px;
  letter-spacing: 0.12px;
  color: #2a3a8d;
  margin-left: -24px;
}
.etds-rent-free-accomodation-code .section-actions,
.etds-rent-free-accomodation-code .section-actions35 {
  display: flex;
  align-items: center;
  gap: 20px;
}
.etds-rent-free-accomodation-code .mandatory-note,
.etds-rent-free-accomodation-code .mandatory-note35 {
  font-style: italic;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
}
.etds-rent-free-accomodation-code .mandatory-note35 {
  font-size: 14px;
  gap: 8px;
}
.etds-rent-free-accomodation-code .mandatory-note .text-danger,
.etds-rent-free-accomodation-code .mandatory-note35 .text-danger {
  color: #b3261d;
  font-weight: bold;
  margin-right: 4px;
}
.etds-rent-free-accomodation-code .note-text,
.etds-rent-free-accomodation-code .note-text35 {
  color: #4e5056;
}
.etds-rent-free-accomodation-code .note-text35 {
  color: #333;
}
.etds-rent-free-accomodation-code .warning-disclaimer-button {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  padding: 4px 12px;
  background: #fff;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  border: 1px solid #2a3a8d;
  color: #2a3a8d;
}
.etds-rent-free-accomodation-code .warning-disclaimer-button.warning-disclaimer-button--alt {
  height: 30px;
  padding: 4px 12px;
  font-size: 13px;
  border: 1px solid #f5c002;
  background-color: #fff8e1;
  color: #856404;
  gap: 4px;
}
.etds-rent-free-accomodation-code .warning-disclaimer-button .icon {
  width: 20px;
  height: 20px;
}
.etds-rent-free-accomodation-code .warning-disclaimer-button span {
  text-transform: capitalize;
}
.etds-rent-free-accomodation-code .custom-display-box {
  height: 78px;
  width: 100%;
  max-width: 275px;
  border: 1px solid #a6d1fc;
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  background: white;
}
.etds-rent-free-accomodation-code input[type=number] {
  -moz-appearance: textfield; /* Firefox */
  -webkit-appearance: none; /* Chrome, Safari, Edge */
  appearance: none; /* Standard */
}
.etds-rent-free-accomodation-code input[type=number]::-webkit-outer-spin-button,
.etds-rent-free-accomodation-code input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.etds-rent-free-accomodation-code .form-check-input {
  width: 16px;
  height: 16px;
  border: 1px solid #076bcf;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  margin: 0;
}
.etds-rent-free-accomodation-code .form-check-input:checked::before {
  border-radius: 50%;
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 8px;
  height: 8px;
}
.etds-rent-free-accomodation-code .input-box {
  display: flex;
  align-items: center;
  padding: 1px 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: auto;
  max-width: 400px;
  background-color: #f9f9f9;
}
.etds-rent-free-accomodation-code .custom-radio-row {
  display: flex;
  flex-direction: row;
  gap: 148px;
  margin-top: 8px;
  align-items: center;
}
.etds-rent-free-accomodation-code .note-box {
  background: #f3f7fd;
  border: 1px solid #60a0e0;
  border-radius: 4px;
  padding: 12px;
  font-size: 14px;
  color: #076bcf;
  margin-top: 16px;
}
.etds-rent-free-accomodation-code .note-box .note-text {
  margin: 0;
}
.etds-rent-free-accomodation-code .note-box .note-text strong {
  font-weight: 700;
}
.etds-rent-free-accomodation-code .note-box .note-text p {
  margin: 6px 0 0;
  font-weight: 400;
  color: #076bcf;
}
.etds-rent-free-accomodation-code .custom-form-group {
  display: flex;
  gap: 148px;
}
.etds-rent-free-accomodation-code .custom-form-group .custom-label {
  font-weight: 400;
  font-size: 1rem;
  color: #1c1d1f;
}
.etds-rent-free-accomodation-code .custom-form-group .custom-radio-group {
  margin-bottom: -15px;
}
.etds-rent-free-accomodation-code .custom-form-group .custom-radio-label input {
  margin-bottom: 0;
  gap: 10px;
}
.etds-rent-free-accomodation-code .custom-form-group .custom-radio-label span {
  font-size: 0.95rem;
  color: #343a40;
  font-weight: 400;
}
.etds-rent-free-accomodation-code .custom-card {
  background: #fff;
  padding: 28px 24px 20px;
  border-radius: 6px;
  box-shadow: -1px 4px 14px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.etds-rent-free-accomodation-code .custom-card .custom-section {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.etds-rent-free-accomodation-code .custom-card .custom-section .custom-label {
  font-size: 14px;
  font-weight: 400;
  color: #2A3A8D;
}
.etds-rent-free-accomodation-code .custom-card .custom-section .custom-display-box {
  height: 78px;
  width: 100%;
  max-width: 275px;
  border: 1px solid #b5d3f1;
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  background: #fff;
  color: #1C1D1F;
}
.etds-rent-free-accomodation-code .custom-display-box {
  height: 78px;
  width: 100%;
  max-width: 275px;
  border: 1px solid #b5d3f1;
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  background: #fff;
}
.etds-rent-free-accomodation-code button.btn-reset-1 {
  border: 1px solid #162366;
  width: 95px;
  height: 36px;
  font-size: 12px;
  min-width: 84px;
  border-radius: 4px;
  color: #00008b;
  background-color: white;
}
.etds-rent-free-accomodation-code .total-title {
  color: #162366;
  border-bottom: 2px solid #dee2e6;
  padding-bottom: 10px;
  margin-bottom: 20px;
  font-size: 1.25rem;
  font-weight: 600;
}
.etds-rent-free-accomodation-code .total-primary {
  color: #162366;
}

.etds-persumptive-under-section-44AD {
  width: 1366px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 20px;
  margin: 0 auto;
  /* General error message style */
}
.etds-persumptive-under-section-44AD .row {
  margin: 0px;
}
.etds-persumptive-under-section-44AD .first-container {
  width: 947px;
}
.etds-persumptive-under-section-44AD .second-container {
  width: 347px;
}
.etds-persumptive-under-section-44AD .content {
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  padding: 20px 16px;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-neutral-300);
}
.etds-persumptive-under-section-44AD .card-body {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
.etds-persumptive-under-section-44AD .results-container {
  width: 323px;
  padding: 28px 24px 20px 24px;
  background: var(--tt-neutral-100);
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.etds-persumptive-under-section-44AD .results-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 275px;
  gap: 20px;
}
.etds-persumptive-under-section-44AD .results-header {
  padding-bottom: 8px;
  border-bottom: 1px solid var(--tt-neutral-300);
  display: flex;
  align-items: center;
}
.etds-persumptive-under-section-44AD .results-title {
  width: 275px;
  color: var(--tt-primary);
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.12px;
}
.etds-persumptive-under-section-44AD .result-card {
  width: 275px;
  border-radius: 4px;
  outline: 1px solid var(--tt-secondary-info-30);
  display: flex;
  flex-direction: column;
  background: var(--tt-neutral-100);
}
.etds-persumptive-under-section-44AD .result-card-header {
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.etds-persumptive-under-section-44AD .result-card-title {
  color: var(--tt-primary);
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0.12px;
}
.etds-persumptive-under-section-44AD .result-card-value-wrapper {
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.etds-persumptive-under-section-44AD .result-card-value {
  font-size: 20px;
  font-weight: 700;
  color: var(--tt-text-basic);
  line-height: 30px;
  letter-spacing: 0.12px;
}
.etds-persumptive-under-section-44AD label {
  color: var(--tt-text-basic);
  margin-bottom: 0px;
}
.etds-persumptive-under-section-44AD select {
  color: var(--tt-text-basic);
  background: var(--tt-neutral-100);
}
.etds-persumptive-under-section-44AD .text-danger1 {
  color: var(--tt-error);
}
.etds-persumptive-under-section-44AD .form-label {
  font-size: 12px;
  margin-bottom: 0px;
}
.etds-persumptive-under-section-44AD .assess {
  display: flex;
  flex-direction: column;
}
.etds-persumptive-under-section-44AD .inlineborder {
  height: auto;
  gap: 16px;
}
.etds-persumptive-under-section-44AD .form-select,
.etds-persumptive-under-section-44AD input[type=number],
.etds-persumptive-under-section-44AD input[type=text] {
  width: 437.5px;
  height: 37px;
  margin-top: 5px;
  border-radius: 4px;
  border: 1px solid var(--tt-neutral-300);
  color: var(--tt-text-basic);
  background: var(--tt-neutral-100);
}
.etds-persumptive-under-section-44AD input[type=radio] {
  margin-right: 6px;
  margin-bottom: 10px;
}
.etds-persumptive-under-section-44AD .section-header {
  width: 100%;
  min-height: 36px;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  padding: 24px 0px;
}
.etds-persumptive-under-section-44AD .section-header .section-title {
  font-size: 24px;
  font-weight: 700;
  color: var(--tt-primary);
  overflow-wrap: break-word;
  width: 100%;
  max-width: 450px;
  margin: 0;
}
.etds-persumptive-under-section-44AD .section-header .section-actions {
  display: flex;
  align-items: center;
  height: fit-content;
  gap: 32px;
}
.etds-persumptive-under-section-44AD .section-header .section-actions .mandatory-note {
  font-size: 14px;
  align-items: baseline;
  color: var(--tt-neutral-900);
  font-style: italic;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  gap: 4px;
}
.etds-persumptive-under-section-44AD .section-header .section-actions .mandatory-note .text-danger1 {
  color: var(--tt-error);
  font-size: 14px;
  font-style: normal;
  vertical-align: baseline;
}
.etds-persumptive-under-section-44AD .section-header .section-actions .warning-disclaimer-button {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-primary);
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  color: var(--tt-primary);
  cursor: pointer;
}
.etds-persumptive-under-section-44AD .section-header .section-actions .warning-disclaimer-button .icon {
  width: 20px;
  height: 20px;
}
.etds-persumptive-under-section-44AD .radio-options {
  display: flex;
  gap: 24px;
  align-items: center;
  flex-wrap: wrap;
}
.etds-persumptive-under-section-44AD .radio-label {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  cursor: pointer;
  font-weight: 400;
}
.etds-persumptive-under-section-44AD .radio-label input[type=radio] {
  margin: 0;
  accent-color: var(--tt-primary);
}
.etds-persumptive-under-section-44AD .error-message {
  color: var(--tt-error);
  padding: 10px;
  text-align: center;
  font-weight: bold;
  border: 1px solid var(--tt-error);
  border-radius: 4px;
  font-size: 14px;
  width: 100%;
  margin: 0 auto 20px;
  display: flex;
  align-items: center;
  gap: 4px;
  background-color: var(--tt-danger-bg-stroke-5);
}
.etds-persumptive-under-section-44AD .cancel-image-wrapper {
  border-radius: 50%;
  width: 20px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: start;
}
.etds-persumptive-under-section-44AD .cancel-image-wrapper .cancel-image {
  width: 20px;
  height: 20px;
  object-fit: contain;
}
.etds-persumptive-under-section-44AD .error-text {
  font-weight: 400;
  display: flex;
  gap: 4px;
  align-items: center;
}
.etds-persumptive-under-section-44AD label.me-3 {
  margin-right: 20px;
}
.etds-persumptive-under-section-44AD input:disabled {
  background-color: var(--tt-neutral-10);
  cursor: not-allowed;
}
.etds-persumptive-under-section-44AD input[type=checkbox] {
  margin-right: 10px;
  margin-left: 10px;
  margin-top: 0px;
  accent-color: var(--tt-primary);
}
.etds-persumptive-under-section-44AD .description {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.etds-persumptive-under-section-44AD .labelbox {
  border: 1px solid var(--tt-secondary-info-30);
  border-radius: 4px;
  height: 48px;
  gap: 10px;
  display: flex;
  align-items: center;
  padding-left: 10px;
}
.etds-persumptive-under-section-44AD .col-md-9 {
  flex: 0 0 66.666%;
}
.etds-persumptive-under-section-44AD .col-md-3 {
  flex: 0 0 33.333%;
}
.etds-persumptive-under-section-44AD .table-responsive {
  scrollbar-width: none;
  border: 1px solid var(--tt-neutral-400);
  border-radius: 4px;
}
.etds-persumptive-under-section-44AD .table {
  width: 915px;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--tt-neutral-300);
  border-radius: 4px;
  text-align: center;
  scrollbar-width: none;
}
.etds-persumptive-under-section-44AD .table::-webkit-scrollbar {
  display: none;
}
.etds-persumptive-under-section-44AD .table:hover::-webkit-scrollbar {
  display: block;
  height: 6px;
}
.etds-persumptive-under-section-44AD .table:hover::-webkit-scrollbar-track {
  background: transparent;
}
.etds-persumptive-under-section-44AD .table:hover::-webkit-scrollbar-thumb {
  background: var(--tt-neutral-400);
  border-radius: 3px;
}
.etds-persumptive-under-section-44AD .table:hover::-webkit-scrollbar-thumb:hover {
  background: var(--tt-neutral-500);
}
.etds-persumptive-under-section-44AD .table th,
.etds-persumptive-under-section-44AD .table td {
  padding: 10px;
  border: none;
  color: var(--tt-text-basic);
}
.etds-persumptive-under-section-44AD .table th {
  background-color: var(--tt-primary-bg-stroke-10);
  font-weight: bold;
  text-align: center;
  color: var(--tt-text-basic);
}
.etds-persumptive-under-section-44AD .table tr {
  background: var(--tt-neutral-100);
}
.etds-persumptive-under-section-44AD .table td input[type=number],
.etds-persumptive-under-section-44AD .table td input[type=text] {
  width: 100%;
  padding: 8px;
  border: 1px solid var(--tt-neutral-400);
  border-radius: 4px;
}
.etds-persumptive-under-section-44AD .table td input[readonly] {
  background-color: var(--tt-neutral-10);
}
.etds-persumptive-under-section-44AD .btn {
  padding: 10px 20px;
  border: none;
  border-radius: 4px;
  font-size: 16px;
  cursor: pointer;
}
.etds-persumptive-under-section-44AD .add-more-button {
  color: var(--tt-primary);
  border-radius: 4px;
  border: none;
  padding: 0;
  max-width: 112px;
}
.etds-persumptive-under-section-44AD .add-more-button .add-more-img {
  height: 32px;
  width: auto;
}
.etds-persumptive-under-section-44AD input[type=number] {
  appearance: none;
  -moz-appearance: textfield;
  -webkit-appearance: none;
}
.etds-persumptive-under-section-44AD input[type=number]::-webkit-inner-spin-button, .etds-persumptive-under-section-44AD input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.etds-persumptive-under-section-44AD .addmore {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.etds-persumptive-under-section-44AD .reset-btn {
  display: flex;
  justify-content: start;
  width: 100%;
  margin-left: -10px;
}
.etds-persumptive-under-section-44AD .total-label-input {
  display: flex;
  align-items: center;
  gap: 8px;
}
.etds-persumptive-under-section-44AD .total-label-input .t-label {
  font-size: 14px;
  color: var(--tt-primary);
}
.etds-persumptive-under-section-44AD .total-label-input .total-amount-input {
  width: 200px;
  height: 37px;
  padding: 8px 12px;
  font-size: 14px;
  border: 1px solid var(--tt-neutral-300);
  border-radius: 4px;
  background-color: var(--tt-neutral-bg-stroke-10);
  text-align: left;
  color: var(--tt-text-basic);
}
.etds-persumptive-under-section-44AD .col-md-3 {
  flex: 0 0 275px;
  max-width: 275px;
  min-height: 311px;
  margin-top: 15px;
  gap: 20px;
}
.etds-persumptive-under-section-44AD .btn.my-custom-button {
  max-width: 84px;
  color: var(--tt-primary);
  font-weight: 500;
  font-size: 14px;
  padding: 6px 16px;
  border: 1px solid var(--tt-primary);
  border-radius: 4px;
}
.etds-persumptive-under-section-44AD .btn.btn-calculate {
  background-color: var(--tt-primary);
  color: var(--tt-neutral-100);
}
.etds-persumptive-under-section-44AD .btn.btn-reset {
  background-color: var(--tt-neutral-100);
  color: var(--tt-primary);
  display: flex;
  justify-content: end;
}
.etds-persumptive-under-section-44AD .btn.add-more-button {
  background-color: transparent;
  border: none;
  padding: 8px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  color: var(--tt-primary);
}
.etds-persumptive-under-section-44AD .btn.add-more-button .add-more-img {
  height: 32px;
  width: auto;
}
.etds-persumptive-under-section-44AD .errormessage {
  color: var(--tt-error);
  /* Red color */
  font-size: 0.75rem;
  /* Smaller font */
  margin-top: 4px;
  /* Space above */
  font-weight: 400;
  /* Medium weight */
  display: flex;
  gap: 4px;
  align-items: center;
}
.etds-persumptive-under-section-44AD .d-flex {
  gap: 10px;
}
@media (max-width: 768px) {
  .etds-persumptive-under-section-44AD {
    flex-direction: column;
  }
  .etds-persumptive-under-section-44AD .col-md-9,
  .etds-persumptive-under-section-44AD .col-md-3 {
    flex: 0 0 100%;
  }
  .etds-persumptive-under-section-44AD .btn {
    width: 100%;
    margin-top: 10px;
  }
}
@media (min-width: 360px) and (max-width: 766px) {
  .etds-persumptive-under-section-44AD {
    width: 100%;
    padding: 10px;
    margin: 0 auto;
  }
  .etds-persumptive-under-section-44AD .section-header {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .etds-persumptive-under-section-44AD .total-label-input .total-amount-input {
    width: 100%;
  }
  .etds-persumptive-under-section-44AD .section-title {
    width: 100%;
    max-width: 450px;
  }
  .etds-persumptive-under-section-44AD .section-title-wrapper {
    width: 100%;
  }
  .etds-persumptive-under-section-44AD .content {
    width: 100%;
    gap: 16px;
    padding: 16px;
  }
  .etds-persumptive-under-section-44AD .p-2 {
    display: flex;
    flex-direction: column;
    max-width: 450px;
  }
  .etds-persumptive-under-section-44AD .p-2 select {
    width: 100%;
  }
  .etds-persumptive-under-section-44AD .p-2 > h1 {
    width: 90vw;
    max-width: 450px;
  }
  .etds-persumptive-under-section-44AD .second-container {
    width: 100%;
  }
  .etds-persumptive-under-section-44AD .first-container {
    width: 100%;
  }
  .etds-persumptive-under-section-44AD .addmore {
    flex-direction: column;
    align-items: normal;
    gap: 12px;
  }
  .etds-persumptive-under-section-44AD .total-label-input {
    flex-direction: column;
    align-items: start;
  }
  .etds-persumptive-under-section-44AD .results-container {
    width: 100%;
  }
  .etds-persumptive-under-section-44AD .results-content {
    width: 100%;
  }
  .etds-persumptive-under-section-44AD .results-header {
    width: 100%;
  }
  .etds-persumptive-under-section-44AD .results-title {
    width: 100%;
  }
  .etds-persumptive-under-section-44AD .result-card {
    width: 100%;
  }
}
@media (min-width: 767px) and (max-width: 990px) {
  .etds-persumptive-under-section-44AD {
    width: 100%;
    padding: 16px;
    flex-direction: column;
    margin: 0 auto;
  }
  .etds-persumptive-under-section-44AD .first-container {
    width: 100%;
  }
  .etds-persumptive-under-section-44AD .second-container {
    width: 100%;
  }
  .etds-persumptive-under-section-44AD .results-container {
    width: 100%;
  }
  .etds-persumptive-under-section-44AD .results-content {
    width: 100%;
  }
  .etds-persumptive-under-section-44AD .results-header {
    width: 100%;
  }
  .etds-persumptive-under-section-44AD .results-title {
    width: 100%;
  }
  .etds-persumptive-under-section-44AD .result-card {
    width: 100%;
  }
}
@media (min-width: 991px) and (max-width: 1365px) {
  .etds-persumptive-under-section-44AD {
    width: 100%;
    padding: 16px;
    display: grid;
    grid-template-columns: 74% 25%;
    margin: 0 auto;
  }
  .etds-persumptive-under-section-44AD .first-container {
    width: 100%;
  }
  .etds-persumptive-under-section-44AD .second-container {
    width: 100%;
  }
  .etds-persumptive-under-section-44AD .results-container {
    width: 100%;
  }
  .etds-persumptive-under-section-44AD .results-content {
    width: 100%;
  }
  .etds-persumptive-under-section-44AD .results-header {
    width: 100%;
  }
  .etds-persumptive-under-section-44AD .results-title {
    width: 100%;
  }
  .etds-persumptive-under-section-44AD .result-card {
    width: 100%;
  }
}

.etds-section16 {
  display: flex;
}
.etds-section16 .section-16-container {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  margin: 0 auto;
}
.etds-section16 .first-container {
  width: 947px;
}
.etds-section16 .second-container {
  width: 347px;
}
.etds-section16 .content {
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  padding: 20px 16px;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-neutral-300);
}
.etds-section16 .card-body {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
.etds-section16 button:focus-visible {
  outline-offset: 0.125rem;
  box-shadow: unset;
}
.etds-section16 .results-container {
  width: 323px;
  padding: 28px 24px 20px 24px;
  background: var(--tt-neutral-100);
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.etds-section16 .results-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 275px;
  gap: 20px;
}
.etds-section16 .results-header {
  padding-bottom: 8px;
  border-bottom: 1px solid var(--tt-neutral-300);
  display: flex;
  align-items: center;
}
.etds-section16 .results-title {
  width: 275px;
  color: var(--tt-primary);
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.12px;
}
.etds-section16 .result-card {
  width: 275px;
  border-radius: 4px;
  border: 1px solid var(--tt-secondary-info-30);
  display: flex;
  flex-direction: column;
  background: var(--tt-neutral-100);
}
.etds-section16 .result-card-header {
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.etds-section16 .result-card-title {
  color: var(--tt-primary);
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0.12px;
}
.etds-section16 .result-card-value-wrapper {
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.etds-section16 .result-card-value {
  font-size: 20px;
  font-weight: 700;
  color: var(--tt-text-basic);
  line-height: 30px;
  letter-spacing: 0.12px;
}
.etds-section16 label {
  color: var(--tt-text-basic);
}
.etds-section16 select {
  color: var(--tt-text-basic);
  background: var(--tt-neutral-100);
}
.etds-section16 input[type=checkbox] {
  accent-color: var(--tt-primary);
}
.etds-section16 .col-md-9 {
  display: flex;
  flex-direction: column;
  flex: 0 0 66.666%;
}
.etds-section16 .form-constrol-section16 {
  display: flex;
  min-height: 2.3125rem;
  padding: 0.5rem 0.75rem;
  align-items: center;
  gap: 0.5rem;
  align-self: stretch;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-400);
  background: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}
.etds-section16 .col-md-3 {
  flex: 0 0 33.333%;
  flex: 0 0 275px;
  max-width: 275px;
  min-height: 311px;
}
.etds-section16 .taxgroup {
  margin-bottom: 20px;
  margin-left: 10px;
}
.etds-section16 .text-danger1 {
  color: var(--tt-error) !important;
}
.etds-section16 .card-title {
  width: 358px;
  height: 24px;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.12px;
  color: var(--tt-primary);
  margin-left: 10px;
}
.etds-section16 input[type=radio] {
  accent-color: var(--tt-primary);
}
.etds-section16 .form-lable-16 {
  color: var(--tt-text-basic);
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  align-self: stretch;
  width: 404px;
}
.etds-section16 select.form-select-16 {
  display: flex;
  min-height: 2.3125rem;
  padding: 0.5rem 0.75rem;
  align-items: center;
  gap: 0.5rem;
  align-self: stretch;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-400);
  background: var(--tt-neutral-100);
  width: 100%;
}
.etds-section16 .deduction-title {
  width: 449.5px;
  height: 42px;
  border-right: 1px;
  padding: 12px, 8px;
  gap: 12px;
  font-weight: 700;
  text-align: center;
  margin-top: 10px;
}
.etds-section16 .deduction-amount-title {
  width: 449.5px;
  height: 42px;
  border-right: 1px;
  padding: 12px, 8px;
  gap: 12px;
  font-weight: 700;
  text-align: center;
  margin-top: 10px;
}
.etds-section16 .sectionerror {
  display: flex;
  flex-direction: column;
}
.etds-section16 .section-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 24px 0px;
}
.etds-section16 .section-header .section-title {
  font-size: 24px;
  font-weight: 700;
  color: var(--tt-primary);
  margin: 0;
}
.etds-section16 .section-header .section-actions {
  display: flex;
  align-items: center;
  gap: 32px;
}
.etds-section16 .section-header .section-actions .mandatory-note {
  font-size: 14px;
  align-items: baseline;
  font-style: italic;
  display: inline-flex;
  color: var(--tt-neutral-900);
  align-items: center;
  gap: 4px;
}
.etds-section16 .section-header .section-actions .mandatory-note .text-danger1 {
  color: var(--tt-error);
  font-size: 14px;
  font-style: normal;
  vertical-align: baseline;
}
.etds-section16 .section-header .section-actions .warning-disclaimer-button {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-primary);
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  color: var(--tt-primary);
  cursor: pointer;
}
.etds-section16 .section-header .section-actions .warning-disclaimer-button .icon {
  width: 20px;
  height: 20px;
}
.etds-section16 .assess {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
  margin-left: 10px;
  margin-top: 10px;
  width: 48%;
}
.etds-section16 .form-row {
  display: flex;
  flex-direction: column;
}
.etds-section16 .form-row-group {
  display: flex;
  flex-direction: row;
  gap: 70px;
  margin-left: 13px;
}
.etds-section16 .reset {
  display: flex;
  justify-content: right;
  margin-right: 10px;
  margin-bottom: 10px;
}
.etds-section16 .form-label {
  font-weight: 400;
  font-size: 14px;
  color: var(--tt-text-basic);
  margin-bottom: 5px;
}
.etds-section16 .deduction-input {
  background-color: var(--neutral-stroke-10);
  font-size: 14px;
  border-radius: 5px;
  border: 1px solid var(--neutral-light);
  padding: 8px 12px;
  height: 37px;
  width: 359px;
  margin-bottom: 20px;
  margin-left: auto;
}
.etds-section16 .form-check-group {
  display: flex;
  gap: 150px;
}
.etds-section16 .form-check-16 {
  display: flex;
  gap: 8px;
  align-items: center;
}
.etds-section16 .error-text {
  color: var(--tt-error);
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  /* 150% */
}
.etds-section16 .form-constrol-section16-disable {
  display: flex;
  min-height: 2.3125rem;
  padding: 0.5rem 0.75rem;
  justify-content: flex-end;
  align-items: center;
  gap: 0.5rem;
  align-self: stretch;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-300);
  background: var(--tt-neutral-bg-stroke-10);
  color: var(--tt-text-basic);
  width: 28rem;
  margin-bottom: 8px;
  cursor: not-allowed;
}
.etds-section16 .form-check {
  display: flex;
  align-items: center;
  gap: 16px;
  cursor: pointer;
}
.etds-section16 .yesnogroup {
  gap: 20px;
}
.etds-section16 .form-check-label {
  display: flex;
  gap: 8px;
  align-items: center;
}
.etds-section16 .form-check-label {
  cursor: pointer;
  font-size: 14px;
  color: var(--tt-text-basic);
  margin-right: 16px;
}
.etds-section16 .errormessage {
  color: var(--tt-error);
  font-size: 0.9rem;
  display: flex;
  gap: 4px;
  align-items: center;
}
.etds-section16 .btn.my-custom-button {
  color: var(--tt-primary);
  background-color: var(--tt-neutral-100);
  font-weight: 500;
  font-size: 14px;
  padding: 6px 16px;
}
.etds-section16 .deduction {
  display: flex;
  flex-direction: row;
  gap: 20px;
  margin-left: 10px;
  margin-right: 10px;
}
.etds-section16 .cancel-image-wrapper {
  border-radius: 50%;
  width: 20px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: start;
  color: var(--tt-error);
}
.etds-section16 .cancel-image-wrapper .cancel-image {
  width: 20px;
  height: 20px;
  object-fit: contain;
}
.etds-section16 .error-message {
  background-color: var(--tt-danger-bg-stroke-5);
  color: var(--tt-error);
  padding: 10px;
  text-align: center;
  font-weight: bold;
  border: 1px solid var(--tt-error);
  border-radius: 4px;
  font-size: 14px;
  width: 100%;
  margin: 0 auto 20px;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .etds-section16 .form-select,
  .etds-section16 .form-control {
    font-size: 12px;
    padding: 8px;
  }
}
@media (min-width: 360px) and (max-width: 766px) {
  .etds-section16 .section-16-container {
    width: 100%;
    padding: 10px;
    margin: 0 auto;
    flex-direction: column;
  }
  .etds-section16 .section-header {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .etds-section16 .section-title {
    width: 100%;
  }
  .etds-section16 .section-title-wrapper {
    width: 100%;
  }
  .etds-section16 .content {
    width: 100%;
    gap: 16px;
    padding: 16px;
  }
  .etds-section16 .p-2 {
    display: flex;
    flex-direction: column;
    width: 92vw;
    max-width: 450px;
  }
  .etds-section16 .p-2 select {
    width: 100%;
  }
  .etds-section16 .p-2 > h1 {
    width: 90vw;
    max-width: 450px;
  }
  .etds-section16 .second-container {
    width: 100%;
  }
  .etds-section16 .first-container {
    width: 100%;
  }
  .etds-section16 .assess {
    width: 100%;
  }
  .etds-section16 .d-flex {
    flex-direction: column;
  }
  .etds-section16 .total-label-input {
    flex-direction: column;
    align-items: start;
  }
  .etds-section16 .results-container {
    width: 100%;
  }
  .etds-section16 .results-content {
    width: 100%;
  }
  .etds-section16 .results-header {
    width: 100%;
  }
  .etds-section16 .results-title {
    width: 100%;
  }
  .etds-section16 .result-card {
    width: 100%;
  }
  .etds-section16 .form-row-group {
    flex-direction: column;
    gap: 10px;
  }
  .etds-section16 .form-row {
    width: 100%;
  }
  .etds-section16 .form-select-16 {
    width: 100%;
  }
  .etds-section16 .form-constrol-section16 {
    width: 100%;
  }
  .etds-section16 select.form-lable-16 {
    width: 100%;
  }
  .etds-section16 .deduction {
    flex-direction: column;
    gap: 4px;
    margin-bottom: 16px;
  }
  .etds-section16 .form-constrol-section16-disable {
    width: 100%;
    margin-bottom: 0px;
  }
}
@media (min-width: 767px) and (max-width: 990px) {
  .etds-section16 .section-16-container {
    width: 100%;
    padding: 16px;
    margin: 0 auto;
    flex-direction: column;
  }
  .etds-section16 .first-container {
    width: 100%;
  }
  .etds-section16 .form-row {
    width: 50%;
  }
  .etds-section16 .form-constrol-section16 {
    width: 100%;
  }
  .etds-section16 .second-container {
    width: 100%;
  }
  .etds-section16 .results-container {
    width: 100%;
  }
  .etds-section16 .results-content {
    width: 100%;
  }
  .etds-section16 .results-header {
    width: 100%;
  }
  .etds-section16 .results-title {
    width: 100%;
  }
  .etds-section16 .result-card {
    width: 100%;
  }
  .etds-section16 .form-row-group {
    gap: 24px;
  }
  .etds-section16 .form-row {
    width: 50%;
  }
  .etds-section16 .form-constrol-section16 {
    width: 90%;
  }
}
@media (min-width: 991px) and (max-width: 1365px) {
  .etds-section16 {
    width: 100%;
    padding: 16px;
    flex-direction: column;
    margin: 0 auto;
  }
  .etds-section16 .section-16-container {
    width: 100%;
    padding: 16px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 74% 25%;
  }
  .etds-section16 .assess {
    width: 47%;
  }
  .etds-section16 .first-container {
    width: 100%;
  }
  .etds-section16 .form-row {
    width: 50%;
  }
  .etds-section16 .form-lable-16 {
    width: 100%;
  }
  .etds-section16 .form-constrol-section16 {
    width: 100%;
  }
  .etds-section16 .second-container {
    width: 100%;
  }
  .etds-section16 .results-container {
    width: 100%;
  }
  .etds-section16 .results-content {
    width: 100%;
  }
  .etds-section16 .results-header {
    width: 100%;
  }
  .etds-section16 .results-title {
    width: 100%;
  }
  .etds-section16 .result-card {
    width: 100%;
  }
}

.etds-late {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.etds-late .container .row1 {
  display: flex;
  gap: 20px;
}
.etds-late .container .custom-datepicker-late-fee {
  width: 50%;
}
.etds-late .container .left-pane {
  margin-right: 20px;
}
.etds-late .container .right-pane {
  flex: 0 0 275px;
  height: auto;
}
.etds-late .container .section-header {
  width: 947px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 24px 0px;
}
.etds-late .container .section-header .section-title {
  font-size: 24px;
  font-weight: 700;
  color: var(--tt-primary);
  margin: 0;
}
.etds-late .container .section-header .section-actions {
  display: flex;
  align-items: center;
  gap: 32px;
}
.etds-late .container .section-header .section-actions .mandatory-note {
  font-size: 14px;
  align-items: baseline;
  font-style: italic;
  color: var(--tt-neutral-900);
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.etds-late .container .section-header .section-actions .mandatory-note .text-danger1 {
  color: var(--tt-error);
  font-size: 14px;
  font-style: normal;
  vertical-align: baseline;
}
.etds-late .container .section-header .section-actions .warning-disclaimer-button {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-primary);
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  color: var(--tt-primary);
  cursor: pointer;
}
.etds-late .container .section-header .section-actions .warning-disclaimer-button .icon {
  width: 20px;
  height: 20px;
}
.etds-late .container .field {
  display: flex;
  width: 100%;
  /* vertically center label and input */
  gap: 8px;
  /* gap between label and input */
  margin-bottom: 15px;
  /* space between fields */
  margin-top: 10px;
}
.etds-late .container .react-datepicker-popper {
  z-index: 1050 !important;
  opacity: 1 !important;
  visibility: visible !important;
  /* Bootstrap modal level or higher */
}
.etds-late .container .text-danger1 {
  color: var(--tt-error);
  font-weight: bold;
  vertical-align: middle;
  /* Ensure it aligns with text */
  font-size: inherit;
  /* Match surrounding text size */
  line-height: inherit;
  /* Match line spacing */
}
.etds-late .container .form-label {
  font-size: 12px;
  width: 50%;
  line-height: 21px;
  letter-spacing: 0.12px;
  color: var(--tt-text-basic);
  align-items: center;
  padding: auto;
}
.etds-late .container .input,
.etds-late .container .select {
  width: 50%;
  height: 37px;
  font-size: 1rem;
  border: 1px solid var(--tt-neutral-400);
  background: var(--tt-neutral-100);
  color: var(--tt-text-basic);
  border-radius: 4px;
  box-sizing: border-box;
  /* fill remaining space */
  /* max width */
  text-align: left;
  /* input text aligned right */
}
.etds-late .container .css-1uvydh2 {
  padding: 8px;
}
.etds-late .container .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline {
  border: 1px solid var(--Neutral-400, var(--tt-neutral-400)) !important;
}
.etds-late .container .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline {
  border: 1px solid var(--Neutral-400, var(--tt-neutral-400)) !important;
}
.etds-late .container .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border: 1px solid var(--Neutral-400, var(--tt-neutral-400)) !important;
}
.etds-late .container .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline {
  border: 1px solid var(--Neutral-400, var(--tt-neutral-400)) !important;
}
.etds-late .container .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline {
  border: 1px solid var(--Neutral-400, var(--tt-neutral-400)) !important;
}
.etds-late .container .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border: 1px solid var(--Neutral-400, var(--tt-neutral-400)) !important;
}
.etds-late .container .css-i44wyl {
  display: inline-flex;
  flex-direction: column;
  position: relative;
  min-width: 0px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  vertical-align: top;
}
.etds-late .container .btn.my-custom-button {
  color: var(--tt-primary);
  font-weight: 500;
  font-size: 14px;
  padding: 6px 16px;
}
.etds-late .container button:focus-visible {
  outline-offset: 0.125rem;
  box-shadow: unset;
}
.etds-late .container .reset {
  display: flex;
  justify-content: right;
  margin-bottom: 10px;
}
.etds-late .container .field-error-message {
  font-size: 0.875rem;
  margin-top: 4px;
  color: var(--tt-error);
  display: flex;
  gap: 4px;
  align-items: center;
}
.etds-late .container .input-wrapper {
  width: 50%;
}
.etds-late .container .input-wrapper .select {
  width: 100%;
}
.etds-late .container .first-container {
  width: 947px;
}
.etds-late .container .second-container {
  width: 347px;
}
.etds-late .container .content {
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  padding: 20px 16px;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-neutral-300);
}
.etds-late .container .results-container {
  width: 323px;
  padding: 28px 24px 20px 24px;
  background: var(--tt-neutral-100);
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.etds-late .container .results-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 275px;
  gap: 20px;
}
.etds-late .container .results-header {
  padding-bottom: 8px;
  border-bottom: 1px solid var(--tt-neutral-300);
  display: flex;
  align-items: center;
}
.etds-late .container .results-title {
  width: 275px;
  color: var(--tt-primary);
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.12px;
}
.etds-late .container .result-card {
  width: 275px;
  border-radius: 4px;
  border: 1px solid var(--tt-secondary-info-30);
  display: flex;
  flex-direction: column;
  background: var(--tt-neutral-100);
}
.etds-late .container .result-card-header {
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.etds-late .container .result-card-title {
  color: var(--tt-primary);
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0.12px;
}
.etds-late .container .result-card-value-wrapper {
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.etds-late .container .result-card-value {
  font-size: 20px;
  font-weight: 700;
  color: var(--tt-text-basic);
  line-height: 30px;
  letter-spacing: 0.12px;
}
.etds-late .container .custom-datepicker-late-fee:focus-visible {
  outline: 0.125rem solid var(--tt-secondary);
  box-shadow: unset;
}
.etds-late .container .custom-datepicker-late-fee .MuiOutlinedInput-root:focus-within {
  outline: 0.125rem solid var(--tt-secondary);
}
.etds-late .container .custom-datepicker-late-fee .MuiOutlinedInput-input:focus {
  outline: 0.125rem solid var(--tt-secondary);
}
.etds-late .container .css-i44wyl {
  border-radius: 4px;
  color: var(--tt-text-basic);
}
.etds-late .container .css-1bn53lx {
  color: var(--tt-text-basic);
}
.etds-late .container .css-1v4ccyo {
  color: var(--tt-text-basic);
}
.etds-late .container .css-1uvydh2 {
  padding: 10px;
}
.etds-late .container .css-1uvydh2::placeholder {
  color: var(--tt-text-basic);
}
.etds-late .container .css-vubbuv {
  color: var(--tt-primary);
}
@media (min-width: 360px) and (max-width: 766px) {
  .etds-late .container .row1 {
    flex-direction: column;
  }
  .etds-late .container .first-container {
    width: 100%;
  }
  .etds-late .container .section-header {
    flex-direction: column;
    align-items: normal;
    gap: 8px;
    width: 100%;
  }
  .etds-late .container .section-header .section-title {
    width: 100%;
  }
  .etds-late .container .field {
    width: 100%;
    flex-direction: column;
  }
  .etds-late .container .form-label {
    width: 100%;
    margin-left: 0px;
  }
  .etds-late .container .input-wrapper {
    width: 100%;
  }
  .etds-late .container .select {
    width: 100%;
  }
  .etds-late .container .input {
    width: 100%;
  }
  .etds-late .container .custom-datepicker-late-fee {
    width: 100%;
  }
  .etds-late .container .second-container {
    width: 100%;
  }
  .etds-late .container .results-container {
    width: 100%;
  }
  .etds-late .container .results-content {
    width: 100%;
  }
  .etds-late .container .results-header {
    width: 100%;
  }
  .etds-late .container .result-card {
    width: 100%;
  }
}
@media (min-width: 767px) and (max-width: 990px) {
  .etds-late .container .row1 {
    flex-direction: column;
  }
  .etds-late .container .first-container {
    width: 100%;
  }
  .etds-late .container .section-header {
    flex-direction: column;
    align-items: normal;
    gap: 8px;
    width: 100%;
  }
  .etds-late .container .section-header .section-title {
    width: 100%;
  }
  .etds-late .container .second-container {
    width: 100%;
  }
  .etds-late .container .results-container {
    width: 100%;
  }
  .etds-late .container .results-content {
    width: 100%;
  }
  .etds-late .container .results-header {
    width: 100%;
  }
  .etds-late .container .result-card {
    width: 100%;
  }
}
@media (min-width: 991px) and (max-width: 1365px) {
  .etds-late .container {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .etds-late .container .row1 {
    display: grid;
    grid-template-columns: 73% 25%;
    width: 100%;
  }
  .etds-late .container .section-header {
    width: 100%;
  }
  .etds-late .container .section-header .section-title {
    width: 100%;
  }
  .etds-late .container .first-container {
    width: 100%;
  }
  .etds-late .container .second-container {
    width: 100%;
  }
  .etds-late .container .results-container {
    width: 100%;
  }
  .etds-late .container .results-content {
    width: 100%;
  }
  .etds-late .container .results-header {
    width: 100%;
  }
  .etds-late .container .result-card {
    width: 100%;
  }
}

/* Main Container */
.index-cost-calculator-container {
  margin: 16px;
  min-height: 100vh;
  /* Header Section */
  /* Question Sections */
  /* CII Section */
  /* Input Rows */
  /* Validation states for input fields */
  /* Enhanced Responsive Design */
  /* Accessibility */
  /* Focus styles for accessibility */
  /* .index-cost-radio-input:focus,
  .index-cost-input-field:focus,
  .index-cost-reset-btn:focus,
  .index-cost-disclaimer-btn:focus {
    outline: 2px solid #3b82f6;
    outline-offset: 2px;
  } */
  /* High contrast mode support */
  /* Field-level error message */
}
@media (min-width: 1361px) {
  .index-cost-calculator-container {
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .index-cost-calculator-container {
    margin: 8px;
    max-width: 100%;
  }
}
@media (max-width: 480px) {
  .index-cost-calculator-container {
    margin: 4px;
  }
}
.index-cost-calculator-container .index-cost-calculator-layout {
  display: flex;
  gap: 24px;
  align-items: flex-start;
}
@media (max-width: 968px) {
  .index-cost-calculator-container .index-cost-calculator-layout {
    flex-direction: column;
    gap: 1rem;
  }
}
@media (max-width: 480px) {
  .index-cost-calculator-container .index-cost-calculator-layout {
    gap: 0.75rem;
  }
}
.index-cost-calculator-container .icon {
  width: 1.25rem;
  height: 1.25rem;
  color: var(--tt-primary);
}
.index-cost-calculator-container .index-cost-form-panel {
  display: flex;
  width: 56.1875rem;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 1200px) {
  .index-cost-calculator-container .index-cost-form-panel {
    width: 100%;
    max-width: 57.1875rem;
  }
}
@media (max-width: 768px) {
  .index-cost-calculator-container .index-cost-form-panel {
    width: 100%;
    gap: 1rem;
  }
}
@media (max-width: 480px) {
  .index-cost-calculator-container .index-cost-form-panel {
    gap: 0.75rem;
  }
}
.index-cost-calculator-container .index-cost-from-panel-1 {
  border-radius: 0.25rem;
  border: 1px solid var(--tt-secondary-info-30);
  width: 100%;
}
.index-cost-calculator-container .index-cost-results-panel {
  display: flex;
  width: 17rem;
  padding: 1.75rem 1.5rem 1.25rem 1.5rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.25rem;
  flex-shrink: 0;
  border-radius: 12px;
  background: var(--tt-neutral-100);
  /* Card - Drop shadow */
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
}
@media (min-width: 969px) {
  .index-cost-calculator-container .index-cost-results-panel {
    position: sticky;
    top: 2rem;
  }
}
@media (max-width: 968px) {
  .index-cost-calculator-container .index-cost-results-panel {
    width: 100%;
    max-width: none;
    order: 2;
    margin-top: 1rem;
  }
}
@media (max-width: 768px) {
  .index-cost-calculator-container .index-cost-results-panel {
    padding: 1.25rem 1rem;
    gap: 1rem;
    margin-top: 1.5rem;
  }
}
@media (max-width: 480px) {
  .index-cost-calculator-container .index-cost-results-panel {
    padding: 1rem 0.75rem;
    gap: 0.75rem;
    margin-top: 1rem;
  }
}
@media (max-width: 768px) {
  .index-cost-calculator-container .index-cost-results-panel .index-cost-results-card {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
  }
  .index-cost-calculator-container .index-cost-results-panel .index-cost-result-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem;
    margin-bottom: 0.5rem;
  }
  .index-cost-calculator-container .index-cost-results-panel .index-cost-result-item .index-cost-result-label {
    margin: 0;
    padding: 0;
    flex: 1;
    margin-right: 1rem;
  }
  .index-cost-calculator-container .index-cost-results-panel .index-cost-result-item .index-cost-result-field {
    flex: 0 0 auto;
    width: auto;
    min-width: 120px;
    max-width: 200px;
    margin: 0;
  }
}
@media (max-width: 480px) {
  .index-cost-calculator-container .index-cost-results-panel .index-cost-result-item {
    flex-direction: column;
    align-items: stretch;
    text-align: center;
  }
  .index-cost-calculator-container .index-cost-results-panel .index-cost-result-item .index-cost-result-label {
    margin-bottom: 0.5rem;
    margin-right: 0;
    text-align: -webkit-left;
  }
  .index-cost-calculator-container .index-cost-results-panel .index-cost-result-item .index-cost-result-field {
    width: 100%;
    max-width: none;
  }
}
.index-cost-calculator-container .index-cost-form-card {
  display: flex;
  padding: 1.5rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  align-self: stretch;
  background: var(--tt-neutral-100);
  border-radius: 4px;
}
.index-cost-calculator-container button:focus-visible {
  outline-offset: 0.125rem;
  box-shadow: unset;
}
.index-cost-calculator-container .index-cost-results-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.25rem;
  align-self: stretch;
}
.index-cost-calculator-container .index-cost-header-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  width: 56.2rem;
  height: 2.25rem;
  margin-bottom: 20px;
  gap: 20px;
}
@media (max-width: 991px) {
  .index-cost-calculator-container .index-cost-header-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    row-gap: 19.375rem;
    align-self: stretch;
    flex-wrap: wrap;
    width: 57.9rem;
    height: 1.88rem;
  }
}
@media (max-width: 767px) {
  .index-cost-calculator-container .index-cost-header-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    row-gap: 19.375rem;
    align-self: stretch;
    flex-wrap: wrap;
    width: 45.9rem;
    height: 1.88rem;
  }
}
@media (max-width: 360px) {
  .index-cost-calculator-container .index-cost-header-section {
    display: flex;
    align-items: center;
    align-content: center;
    gap: 1.25rem 1rem;
    align-self: stretch;
    flex-wrap: wrap;
    width: 20.5rem;
    height: 4.69rem;
  }
}
@media (max-width: 1200px) {
  .index-cost-calculator-container .index-cost-header-section {
    width: 100%;
    max-width: 59.2rem;
  }
}
@media (max-width: 768px) {
  .index-cost-calculator-container .index-cost-header-section {
    max-width: 45.9rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
    height: auto;
    min-height: 1.88rem;
  }
}
@media (max-width: 480px) {
  .index-cost-calculator-container .index-cost-header-section {
    max-width: 20.5rem;
    height: auto;
    min-height: 4.69rem;
    gap: 1rem;
  }
}
.index-cost-calculator-container .index-cost-calculator-title {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: var(--tt-primary);
  font-size: var(--Font-Size-H3, 1.5rem);
  font-style: normal;
  font-weight: 700;
  width: 450px;
}
@media (max-width: 768px) {
  .index-cost-calculator-container .index-cost-calculator-title {
    width: 100%;
    font-size: 1.25rem;
    gap: 0.5rem;
  }
}
@media (max-width: 480px) {
  .index-cost-calculator-container .index-cost-calculator-title {
    font-size: 1.125rem;
    flex-wrap: wrap;
  }
}
.index-cost-calculator-container .index-cost-disclaimer-section {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.index-cost-calculator-container .index-cost-mandatory-note {
  color: var(--contrast-dark);
  /* Body/B3 (S) - Italic */
  font-size: var(--font-size-s-3-b-3, 0.75rem);
  font-style: italic;
  font-weight: 400;
  line-height: var(--Line-Height-For-Font-Size---12, 1.125rem);
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
.index-cost-calculator-container .index-cost-asterisk {
  color: var(--tt-error);
  font-weight: bold;
}
.index-cost-calculator-container .index-cost-disclaimer-box {
  display: flex;
  min-width: 5.5rem;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-primary);
  background: var(--tt-neutral-100);
}
.index-cost-calculator-container .index-cost-warning-icon {
  width: 1.25rem;
  height: 1.25rem;
}
.index-cost-calculator-container .index-cost-disclaimer-btn {
  color: var(--tt-primary);
  display: flex;
  min-width: 5.5rem;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-primary);
  background: var(--tt-neutral-100);
  /* Button/Button - Medium */
  font-size: var(--font-size-s-2-b-2, 0.875rem);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-For-Font-Size---14, 1.3125rem);
  /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
  text-transform: capitalize;
  background: var(--tt-neutral-100);
  border: none;
}
.index-cost-calculator-container .index-cost-divider {
  display: flex;
  width: 52rem;
  padding: 1.25rem 1rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
}
@media (max-width: 1200px) {
  .index-cost-calculator-container .index-cost-divider {
    width: 100%;
    max-width: 52rem;
  }
}
@media (max-width: 768px) {
  .index-cost-calculator-container .index-cost-divider {
    padding: 1rem 0.5rem;
    gap: 1rem;
  }
}
@media (max-width: 480px) {
  .index-cost-calculator-container .index-cost-divider {
    padding: 0.75rem 0.25rem;
    gap: 0.75rem;
  }
}
.index-cost-calculator-container .index-cost-question-row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  width: 100%;
}
.index-cost-calculator-container .index-cost-question-layout {
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.index-cost-calculator-container .index-cost-question-label {
  align-items: flex-start;
  gap: 0.25rem;
  align-self: stretch;
  color: var(--tt-text-basic);
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
}
.index-cost-calculator-container .index-cost-radio-group {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
  align-self: stretch;
  gap: 12px;
  color: var(--tt-text-basic);
  /* Body/B3 (S) - Regular */
  font-size: var(--font-size-s-3-b-3, 0.75rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-For-Font-Size---12, 1.125rem);
  /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
  padding-top: 8px;
}
.index-cost-calculator-container .index-cost-radio-item {
  display: flex;
  align-items: center;
  gap: 6px;
}
.index-cost-calculator-container .index-cost-radio-input {
  width: 16px;
  height: 16px;
  accent-color: var(--tt-secondary);
  cursor: pointer;
}
.index-cost-calculator-container .index-cost-radio-label {
  font-size: 0.9rem;
  color: var(--tt-text-basic);
  cursor: pointer;
  font-weight: 500;
}
.index-cost-calculator-container .index-cost-cii-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
  align-self: stretch;
}
.index-cost-calculator-container .index-cost-section-title {
  color: var(--tt-text-basic);
  text-align: left;
  font-size: var(--font-size-s-2-b-2, 0.875rem);
  font-style: normal;
  font-weight: 700;
  line-height: var(--Line-Height-For-Font-Size---14, 1.3125rem);
  /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
  width: 675px;
}
@media (max-width: 1200px) {
  .index-cost-calculator-container .index-cost-section-title {
    width: 100%;
    max-width: 675px;
  }
}
@media (max-width: 768px) {
  .index-cost-calculator-container .index-cost-section-title {
    width: 100%;
    font-size: 0.8125rem;
  }
}
@media (max-width: 480px) {
  .index-cost-calculator-container .index-cost-section-title {
    font-size: 0.75rem;
    line-height: 1.25rem;
  }
}
.index-cost-calculator-container .index-cost-cli-section-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  align-self: stretch;
  margin-top: 8px;
  border-radius: 0.25rem;
  padding: 8px;
}
.index-cost-calculator-container .index-cost-input-row {
  display: flex;
  align-items: center;
  align-self: stretch;
  width: 100%;
}
.index-cost-calculator-container .index-cost-input-layout {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 4px;
  width: 100%;
}
.index-cost-calculator-container .index-cost-input-label {
  padding: 0.71875rem 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.5rem;
  flex: 1 0 0;
  align-self: stretch;
  background: var(--tt-neutral-100);
  color: var(--tt-text-basic);
  width: 501px;
  font-size: var(--font-size-s-2-b-2, 0.875rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-For-Font-Size---14, 1.3125rem);
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
@media (max-width: 1200px) {
  .index-cost-calculator-container .index-cost-input-label {
    width: 100%;
    max-width: 501px;
  }
}
@media (max-width: 768px) {
  .index-cost-calculator-container .index-cost-input-label {
    width: 100%;
    padding: 0.625rem 0.75rem;
    font-size: 0.8125rem;
  }
}
@media (max-width: 480px) {
  .index-cost-calculator-container .index-cost-input-label {
    padding: 0.5rem 0.5rem;
    font-size: 0.75rem;
    line-height: 1.25rem;
    min-width: 133px;
  }
}
.index-cost-calculator-container .index-cost-input-field {
  display: flex;
  padding: 0.71875rem 1rem;
  border: 1px solid var(--tt-neutral-400);
  background: var(--tt-neutral-100);
  color: var(--tt-text-basic);
  border-radius: 0.25rem;
  flex: 1 0 0;
  height: 37px;
}
@media (max-width: 768px) {
  .index-cost-calculator-container .index-cost-input-field {
    padding: 0.625rem 0.75rem;
    height: auto;
    min-height: 35px;
  }
}
@media (max-width: 480px) {
  .index-cost-calculator-container .index-cost-input-field {
    padding: 0.5rem 0.5rem;
    min-height: 32px;
    font-size: 0.875rem;
    width: 100%;
  }
}
.index-cost-calculator-container .index-cost-field-error-left {
  padding: 0.71875rem 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.5rem;
  flex: 1 0 0;
  align-self: stretch;
  background: var(--tt-neutral-100);
  color: var(--tt-text-basic);
  width: 390px;
  font-size: var(--font-size-s-2-b-2, 0.875rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-For-Font-Size---14, 1.3125rem);
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
@media (max-width: 1200px) {
  .index-cost-calculator-container .index-cost-field-error-left {
    width: 100%;
    max-width: 390px;
  }
}
@media (max-width: 991px) {
  .index-cost-calculator-container .index-cost-field-error-left {
    width: 100%;
    max-width: 350px;
    padding: 0.625rem 0.875rem;
  }
}
@media (max-width: 767px) {
  .index-cost-calculator-container .index-cost-field-error-left {
    max-width: 141px;
    padding: 0.5rem 0.75rem;
    font-size: 0.8125rem;
    line-height: 1.25rem;
  }
}
@media (max-width: 360px) {
  .index-cost-calculator-container .index-cost-field-error-left {
    max-width: 109px;
    padding: 0.375rem 0.5rem;
    font-size: 0.75rem;
    line-height: 1.125rem;
    gap: 0.25rem;
  }
}
.index-cost-calculator-container .index-cost-field-error-error-row {
  display: flex;
  align-items: center;
  gap: 1rem;
  width: 100%;
  flex-wrap: wrap;
}
@media (min-width: 992px) {
  .index-cost-calculator-container .index-cost-field-error-error-row {
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    gap: 1rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .index-cost-calculator-container .index-cost-field-error-error-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    gap: 0.75rem;
    align-self: stretch;
    flex-wrap: wrap;
  }
}
@media (min-width: 361px) and (max-width: 767px) {
  .index-cost-calculator-container .index-cost-field-error-error-row {
    display: flex;
    align-items: flex-start;
    align-content: center;
    gap: 0.5rem;
    align-self: stretch;
    flex-wrap: wrap;
  }
}
@media (max-width: 360px) {
  .index-cost-calculator-container .index-cost-field-error-error-row {
    display: flex;
    align-items: flex-start;
    align-content: center;
    gap: 0.25rem;
    align-self: stretch;
    flex-wrap: wrap;
  }
}
.index-cost-calculator-container .index-cost-input-field:required:invalid {
  border-color: var(--tt-error) !important;
}
.index-cost-calculator-container .index-cost-input-field:required:valid {
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-400);
  background: var(--tt-neutral-100);
}
.index-cost-calculator-container .index-cost-input-field:focus {
  border-radius: 0.5rem;
  border: 2px solid var(--tt-secondary);
}
.index-cost-calculator-container .index-cost-input-field:valid:not(:placeholder-shown) {
  border: 1px solid var(--tt-neutral-400);
}
.index-cost-calculator-container .index-cost-reset-section {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 1rem;
  align-self: stretch;
}
.index-cost-calculator-container .index-cost-reset-container {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
.index-cost-calculator-container .index-cost-reset-btn {
  display: flex;
  min-width: 5.25rem;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
  height: 27px;
  background-color: var(--tt-neutral-100);
  border: none;
  color: var(--tt-primary);
  /* Button/Button - Medium */
  font-size: var(--font-size-s-2-b-2, 0.875rem);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-For-Font-Size---14, 1.3125rem);
  /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
.index-cost-calculator-container .index-cost-error-message {
  margin: 16px 0;
  padding: 12px 16px;
  border-radius: 6px;
  border-left: 4px solid var(--tt-error);
}
.index-cost-calculator-container .index-cost-error-text {
  color: var(--tt-error);
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.index-cost-calculator-container .index-cost-error-text::before {
  /* content: "⚠️"; */
  margin-right: 8px;
  font-size: 1rem;
}
.index-cost-calculator-container .index-cost-result-item {
  display: flex;
  flex-direction: column;
  padding-bottom: 0.75rem;
  justify-content: center;
  align-items: flex-start;
  gap: 0.625rem;
  width: 100%;
  background: var(--tt-neutral-100);
  margin-bottom: 1rem;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-secondary-info-30);
  padding: 8px;
}
.index-cost-calculator-container .index-cost-result-label {
  display: flex;
  padding: 0.75rem 0;
  align-items: center;
  gap: 0.625rem;
  align-self: stretch;
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--tt-text-basic);
  margin-bottom: 8px;
  margin-left: 8px;
  background: var(--tt-neutral-100);
  color: var(--tt-primary);
  /* Subheading/S2 (M) - Medium */
  font-size: var(--font-size-s-2-b-2, 0.875rem);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-For-Font-Size---14, 1.3125rem);
  /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
.index-cost-calculator-container .index-cost-result-field {
  display: flex;
  align-items: center;
  align-self: stretch;
  width: 12rem;
  padding: 12px;
  border: none;
  /* border-radius: 6px; */
  font-size: 1.5rem;
  font-weight: 500;
  text-align: left;
  height: 40px;
  margin-left: 8px;
  background: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}
@media (max-width: 968px) {
  .index-cost-calculator-container .index-cost-result-field {
    width: 100%;
    max-width: 13rem;
  }
}
@media (max-width: 768px) {
  .index-cost-calculator-container .index-cost-result-field {
    font-size: 1.25rem;
    padding: 8px;
    height: 35px;
    margin-left: 4px;
  }
}
@media (max-width: 480px) {
  .index-cost-calculator-container .index-cost-result-field {
    font-size: 1.125rem;
    padding: 6px;
    height: 32px;
    margin-left: 2px;
  }
}
.index-cost-calculator-container .index-cost-results-title {
  width: 17.1875rem;
  color: var(--tt-primary);
  /* Heading/H4 (S) - Bold */
  font-size: var(--Font-Size-H4, 1.25rem);
  font-style: normal;
  font-weight: 700;
  line-height: var(--Line-Height-For-Font-Size---20, 1.875rem);
  /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
@media (max-width: 1024px) {
  .index-cost-calculator-container .index-cost-header-section {
    gap: 1rem;
  }
  .index-cost-calculator-container .index-cost-calculator-title {
    width: 100%;
    max-width: 450px;
  }
}
@media (max-width: 768px) {
  .index-cost-calculator-container .index-cost-header-section {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    gap: 0.75rem;
  }
  .index-cost-calculator-container .index-cost-disclaimer-section {
    align-items: flex-start;
    width: 100%;
    justify-content: space-between;
    gap: 4.5rem;
  }
  .index-cost-calculator-container .index-cost-question-layout {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .index-cost-calculator-container .index-cost-input-layout {
    align-items: flex-start;
    gap: 8px;
  }
  .index-cost-calculator-container .index-cost-radio-group {
    justify-content: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
  }
  .index-cost-calculator-container .index-cost-radio-item {
    margin-bottom: 0.25rem;
  }
}
@media (max-width: 480px) {
  .index-cost-calculator-container .index-cost-calculator-container {
    padding: 8px;
  }
  .index-cost-calculator-container .index-cost-form-card,
  .index-cost-calculator-container .index-cost-results-card {
    background: var(--tt-neutral-100);
    border-radius: 8px;
    box-shadow: 0 2px 8px 0 var(--tt-neutral-300);
    padding: 1rem;
  }
  .index-cost-calculator-container .index-cost-input-layout {
    align-items: flex-start;
    gap: 8px;
    flex-direction: column;
    width: 100%;
  }
  .index-cost-calculator-container .index-cost-radio-group {
    gap: 0.75rem;
    font-size: 0.7rem;
  }
  .index-cost-calculator-container .index-cost-radio-item {
    gap: 4px;
  }
  .index-cost-calculator-container .index-cost-radio-input {
    width: 14px;
    height: 14px;
  }
  .index-cost-calculator-container .index-cost-radio-label {
    font-size: 0.8rem;
  }
  .index-cost-calculator-container .index-cost-reset-btn {
    min-width: 4rem;
    font-size: 0.75rem;
    padding: 0.375rem 0.5rem;
  }
  .index-cost-calculator-container .index-cost-disclaimer-btn {
    font-size: 0.75rem;
  }
}
@media (max-width: 320px) {
  .index-cost-calculator-container .index-cost-calculator-container {
    margin: 2px;
    padding: 4px;
  }
  .index-cost-calculator-container .index-cost-form-card,
  .index-cost-calculator-container .index-cost-results-card {
    padding: 0.75rem;
  }
  .index-cost-calculator-container .index-cost-radio-group {
    gap: 0.5rem;
    font-size: 0.65rem;
  }
  .index-cost-calculator-container .index-cost-disclaimer-section {
    gap: 0.25rem;
  }
}
.index-cost-calculator-container .index-cost-field-error {
  display: flex;
  align-items: center;
  margin-top: -6px;
  padding: 4px 12px;
  flex: 1;
  min-width: 0;
}
@media (min-width: 992px) {
  .index-cost-calculator-container .index-cost-field-error {
    justify-content: flex-start;
    align-items: center;
    padding: 4px 12px;
    margin-top: -6px;
  }
}
@media (max-width: 991px) {
  .index-cost-calculator-container .index-cost-field-error {
    justify-content: flex-start;
    align-items: center;
    padding: 3px 10px;
    margin-top: -4px;
  }
}
@media (max-width: 767px) {
  .index-cost-calculator-container .index-cost-field-error {
    justify-content: flex-start;
    align-items: flex-start;
    padding: 2px 8px;
    margin-top: 0;
    width: 100%;
  }
}
@media (max-width: 360px) {
  .index-cost-calculator-container .index-cost-field-error {
    justify-content: flex-start;
    align-items: flex-start;
    padding: 2px 4px;
    margin-top: 2px;
    width: 100%;
  }
}
.index-cost-calculator-container .index-cost-field-error-text-1 {
  color: var(--tt-error);
  /* Subheading/S3 (S) - Medium */
  font-size: var(--font-size-s-3-b-3, 0.75rem);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-For-Font-Size---12, 1.125rem);
  /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
  align-self: stretch;
}
.index-cost-calculator-container .index-cost-field-error-1 {
  padding: 0px;
}
.index-cost-calculator-container .index-cost-field-error-text {
  color: var(--tt-error);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
@media (max-width: 991px) {
  .index-cost-calculator-container .index-cost-field-error-text {
    font-size: 0.7rem;
    line-height: 1.15;
  }
}
@media (max-width: 767px) {
  .index-cost-calculator-container .index-cost-field-error-text {
    font-size: 0.6875rem;
    line-height: 1.1;
    text-align: left;
  }
}
@media (max-width: 360px) {
  .index-cost-calculator-container .index-cost-field-error-text {
    font-size: 0.625rem;
    line-height: 1.05;
    text-align: left;
  }
}

.interest-calculator {
  display: flex;
  margin: 0 auto;
  gap: 20px;
}
.interest-calculator .col-md-9 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex: 0 0 66.666%;
}
.interest-calculator .border-red {
  border: 1px solid var(--tt-error) !important;
}
.interest-calculator .border-blue {
  border: 1px solid var(--tt-secondary) !important;
}
.interest-calculator .Customer-date-picker-interest-234 {
  width: 100%;
  border-radius: 4px;
}
.interest-calculator input:disabled {
  background: var(--tt-neutral-bg-stroke-10);
  cursor: not-allowed;
}
.interest-calculator .Customer-date-picker-interest-2341 {
  width: 50%;
  border-radius: 4px;
}
.interest-calculator .interest-calculator-button {
  color: var(--tt-secondary);
  font-size: 12px;
  background: var(--tt-neutral-100);
}
.interest-calculator .css-1bn53lx {
  height: 37px;
}
.interest-calculator .col-md-3 {
  flex: 0 0 33.333%;
  flex: 0 0 275px;
  max-width: 275px;
  min-height: 311px;
}
.interest-calculator .computation {
  color: var(--tt-primary);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.12px;
}
.interest-calculator .errormessage {
  color: var(--tt-error);
  margin-top: 2px;
  font-size: 0.9rem;
  display: flex;
  gap: 4px;
  align-items: center;
}
.interest-calculator .iconbutton {
  width: 20px;
  height: 20px;
}
.interest-calculator .section-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 0px;
}
.interest-calculator .section-header .section-title {
  font-size: 24px;
  font-weight: 700;
  color: var(--tt-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}
.interest-calculator .section-header .section-actions {
  display: flex;
  align-items: center;
  gap: 32px;
}
.interest-calculator .section-header .section-actions .mandatory-note {
  font-size: 14px;
  align-items: baseline;
  color: var(--tt-neutral-900);
  font-style: italic;
  display: inline-flex;
  white-space: nowrap;
  gap: 4px;
}
.interest-calculator .section-header .section-actions .mandatory-note .text-danger1 {
  color: var(--tt-error);
  font-size: 14px;
  font-style: normal;
  vertical-align: baseline;
}
.interest-calculator .section-header .section-actions .warning-disclaimer-button {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-primary);
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  color: var(--tt-primary);
  cursor: pointer;
}
.interest-calculator .section-header .section-actions .warning-disclaimer-button .icon {
  width: 20px;
  height: 20px;
}
.interest-calculator input[type=number] {
  appearance: none;
  -moz-appearance: textfield;
  -webkit-appearance: none;
}
.interest-calculator input[type=number]::-webkit-inner-spin-button, .interest-calculator input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.interest-calculator .form-control {
  width: 50%;
  height: 37px !important;
  flex: 0 0 auto;
  box-sizing: border-box;
  border: 1px solid;
  border-radius: 4px;
}
.interest-calculator .form-control1 {
  width: 100%;
  height: 37px !important;
  flex: 0 0 auto;
  box-sizing: border-box;
  border: 1px solid;
  border-radius: 4px;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-neutral-400);
}
.interest-calculator .form-select {
  width: 100%;
  height: 37px !important;
  flex: 0 0 auto;
  box-sizing: border-box;
  border: 1px solid;
  border-radius: 4px;
}
.interest-calculator .form-row-custom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.interest-calculator .form-label {
  width: 50%;
  font-size: 14px;
  font-weight: 400;
  color: var(--tt-text-basic);
  line-height: 21px;
  letter-spacing: 0.12px;
}
.interest-calculator .form-select {
  color: var(--tt-text-basic);
  background: var(--tt-neutral-100);
}
.interest-calculator .sectionerror {
  width: 50%;
}
.interest-calculator .sectionerror.form-control {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.interest-calculator .sectionerror.Customer-date-picker-interest-234 {
  width: 100%;
}
.interest-calculator .form-select {
  border-radius: 6px;
  border: 1px solid var(--tt-neutral-400);
  font-size: 1rem;
}
.interest-calculator .form-control.Quarter {
  width: 127.2px !important;
}
.interest-calculator .cancel-image-wrapper {
  border-radius: 50%;
  width: 20px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: start;
  color: var(--tt-error);
}
.interest-calculator .cancel-image-wrapper .cancel-image {
  width: 20px;
  height: 20px;
  object-fit: contain;
}
.interest-calculator .error-message {
  background-color: var(--tt-neutral-100);
  color: var(--tt-error);
  padding: 10px;
  text-align: center;
  font-weight: bold;
  border: 1px solid var(--tt-error);
  border-radius: 4px;
  font-size: 14px;
  min-width: 947px;
  margin: 0 auto 20px;
  display: flex;
  align-items: center;
  margin-right: 155px;
  background-color: var(--tt-danger-bg-stroke-5);
}
.interest-calculator .table234C1,
.interest-calculator .table234C2,
.interest-calculator .table234B {
  background-color: var(--tt-neutral-100);
  border: 1px solid var(--tt-neutral-300);
  border-radius: 4px;
  width: 100%;
  font-size: 14px;
}
.interest-calculator .table234C1 thead,
.interest-calculator .table234C2 thead,
.interest-calculator .table234B thead {
  background: var(--tt-primary-bg-stroke-5);
}
.interest-calculator .table234C1 th,
.interest-calculator .table234C2 th,
.interest-calculator .table234B th {
  font-weight: 400;
  text-align: center;
  font-size: 14px;
}
.interest-calculator td {
  vertical-align: bottom;
}
.interest-calculator .table234C1 td:nth-child(1),
.interest-calculator .table234C2 td:nth-child(1) {
  width: 200px;
}
.interest-calculator .form-control:read-only {
  background-color: var(--tt-neutral-10);
}
.interest-calculator .table234B th:nth-child(1),
.interest-calculator .table234B td:nth-child(1) {
  width: 80px;
}
.interest-calculator .table234B th:nth-child(2),
.interest-calculator .table234B td:nth-child(2),
.interest-calculator .table234B th:nth-child(3),
.interest-calculator .table234B td:nth-child(3),
.interest-calculator .table234B th:nth-child(4),
.interest-calculator .table234B td:nth-child(4) {
  width: 150px;
}
.interest-calculator .table234B td input.index-cost-table-input {
  display: flex;
  padding: 0.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  flex: 1 0 0;
  align-self: stretch;
  width: 250px;
  border-radius: 4px;
  box-sizing: border-box;
  background: var(--tt-neutral-10);
  color: var(--tt-text-basic);
  border: 1px solid var(--tt-neutral-400);
}
.interest-calculator .table234B td input.index-cost-table-input-1 {
  display: flex;
  padding: 0.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  flex: 1 0 0;
  align-self: stretch;
  width: 250px;
  border-radius: 4px;
  box-sizing: border-box;
  background: var(--tt-neutral-100);
  color: var(--tt-text-basic);
  border: 1px solid var(--tt-neutral-400);
}
.interest-calculator .calcreset {
  display: flex;
  justify-content: right;
  gap: 20px;
}
.interest-calculator .calculate {
  background-color: var(--tt-primary);
  color: var(--tt-neutral-100);
  border: 1px solid var(--tt-primary);
  font-weight: 500;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 4px;
}
.interest-calculator .btn-reset {
  background-color: var(--tt-neutral-100);
  border: none;
  color: var(--tt-primary);
  padding: 6px 12px;
}
.interest-calculator .text-danger1 {
  color: var(--tt-error);
}
.interest-calculator .headline {
  width: 100%;
  gap: 4px;
  font-weight: 400;
  color: var(--tt-secondary);
  font-size: 14px;
}
.interest-calculator button:focus-visible {
  outline-offset: 0.125rem;
  box-shadow: unset;
}
.interest-calculator .alert-danger {
  font-weight: 500;
  font-size: 0.95rem;
}
@media (max-width: 768px) {
  .interest-calculator .col-md-9,
  .interest-calculator .col-md-3 {
    flex: 0 0 100%;
  }
  .interest-calculator .form-label {
    font-size: 14px;
  }
}
.interest-calculator .interest-calculator-container {
  display: flex;
  gap: 24px;
  margin: 0 auto;
}
.interest-calculator .first-container {
  width: 947px;
}
.interest-calculator .second-container {
  width: 347px;
}
.interest-calculator form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.interest-calculator .content {
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  padding: 20px 16px;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-neutral-300);
  gap: 16px;
}
.interest-calculator .table-content {
  overflow-x: auto;
  width: 100%;
}
.interest-calculator .results-container {
  width: 323px;
  padding: 28px 24px 20px 24px;
  background: var(--tt-neutral-100);
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.interest-calculator .results-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 275px;
  gap: 20px;
}
.interest-calculator .results-header {
  padding-bottom: 8px;
  border-bottom: 1px solid var(--tt-neutral-300);
  display: flex;
  align-items: center;
}
.interest-calculator .results-title {
  width: 275px;
  color: var(--tt-primary);
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.12px;
}
.interest-calculator .result-card {
  width: 275px;
  border-radius: 4px;
  border: 1px solid var(--tt-secondary-info-30);
  display: flex;
  flex-direction: column;
  background: var(--tt-neutral-100);
}
.interest-calculator .result-card-header {
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.interest-calculator .result-card-title {
  color: var(--tt-primary);
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0.12px;
}
.interest-calculator .result-card-value-wrapper {
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.interest-calculator .result-card-value {
  font-size: 20px;
  font-weight: 700;
  color: var(--tt-text-basic);
  line-height: 30px;
  letter-spacing: 0.12px;
}
.interest-calculator input[type=checkbox] {
  accent-color: var(--tt-primary);
  margin-right: 48%;
}
.interest-calculator .css-i44wyl {
  border: 1px solid var(--tt-neutral-400);
  border-radius: 4px;
  color: var(--tt-text-basic);
}
.interest-calculator .css-1bn53lx {
  color: var(--tt-text-basic);
}
.interest-calculator .css-1uvydh2 {
  padding: 10px;
}
.interest-calculator .css-1uvydh2::placeholder {
  color: var(--tt-text-basic);
}
.interest-calculator .css-vubbuv {
  color: var(--tt-primary);
}
@media (min-width: 360px) and (max-width: 766px) {
  .interest-calculator .interest-calculator-container {
    width: 100%;
    flex-direction: column;
    padding: 10px;
  }
  .interest-calculator .first-container {
    width: 100%;
  }
  .interest-calculator .section-header {
    flex-direction: column;
    align-items: normal;
    gap: 8px;
  }
  .interest-calculator .section-header .section-title {
    width: 100%;
  }
  .interest-calculator .Customer-date-picker-interest-234 {
    width: 100%;
  }
  .interest-calculator .form-row-custom {
    flex-direction: column;
    align-items: normal;
  }
  .interest-calculator .form-label {
    width: 100%;
  }
  .interest-calculator .sectionerror {
    width: 100%;
  }
  .interest-calculator .form-select {
    width: 100% !important;
  }
  .interest-calculator .form-control {
    width: 100% !important;
  }
  .interest-calculator .second-container {
    width: 100%;
  }
  .interest-calculator .results-container {
    width: 100%;
  }
  .interest-calculator .results-content {
    width: 100%;
  }
  .interest-calculator .results-header {
    width: 100%;
  }
  .interest-calculator .result-card {
    width: 100%;
  }
}
@media (min-width: 767px) and (max-width: 990px) {
  .interest-calculator .interest-calculator-container {
    width: 100%;
    flex-direction: column;
    padding: 10px;
  }
  .interest-calculator .first-container {
    width: 100%;
  }
  .interest-calculator .Customer-date-picker-interest-234 {
    width: 100%;
  }
  .interest-calculator .section-header {
    flex-direction: column;
    align-items: normal;
    gap: 8px;
  }
  .interest-calculator .section-header .section-title {
    width: 100%;
  }
  .interest-calculator .form-row-custom {
    align-items: normal;
  }
  .interest-calculator .form-label {
    width: 100%;
  }
  .interest-calculator .sectionerror {
    width: 100%;
  }
  .interest-calculator .form-select {
    width: 100% !important;
  }
  .interest-calculator .form-control {
    width: 50% !important;
  }
  .interest-calculator .border-red.form-control {
    width: 100% !important;
  }
  .interest-calculator .second-container {
    width: 100%;
  }
  .interest-calculator .results-container {
    width: 100%;
  }
  .interest-calculator .results-content {
    width: 100%;
  }
  .interest-calculator .results-header {
    width: 100%;
  }
  .interest-calculator .result-card {
    width: 100%;
  }
}
@media (min-width: 991px) and (max-width: 1365px) {
  .interest-calculator .interest-calculator-container {
    width: 100%;
    display: grid;
    grid-template-columns: 73% 25%;
    padding: 10px;
  }
  .interest-calculator .first-container {
    width: 100%;
  }
  .interest-calculator .second-container {
    width: 100%;
  }
  .interest-calculator .results-container {
    width: 100%;
  }
  .interest-calculator .results-content {
    width: 100%;
  }
  .interest-calculator .results-header {
    width: 100%;
  }
  .interest-calculator .result-card {
    width: 100%;
  }
}

.etds-leave-encashment {
  /* Selected value text */
  /* Dropdown option text */
  /* Option hover/focus */
  /* Option selected */
  /* Placeholder text */
  /* Dropdown indicator (arrow) */
  /* Remove border on focus */
}
.etds-leave-encashment .card-body {
  background-color: var(--tt-neutral-100);
}
.etds-leave-encashment label-fn-1 {
  color: var(--tt-text-basic);
}
.etds-leave-encashment .row {
  margin: 0 auto;
}
.etds-leave-encashment .section-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 24px;
}
.etds-leave-encashment .section-header .section-title-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
}
.etds-leave-encashment .section-header .section-title-wrapper .section-title {
  color: var(--tt-primary);
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0.12px;
  margin: 0;
}
.etds-leave-encashment .section-header .section-title-wrapper .info-tooltip {
  width: 18px;
  height: 18px;
}
.etds-leave-encashment .section-header .section-title-wrapper .info-tooltip img {
  width: 100%;
  height: 100%;
}
.etds-leave-encashment .section-header .section-actions {
  display: flex;
  align-items: center;
  gap: 32px;
}
.etds-leave-encashment .section-header .section-actions .mandatory-note {
  font-size: 12px;
  font-style: italic;
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.etds-leave-encashment .section-header .section-actions .mandatory-note .text-danger {
  color: var(--tt-error);
}
.etds-leave-encashment .section-header .section-actions .mandatory-note .note-text {
  color: var(--tt-neutral-800);
  margin-top: auto;
}
.etds-leave-encashment .section-header .section-actions .no-spinner {
  -moz-appearance: textfield;
}
.etds-leave-encashment .section-header .section-actions .no-spinner::-webkit-outer-spin-button, .etds-leave-encashment .section-header .section-actions .no-spinner::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.etds-leave-encashment .section-header .section-actions .warning-disclaimer-button {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  min-width: 72px;
  padding: 4px 12px;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-primary);
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  color: var(--tt-primary);
  cursor: pointer;
}
.etds-leave-encashment .section-header .section-actions .warning-disclaimer-button .icon {
  width: 20px;
  height: 20px;
}
.etds-leave-encashment .section-header .section-actions .warning-disclaimer-button span {
  text-transform: capitalize;
}
.etds-leave-encashment .css-1uvydh2 {
  color: var(--tt-text-basic);
}
.etds-leave-encashment .css-i44wyl {
  display: inline-flex;
  flex-direction: column;
  position: relative;
  min-width: 0px;
  padding: 0px;
  margin: 0px;
  border: 1px solid var(--tt-neutral-100);
  border-radius: 4px;
  vertical-align: top;
}
.etds-leave-encashment .css-vubbuv, .etds-leave-encashment .css-slyssw {
  color: var(--tt-primary);
}
.etds-leave-encashment .form-select,
.etds-leave-encashment .form-input {
  width: 100%;
  color: var(--tt-text-basic);
  background-color: var(--tt-neutral-100);
  justify-self: flex-end;
  align-self: self-start;
  text-align: start;
  margin-top: 3px;
  height: 37px;
  border: 1px solid;
  border-radius: 5px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 5px;
}
.etds-leave-encashment .d-flex.justify-content-end.select-section {
  width: 50%;
}
.etds-leave-encashment .d-flex.justify-content-end.select-section-compute {
  width: 50%;
  margin-left: 78px;
  margin-top: 8px;
}
.etds-leave-encashment .table {
  width: 100%;
  margin-top: 20px;
  border-collapse: separate;
  border-spacing: 1px;
  border: 1px solid var(--tt-text-basic);
  border-radius: 4px;
  text-align: center;
  display: block;
  overflow: auto;
}
.etds-leave-encashment .table th,
.etds-leave-encashment .table td {
  padding: 10px;
  border: none;
  color: var(--tt-text-basic);
}
.etds-leave-encashment .table thead {
  background-color: var(--tt);
  font-weight: bold;
  text-align: center;
  color: var(--tt-text-basic);
}
.etds-leave-encashment .table td input[type=number],
.etds-leave-encashment .table td input[type=text] {
  width: 100%;
  padding: 8px;
  border: 1px solid var(--tt-text-basic);
  background-color: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}
.etds-leave-encashment .table td input[readonly] {
  border: 1px solid var(--tt-text-basic);
  background-color: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}
.etds-leave-encashment .table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.etds-leave-encashment .form-input-table {
  height: 35px;
  border-radius: 4px;
  padding: 8px;
  color: var(--tt-text-basic);
}
.etds-leave-encashment .pop-up-service-period, .etds-leave-encashment .etds-residential-status .pop-up-ten-months-salary, .etds-residential-status .etds-leave-encashment .pop-up-ten-months-salary,
.etds-leave-encashment .pop-up-service-period-2 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  z-index: 1000;
  overflow-x: inherit;
  overflow-y: scroll;
}
.etds-leave-encashment .insider-pop-up-service-period {
  width: 408px;
  height: 437px;
  margin: auto;
  background-color: var(--tt-neutral-100);
  border-radius: 5px;
}
.etds-leave-encashment .insider-pop-up-service-period-2 {
  background-color: var(--tt-neutral-100);
  margin: 60px auto;
  width: 100%;
  height: max-content;
  border-radius: 5px;
}
.etds-leave-encashment .content-service-period {
  margin-left: 30px;
  margin-right: 30px;
  margin-top: 30px;
  margin-bottom: 20px;
}
.etds-leave-encashment .header-service-period {
  color: var(--tt-primary);
}
.etds-leave-encashment .label-header {
  font-weight: 700;
}
.etds-leave-encashment .border-header {
  border-bottom: 0.05rem solid #DFE0E2;
  margin-top: 10px;
}
.etds-leave-encashment .input-contents {
  margin-top: 20px;
}
.etds-leave-encashment .popup-input-fields, .etds-leave-encashment .etds-residential-status .input-displayTotalSalary, .etds-residential-status .etds-leave-encashment .input-displayTotalSalary,
.etds-leave-encashment .etds-residential-status .input-displayAvgSalary,
.etds-residential-status .etds-leave-encashment .input-displayAvgSalary,
.etds-leave-encashment .etds-residential-status .input-displayTotalLeaves,
.etds-residential-status .etds-leave-encashment .input-displayTotalLeaves,
.etds-leave-encashment .form-input-table {
  width: 100%;
  justify-self: flex-end;
  align-self: self-start;
  text-align: start;
  margin-top: 10px;
  height: 37px;
  border: 1px solid var(--tt-text-basic);
  background-color: var(--tt-neutral-100);
  border-radius: 5px;
  padding: 0 10px;
}
.etds-leave-encashment .calculation-service-period {
  margin-top: 20px;
  border-radius: 5px;
  border: 1px solid var(--tt-secondary-info-30);
  width: 100%;
  height: 91px;
}
.etds-leave-encashment .label-calculation-service-period {
  margin: 10px 0 0 10px;
  font-weight: 500;
  font-size: 14px;
  color: VAR(--tt-primary);
}
.etds-leave-encashment .result-service-period {
  font-weight: 700;
  margin: 25px 0 0 10px;
  font-size: 20px;
  height: 30px;
}
.etds-leave-encashment .btnCalculate {
  width: 84px;
  height: 36px;
  font-size: 14px;
  background-color: var(--tt-primary);
  color: var(--tt-neutral-100);
  border-radius: 4px;
  border: none;
  text-align: center;
}
.etds-leave-encashment .btnCalculate:active {
  background-color: #d0d6f1;
}
.etds-leave-encashment .btnClose {
  width: 84px;
  height: 36px;
  background-color: var(--tt-neutral-100);
  color: var(--tt-primary);
  font-size: 14px;
  border-radius: 4px;
  text-align: center;
  border: 1px solid;
}
.etds-leave-encashment .row .btns {
  margin-top: 30px;
}
.etds-leave-encashment .pop-up-ten-months-salary {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  z-index: 1000;
  overflow-x: inherit;
  overflow-y: scroll;
}
.etds-leave-encashment .insider-pop-up-ten-month-salary {
  width: 100%;
  height: fit-content;
  margin: 30px auto;
  background-color: var(--tt-neutral-100);
  border-radius: 5px;
}
.etds-leave-encashment .custom-header th,
.etds-leave-encashment .custom-header-1 th,
.etds-leave-encashment .custom-header-2 th {
  background-color: var(--tt-secondary-info-bg5) !important;
  text-align: center;
  width: 20%;
  color: var(--tt-text-basic);
}
.etds-leave-encashment .custom-header-2 th:first-child {
  width: 10%;
  background-color: var(--tt-neutral-100);
}
.etds-leave-encashment .table-bordered tbody tr:nth-child(odd) {
  background-color: var(--tt-neutral-100) !important;
}
.etds-leave-encashment .table-bordered tbody tr:nth-child(even) {
  background-color: var(--tt-neutral-100) !important;
}
.etds-leave-encashment .input-displayTotalSalary,
.etds-leave-encashment .input-displayAvgSalary,
.etds-leave-encashment .input-displayTotalLeaves {
  width: 100%;
  justify-self: flex-end;
  align-self: self-start;
  text-align: start;
  margin-top: 10px;
  height: 37px;
  border: 1px solid var(--tt-text-basic);
  background-color: var(--tt-neutral-100);
  border-radius: 5px;
  padding: 0 10px;
  color: var(--tt-text-basic);
}
.etds-leave-encashment .buttons-bottom {
  background-color: var(--tt-secondary-info-bg5);
  width: 100%;
  height: 64px;
  margin-top: 39px;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  padding: 1rem;
  border-top: 1px solid var(--tt-neutral-300);
  border-radius: 5px;
}
.etds-leave-encashment .buttons-bottom .btn-outer-close {
  flex: 0 0 auto;
  margin-left: 14px;
}
.etds-leave-encashment .buttons-bottom .btn-outer-calculate {
  flex: 0 0 auto;
  margin-right: 15px;
}
.etds-leave-encashment .buttons-bottom-1 {
  display: flex;
  justify-content: flex-start;
  gap: 24px;
}
.etds-leave-encashment .btnCalculateMain {
  width: 95px;
  height: 36px;
  font-size: 14px;
  background-color: var(--tt-primary);
  color: var(--tt-neutral-100);
  border-radius: 4px;
  border: none;
  text-align: center;
}
.etds-leave-encashment .btnResetMain {
  width: 84px;
  height: 36px;
  background: none;
  color: var(--tt-primary);
  font-size: 14px;
  border-radius: 4px;
  text-align: center;
  border: none;
}
.etds-leave-encashment .result-leave-salary {
  margin-top: 20px;
  border-radius: 5px;
  border: 1px solid var(--tt-secondary-info-30);
  width: 100%;
  height: 91px;
}
.etds-leave-encashment .btnAddmore {
  display: inline-flex;
  align-items: center;
  height: 30px;
  width: 112px;
  gap: 3px;
  background-color: none;
  color: var(--tt-primary);
  border-radius: 4px;
  min-width: 72px;
  font-size: 0.75rem;
  font-weight: 400;
  border: 1px solid var(--tt-primary);
  margin-top: 15px;
}
.etds-leave-encashment .btnRemove {
  margin-left: 8px;
  display: inline-flex;
  align-items: center;
  height: 30px;
  width: 115px;
  gap: 2px;
  color: var(--tt-error);
  border-radius: 4px;
  border: 1px solid var(--tt-error);
  background-color: var(--tt-neutral-100);
  min-width: 72px;
  font-size: 0.75rem;
  font-weight: 400;
  margin-top: 15px;
}
.etds-leave-encashment .addmoreImage,
.etds-leave-encashment .deleteImage {
  display: inline-block;
  width: 16px;
  height: 16px;
  object-fit: contain;
  margin-left: 7px;
}
.etds-leave-encashment .center-alert {
  display: flex;
  align-items: center;
  /* justify-content: center; */
  text-align: left;
  height: 60px;
}
.etds-leave-encashment .cancel-img {
  width: 18px;
  /* adjust as needed */
  height: 18px;
}
.etds-leave-encashment .error-text {
  color: var(--tt-error);
  /* optional */
  font-weight: 400;
  /* optional */
  margin-top: 15px;
  margin-left: 2px;
}
.etds-leave-encashment .error-text-msg {
  font-weight: 700;
}
.etds-leave-encashment input[type=number] {
  -moz-appearance: textfield;
}
.etds-leave-encashment input[type=number]::-webkit-inner-spin-button, .etds-leave-encashment input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.etds-leave-encashment .text-danger1,
.etds-leave-encashment .mandatory-star {
  color: var(--tt-error);
}
.etds-leave-encashment .mandatory-star {
  font-size: 14px;
}
.etds-leave-encashment .result-section {
  width: 100%;
}
.etds-leave-encashment .result-header {
  color: var(--tt-primary);
  padding-bottom: 8px;
  border-bottom: 2px solid var(--tt-neutral-300);
  font-size: 24px;
  font-weight: 700;
}
.etds-leave-encashment .css-1bn53lx {
  height: 37px;
  width: 316px;
  border: 1px solid var(--tt-text-basic);
}
@media (max-width: 768px) and (min-width: 320px) {
  .etds-leave-encashment .field-group {
    flex-direction: column;
  }
  .etds-leave-encashment .form-select {
    width: 100%;
  }
  .etds-leave-encashment .col-form-label {
    min-width: 100%;
  }
  .etds-leave-encashment .d-flex.justify-content-end.select-section {
    width: 100%;
  }
  .etds-leave-encashment .d-flex.justify-content-end.select-section-compute {
    width: max-content;
    margin-left: 11px;
    margin-top: 6px;
  }
  .etds-leave-encashment .col {
    width: none;
    flex-basis: none;
    flex-grow: 1;
    max-width: 100%;
  }
  .etds-leave-encashment .form-input-table {
    min-width: 164px;
  }
  .etds-leave-encashment .custom-header th {
    min-width: 190px;
  }
}
.etds-leave-encashment .css-13cymwt-control, .etds-leave-encashment .css-t3ipsp-control {
  margin-right: 10px;
  margin-left: 10px;
}
.etds-leave-encashment .btn-primary,
.etds-leave-encashment .btn-danger {
  padding: 10px 15px;
  color: var(--tt-neutral-100);
}
.etds-leave-encashment .btn-secondary {
  background: none;
}
.etds-leave-encashment .leave-encashment-cal__control {
  background-color: var(--tt-neutral-100) !important;
  border-color: var(--tt-neutral-300) !important;
  min-height: 38px;
  box-shadow: none !important;
}
.etds-leave-encashment .leave-encashment-cal__single-value {
  color: var(--tt-text-basic) !important;
}
.etds-leave-encashment .leave-encashment-cal__option {
  color: var(--tt-text-basic) !important;
  background-color: var(--tt-neutral-100) !important;
}
.etds-leave-encashment .leave-encashment-cal__option--is-focused {
  background-color: var(--tt-primary-varient-3) !important;
  color: var(--tt-text-basic-focus) !important;
  border: 1px solid var(--tt-secondary);
}
.etds-leave-encashment .leave-encashment-cal__option--is-selected {
  background-color: var(--tt-secondary) !important;
  color: var(--tt-text-basic-hover) !important;
}
.etds-leave-encashment .leave-encashment-cal__placeholder {
  color: var(--tt-neutral-400) !important;
}
.etds-leave-encashment .leave-encashment-cal__indicator {
  color: var(--tt-neutral-600) !important;
}
.etds-leave-encashment .leave-encashment-cal__control--is-focused {
  border-color: var(--tt-primary-500) !important;
  box-shadow: 0 0 0 1px var(--tt-primary-500) !important;
  background-color: var(--tt-primary);
}
.etds-leave-encashment .result-h3 {
  color: var(--tt-primary);
  padding-bottom: 8px;
  border-bottom: 2px solid var(--tt-neutral-300);
  width: 100%;
  font-size: 20px;
  font-weight: 700;
}
.etds-leave-encashment .result-container {
  background: var(--tt-neutral-100);
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
  margin: 0px;
}
.etds-leave-encashment .result1 {
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
  height: fit-content;
  padding: 0px;
}
.etds-leave-encashment .result-card {
  width: 100%;
  border-radius: 4px;
  border: 1px solid var(--tt-secondary-info-30);
  display: flex;
  flex-direction: column;
  background: var(--tt-neutral-100);
}
.etds-leave-encashment .result-card:focus-visible {
  outline: 0.125rem solid var(--tt-primary-varient-9);
  outline-offset: 0.125rem;
  box-shadow: unset;
}
.etds-leave-encashment .result-card-header {
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.etds-leave-encashment .result-card-title {
  color: var(--tt-primary);
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0.12px;
}
.etds-leave-encashment .result-card-value-wrapper {
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.etds-leave-encashment .result-card-value {
  font-size: 20px;
  font-weight: 700;
  color: var(--tt-text-basic);
  line-height: 30px;
  letter-spacing: 0.12px;
}

.deferredTaxCalculator {
  /* Left Section */
  /* Right Section */
  /* Disclaimer Button */
}
.deferredTaxCalculator .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.deferredTaxCalculator .header-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0px;
  box-sizing: border-box;
}
.deferredTaxCalculator .header-left {
  display: flex;
  align-items: center;
  gap: 12px;
}
.deferredTaxCalculator .header-title {
  color: var(--tt-primary);
  /* var(--Text-Primary) */
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0.12px;
  margin: 0;
}
.deferredTaxCalculator .info-icon {
  width: 24px;
  height: 24px;
  background-color: var(--tt-neutral-800);
  /* var(--Neutral-800) */
  border-radius: 50%;
}
.deferredTaxCalculator .header-right {
  display: flex;
  align-items: center;
  gap: 32px;
}
.deferredTaxCalculator .mandatory-note {
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
  color: var(--tt-neutral-900);
  /* var(--Neutral-900) */
  margin: 0;
}
.deferredTaxCalculator .asterisk {
  color: var(--tt-error);
  /* var(--Danger-500) */
  margin-right: 2px;
}
.deferredTaxCalculator .disclaimer-button {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 12px;
  height: 28px;
  min-width: 72px;
  background: var(--tt-neutral-100);
  /* var(--Neutral-100) */
  border: 1px solid var(--tt-primary);
  /* var(--Primary-600) */
  border-radius: 4px;
  cursor: pointer;
}
.deferredTaxCalculator .warning_image {
  margin-bottom: 10px;
}
.deferredTaxCalculator .disclaimer-icon {
  width: 18px;
  height: 16px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  color: var(--tt-primary);
}
.deferredTaxCalculator .disclaimer-text {
  color: var(--tt-primary);
  /* var(--Text-Primary) */
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  line-height: 21px;
  letter-spacing: 0.12px;
}
.deferredTaxCalculator .tax-form {
  width: 100%;
  padding: 20px 16px;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-neutral-300);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.deferredTaxCalculator .form-section {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.deferredTaxCalculator .input-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.deferredTaxCalculator .input-label {
  font-size: 12px;
  color: var(--tt-text-basic);
  display: flex;
  align-items: center;
  gap: 2px;
}
.deferredTaxCalculator .required {
  color: var(--tt-error);
}
.deferredTaxCalculator .input-box,
.deferredTaxCalculator .dropdown-box {
  padding: 8px 12px;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-neutral-400);
  border-radius: 4px;
  font-size: 14px;
  color: var(--tt-text-basic);
}
.deferredTaxCalculator .dropdown-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.deferredTaxCalculator .rate-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.deferredTaxCalculator .muted {
  color: var(--tt-neutral-700);
}
.deferredTaxCalculator .button-row {
  display: flex;
  gap: 20px;
  padding: 12px;
}
.deferredTaxCalculator .btn-primary {
  min-width: 84px;
  padding: 8px 16px;
  background-color: var(--tt-primary);
  color: var(--tt-neutral-100);
  border: none;
  border-radius: 4px;
  font-weight: 500;
  text-transform: capitalize;
  cursor: pointer;
}
.deferredTaxCalculator .btn-tertiary {
  min-width: 84px;
  padding: 8px 16px;
  background: transparent;
  color: var(--tt-primary);
  border: none;
  font-weight: 500;
  text-transform: capitalize;
  cursor: pointer;
}
.deferredTaxCalculator .container {
  width: 100%;
  height: 100%;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
}
.deferredTaxCalculator .box {
  align-self: stretch;
  border-radius: 4px;
  outline: 1px solid var(--tt-secondary-400);
  /* Secondary & Info 400 */
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.deferredTaxCalculator .header {
  align-self: stretch;
  padding: 12px 16px;
  background: var(--tt-secondary-info-bg2);
  /* Secondary & Info BG & Stroke 2% */
  border-radius: 4px;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
}
.deferredTaxCalculator .header-content {
  flex: 1 1 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.deferredTaxCalculator .title-section {
  flex: 1 1 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 281px;
}
.deferredTaxCalculator .title {
  color: var(--tt-primary);
  /* Text Primary */
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.deferredTaxCalculator .collapse-section {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.deferredTaxCalculator .collapse-text {
  color: var(--tt-secondary);
  /* Text Secondary */
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
  line-height: 21px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.deferredTaxCalculator .icon-background {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 0;
}
.deferredTaxCalculator .icon-arrow {
  width: 10px;
  height: 6.17px;
  position: absolute;
  left: 5px;
  top: 6.67px;
}
.deferredTaxCalculator .employee-container {
  align-self: stretch;
  padding: 16px;
  background: var(--tt-neutral-100);
  /* Neutral-100 */
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 12px;
}
.deferredTaxCalculator .employee-box {
  align-self: stretch;
  border-radius: 4px;
  outline: 1px solid var(--tt-secondary-400);
  /* Secondary & Info 400 */
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.deferredTaxCalculator .employee-header {
  align-self: stretch;
  padding: 12px 16px;
  background: var(--tt-secondary-info-bg2);
  /* Secondary & Info BG & Stroke 2% */
  border-radius: 4px;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.deferredTaxCalculator .employee-header-content {
  flex: 1 1 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.deferredTaxCalculator .employee-title-section {
  flex: 1 1 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 281px;
}
.deferredTaxCalculator .employee-title {
  color: var(--tt-primary);
  /* Text Primary */
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.deferredTaxCalculator .collapse-icon {
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
  color: var(--tt-neutral-800);
}
.deferredTaxCalculator .icon-background {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 0;
}
.deferredTaxCalculator .icon-arrow {
  width: 10px;
  height: 6.17px;
  position: absolute;
  left: 5px;
  top: 6.67px;
}
.deferredTaxCalculator .employee-content {
  align-self: stretch;
  padding: 16px;
  background: var(--tt-neutral-100);
  /* Neutral-100 */
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
}
.deferredTaxCalculator .section-group {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
}
.deferredTaxCalculator .section-title {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--tt-text-basic);
  /* Text Basic */
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.deferredTaxCalculator .table-container {
  align-self: stretch;
  border-radius: 4px;
  outline: 1px solid var(--tt-neutral-300);
  /* Neutral 300 */
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
}
.deferredTaxCalculator .table-container:focus {
  outline: 2px solid var(--tt-primary);
  outline-offset: 2px;
}
.deferredTaxCalculator .table-container:focus-visible {
  outline: 2px solid var(--tt-primary);
  outline-offset: 2px;
}
.deferredTaxCalculator .tcswarning-disclaimer-button {
  border: 1px solid var(--tt-primary-600);
  background: var(--tt-neutral-100);
  border-radius: 4px;
  display: flex;
  padding-top: 4px;
  padding-bottom: 4px;
  gap: 12px;
  align-items: center;
  color: var(--tt-primary);
}
.deferredTaxCalculator .tcswarning-disclaimer {
  display: flex;
  align-items: center;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  color: var(--tt-primary);
  cursor: pointer;
}
.deferredTaxCalculator .table-row {
  align-self: stretch;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
}
.deferredTaxCalculator .table-cell {
  flex: 1 1 0;
  align-self: stretch;
  padding: 11.5px 16px;
  background: var(--tt-primary-bg-stroke-5);
  /* Primary BG & Stroke 5% */
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0.12px;
  color: var(--tt-text-basic);
  /* Text Basic */
}
.deferredTaxCalculator .header-cell {
  border-top-left-radius: 4px;
}
.deferredTaxCalculator .gratuity-row {
  align-self: stretch;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.deferredTaxCalculator .gratuity-description-cell {
  flex: 1 1 0;
  align-self: stretch;
  padding: 11.5px 16px;
  background: var(--tt-neutral-100);
  /* Neutral-100 */
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
}
.deferredTaxCalculator .gratuity-description-wrapper {
  align-self: stretch;
  display: inline-flex;
  flex-direction: column;
  gap: 8px;
}
.deferredTaxCalculator .gratuity-label-tooltip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.deferredTaxCalculator .gratuity-label {
  font-size: 14px;
  font-weight: 400;
  color: var(--tt-text-basic);
  /* Text-Basic */
  line-height: 21px;
  letter-spacing: 0.12px;
}
.deferredTaxCalculator .tooltip-icon-wrapper {
  padding: 1px;
  border-radius: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  position: relative;
}
.deferredTaxCalculator .tooltip-icon-bg {
  width: 18px;
  position: relative;
  display: inline-block;
  color: var(--tt-neutral-800);
  border-radius: 13px;
}
.deferredTaxCalculator .tooltip-icon-bg:focus, .deferredTaxCalculator .tooltip-icon-bg:focus-visible {
  outline: 2px solid var(--tt-primary-500);
  outline-offset: 2px;
}
.deferredTaxCalculator .tooltip-content {
  width: 320px;
  padding: 8px;
  position: absolute;
  background: var(--tt-neutral-1000);
  /* Neutral-1000 */
  box-shadow: 0px 2px 8px var(--tt-neutral-1200);
  border-radius: 4px;
  flex-direction: column;
  align-items: flex-start;
  display: none;
}
.deferredTaxCalculator .tooltip-arrow {
  width: 10px;
  height: 8px;
  position: absolute;
  left: 18px;
  top: 60px;
  background: var(--tt-neutral-1000);
  transform: rotate(-180deg);
  transform-origin: top left;
  box-shadow: 0px 8px 20px var(--tt-neutral-1200);
}
.deferredTaxCalculator .tooltip-text {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.12px;
  color: var(--tt-neutral-100);
  /* Text-Alternative */
}
.deferredTaxCalculator .tooltip-icon-bg:hover .tooltip-content,
.deferredTaxCalculator .tooltip-icon-bg:focus .tooltip-content,
.deferredTaxCalculator .tooltip-icon-bg:focus-visible .tooltip-content,
.deferredTaxCalculator .tooltip-icon-bg:focus-within .tooltip-content {
  display: inline-block;
}
.deferredTaxCalculator .gratuity-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.deferredTaxCalculator .link-icon-wrapper {
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}
.deferredTaxCalculator .link-icon-bg {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 0;
}
.deferredTaxCalculator .link-icon-color {
  width: 15px;
  height: 15px;
  position: absolute;
  left: 2.5px;
  top: 2.5px;
  background: var(--tt-secondary);
  /* Secondary & Info 500 (Default) */
}
.deferredTaxCalculator .gratuity-link-text {
  color: var(--tt-secondary);
  /* Text Secondary */
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
  line-height: 21px;
  letter-spacing: 0.12px;
}
.deferredTaxCalculator .gratuity-input-cell {
  flex: 1 1 0;
  align-self: stretch;
  padding: 11.5px 16px;
  background: var(--tt-neutral-100);
  /* Neutral-100 */
  display: flex;
  align-items: center;
  gap: 10px;
}
.deferredTaxCalculator .input-wrapper {
  flex: 1 1 0;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.deferredTaxCalculator .input-box {
  align-self: stretch;
  padding: 8px 12px;
  background: var(--tt-neutral-100);
  /* Neutral-100 */
  border-radius: 4px;
  /* Neutral-400 */
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.deferredTaxCalculator .input-placeholder {
  flex: 1 1 0;
  color: var(--tt-neutral-700);
  /* Text Tertiary */
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.12px;
  padding: 5px;
  width: 100%;
  outline: 1px solid var(--tt-neutral-400);
  background: var(--tt-neutral-100);
}
.deferredTaxCalculator .input-box.error,
.deferredTaxCalculator .dropdown-box.error {
  border: 2px solid var(--tt-error);
}
.deferredTaxCalculator .error-message {
  color: var(--tt-error);
  font-size: 0.8rem;
  margin-top: 4px;
}
.deferredTaxCalculator .container {
  padding: 28px 48px 20px 24px;
  background: var(--tt-neutral-100);
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.deferredTaxCalculator .title {
  font-size: 20px;
  font-weight: 700;
  color: var(--tt-primary);
  border-bottom: 1px solid var(--tt-neutral-300);
  padding-bottom: 8px;
}
.deferredTaxCalculator .section,
.deferredTaxCalculator .disclosure-section,
.deferredTaxCalculator .sub-section {
  border: 1px solid var(--tt-secondary-info-30);
  border-radius: 4px;
  padding: 12px;
}
.deferredTaxCalculator .section-title {
  font-size: 16px;
  font-weight: 700;
  color: var(--tt-text-basic);
}
.deferredTaxCalculator .row {
  display: flex;
  justify-content: space-between;
}
.deferredTaxCalculator .header .cell {
  font-weight: 700;
  font-size: 14px;
  color: var(--tt-text-basic);
  background-color: var(--tt-primary-bg-stroke-5);
  padding: 8px 12px;
}
.deferredTaxCalculator .cell {
  flex: 1;
  padding: 8px 12px;
}
.deferredTaxCalculator .value {
  font-weight: 700;
  font-size: 20px;
  color: var(--tt-text-basic);
}
.deferredTaxCalculator .disclosures {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.deferredTaxCalculator .disclosure-title {
  font-size: 16px;
  font-weight: 700;
  color: var(--tt-text-basic);
}

.deferredTaxCalculator .back-button {
  padding: 10px 20px;
  border: 1px solid var(--tt-primary);
  background: var(--tt-neutral-100);
  color: var(--tt-primary);
}
.deferredTaxCalculator .etds-no-entry-required {
  border: 1px solid var(--tt-secondary-300);
  background: var(--tt-secondary-info-bg5);
  color: var(--tt-secondary);
}
.deferredTaxCalculator .table-header {
  background: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}
.deferredTaxCalculator .table-body {
  background: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}
.deferredTaxCalculator tbody {
  background: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}
.deferredTaxCalculator .results-container {
  background: var(--tt-neutral-100);
  box-shadow: 0 4px 14px 0 var(--tt-neutral-1200);
  border-radius: 0.125rem;
  border: 0.5px solid var(--tt-neutral-400);
  padding: 24px;
  margin-bottom: 24px;
  max-width: 1270px;
  width: 100%;
}
.deferredTaxCalculator .financial-table {
  border-radius: 0.125rem;
  border: 0.5px solid var(--tt-neutral-400);
}
.deferredTaxCalculator .table-header th {
  border: 0.5px solid var(--tt-neutral-400);
  text-align: center;
}
.deferredTaxCalculator .table-header th:first-child {
  width: 60%;
}
.deferredTaxCalculator .table-body td {
  border: 0.5px solid var(--tt-neutral-400);
}
.deferredTaxCalculator .indented-row {
  padding-left: 20px;
}
.deferredTaxCalculator .right-align {
  text-align: right;
}
.deferredTaxCalculator .bold-text {
  font-weight: bold;
}
.deferredTaxCalculator .spacer-row {
  height: 10px;
  border: none;
}
.deferredTaxCalculator .no-border {
  border: none;
}
.deferredTaxCalculator .net-summary-value {
  font-size: 1.1em;
  font-weight: bold;
  text-align: right;
}
.deferredTaxCalculator .entry-description {
  font-style: italic;
  font-size: 0.9em;
}
.deferredTaxCalculator .deferred-tax-calculator-container {
  max-width: 1270px;
  margin: 0 auto;
}
.deferredTaxCalculator .deferred-tax-calculator-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.deferredTaxCalculator .collapse-content {
  border: 1px solid var(--tt-secondary-400);
  border-radius: 4px;
  background: var(--tt-neutral-100);
}
.deferredTaxCalculator .table-content {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  border: 1px solid var(--tt-neutral-300);
  border-radius: 4px;
}
.deferredTaxCalculator .table-scroll > :nth-child(odd) {
  background: var(--tt-primary-bg-stroke-5);
}
.deferredTaxCalculator .notes-section {
  width: 100%;
  padding: 0px 12px;
}
@media (min-width: 360px) and (max-width: 766px) {
  .deferredTaxCalculator .deferred-tax-calculator-container {
    padding: 10px;
  }
  .deferredTaxCalculator .results-container {
    padding: 10px;
  }
  .deferredTaxCalculator .header-container {
    flex-direction: column;
    align-items: normal;
    gap: 16px;
  }
  .deferredTaxCalculator .tax-form {
    padding: 16px;
    gap: 16px;
  }
  .deferredTaxCalculator .dropdown-row {
    grid-template-columns: 1fr;
  }
  .deferredTaxCalculator .rate-row {
    grid-template-columns: 1fr;
  }
  .deferredTaxCalculator .table-scroll {
    min-width: 766px;
  }
}
@media (min-width: 767px) and (max-width: 990px) {
  .deferredTaxCalculator .deferred-tax-calculator-container {
    padding: 10px;
  }
  .deferredTaxCalculator .results-container {
    padding: 10px;
  }
}
@media (min-width: 991px) and (max-width: 1270px) {
  .deferredTaxCalculator .deferred-tax-calculator-container {
    padding: 10px;
  }
  .deferredTaxCalculator .results-container {
    padding: 10px;
  }
}

.oldRegimeVsNewRegime {
  /* Left Section */
  /* Right Section */
  /* Disclaimer Button */
  /* For input fields inside the form */
  /* Tertiary Button */
}
@media (min-width: 1361px) {
  .oldRegimeVsNewRegime {
    display: flex;
    justify-content: center;
  }
}
.oldRegimeVsNewRegime .responsive-row {
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-bottom: 8px;
}
.oldRegimeVsNewRegime .Computation {
  padding: 6px;
}
.oldRegimeVsNewRegime .responsive-label,
.oldRegimeVsNewRegime .responsive-input {
  flex: 1 1 0;
  min-width: 0;
  color: var(--tt-text-basic);
  /* Body/B2 (M) - Regular */
  font-size: var(--font-size-s-2-b-2, 0.875rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-For-Font-Size---14, 1.3125rem); /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
@media (max-width: 767.98px) {
  .oldRegimeVsNewRegime .responsive-row {
    flex-direction: column;
    gap: 4px;
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .oldRegimeVsNewRegime .responsive-label,
  .oldRegimeVsNewRegime .responsive-input {
    width: 100%;
  }
}
.oldRegimeVsNewRegime .taxpayer-row {
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-bottom: 8px;
  align-items: flex-start;
}
.oldRegimeVsNewRegime .taxpayer-row .Taxpayer,
.oldRegimeVsNewRegime .taxpayer-row .InputField {
  flex: 1 1 0;
  width: 100%;
}
@media (max-width: 767.98px) {
  .oldRegimeVsNewRegime .taxpayer-row {
    flex-direction: column;
    gap: 4px;
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
}
.oldRegimeVsNewRegime .assessment-year-row {
  display: flex;
  align-items: center;
  align-self: stretch;
  width: 100%;
  margin-bottom: 8px;
  align-items: flex-start;
}
.oldRegimeVsNewRegime .assessment-year-row .AssessmentYear,
.oldRegimeVsNewRegime .assessment-year-row .InputField {
  flex: 1 1 0;
  min-width: 0;
}
@media (max-width: 767.98px) {
  .oldRegimeVsNewRegime .assessment-year-row {
    flex-direction: column;
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
}
.oldRegimeVsNewRegime .info-icon {
  color: var(--tt-neutral-800);
}
.oldRegimeVsNewRegime .etds-old-regime-row {
  display: flex;
  flex-direction: row;
  gap: 24px;
}
.oldRegimeVsNewRegime .etds-old-regime-row .col-md-9 {
  flex: 0 0 75%;
  max-width: 75%;
  width: 75%;
}
.oldRegimeVsNewRegime .etds-old-regime-row .col-md-3 {
  flex: 0 0 25%;
  max-width: 25%;
  width: 25%;
}
@media (max-width: 1366px) {
  .oldRegimeVsNewRegime .etds-old-regime-row {
    gap: 16px;
  }
  .oldRegimeVsNewRegime .etds-old-regime-row .col-md-9 {
    width: 70%;
    max-width: 70%;
  }
  .oldRegimeVsNewRegime .etds-old-regime-row .col-md-3 {
    width: 30%;
    max-width: 30%;
  }
}
@media (max-width: 991px) {
  .oldRegimeVsNewRegime .etds-old-regime-row {
    gap: 12px;
    flex-direction: column;
  }
  .oldRegimeVsNewRegime .etds-old-regime-row .col-md-9 {
    width: 100%;
    max-width: 100%;
  }
  .oldRegimeVsNewRegime .etds-old-regime-row .col-md-3 {
    width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .oldRegimeVsNewRegime .etds-old-regime-row {
    flex-direction: column;
    gap: 16px;
  }
  .oldRegimeVsNewRegime .etds-old-regime-row .col-md-9,
  .oldRegimeVsNewRegime .etds-old-regime-row .col-md-3 {
    width: 100%;
    max-width: 100%;
  }
  .oldRegimeVsNewRegime .etds-old-regime-row .col-md-3 {
    order: 2;
    margin-top: 16px;
  }
}
@media (max-width: 360px) {
  .oldRegimeVsNewRegime .etds-old-regime-row {
    gap: 8px;
  }
  .oldRegimeVsNewRegime .etds-old-regime-row .col-md-9,
  .oldRegimeVsNewRegime .etds-old-regime-row .col-md-3 {
    width: 100%;
    max-width: 100%;
  }
  .oldRegimeVsNewRegime .etds-old-regime-row .col-md-3 {
    margin-top: 12px;
  }
}
@media (max-width: 768px) {
  .oldRegimeVsNewRegime .row {
    margin: 0 !important;
  }
  .oldRegimeVsNewRegime .col-9, .oldRegimeVsNewRegime .col-3 {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .oldRegimeVsNewRegime .col-3 {
    order: 2;
    margin-top: 20px;
  }
}
@media (max-width: 480px) {
  .oldRegimeVsNewRegime .col-3 {
    margin-top: 16px;
  }
}
.oldRegimeVsNewRegime .header-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 12px 16px;
  box-sizing: border-box;
  gap: 24px;
}
@media (max-width: 1365px) {
  .oldRegimeVsNewRegime .header-container {
    flex-direction: row;
    align-items: stretch;
    padding: 16px 12px;
  }
}
@media (max-width: 768px) {
  .oldRegimeVsNewRegime .header-container {
    flex-direction: column;
    padding: 14px 8px;
    gap: 12px;
  }
}
@media (max-width: 480px) {
  .oldRegimeVsNewRegime .header-container {
    padding: 10px 4px;
    gap: 8px;
    flex-direction: column;
  }
}
.oldRegimeVsNewRegime .header-container .header-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
}
.oldRegimeVsNewRegime .header-container .header-left .header-title {
  color: var(--tt-primary);
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0.12px;
  margin: 0;
}
@media (max-width: 1365px) {
  .oldRegimeVsNewRegime .header-container .header-left .header-title {
    font-size: 22px;
    line-height: 32px;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .oldRegimeVsNewRegime .header-container .header-left .header-title {
    font-size: 20px;
    line-height: 28px;
  }
}
@media (max-width: 480px) {
  .oldRegimeVsNewRegime .header-container .header-left .header-title {
    font-size: 17px;
    line-height: 24px;
  }
}
.oldRegimeVsNewRegime .header-container .header-right {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media (max-width: 1365px) {
  .oldRegimeVsNewRegime .header-container .header-right {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    gap: 16px;
    margin-top: 0;
  }
}
@media (max-width: 768px) {
  .oldRegimeVsNewRegime .header-container .header-right {
    align-items: flex-start;
    gap: 10px;
    width: 100%;
  }
}
@media (max-width: 480px) {
  .oldRegimeVsNewRegime .header-container .header-right {
    gap: 8px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-direction: row;
  }
}
.oldRegimeVsNewRegime .header-container .header-right .mandatory-note {
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  color: var(--contrast-dark);
  margin: 0;
  display: flex;
  align-items: center;
  gap: 2px;
}
@media (max-width: 768px) {
  .oldRegimeVsNewRegime .header-container .header-right .mandatory-note {
    font-size: 13px;
  }
}
@media (max-width: 480px) {
  .oldRegimeVsNewRegime .header-container .header-right .mandatory-note {
    font-size: 12px;
  }
}
.oldRegimeVsNewRegime .header-container .header-right .mandatory-note .asterisk {
  color: var(--tt-error);
  margin-right: 2px;
  font-size: 1.2em;
}
.oldRegimeVsNewRegime .header-container .header-right .disclaimer-button {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  height: 32px;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-primary);
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  color: var(--tt-primary);
  transition: background 0.2s, border 0.2s;
}
.oldRegimeVsNewRegime .header-container .header-right .disclaimer-button:hover, .oldRegimeVsNewRegime .header-container .header-right .disclaimer-button:focus {
  background: var(--tt-neutral-200);
  border-color: var(--tt-primary);
}
@media (max-width: 768px) {
  .oldRegimeVsNewRegime .header-container .header-right .disclaimer-button {
    max-width: 108px;
    justify-content: flex-start;
    padding: 8px 10px;
    height: 36px;
    font-size: 13px;
  }
}
@media (max-width: 480px) {
  .oldRegimeVsNewRegime .header-container .header-right .disclaimer-button {
    padding: 6px 8px;
    height: 30px;
    font-size: 12px;
  }
}
.oldRegimeVsNewRegime .header-container .header-right .disclaimer-button .disclaimer-icon {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.oldRegimeVsNewRegime .header-container .header-right .disclaimer-button .disclaimer-icon .warning_image {
  width: 18px;
  height: 18px;
  margin-bottom: 0;
  object-fit: contain;
}
.oldRegimeVsNewRegime .header-container .header-right .disclaimer-button .disclaimer-text {
  color: var(--tt-primary);
  font-size: inherit;
  font-weight: 500;
  text-transform: capitalize;
  line-height: 21px;
  letter-spacing: 0.12px;
}
.oldRegimeVsNewRegime .header-left {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media (max-width: 768px) {
  .oldRegimeVsNewRegime .header-left {
    width: 100%;
    margin-bottom: 12px;
  }
}
.oldRegimeVsNewRegime .header-title {
  color: var(--tt-primary); /* var(--Text-Primary) */
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0.12px;
  margin: 0;
  width: 100%;
}
@media (max-width: 768px) {
  .oldRegimeVsNewRegime .header-title {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 480px) {
  .oldRegimeVsNewRegime .header-title {
    font-size: 18px;
    line-height: 27px;
  }
}
.oldRegimeVsNewRegime .info-icon {
  width: 24px;
  height: 24px;
  background-color: var(--Neutral-800); /* var(--Neutral-800) */
  border-radius: 50%;
}
.oldRegimeVsNewRegime .header-right {
  display: flex;
  align-items: center;
  gap: 32px;
}
@media (max-width: 768px) {
  .oldRegimeVsNewRegime .header-right {
    width: 100%;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
  }
}
@media (max-width: 480px) {
  .oldRegimeVsNewRegime .header-right {
    gap: 12px;
  }
}
.oldRegimeVsNewRegime .mandatory-note {
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
  color: var(--contrast-dark); /* var(--Neutral-900) */
  margin: 0;
}
.oldRegimeVsNewRegime .asterisk {
  color: var(--tt-error); /* var(--Danger-500) */
  margin-right: 2px;
}
.oldRegimeVsNewRegime .disclaimer-button {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 12px;
  height: 28px;
  background: var(--tt-neutral-100); /* var(--Neutral-100) */
  border: 1px solid var(--tt-primary); /* var(--Primary-600) */
  border-radius: 4px;
  cursor: pointer;
}
@media (max-width: 768px) {
  .oldRegimeVsNewRegime .disclaimer-button {
    width: 100%;
    justify-content: center;
    padding: 8px 16px;
    height: 36px;
  }
}
@media (max-width: 480px) {
  .oldRegimeVsNewRegime .disclaimer-button {
    padding: 6px 12px;
    height: 32px;
    font-size: 13px;
  }
}
.oldRegimeVsNewRegime .warning_image {
  margin-bottom: 10px;
}
.oldRegimeVsNewRegime .disclaimer-icon {
  width: 18px;
  height: 16px;
  border-radius: 2px;
}
.oldRegimeVsNewRegime .disclaimer-text {
  color: var(--tt-primary); /* var(--Text-Primary) */
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  line-height: 21px;
  letter-spacing: 0.12px;
}
.oldRegimeVsNewRegime .Frame1000003274 {
  width: 100%;
  height: 100%;
  background: var(--Neutral-100);
  border-radius: 4px;
  outline: 1px solid var(--Neutral-300);
  outline-offset: -1px;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
}
@media (max-width: 768px) {
  .oldRegimeVsNewRegime .Frame1000003274 {
    padding: 16px 12px;
    gap: 20px;
  }
}
@media (max-width: 480px) {
  .oldRegimeVsNewRegime .Frame1000003274 {
    padding: 12px 8px;
    gap: 16px;
  }
}
.oldRegimeVsNewRegime .Computation {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-300);
  background: var(--tt-neutral-100);
}
.oldRegimeVsNewRegime .Frame1272628230 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  border: 1px solid var(--Neutral-300);
}
.oldRegimeVsNewRegime .Frame26090245,
.oldRegimeVsNewRegime .Frame26090253,
.oldRegimeVsNewRegime .Frame26090254,
.oldRegimeVsNewRegime .Frame26090255,
.oldRegimeVsNewRegime .Frame26090256,
.oldRegimeVsNewRegime .Frame26090265 {
  align-self: stretch;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
}
.oldRegimeVsNewRegime .Frame26090223 {
  align-self: stretch;
  padding: 11.5px 16px;
  background: var(--tt-neutral-100);
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
}
.oldRegimeVsNewRegime .AssessmentYear,
.oldRegimeVsNewRegime .Taxpayer,
.oldRegimeVsNewRegime .CategoryAge,
.oldRegimeVsNewRegime .ResidentialStatus,
.oldRegimeVsNewRegime .GrossSalaryAfterDeductingAllowancesExemptedUnderBothRegimes,
.oldRegimeVsNewRegime .AmountDeductibleFromGrossSalaryExceptStandardDeduction {
  color: var(--Text-Basic);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.oldRegimeVsNewRegime .Frame26090231,
.oldRegimeVsNewRegime .Frame26090232 {
  flex: 1 1 0;
  align-self: stretch;
  padding: 12px 16px;
  background: var(--tt-neutral-100);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.oldRegimeVsNewRegime .InputField {
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  min-width: 115px;
  min-width: 115px;
  width: 100%;
}
.oldRegimeVsNewRegime .InputFields {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-400);
  background: var(--tt-neutral-100);
}
.oldRegimeVsNewRegime .TextField {
  align-self: stretch;
  min-height: 37px;
  padding: 8px 12px;
  background: var(--Neutral-100);
  border-radius: 4px;
  outline: 1px solid var(--Neutral-400);
  outline-offset: -1px;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  color: var(--Text-Tertiary);
  user-select: none;
  border: 1px solid var(--Neutral-400);
}
.oldRegimeVsNewRegime .error-message {
  color: var(--tt-error);
  font-size: 12px;
  margin-top: 4px;
}
.oldRegimeVsNewRegime .InputField.Filled .TextField {
  color: var(--Text-Basic);
}
.oldRegimeVsNewRegime .PlaceholderText {
  flex: 1 1 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.12px;
}
.oldRegimeVsNewRegime .ExpandMore {
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}
.oldRegimeVsNewRegime .Vector {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.87;
  background: transparent;
}
.oldRegimeVsNewRegime .Vector.arrow {
  width: 10px;
  height: 6.17px;
  left: 5px;
  top: 7.16px;
  background: var(--Neutral-800);
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
}
.oldRegimeVsNewRegime .TextFieldInput {
  width: 100%;
  min-height: 37px;
  padding: 8px 12px;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.12px;
  border-radius: 4px;
  border: 1px solid var(--Neutral-400);
  outline-offset: -1px;
  outline-color: transparent;
  color: var(--Text-Basic);
  background-color: var(--Neutral-100);
}
.oldRegimeVsNewRegime .TextFieldInput::placeholder {
  color: var(--Text-Tertiary);
}
.oldRegimeVsNewRegime .TextFieldInput:focus {
  outline-color: var(--Neutral-800);
  border-color: var(--Neutral-800);
}
.oldRegimeVsNewRegime .icon {
  color: var(--tt-primary);
}
.oldRegimeVsNewRegime .container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  width: 100%;
}
.oldRegimeVsNewRegime .tableWrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}
@media (max-width: 768px) {
  .oldRegimeVsNewRegime .tableWrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.oldRegimeVsNewRegime .table {
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  outline: 1px solid var(--tt-neutral-300);
  outline-offset: -1px;
  overflow: hidden;
  width: 100%;
  background-color: var(--tt-neutral-100);
  overflow-x: auto;
  display: block;
}
@media (max-width: 768px) {
  .oldRegimeVsNewRegime .table {
    min-width: 600px;
  }
}
.oldRegimeVsNewRegime .header {
  display: inline-flex;
  justify-content: flex-start;
  align-items: flex-start;
  background-color: var(--tt-primary-bg-stroke-5);
  padding-left: 323px;
  overflow: hidden;
  width: 100%;
}
@media (max-width: 768px) {
  .oldRegimeVsNewRegime .header {
    padding-left: 200px;
  }
}
@media (max-width: 480px) {
  .oldRegimeVsNewRegime .header {
    padding-left: 150px;
  }
}
.oldRegimeVsNewRegime .emptyCell {
  width: 32px;
  padding: 12px 8px;
}
@media (max-width: 747px) {
  .oldRegimeVsNewRegime .emptyCell {
    width: 170px;
  }
}
.oldRegimeVsNewRegime .headerCell {
  flex: 1;
  padding: 12px 8px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  color: var(--tt-text-basic);
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.12px;
  text-align: center;
  font-weight: 700;
}
@media (max-width: 768px) {
  .oldRegimeVsNewRegime .headerCell {
    padding: 8px 6px;
    font-size: 11px;
    gap: 8px;
  }
}
@media (max-width: 480px) {
  .oldRegimeVsNewRegime .headerCell {
    padding: 6px 4px;
    font-size: 10px;
    gap: 6px;
  }
}
.oldRegimeVsNewRegime .headerCell .headerText {
  font-weight: 500;
}
.oldRegimeVsNewRegime .table-row {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
  width: 100%;
}
.oldRegimeVsNewRegime .table-row .rowLabel {
  min-width: 320px;
  max-width: 400px;
  width: 30%;
  padding: 8px 8px 8px 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
  color: var(--tt-text-basic);
  font-size: var(--font-size-s-2-b-2, 0.875rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-For-Font-Size---14, 1.3125rem); /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
.oldRegimeVsNewRegime .table-row .inputField {
  width: 100%;
  margin: 8px 0.5rem 8px 0;
  padding: 8px 12px;
  background-color: var(--tt-neutral-10);
  border-radius: 4px;
  border: 1px solid var(--tt-neutral-300);
  text-align: right;
  font-size: 14px;
  min-height: 37px;
}
@media (max-width: 1024px) {
  .oldRegimeVsNewRegime .table-row .rowLabel {
    min-width: 320px;
    width: 40%;
    font-size: 13px;
    gap: 10px;
    padding: 8px 6px 8px 8px;
  }
  .oldRegimeVsNewRegime .table-row .inputField {
    min-width: 100px;
    font-size: 13px;
    min-height: 32px;
    margin: 6px 0 6px 0;
    padding: 6px 8px;
  }
}
@media (max-width: 767.98px) {
  .oldRegimeVsNewRegime .table-row {
    align-items: flex-start;
    gap: 0.5rem;
  }
  .oldRegimeVsNewRegime .table-row .rowLabel,
  .oldRegimeVsNewRegime .table-row .inputField {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin-right: 0;
  }
  .oldRegimeVsNewRegime .table-row .rowLabel {
    font-size: 12px;
    gap: 8px;
    padding: 6px 4px 6px 6px;
  }
  .oldRegimeVsNewRegime .table-row .inputField {
    font-size: 12px;
    min-height: 28px;
    margin: 4px 0 4px 0;
    padding: 4px 6px;
  }
}
.oldRegimeVsNewRegime .accordion {
  align-self: stretch;
  padding: 12px 16px;
  background: var(--tt-secondary-info-bg2);
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
}
.oldRegimeVsNewRegime .accordion-frame {
  flex: 1 1 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.oldRegimeVsNewRegime .accordion-content {
  flex: 1 1 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 281px;
}
.oldRegimeVsNewRegime .accordion-title {
  color: var(--tt-primary);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.oldRegimeVsNewRegime .table-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.oldRegimeVsNewRegime .table-box {
  align-self: stretch;
  overflow: hidden;
  border-radius: 4px;
  outline: 1px solid var(--tt-secondary-info-bg2);
  outline-offset: -1px;
  display: flex;
  flex-direction: column;
}
.oldRegimeVsNewRegime .table-header {
  background: var(--tt-primary-bg-stroke-5);
  display: inline-flex;
  padding-left: 323px;
}
.oldRegimeVsNewRegime .cell {
  padding: 12px 8px;
  align-self: stretch;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
}
.oldRegimeVsNewRegime .spacer {
  width: 32px;
}
.oldRegimeVsNewRegime .regime div:first-child {
  font-weight: 700;
}
.oldRegimeVsNewRegime .regime div:last-child {
  font-weight: 500;
}
.oldRegimeVsNewRegime .table-row {
  background: var(--tt-neutral-100);
  display: inline-flex;
  align-items: center;
}
.oldRegimeVsNewRegime .table-left-cell {
  width: 362px;
  padding: 8px 8px 8px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--tt-text-basic);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.12px;
}
.oldRegimeVsNewRegime .table-input-cell {
  flex: 1 1 0;
  padding: 8px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.oldRegimeVsNewRegime .input-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.oldRegimeVsNewRegime .input-field.disabled .text-field {
  background: var(--tt-primary-bg-stroke-5);
  border: 1px solid var(--tt-neutral-300);
  border-radius: 4px;
  padding: 8px 12px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-height: 37px;
}
.oldRegimeVsNewRegime .placeholder-text {
  flex: 1 1 0;
  color: var(--tt-text-secondary);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.12px;
}
.oldRegimeVsNewRegime .results-container {
  top: 65px;
  height: 100%;
  padding: 28px 48px 20px 24px;
  background: var(--tt-neutral-100);
  box-shadow: var(--tt-neutral-1200);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  border-radius: 8px;
}
@media (max-width: 768px) {
  .oldRegimeVsNewRegime .results-container {
    margin-top: 0;
    top: auto;
    position: static;
    width: 100% !important;
    height: auto;
    padding: 20px 16px;
    margin-bottom: 20px;
  }
}
@media (max-width: 480px) {
  .oldRegimeVsNewRegime .results-container {
    padding: 16px 12px;
    gap: 16px;
  }
}
.oldRegimeVsNewRegime .table-row {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.oldRegimeVsNewRegime .table-row .rowLabel {
  min-width: 320px;
  margin-bottom: 0.5rem;
}
.oldRegimeVsNewRegime .table-row .inputField {
  min-width: 100px;
  margin-right: 0.5rem;
}
@media (max-width: 767.98px) {
  .oldRegimeVsNewRegime .table-row {
    align-items: flex-start;
  }
  .oldRegimeVsNewRegime .table-row .rowLabel,
  .oldRegimeVsNewRegime .table-row .inputField {
    margin-right: 0;
  }
}
.oldRegimeVsNewRegime .results-section {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 768px) {
  .oldRegimeVsNewRegime .results-section {
    gap: 16px;
  }
}
.oldRegimeVsNewRegime .results-header {
  padding-bottom: 8px;
  border-bottom: 1px solid var(--tt-neutral-300);
  display: flex;
  align-items: center;
}
.oldRegimeVsNewRegime .results-title {
  color: var(--tt-primary);
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.12px;
}
@media (max-width: 768px) {
  .oldRegimeVsNewRegime .results-title {
    font-size: 18px;
    line-height: 27px;
  }
}
@media (max-width: 480px) {
  .oldRegimeVsNewRegime .results-title {
    font-size: 16px;
    line-height: 24px;
  }
}
.oldRegimeVsNewRegime .result-box {
  min-width: 100px;
  border-radius: 4px;
  outline: 1px solid var(--tt-secondary-info-30);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: 100px;
}
@media (max-width: 768px) {
  .oldRegimeVsNewRegime .result-box {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .oldRegimeVsNewRegime .result-box {
    width: 100%;
  }
}
.oldRegimeVsNewRegime .result-label {
  padding: 12px;
  width: 100%;
  color: var(--tt-primary);
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0.12px;
}
@media (max-width: 480px) {
  .oldRegimeVsNewRegime .result-label {
    padding: 10px;
    font-size: 13px;
  }
}
.oldRegimeVsNewRegime .result-value {
  padding: 8px 12px;
  width: 100%;
  color: var(--tt-text-basic);
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.12px;
}
@media (max-width: 768px) {
  .oldRegimeVsNewRegime .result-value {
    font-size: 18px;
    line-height: 27px;
  }
}
@media (max-width: 480px) {
  .oldRegimeVsNewRegime .result-value {
    padding: 8px 10px;
    font-size: 16px;
    line-height: 24px;
  }
}
.oldRegimeVsNewRegime .frame-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  margin: 10px;
}
.oldRegimeVsNewRegime .button-group {
  display: flex;
  justify-content: flex-end;
  align-items: end;
  gap: 20px;
  width: 100%;
}
@media (max-width: 768px) {
  .oldRegimeVsNewRegime .button-group {
    gap: 16px;
    justify-content: center;
  }
}
@media (max-width: 480px) {
  .oldRegimeVsNewRegime .button-group {
    align-items: stretch;
    gap: 12px;
  }
}
.oldRegimeVsNewRegime .btn {
  min-width: 84px;
  height: 36px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0.12px;
  text-transform: capitalize;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  cursor: pointer;
}
.oldRegimeVsNewRegime .btn-tertiary {
  background-color: transparent;
  color: var(--tt-primary);
}
.oldRegimeVsNewRegime .uniform-input,
.oldRegimeVsNewRegime .form-select,
.oldRegimeVsNewRegime .form-control {
  width: 100%;
  height: 37px;
  border: 1px solid var(--neutral-light);
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 14px;
  background-color: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}
.oldRegimeVsNewRegime .tooltip-icon-wrapper {
  padding: 9px;
}
.oldRegimeVsNewRegime .tooltip-icon-bg {
  width: 18px;
  height: 18px;
  position: relative;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
}
.oldRegimeVsNewRegime .tooltip-icon-bg .info-icon {
  width: 18px;
  height: 18px;
  display: block;
}
.oldRegimeVsNewRegime .tooltip-content {
  width: 320px;
  padding: 8px;
  position: absolute;
  top: -100px;
  left: -4px;
  background-color: var(--tt-neutral-100);
  color: var(--tt-text-basic);
  border-radius: 4px;
  flex-direction: column;
  align-items: flex-start;
  display: none;
  border-radius: 0.25rem;
  background: var(--neutral-1000);
  /* Drop down shadow */
}
.oldRegimeVsNewRegime .tooltip-arrow {
  width: 10px;
  height: 8px;
  position: absolute;
  left: 18px;
  top: 60px;
  color: var(--tt-text-basic);
  transform: rotate(-180deg);
  transform-origin: top left;
}
.oldRegimeVsNewRegime .tooltip-text {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.12px;
  background-color: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}
.oldRegimeVsNewRegime .tooltip-icon-bg:hover .tooltip-content {
  display: inline-block;
}
.oldRegimeVsNewRegime .GrossSalaryAfterDeductingAllowancesExemptedUnderBothRegimes,
.oldRegimeVsNewRegime .AmountDeductibleFromGrossSalaryExceptStandardDeduction {
  display: flex;
}
.oldRegimeVsNewRegime .container-1 {
  width: 100%;
}
.oldRegimeVsNewRegime .etds-old-regime-row {
  margin: 0;
  max-width: 100%;
}
.oldRegimeVsNewRegime .container {
  margin: 0;
  padding: 0;
  max-width: 100%;
}

.etds-residential-status {
  /* Selected value text */
  /* Dropdown option text */
  /* Option hover/focus */
  /* Option selected */
  /* Placeholder text */
  /* Dropdown indicator (arrow) */
  /* Remove border on focus */
  /* Selected value text */
  /* Dropdown option text */
  /* Option hover/focus */
  /* Option selected */
  /* Placeholder text */
  /* Dropdown indicator (arrow) */
  /* Remove border on focus */
}
.etds-residential-status .card-body {
  background-color: var(--tt-neutral-100);
}
.etds-residential-status .section-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 24px;
}
.etds-residential-status .section-header .section-title-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
}
.etds-residential-status .section-header .section-title-wrapper .section-title {
  color: var(--tt-primary);
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0.12px;
  margin: 0;
}
.etds-residential-status .section-header .section-title-wrapper .info-tooltip {
  width: 18px;
  height: 18px;
}
.etds-residential-status .section-header .section-title-wrapper .info-tooltip img {
  width: 100%;
  height: 100%;
}
.etds-residential-status .section-header .section-actions {
  display: flex;
  align-items: center;
  gap: 32px;
}
.etds-residential-status .section-header .section-actions .mandatory-note {
  font-size: 12px;
  font-style: italic;
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.etds-residential-status .section-header .section-actions .mandatory-note .text-danger {
  color: var(--tt-error);
}
.etds-residential-status .section-header .section-actions .mandatory-note .note-text {
  color: var(--tt-neutral-1000);
  margin-top: auto;
}
.etds-residential-status .section-header .section-actions .no-spinner {
  -moz-appearance: textfield;
}
.etds-residential-status .section-header .section-actions .no-spinner::-webkit-outer-spin-button, .etds-residential-status .section-header .section-actions .no-spinner::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.etds-residential-status .section-header .section-actions .warning-disclaimer-button {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  min-width: 72px;
  padding: 4px 12px;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-primary);
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  color: var(--tt-primary);
  cursor: pointer;
}
.etds-residential-status .section-header .section-actions .warning-disclaimer-button .icon {
  width: 20px;
  height: 20px;
}
.etds-residential-status .section-header .section-actions .warning-disclaimer-button span {
  text-transform: capitalize;
}
.etds-residential-status .form-select,
.etds-residential-status .form-input,
.etds-residential-status .form-select-specify {
  width: 100%;
  color: var(--tt-text-basic);
  background-color: var(--tt-neutral-100);
  justify-self: flex-end;
  align-self: self-start;
  text-align: start;
  margin-top: 3px;
  height: 37px;
  border: 1px solid;
  border-radius: 5px;
  margin-right: 10px;
  padding: 5px;
}
.etds-residential-status .form-select-specify {
  width: 50%;
  justify-self: flex-start;
  margin-right: 52%;
}
.etds-residential-status .radio-btn {
  margin-bottom: 15px;
}
.etds-residential-status .table-header-number,
.etds-residential-status .table-header-number-1 {
  margin-bottom: 8px;
}
.etds-residential-status .table-header-number-1-header {
  text-align: left;
  margin-left: 5px;
}
.etds-residential-status .table-header-number-3-header {
  text-align: center;
}
.etds-residential-status .table-header-number-2-header {
  width: 60%;
}
.etds-residential-status .d-flex.justify-content-end.select-section {
  width: 100%;
}
.etds-residential-status select-section-1 {
  width: 100%;
}
.etds-residential-status .row.radio-options {
  width: 30%;
}
.etds-residential-status .lbl-radio-1 {
  margin-left: 10px;
}
.etds-residential-status .radio-options-1 {
  display: flex;
}
.etds-residential-status input.inputcheckbox {
  height: 18px;
  width: 18px;
  accent-color: #076BCF;
}
.etds-residential-status .label-indian-origin {
  margin-top: 15px;
  align-items: center;
  justify-content: flex-start;
  border: 1px solid #B5D3F1;
  justify-items: flex-start;
  padding: 15px 0 15px 7px;
  border-radius: 5px;
  margin-bottom: 15px;
}
.etds-residential-status .label-text {
  margin-left: 10px;
}
.etds-residential-status .form-select-1 {
  width: 47.8%;
  margin-top: 3px;
  padding-left: 7px;
  height: 37px;
  border: 1px solid #74777A;
  border-radius: 4px;
  margin-right: 0;
  box-sizing: border-box;
}
.etds-residential-status .table {
  width: 100%;
  margin-top: 20px;
  border-collapse: separate;
  border-spacing: 1px;
  border: 1px solid var(--tt-text-basic);
  border-radius: 4px;
  text-align: center;
}
.etds-residential-status .table th,
.etds-residential-status .table td {
  padding: 10px;
  border: none;
  color: var(--tt-text-basic);
}
.etds-residential-status .table thead {
  background-color: var(--tt);
  font-weight: bold;
  text-align: center;
  color: var(--tt-text-basic);
}
.etds-residential-status .table td input[type=number],
.etds-residential-status .table td input[type=text] {
  width: 100%;
  padding: 8px;
  border: 1px solid var(--tt-text-basic);
  background-color: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}
.etds-residential-status .table td input[readonly] {
  border: 1px solid var(--tt-text-basic);
  background-color: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}
.etds-residential-status .table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.etds-residential-status .form-input-table {
  height: 35px;
  border-radius: 4px;
  padding: 8px;
  color: var(--tt-text-basic);
}
.etds-residential-status .pop-up-service-period, .etds-residential-status .pop-up-ten-months-salary,
.etds-residential-status .pop-up-service-period-2 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  z-index: 1000;
  overflow-x: inherit;
  overflow-y: scroll;
}
.etds-residential-status .insider-pop-up-service-period {
  width: 408px;
  height: 437px;
  margin: auto;
  background-color: var(--tt-neutral-100);
  border-radius: 5px;
}
.etds-residential-status .insider-pop-up-service-period-2 {
  background-color: var(--tt-neutral-100);
  margin: 60px auto;
  width: 1054px;
  height: max-content;
  border-radius: 5px;
}
.etds-residential-status .content-service-period {
  margin-left: 30px;
  margin-right: 30px;
  margin-top: 30px;
  margin-bottom: 20px;
}
.etds-residential-status .header-service-period {
  color: var(--tt-primary);
}
.etds-residential-status .label-header {
  font-weight: 700;
}
.etds-residential-status .border-header {
  border-bottom: 0.05rem solid #DFE0E2;
  margin-top: 10px;
}
.etds-residential-status .input-contents {
  margin-top: 20px;
}
.etds-residential-status .popup-input-fields, .etds-residential-status .input-displayTotalSalary,
.etds-residential-status .input-displayAvgSalary,
.etds-residential-status .input-displayTotalLeaves,
.etds-residential-status .form-input-table {
  width: 100%;
  justify-self: flex-end;
  align-self: self-start;
  text-align: start;
  margin-top: 10px;
  height: 37px;
  border: 1px solid var(--tt-text-basic);
  background-color: var(--tt-neutral-100);
  border-radius: 5px;
  padding: 0 10px;
}
.etds-residential-status .calculation-service-period {
  margin-top: 20px;
  border-radius: 5px;
  border: 1px solid var(--tt-secondary-info-30);
  width: 100%;
  height: 91px;
}
.etds-residential-status .label-calculation-service-period {
  margin: 10px 0 0 10px;
  font-weight: 500;
  font-size: 14px;
  color: VAR(--tt-primary);
}
.etds-residential-status .result-service-period {
  font-weight: 700;
  margin: 25px 0 0 10px;
  font-size: 20px;
  height: auto;
}
.etds-residential-status .btnCalculate,
.etds-residential-status .btnClose {
  width: 84px;
  height: 36px;
  font-size: 14px;
  border-radius: 4px;
  text-align: center;
}
.etds-residential-status .btnCalculate {
  background-color: var(--tt-primary);
  color: var(--tt-neutral-100);
  border: none;
  text-align: center;
}
.etds-residential-status .btnCalculate:active {
  background-color: #d0d6f1;
}
.etds-residential-status .btnClose {
  width: 84px;
  height: 36px;
  background-color: var(--tt-neutral-100);
  color: var(--tt-primary);
  font-size: 14px;
  border-radius: 4px;
  text-align: center;
  border: 1px solid;
}
.etds-residential-status .row .btns {
  margin-top: 30px;
}
.etds-residential-status .insider-pop-up-ten-month-salary {
  width: 1100px;
  height: 800px;
  margin: 30px auto;
  background-color: var(--tt-neutral-100);
  border-radius: 5px;
}
.etds-residential-status .custom-header th,
.etds-residential-status .custom-header-1 th,
.etds-residential-status .custom-header-2 th {
  background-color: var(--tt-secondary-info-bg5) !important;
  text-align: center;
  color: var(--tt-text-basic);
}
.etds-residential-status .custom-header-2 th:first-child {
  width: 10%;
}
.etds-residential-status .table-bordered tbody tr:nth-child(odd) {
  background-color: var(--tt-neutral-100) !important;
}
.etds-residential-status .table-bordered tbody tr:nth-child(even) {
  background-color: var(--tt-neutral-100) !important;
}
.etds-residential-status .buttons-bottom {
  background-color: var(--tt-secondary-info-bg5);
  width: 100%;
  height: 64px;
  margin-top: 39px;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  padding: 1rem;
  border-top: 1px solid var(--tt-neutral-300);
  border-radius: 5px;
}
.etds-residential-status .buttons-bottom .btn-outer-close {
  flex: 0 0 auto;
  margin-left: 14px;
}
.etds-residential-status .buttons-bottom .btn-outer-calculate {
  flex: 0 0 auto;
  margin-right: 15px;
}
.etds-residential-status .btn-bottom-1 {
  display: flex;
  width: 100%;
  height: 64px;
  margin-top: 20px;
  border-radius: 4px;
  justify-content: flex-start;
  gap: 24px;
  margin-left: 12px;
}
.etds-residential-status .remove-outer {
  margin-left: 2px;
}
.etds-residential-status .btn-outer-close {
  margin-left: 14px;
}
.etds-residential-status .btn-outer-calculate {
  margin-right: 15px;
}
.etds-residential-status .buttons-bottom-1 {
  display: flex;
  justify-content: flex-start;
  gap: 24px;
  margin-left: 10px;
}
.etds-residential-status .btnCalculateMain {
  width: 140px;
  height: 36px;
  font-size: 14px;
  background-color: var(--tt-primary);
  color: var(--tt-neutral-100);
  border-radius: 4px;
  border: none;
  text-align: center;
}
.etds-residential-status .btnResetMain {
  width: 84px;
  height: 36px;
  background: none;
  color: var(--tt-primary);
  font-size: 14px;
  border-radius: 4px;
  text-align: center;
  border: none;
}
.etds-residential-status .result-leave-salary {
  margin-top: 20px;
  border-radius: 5px;
  border: 1px solid var(--tt-secondary-info-30);
  width: 100%;
  height: auto;
}
.etds-residential-status .btnReset {
  display: inline-flex;
  align-items: center;
  color: var(--tt-primary);
  height: 28px;
  min-width: 72px;
  font-size: 0.75rem;
  font-weight: 400;
  border-radius: 4px;
}
.etds-residential-status .btnAddmore {
  display: inline-flex;
  align-items: center;
  height: 30px;
  width: 112px;
  gap: 3px;
  background-color: var(--tt-neutral-100);
  color: var(--tt-primary);
  border-radius: 4px;
  min-width: 72px;
  font-size: 0.75rem;
  font-weight: 400;
  border: 1px solid var(--tt-primary);
  margin-top: 15px;
}
.etds-residential-status .btnRemove {
  margin-left: 8px;
  display: inline-flex;
  align-items: center;
  height: 30px;
  width: 115px;
  gap: 2px;
  color: var(--tt-error);
  border-radius: 4px;
  border: 1px solid var(--tt-error);
  background-color: var(--tt-neutral-100);
  min-width: 72px;
  font-size: 0.75rem;
  font-weight: 400;
  margin-top: 15px;
}
.etds-residential-status .btnRemove {
  margin-left: 8px;
  width: 115px;
  gap: 2px;
  color: var(--tt-error);
  border: 1px solid var(--tt-error);
  background: none;
}
.etds-residential-status .btnReset {
  background: none;
  color: var(--tt-primary);
  border: none;
  margin-top: 13px;
}
.etds-residential-status .addmoreImage,
.etds-residential-status .deleteImage {
  display: inline-block;
  width: 16px;
  height: 16px;
  object-fit: contain;
  margin-left: 7px;
}
.etds-residential-status input[type=number] {
  -moz-appearance: textfield;
}
.etds-residential-status input[type=number]::-webkit-inner-spin-button, .etds-residential-status input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.etds-residential-status input.radio-btn-1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 20px 0;
  height: 18px;
  width: 18px;
}
.etds-residential-status .col-form-label {
  font-weight: 500;
  margin-bottom: 12px;
}
.etds-residential-status .radio-options {
  display: flex;
  justify-content: start;
  gap: 120px;
}
.etds-residential-status .radio-coll {
  display: flex;
  align-items: center;
  gap: 8px;
}
.etds-residential-status .lbl-radio-1 {
  font-size: 14px;
}
.etds-residential-status .result-leave-salary-1 {
  margin-top: 20px;
  border-radius: 5px;
  border: 1px solid var(--tt-secondary-info-30);
  width: 274px;
  height: 91px;
  margin-left: 34%;
  margin-right: 78px;
}
.etds-residential-status .serialNo {
  width: 142px;
  text-align: left;
  padding-left: 18px;
}
.etds-residential-status .mandatory-star {
  color: var(--tt-error);
}
.etds-residential-status .cancel-image {
  width: 20px;
  height: 20px;
  object-fit: contain;
}
.etds-residential-status .icon-image {
  height: 18px;
  width: 18px;
  margin-left: 2px;
}
.etds-residential-status .icon-image-1 {
  height: 21px;
  width: 21px;
  margin-left: 2px;
}
.etds-residential-status .center-alert {
  display: flex;
  align-items: center;
  text-align: left;
  height: 60px;
}
.etds-residential-status .cancel-img {
  width: 18px; /* adjust as needed */
  height: 18px;
}
.etds-residential-status .error-text {
  color: var(--tt-error); /* optional */
  font-weight: 400; /* optional */
  margin-top: 15px;
  margin-left: 2px;
}
.etds-residential-status .error-text-msg {
  font-weight: 700;
}
.etds-residential-status .msg-alert {
  margin: 36px;
}
.etds-residential-status .css-1uvydh2 {
  background-color: none;
  height: 0px;
  color: var(--tt-text-basic);
  background-color: var(--tt-neutral-100);
  border-radius: 4px;
}
.etds-residential-status .css-1bn53lx {
  border: 1px solid var(--tt-text-basic);
}
.etds-residential-status .css-vubbuv {
  color: var(--tt-text-basic);
}
.etds-residential-status .note-box {
  background: var(--tt-secondary-info-bg10);
  border: 1px solid #60a0e0;
  border-radius: 4px;
  padding: 12px;
  font-size: 14px;
  color: #076bcf;
  margin-top: 16px;
}
.etds-residential-status .note-box .note-text {
  margin: 0;
}
.etds-residential-status .note-box .note-text strong {
  font-weight: 700;
}
.etds-residential-status .note-box .note-text p {
  margin: 6px 0 0;
  font-weight: 400;
  color: var(--tt-primary);
}
.etds-residential-status .tooltip-content, .etds-residential-status .tooltip-content-2 {
  width: 320px;
  padding: 8px;
  position: absolute;
  background: var(--tt-text-basic);
  /* Neutral-1000 */
  box-shadow: 0px 2px 8px var(--tt-neutral-1200);
  border-radius: 4px;
  flex-direction: column;
  align-items: flex-start;
  display: none;
}
.etds-residential-status .tooltip-text, .etds-residential-status .tooltip-text-2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.12px;
  color: var(--tt-neutral-100);
  /* Text-Alternative */
}
.etds-residential-status .col-form-label:hover .tooltip-content-2 {
  display: inline-block;
  z-index: 9999;
}
.etds-residential-status .section-title:hover .tooltip-content {
  display: inline-block;
  z-index: 9999;
}
.etds-residential-status .table-header-zero {
  width: 5%;
}
.etds-residential-status .table-header-one, .etds-residential-status .table-header-two, .etds-residential-status .table-header-three {
  width: 190px;
}
.etds-residential-status .section-content {
  display: flex;
}
.etds-residential-status .table-header-number-1-header, .etds-residential-status .table-header-number-2-header {
  width: 190px;
}
.etds-residential-status .parent-svg {
  color: var(--tt-neutral-800);
  display: inline-block;
}
.etds-residential-status .rs-input-field__control {
  background-color: var(--tt-neutral-100) !important;
  border-color: var(--tt-neutral-300) !important;
  min-height: 38px;
  width: 100%;
  box-shadow: none !important;
}
.etds-residential-status .rs-input-field__single-value {
  color: var(--tt-text-basic) !important;
  font-size: 14px;
}
.etds-residential-status .rs-input-field__option {
  color: var(--tt-text-basic) !important;
  background-color: var(--tt-neutral-100) !important;
}
.etds-residential-status .rs-input-field__option--is-focused {
  background-color: var(--tt-primary-varient-3) !important;
  color: var(--tt-text-basic-focus) !important;
  border: 1px solid var(--tt-secondary);
}
.etds-residential-status .rs-input-field__option--is-selected {
  background-color: var(--tt-secondary) !important;
  color: var(--tt-text-basic-hover) !important;
}
.etds-residential-status .rs-input-field__placeholder {
  color: var(--tt-neutral-400) !important;
}
.etds-residential-status .rs-input-field__indicator {
  color: var(--tt-neutral-600) !important;
}
.etds-residential-status .rs-input-field__control--is-focused {
  border-color: var(--tt-primary-500) !important;
  box-shadow: 0 0 0 1px var(--tt-primary-500) !important;
  background-color: var(--tt-primary);
}
.etds-residential-status .rs-input-field__menu {
  width: 100%;
}
.etds-residential-status .rs-input-field__menu-list {
  width: auto;
  font-size: 14px;
}
.etds-residential-status .rs-input-field-please-specify__control {
  background-color: var(--tt-neutral-100) !important;
  border-color: var(--tt-neutral-300) !important;
  min-height: 38px;
  width: 49%;
  box-shadow: none !important;
}
.etds-residential-status .rs-input-field-please-specify__single-value {
  color: var(--tt-text-basic) !important;
  font-size: 14px;
}
.etds-residential-status .rs-input-field-please-specify__option {
  color: var(--tt-text-basic) !important;
  background-color: var(--tt-neutral-100) !important;
}
.etds-residential-status .rs-input-field-please-specify__option--is-focused {
  background-color: var(--tt-primary-varient-3) !important;
  color: var(--tt-text-basic-focus) !important;
  border: 1px solid var(--tt-secondary);
}
.etds-residential-status .rs-input-field-please-specify__option--is-selected {
  background-color: var(--tt-secondary) !important;
  color: var(--tt-text-basic-hover) !important;
}
.etds-residential-status .rs-input-field-please-specify__placeholder {
  color: var(--tt-neutral-400) !important;
}
.etds-residential-status .rs-input-field-please-specify__indicator {
  color: var(--tt-neutral-600) !important;
}
.etds-residential-status .rs-input-field-please-specify__control--is-focused {
  border-color: var(--tt-primary-500) !important;
  box-shadow: 0 0 0 1px var(--tt-primary-500) !important;
  background-color: var(--tt-primary);
}
.etds-residential-status .rs-input-field-please-specify__menu {
  width: 50%;
}
.etds-residential-status .rs-input-field-please-specify__menu-list {
  width: 100%;
  font-size: 14px;
}
.etds-residential-status .inner-table-header-one, .etds-residential-status .inner-table-header-two, .etds-residential-status .inner-table-header-three {
  width: 190px;
}
.etds-residential-status .result-section {
  width: 100%;
}
.etds-residential-status .result-header {
  color: var(--tt-primary);
  padding-bottom: 8px;
  border-bottom: 2px solid var(--tt-neutral-300);
  font-size: 24px;
  font-weight: 700;
}
.etds-residential-status .label-with-tooltip {
  flex-direction: row;
  display: flex;
  justify-content: flex-start;
  gap: 5px;
}
.etds-residential-status .custom-tooltip {
  position: absolute;
  border-radius: 0.25rem;
  background: var(--background-muted);
  /* Drop down shadow */
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  color: white;
  padding: 6px 12px;
  border-radius: 4px;
  /* z-index: 100; */
  font-size: 0.95em;
  margin-left: 8px;
  left: 0;
  margin-right: 1px;
  bottom: 5px;
  left: 0px;
  white-space: pre-line;
  z-index: 10000000000000000;
  min-width: 250px !important;
  overflow: auto;
}
.etds-residential-status .custom-tooltip2 {
  position: absolute;
  border-radius: 0.25rem;
  background: var(--background-muted);
  /* Drop down shadow */
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  color: white;
  padding: 6px 12px;
  border-radius: 4px;
  z-index: 100;
  font-size: 0.95em;
  margin-left: 8px;
  top: 40%;
  left: 0;
  white-space: pre-line;
}
.etds-residential-status #depreciationToBeClaimed {
  margin-top: 9px;
}
.etds-residential-status .result-container {
  background: var(--tt-neutral-100);
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
  margin: 0px;
}
.etds-residential-status .result1 {
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
  height: fit-content;
  padding: 0px;
}
.etds-residential-status .result-h3 {
  color: var(--tt-primary);
  padding-bottom: 8px;
  border-bottom: 2px solid var(--tt-neutral-300);
  width: 100%;
  font-size: 24px;
}
.etds-residential-status .result-card {
  width: 100%;
  border-radius: 4px;
  outline: 1px solid var(--tt-secondary-info-30);
  display: flex;
  flex-direction: column;
  background: var(--tt-neutral-100);
}
.etds-residential-status .result-card-header {
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.etds-residential-status .result-card-title {
  color: var(--tt-primary);
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0.12px;
}
.etds-residential-status .result-card-value-wrapper {
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.etds-residential-status .result-card-value {
  font-size: 20px;
  font-weight: 700;
  color: var(--tt-text-basic);
  line-height: 30px;
  letter-spacing: 0.12px;
}
.etds-residential-status .please-specify-lbl-wrapper {
  width: 50%;
}
@media (max-width: 768px) and (min-width: 320px) {
  .etds-residential-status .section-content {
    flex-direction: column;
    gap: 12px;
  }
  .etds-residential-status .table-header-one, .etds-residential-status .table-header-two, .etds-residential-status .table-header-three {
    min-width: 190px;
  }
  .etds-residential-status .col-form-label {
    width: max-content;
  }
  .etds-residential-status .rs-input-field-please-specify__menu-list {
    width: 100%;
  }
  .etds-residential-status .rs-input-field-please-specify__control {
    width: 100%;
  }
  .etds-residential-status .rs-input-field__menu-list {
    width: 100%;
  }
  .etds-residential-status .rs-input-field__control {
    width: 100%;
  }
  .etds-residential-status .table-header-number-1-header, .etds-residential-status .table-header-number-2-header {
    min-width: 190px;
  }
  .etds-residential-status .custom-header th,
  .etds-residential-status .custom-header-1 th,
  .etds-residential-status .custom-header-2 th {
    width: 190px;
  }
  .etds-residential-status .result-leave-salary-1 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .etds-residential-status .inner-table-header-one, .etds-residential-status .inner-table-header-two, .etds-residential-status .inner-table-header-three {
    min-width: 190px;
  }
  .etds-residential-status .cobra {
    display: flex;
    flex-direction: column;
  }
  .etds-residential-status .please-specify-lbl-wrapper {
    width: 100%;
  }
}

.IncomeTacCalculator {
  display: flex;
}
.IncomeTacCalculator .IncomeTacCalculator-container {
  display: flex;
  margin: 0px auto;
  gap: 24px;
}
.IncomeTacCalculator .IncomeTacCalculator-header {
  width: 947px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  margin-top: 20px;
}
.IncomeTacCalculator .IncomeTacCalculator-heading {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.IncomeTacCalculator .IncomeTacCalculator-heading-title {
  color: var(--tt-primary);
  font-weight: 700;
  font-style: Bold;
  font-size: 24px;
}
.IncomeTacCalculator .IncomeTacCalculator-heading-subtitle {
  display: flex;
  gap: 32px;
}
.IncomeTacCalculator .IncomeTacCalculator-text-danger {
  display: flex;
  justify-content: center;
  align-items: center;
}
.IncomeTacCalculator .IncomeTacCalculator-error-message {
  color: var(--tt-error);
  margin-left: 4px;
  display: flex;
  gap: 4px;
  align-items: center;
}
.IncomeTacCalculator .IncomeTacCalculator-astric {
  color: var(--tt-error);
}
.IncomeTacCalculator .IncomeTacCalculator-note-text50 {
  font-weight: 400;
  font-style: Italic;
  font-size: 12px;
}
.IncomeTacCalculator .IncomeTacCalculatorwarning-disclaimer-button {
  border: 1px solid var(--tt-primary);
  background: var(--tt-neutral-100);
  border-radius: 4px;
  display: flex;
  padding-top: 4px;
  padding-right: 12px;
  padding-bottom: 4px;
  padding-left: 12px;
  align-items: center;
  color: var(--tt-primary);
}
.IncomeTacCalculator .IncomeTacCalculator-icon {
  width: 20px;
  height: 20px;
}
.IncomeTacCalculator .IncomeTacCalculatorwarning-disclaimer {
  display: flex;
  align-items: center;
  padding: 4px 12px;
  background: var(--tt-neutral-100);
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  color: var(--tt-primary);
  cursor: pointer;
}
.IncomeTacCalculator .IncomeTacCalculator-header-container {
  width: 947px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.IncomeTacCalculator .IncomeTacCalculator-header-content {
  display: flex;
  gap: 24px;
  padding-top: 20px;
  padding-right: 16px;
  padding-bottom: 20px;
  padding-left: 16px;
  border-radius: 4px;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-neutral-300);
}
.IncomeTacCalculator .IncomeTacCalculator-header-content-box {
  width: 915px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.IncomeTacCalculator .IncomeTacCalculator-financial-year {
  width: 100%;
  display: flex;
}
.IncomeTacCalculator .IncomeTacCalculator-financial-year-label {
  width: 49.18%;
  gap: 8px;
  padding-top: 11.5px;
  padding-right: 16px;
  padding-bottom: 11.5px;
  padding-left: 16px;
  font-weight: 400;
  color: var(--tt-text-basic);
  font-size: 14px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.IncomeTacCalculator .IncomeTacCalculator-financial-year-value {
  width: 50.82%;
  padding-top: 12px;
  padding-right: 16px;
  padding-bottom: 12px;
  padding-left: 16px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.IncomeTacCalculator .IncomeTacCalculator-input-box {
  width: 434px;
  height: 20px;
}
.IncomeTacCalculator .IncomeTacCalculator-select-box {
  width: 100%;
  background: var(--tt-neutral-100);
  font-size: 14px;
  font-weight: 400;
  color: var(--tt-text-basic);
  padding: 8px 12px;
  margin: 0;
  border: 1px solid var(--tt-neutral-400);
  border-radius: 4px;
  font-weight: 400;
  font-size: 14px;
}
.IncomeTacCalculator .IncomeTacCalculator-pan-available {
  padding-right: 16px;
  padding-left: 16px;
  display: flex;
  gap: 12px;
  width: 80%;
  align-items: center;
}
.IncomeTacCalculator .IncomeTacCalculator-pan-available-label {
  font-weight: 400;
  color: var(--tt-text-basic);
  font-size: 14px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.IncomeTacCalculator .IncomeTacCalculator-financial-year-value-input {
  width: 100%;
  background: transparent;
  font-size: 14px;
  font-weight: 400;
  color: var(--tt-text-basic);
  padding: 8px 12px;
  margin: 0;
  border: 1px solid var(--tt-neutral-400);
  border-radius: 4px;
  font-weight: 400;
  font-size: 14px;
}
.IncomeTacCalculator .IncomeTacCalculator-financial-year-value input.IncomeTacCalculator-threshold-input {
  background: var(--tt-neutral-10) !important;
  cursor: not-allowed;
}
.IncomeTacCalculator .IncomeTacCalculator-input-color {
  border: 1px solid var(--tt-error);
}
.IncomeTacCalculator .IncomeTacCalculator-select-box-error {
  border: 1px solid var(--tt-error);
  border-radius: 4px;
}
.IncomeTacCalculator .IncomeTacCalculator-results-container {
  width: 347px;
  padding: 28px 24px 20px 24px;
  background: var(--tt-neutral-100);
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: fit-content;
  min-height: fit-content;
}
.IncomeTacCalculator .IncomeTacCalculator-results-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  gap: 20px;
}
.IncomeTacCalculator .IncomeTacCalculator-results-header {
  padding-bottom: 8px;
  border-bottom: 1px solid var(--tt-neutral-300);
  display: flex;
  align-items: center;
}
.IncomeTacCalculator .IncomeTacCalculator-results-title {
  width: 300px;
  color: var(--tt-primary);
  font-size: 20px;
  font-weight: 700;
}
.IncomeTacCalculator .IncomeTacCalculator-action-wrapper {
  width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
  border-top: 1px solid var(--tt-neutral-300);
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
}
.IncomeTacCalculator .IncomeTacCalculator-action-buttons {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
}
.IncomeTacCalculator .IncomeTacCalculator-button-wrapper {
  min-width: 84px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.IncomeTacCalculator .IncomeTacCalculator-button-wrapper.IncomeTacCalculator-primary {
  background: var(--tt-primary);
}
.IncomeTacCalculator .IncomeTacCalculator-button-wrapper.IncomeTacCalculator-tertiary {
  background: transparent;
}
.IncomeTacCalculator .IncomeTacCalculator-button-inner {
  min-width: 84px;
  padding: 8px 16px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.IncomeTacCalculator .IncomeTacCalculator-button-label {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
  text-transform: capitalize;
}
.IncomeTacCalculator .IncomeTacCalculator-button-wrapper.IncomeTacCalculator-primary .IncomeTacCalculator-button-label {
  color: var(--tt-neutral-100);
}
.IncomeTacCalculator .IncomeTacCalculator-button-wrapper.IncomeTacCalculator-tertiary .IncomeTacCalculator-button-label {
  color: var(--tt-primary);
}
.IncomeTacCalculator .IncomeTacCalculator-button-clickable {
  width: 100%;
  height: 100%;
  border: none;
  background: inherit;
  color: inherit;
  font-size: inherit;
  border-radius: inherit;
  cursor: pointer;
  padding: 0;
  margin: 0;
  display: block;
}
.IncomeTacCalculator .IncomeTacCalculator-result-card {
  width: 300px;
  border-radius: 4px;
  border: 1px solid var(--tt-secondary-info-30);
  display: flex;
  flex-direction: column;
  background: var(--tt-neutral-100);
}
.IncomeTacCalculator .IncomeTacCalculator-result-card-header {
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.IncomeTacCalculator .IncomeTacCalculator-result-card-title {
  color: var(--tt-primary);
  font-size: 14px;
  font-weight: 500;
}
.IncomeTacCalculator .result-card-value-wrapper {
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.IncomeTacCalculator .result-card-value {
  font-size: 20px;
  font-weight: 700;
  color: var(--tt-text-basic);
}
.IncomeTacCalculator input[type=checkbox] {
  accent-color: var(--tt-secondary-info-500);
}
.IncomeTacCalculator input[type=number]::-webkit-inner-spin-button,
.IncomeTacCalculator input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.IncomeTacCalculator input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}
.IncomeTacCalculator button:focus-visible {
  outline-offset: 0.125rem;
  box-shadow: unset;
}
.IncomeTacCalculator .taxCalculator-button-clickable {
  width: 100%;
  height: 100%;
  border: none;
  background: inherit;
  color: inherit;
  font-size: inherit;
  border-radius: inherit;
  cursor: pointer;
  padding: 0;
  margin: 0;
  display: block;
}
.IncomeTacCalculator .primary-button {
  min-width: 84px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--tt-primary);
  color: var(--tt-neutral-100);
}
.IncomeTacCalculator .secondary-button {
  min-width: 84px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  color: var(--tt-primary);
}
.IncomeTacCalculator .label-text {
  font-weight: 400;
  font-size: 14px;
  color: var(--tt-text-basic);
}
.IncomeTacCalculator .uniform-input1__control {
  background-color: var(--tt-neutral-100) !important;
  /* Dropdown background */
}
.IncomeTacCalculator .uniform-input1__single-value,
.IncomeTacCalculator .uniform-input1__option {
  color: var(--tt-text-basic) !important;
  /* Text color for selected and options */
}
.IncomeTacCalculator .uniform-input1__option {
  background-color: var(--tt-neutral-100) !important;
  /* Dropdown option background */
}
@media (min-width: 360px) and (max-width: 766px) {
  .IncomeTacCalculator .IncomeTacCalculator-container {
    flex-direction: column;
    width: 100%;
    padding: 10px;
    margin: 0 auto;
    gap: 16px;
  }
  .IncomeTacCalculator .IncomeTacCalculator-header {
    width: 100%;
    padding-right: 0px;
  }
  .IncomeTacCalculator .IncomeTacCalculator-heading {
    flex-direction: column;
    gap: 8px;
  }
  .IncomeTacCalculator .IncomeTacCalculator-header-container {
    width: 100%;
  }
  .IncomeTacCalculator .IncomeTacCalculator-header-content {
    padding: 10px;
  }
  .IncomeTacCalculator .IncomeTacCalculator-results-container {
    width: 100%;
  }
  .IncomeTacCalculator .IncomeTacCalculator-financial-year {
    flex-direction: column;
  }
  .IncomeTacCalculator .IncomeTacCalculator-financial-year-label {
    width: 100%;
    padding-bottom: 0px;
    padding-left: 0px;
  }
  .IncomeTacCalculator .IncomeTacCalculator-financial-year-value {
    width: 100%;
    padding-left: 0px;
  }
  .IncomeTacCalculator .IncomeTacCalculator-pan-available {
    width: 100%;
  }
  .IncomeTacCalculator .IncomeTacCalculator-action-wrapper {
    width: 100%;
  }
  .IncomeTacCalculator .IncomeTacCalculator-header-content-box {
    width: 100%;
  }
  .IncomeTacCalculator .IncomeTacCalculator-results-content {
    width: 100%;
  }
  .IncomeTacCalculator .IncomeTacCalculator-results-header {
    width: 100%;
  }
  .IncomeTacCalculator .IncomeTacCalculator-results-title {
    width: 100%;
  }
  .IncomeTacCalculator .IncomeTacCalculator-result-card {
    width: 100%;
  }
}
@media (min-width: 767px) and (max-width: 990px) {
  .IncomeTacCalculator .IncomeTacCalculator-container {
    flex-direction: column;
    width: 100%;
    padding: 10px;
    margin: 0 auto;
    gap: 16px;
  }
  .IncomeTacCalculator .IncomeTacCalculator-header {
    width: 100%;
    gap: 12px;
    padding-right: 0px;
  }
  .IncomeTacCalculator .IncomeTacCalculator-header-container {
    width: 100%;
  }
  .IncomeTacCalculator .IncomeTacCalculator-header-content {
    padding: 12px;
  }
  .IncomeTacCalculator .IncomeTacCalculator-header-content-box {
    width: 100%;
  }
  .IncomeTacCalculator .IncomeTacCalculator-action-wrapper {
    width: 100%;
  }
  .IncomeTacCalculator .IncomeTacCalculator-results-container {
    width: 100%;
    max-width: 947px;
  }
  .IncomeTacCalculator .IncomeTacCalculator-results-content {
    width: 100%;
  }
  .IncomeTacCalculator .IncomeTacCalculator-results-header {
    width: 100%;
  }
  .IncomeTacCalculator .IncomeTacCalculator-results-title {
    width: 100%;
  }
  .IncomeTacCalculator .IncomeTacCalculator-result-card {
    width: 100%;
  }
}
@media (min-width: 991px) and (max-width: 1365px) {
  .IncomeTacCalculator {
    align-items: center;
  }
  .IncomeTacCalculator .IncomeTacCalculator-container {
    display: grid;
    grid-template-columns: 74% 25%;
    width: 100%;
    padding: 10px;
    margin: 0 auto;
    gap: 16px;
  }
  .IncomeTacCalculator .IncomeTacCalculator-header {
    width: 100%;
    padding-right: 0px;
  }
  .IncomeTacCalculator .IncomeTacCalculator-header-container {
    width: 100%;
  }
  .IncomeTacCalculator .IncomeTacCalculator-header-content-box {
    width: 100%;
  }
  .IncomeTacCalculator .IncomeTacCalculator-results-container {
    width: 100%;
  }
  .IncomeTacCalculator .IncomeTacCalculator-results-content {
    width: 100%;
  }
  .IncomeTacCalculator .IncomeTacCalculator-results-header {
    width: 100%;
  }
  .IncomeTacCalculator .IncomeTacCalculator-results-title {
    width: 100%;
  }
  .IncomeTacCalculator .IncomeTacCalculator-result-card {
    width: 100%;
  }
}

.allocationOfBusinessLoss {
  display: flex;
  flex-direction: column;
  width: 1054px;
  gap: 24px;
  border-radius: 8px;
  background: var(--tt-neutral-100);
  /* Hide spin button for input[type="number"] in Firefox */
}
.allocationOfBusinessLoss .allocationOfBusinessLoss-main {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
  border-radius: 8px;
}
.allocationOfBusinessLoss input[type=number]::-webkit-outer-spin-button,
.allocationOfBusinessLoss input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.allocationOfBusinessLoss input[type=number] {
  -moz-appearance: textfield;
}
.allocationOfBusinessLoss .allocationOfBusinessLoss-title {
  width: 100%;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--tt-neutral-100);
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
}
.allocationOfBusinessLoss .allocationOfBusinessLoss-heading {
  color: var(--tt-primary);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.allocationOfBusinessLoss .allocationOfBusinessLoss-table {
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  gap: 4px;
  border: 1px solid var(--tt-neutral-300);
}
.allocationOfBusinessLoss .allocationOfBusinessLoss-header {
  width: 100%;
  height: 100%;
  background: var(--primary-variant-5);
  overflow: hidden;
  display: inline-flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.allocationOfBusinessLoss .allocationOfBusinessLoss-cell {
  flex: 1 1 0;
  align-self: stretch;
  padding: 12px 8px;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
}
.allocationOfBusinessLoss .allocationOfBusinessLoss-description {
  align-self: stretch;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  color: var(--tt-text-basic);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.allocationOfBusinessLoss .allocationOfBusinessLoss-row-2 {
  width: 100%;
  /* height: 100%; */
  background: var(--tt-neutral-100);
  justify-content: flex-start;
  align-items: center;
  display: inline-flex;
}
.allocationOfBusinessLoss .allocationOfBusinessLoss-cell-2,
.allocationOfBusinessLoss .allocationOfBusinessLoss-cell-4,
.allocationOfBusinessLoss .allocationOfBusinessLoss-cell-5,
.allocationOfBusinessLoss .allocationOfBusinessLoss-cell-6,
.allocationOfBusinessLoss .allocationOfBusinessLoss-cell-7,
.allocationOfBusinessLoss .allocationOfBusinessLoss-cell-8,
.allocationOfBusinessLoss .allocationOfBusinessLoss-cell-9 {
  flex: 1 1 0;
  align-self: stretch;
  padding: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  display: inline-flex;
}
.allocationOfBusinessLoss .allocationOfBusinessLoss-cell-3 {
  flex: 1 1 0;
  align-self: stretch;
  padding: 8px 8px 8px 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  display: inline-flex;
}
.allocationOfBusinessLoss .allocationOfBusinessLoss-cell-last {
  width: 254px;
}
.allocationOfBusinessLoss .allocationOfBusinessLoss-income-loss-2 {
  align-self: stretch;
  text-align: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  color: var(--tt-text-basic);
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.allocationOfBusinessLoss .allocationOfBusinessLoss-input-field-2,
.allocationOfBusinessLoss .allocationOfBusinessLoss-input-field-3,
.allocationOfBusinessLoss .allocationOfBusinessLoss-input-field-4,
.allocationOfBusinessLoss .allocationOfBusinessLoss-input-field-5,
.allocationOfBusinessLoss .allocationOfBusinessLoss-input-field-6 {
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}
.allocationOfBusinessLoss .allocationOfBusinessLoss-disabled {
  background: var(--tt-neutral-100);
}
.allocationOfBusinessLoss .allocationOfBusinessLoss-input-fields-2,
.allocationOfBusinessLoss .allocationOfBusinessLoss-input-fields-3,
.allocationOfBusinessLoss .allocationOfBusinessLoss-input-fields-4,
.allocationOfBusinessLoss .allocationOfBusinessLoss-input-fields-5,
.allocationOfBusinessLoss .allocationOfBusinessLoss-input-fields-6 {
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.allocationOfBusinessLoss .allocationOfBusinessLoss-text-field-2 {
  align-self: stretch;
  padding: 8px 12px;
  background: var(--tt-neutral-10);
  border-radius: 4px;
  outline: 1px solid var(--tt-neutral-300);
  outline-offset: -1px;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  display: inline-flex;
  min-width: 110px;
}
.allocationOfBusinessLoss .allocationOfBusinessLoss-input-as-div {
  all: unset;
  width: 100%;
  height: 100%;
  color: var(--tt-text-basic);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.12px;
  padding: 0;
  display: block;
  text-align: left;
}
.allocationOfBusinessLoss .allocationOfBusinessLoss-close {
  padding: 12px 24px 16px 24px;
  background: var(--tt-secondary-info-bg-stroke-2);
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.allocationOfBusinessLoss .allocationOfBusinessLoss-inner {
  width: 1006px;
  display: flex;
  justify-content: flex-end;
}
.allocationOfBusinessLoss .allocationOfBusinessLoss-button {
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-primary);
  width: 84px;
  border-radius: 4px;
  padding: 8px 16px;
  color: var(--tt-primary);
  font-weight: 500;
  cursor: pointer;
}
.allocationOfBusinessLoss .table tbody {
  /* background-color: var(--table-background-color, var(--white, #fff)); */
  background-color: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}
.allocationOfBusinessLoss .table thead {
  background-color: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}
.allocationOfBusinessLoss .table th {
  background-color: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}
.allocationOfBusinessLoss button:focus-visible {
  outline-offset: 0.125rem;
  box-shadow: unset;
}

.allocation-of-business-loss-other {
  display: flex;
  flex-direction: column;
  width: 1054px;
  gap: 24px;
  border-radius: 8px;
  border: 1px solid var(--tt-neutral-400);
  background: var(--tt-neutral-100);
  color: var(--tt-text-basic);
  padding: 8px;
  /* Input Field container */
  /* Input Fields wrapper */
  /* Text Field - Disabled */
  /* Text Field - Filled */
  /* Placeholder Text */
  /* Placeholder Text Disabled */
  /* Input Field Disabled Filled */
  /* Input Field Filled */
  /* Dropdown */
  /* Dropdown Filled */
  /* Dropdown Disabled */
  /* Input Field Filled Dropdown */
  /* Input Field Disabled Filled Dropdown */
}
.allocation-of-business-loss-other .allocationOfBusinessLoss-main {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
  border-radius: 8px;
}
.allocation-of-business-loss-other .allocation-of-business-loss-other-title {
  width: 100%;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--tt-neutral-300);
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
}
.allocation-of-business-loss-other .allocation-of-business-loss-other-heading {
  color: var(--tt-primary);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.allocation-of-business-loss-other .allocation-from-other-source-header {
  width: 100%;
  height: 100%;
  background: var(--primary-variant-5); /* var(--Primary-(BG-&-Stroke)-5%) */
  overflow: hidden;
  display: inline-flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.allocation-of-business-loss-other .header-cell {
  flex: 1 1 0;
  align-self: stretch;
  padding: 12px 8px;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
}
.allocation-of-business-loss-other .header-cell--fixed {
  width: 200px;
}
.allocation-of-business-loss-other .header-cell__index {
  align-self: stretch;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  color: var(--tt-text-basic); /* var(--Text-Basic) */
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.allocation-of-business-loss-other .header-cell__label {
  align-self: stretch;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  color: var(--tt-text-basic); /* var(--Text-Basic) */
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.allocation-of-business-loss-other .allocation-from-other-source-row-1 {
  width: 100%;
  height: 100%;
  background: var(--tt-neutral-100); /* var(--Neutral-100) */
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
}
.allocation-of-business-loss-other .allocation-from-other-source-row-1__cell {
  flex: 1 1 0;
  align-self: stretch;
  padding: 8px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
.allocation-of-business-loss-other .allocation-from-other-source-row-1__cell--fixed {
  width: 200px;
}
.allocation-of-business-loss-other .allocation-from-other-source-row-1__text {
  align-self: stretch;
  height: 37px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--primary-variant-7);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.allocation-of-business-loss-other .allocation-from-other-source-row-1__input-field {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
}
.allocation-of-business-loss-other .allocation-from-other-source-row-1__input-fields {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.allocation-of-business-loss-other .allocation-from-other-source-row-1__text-field {
  align-self: stretch;
  min-height: 37px;
  padding: 8px 12px;
  background: var(--tt-neutral-100);
  border-radius: 4px;
  outline: 1px solid var(--dark-variant-5);
  outline-offset: -1px;
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}
.allocation-of-business-loss-other .allocation-from-other-source-row-1__dropdown {
  align-self: stretch;
  min-height: 37px;
  padding: 8px;
  background: var(--tt-neutral-100);
  border-radius: 4px;
  outline: 1px solid var(--dark-variant-5);
  outline-offset: -1px;
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
  border: 1px solid var(--tt-neutral-400);
}
.allocation-of-business-loss-other .allocation-from-other-source-row-1__placeholder-text {
  flex: 1 1 0;
  color: var(--tt-text-basic);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.allocation-of-business-loss-other .allocation-from-other-source-row-2 {
  width: 100%;
  height: 100%;
  background: var(--tt-neutral-100);
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
}
.allocation-of-business-loss-other .allocation-from-other-source-row-2__cell {
  flex: 1 1 0;
  align-self: stretch;
  padding: 8px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
.allocation-of-business-loss-other .allocation-from-other-source-row-2__cell--fixed {
  width: 200px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 12px;
  padding-right: 8px;
  gap: 16px;
}
.allocation-of-business-loss-other .allocation-from-other-source-row-2__label {
  align-self: stretch;
  height: 37px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--tt-text-basic);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.allocation-of-business-loss-other .allocation-from-other-source-row-2__input-field {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
}
.allocation-of-business-loss-other .allocation-from-other-source-row-2__input-fields {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.allocation-of-business-loss-other .allocation-from-other-source-row-2__text-field {
  align-self: stretch;
  min-height: 37px;
  padding: 8px;
  background: var(--tt-neutral-100);
  border-radius: 4px;
  outline: 1px solid var(--dark-variant-5);
  outline-offset: -1px;
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}
.allocation-of-business-loss-other .allocation-from-other-source-row-2__dropdown {
  align-self: stretch;
  min-height: 37px;
  padding: 8px;
  background: var(--tt-neutral-100);
  border-radius: 4px;
  outline: 1px solid var(--dark-variant-5);
  outline-offset: -1px;
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
}
.allocation-of-business-loss-other .allocation-from-other-source-row-2__dropdown--filled {
  background: var(--tt-neutral-100);
  outline: 1px solid var(--dark-variant-4);
  justify-content: flex-start;
}
.allocation-of-business-loss-other .allocation-from-other-source-row-2__placeholder-text {
  flex: 1 1 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
  color: var(--tt-text-basic);
}
.allocation-of-business-loss-other .allocation-from-other-source-row-2__dropdown--filled .allocation-from-other-source-row-2__placeholder-text {
  color: var(--tt-text-basic);
}
.allocation-of-business-loss-other .allocation-from-other-source-row-3 {
  width: 100%;
  height: 100%;
  background: var(--tt-neutral-100);
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
}
.allocation-of-business-loss-other .allocation-from-other-source-row-3__cell {
  flex: 1 1 0;
  align-self: stretch;
  padding: 8px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
.allocation-of-business-loss-other .allocation-from-other-source-row-3__cell--fixed {
  width: 200px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 12px;
  padding-right: 8px;
  gap: 16px;
}
.allocation-of-business-loss-other .allocation-from-other-source-row-3__label {
  align-self: stretch;
  height: 37px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--tt-text-basic);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.allocation-of-business-loss-other .allocation-from-other-source-row-3__input-field {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
}
.allocation-of-business-loss-other .allocation-from-other-source-row-3__input-fields {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.allocation-of-business-loss-other .allocation-from-other-source-row-3__text-field--disabled {
  align-self: stretch;
  min-height: 37px;
  padding: 8px;
  background: var(--tt-neutral-100);
  border-radius: 4px;
  outline: 1px solid var(--tt-neutral-300);
  outline-offset: -1px;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  display: inline-flex;
}
.allocation-of-business-loss-other .allocation-from-other-source-row-3__text-field--filled {
  align-self: stretch;
  min-height: 37px;
  padding: 8px 12px;
  background: var(--tt-neutral-100);
  border-radius: 4px;
  outline: 1px solid var(--tt-neutral-400);
  outline-offset: -1px;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  display: inline-flex;
}
.allocation-of-business-loss-other .allocation-from-other-source-row-3__placeholder-text {
  flex: 1 1 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
  color: var(--tt-text-basic);
}
.allocation-of-business-loss-other .allocation-from-other-source-row-3__placeholder-text--disabled {
  color: var(--tt-text-basic);
}
.allocation-of-business-loss-other .allocation-from-other-source-row-3__input-field--disabled-filled {
  /* no additional styles, uses text-field--disabled */
}
.allocation-of-business-loss-other .allocation-from-other-source-row-3__input-field--filled {
  /* no additional styles, uses text-field--filled */
}
.allocation-of-business-loss-other .allocation-from-other-source-row-3__dropdown {
  align-self: stretch;
  min-height: 37px;
  padding: 8px;
  background: var(--tt-neutral-100);
  border-radius: 4px;
  outline: 1px solid var(--tt-neutral-300);
  outline-offset: -1px;
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
  display: inline-flex;
}
.allocation-of-business-loss-other .allocation-from-other-source-row-3__dropdown--filled {
  background: var(--tt-neutral-100);
  outline: 1px solid var(--tt-neutral-400);
  justify-content: flex-start;
}
.allocation-of-business-loss-other .allocation-from-other-source-row-3__dropdown--disabled {
  background: var(--tt-neutral-100);
  outline: 1px solid var(--tt-neutral-300);
  justify-content: flex-end;
}
.allocation-of-business-loss-other .allocation-from-other-source-row-3__input-field--filled-dropdown {
  /* no additional styles */
}
.allocation-of-business-loss-other .allocation-from-other-source-row-3__input-field--disabled-filled-dropdown {
  /* no additional styles */
}
.allocation-of-business-loss-other .allocation-from-other-source-row-4__Row {
  width: 100%;
  height: 100%;
  background: var(--tt-neutral-100);
  justify-content: flex-start;
  align-items: center;
  display: inline-flex;
}
.allocation-of-business-loss-other .allocation-from-other-source-row-4__Cell {
  flex: 1 1 0;
  align-self: stretch;
  padding: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  display: inline-flex;
}
.allocation-of-business-loss-other .allocation-from-other-source-row-4__Cell--fixedWidth {
  width: 159px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 12px;
  padding-right: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  display: inline-flex;
  flex: unset;
}
.allocation-of-business-loss-other .allocation-from-other-source-row-4__IncomeFromOtherSourcesTaxedAtDtaaRates {
  align-self: stretch;
  height: 37px;
  text-align: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  color: var(--tt-neutral-100);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.allocation-of-business-loss-other .allocation-from-other-source-row-4__InputField {
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}
.allocation-of-business-loss-other .allocation-from-other-source-row-4__InputField--disabled {
  pointer-events: none;
}
.allocation-of-business-loss-other .allocation-from-other-source-row-4__InputFields {
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.allocation-of-business-loss-other .allocation-from-other-source-row-4__TextField {
  align-self: stretch;
  min-height: 37px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
  background: var(--tt-neutral-100);
  border-radius: 4px;
  outline: 1px var(--tt-neutral-400) solid;
  outline-offset: -1px;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  display: inline-flex;
}
.allocation-of-business-loss-other .allocation-from-other-source-row-4__TextField--disabled {
  padding: 8px;
  background: var(--tt-neutral-100);
  border-radius: 4px;
  outline: 1px var(--tt-neutral-300) solid;
  outline-offset: -1px;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  display: inline-flex;
  border: 1px solid var(--tt-neutral-400);
}
.allocation-of-business-loss-other .allocation-from-other-source-row-4__PlaceholderText {
  flex: 1 1 0;
  color: var(--tt-text-basic);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.allocation-of-business-loss-other .allocation-from-other-source-row-4__PlaceholderText--disabled {
  color: var(--tt-neutral-600);
}
.allocation-of-business-loss-other .allocation-from-other-source-row-4__DropDown {
  align-self: stretch;
  min-height: 37px;
  padding: 8px;
  background: var(--tt-neutral-100);
  border-radius: 4px;
  outline: 1px var(--tt-neutral-400) solid;
  outline-offset: -1px;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: inline-flex;
}
.allocation-of-business-loss-other .allocation-from-other-source-row-4__DropDown--disabled {
  background: var(--tt-neutral-100);
  outline: 1px var(--tt-neutral-300) solid;
  justify-content: flex-end;
  color: var(--tt-neutral-600);
  pointer-events: none;
}
.allocation-of-business-loss-other .allocation-from-other-source-row-5__Row {
  width: 100%;
  height: 100%;
  background: var(--tt-neutral-100);
  justify-content: flex-start;
  align-items: center;
  display: inline-flex;
}
.allocation-of-business-loss-other .allocation-from-other-source-row-5__Cell {
  flex: 1 1 0;
  align-self: stretch;
  padding: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  display: inline-flex;
}
.allocation-of-business-loss-other .allocation-from-other-source-row-5__Cell--fixedWidth {
  width: 363px;
  align-self: stretch;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 12px;
  padding-right: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  display: inline-flex;
  flex: unset;
}
.allocation-of-business-loss-other .allocation-from-other-source-row-5__LossAfterInterSourceAdjustment {
  align-self: stretch;
  height: 37px;
  justify-content: center;
  display: flex;
  flex-direction: column;
  color: var(--tt-text-basic);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.allocation-of-business-loss-other .allocation-from-other-source-row-5__InputField {
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}
.allocation-of-business-loss-other .allocation-from-other-source-row-5__InputField--disabled {
  pointer-events: none;
}
.allocation-of-business-loss-other .allocation-from-other-source-row-5__InputFields {
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.allocation-of-business-loss-other .allocation-from-other-source-row-5__DropDown {
  align-self: stretch;
  min-height: 37px;
  padding: 8px;
  background: var(--tt-neutral-100);
  border-radius: 4px;
  outline: 1px var(--tt-neutral-300) solid;
  outline-offset: -1px;
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
  display: inline-flex;
}
.allocation-of-business-loss-other .allocation-from-other-source-row-5__DropDown--disabled {
  background: var(--tt-neutral-100);
  outline: 1px var(--tt-neutral-300) solid;
  justify-content: flex-end;
  color: var(--tt-neutral-600);
}
.allocation-of-business-loss-other .allocation-from-other-source-row-1__placeholder-text,
.allocation-of-business-loss-other .allocation-from-other-source-row-2__placeholder-text,
.allocation-of-business-loss-other .allocation-from-other-source-row-3__placeholder-text,
.allocation-of-business-loss-other .allocation-from-other-source-row-4__PlaceholderText,
.allocation-of-business-loss-other .allocation-from-other-source-row-5__PlaceholderText {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
  color: var(--tt-text-basic);
  min-height: 37px;
  padding: 8px;
  background: var(--tt-neutral-100);
  border-radius: 4px;
  outline: 1px var(--tt-neutral-300) solid;
  outline-offset: -1px;
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
  display: inline-flex;
  min-width: 123px;
}
.allocation-of-business-loss-other .allocation-from-other-source-row-5__PlaceholderText--disabled {
  color: var(--tt-text-basic);
}
.allocation-of-business-loss-other .allocation-from-other-source-row-bottom {
  width: 100%;
  height: 100%;
  padding: 12px 24px 16px 24px;
  background: var(--primary-variant-5);
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
}
.allocation-of-business-loss-other .allocation-from-other-source-row-bottom-frame {
  align-self: stretch;
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
}
.allocation-of-business-loss-other .allocation-from-other-source-row-bottom-button-medium {
  height: 36px;
  background: var(--tt-neutral-100);
  overflow: hidden;
  border-radius: 4px;
  outline: 1px solid var(--primary);
  outline-offset: -1px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.allocation-of-business-loss-other .allocation-from-other-source-row-bottom-button-icons {
  height: 36px;
  padding: 8px 16px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border: none;
  background: var(--tt-neutral-100);
}
.allocation-of-business-loss-other .allocation-from-other-source-row-bottom-button {
  color: var(--tt-primary);
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  line-height: 21px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
  background: var(--tt-neutral-100);
  border: none;
}
.allocation-of-business-loss-other .table tbody {
  /* background-color: var(--table-background-color, var(--white, #fff)); */
  background-color: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}
.allocation-of-business-loss-other .table thead {
  background-color: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}
.allocation-of-business-loss-other .table th {
  background-color: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}
.allocation-of-business-loss-other button:focus-visible {
  outline-offset: 0.125rem;
  box-shadow: unset;
}

.detailsOfIncomeAndLosses {
  display: flex;
  /* .detailsOfIncomeAndLosses-modal-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background-color: rgba(0, 0, 0, 0.5);
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 1000;

      overflow: auto; 
      padding: 16px;  
      box-sizing: border-box;
  } */
  /* Override color for primary button */
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-main {
  display: flex;
  flex-direction: row;
  gap: 16px;
  margin: 0px auto;
}
@media (max-width: 947px) {
  .detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-main {
    flex-direction: column;
  }
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-container {
  display: flex;
  flex-direction: column;
  max-width: 947px;
  gap: 16px;
  padding-top: 28px;
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-heading {
  width: 100%;
  /* height: 100%; */
  justify-content: space-between;
  align-items: center;
  display: inline-flex;
}
@media (max-width: 747px) {
  .detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-heading {
    flex-direction: column;
    align-items: flex-start;
  }
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-header {
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-title {
  color: var(--primary);
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-icon-button {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-info-icon,
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-warning-icon {
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-vector-bg {
  height: 28px;
  min-width: 72px;
  border-radius: 4px;
  background: none;
  border: none;
  left: 2px;
  top: 2px;
  color: var(--tt-primary);
  /* background: var(--neutral-800); */
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-right-section {
  justify-content: flex-start;
  align-items: center;
  gap: 32px;
  display: flex;
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-asterisks {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 2px;
  display: inline-flex;
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-mandatory {
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.12px;
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-mandatory-star {
  color: var(--error);
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-mandatory-text {
  color: var(--contrast-dark);
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-disclaimer-button {
  height: 28px;
  background: var(--primary-variant-6);
  border-radius: 4px;
  border: 1px solid var(--primary);
  justify-content: center;
  align-items: center;
  display: flex;
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-button-content {
  justify-content: center;
  align-items: center;
  gap: 4px;
  display: flex;
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-button-text {
  color: var(--primary);
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  display: flex;
  align-items: center;
  overflow: auto; /* allows scrollbars if modal content is too big */
  padding: 16px;
  box-sizing: border-box;
  width: 100%;
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-modal-content {
  background: var(--primary-variant-6);
  padding: 20px;
  box-sizing: border-box;
  min-width: 600px;
  /* Max to limit size, forcing scroll when needed */
  max-width: 100%;
  max-height: 100%;
  overflow: auto; /* this scrolls modal content inside */
  border-radius: 8px;
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-userInputs {
  display: flex;
  flex-direction: column;
  max-width: 915px;
  opacity: 1;
  border-radius: 4px;
  border: 1px solid var(--tt-neutral-400);
  background: var(--tt-neutral-100);
  color: var(--tt-text-basic);
  gap: 20px;
  padding: 16px;
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-wrapper {
  width: 100%;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-title1 {
  text-align: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  color: var(--primary-variant-7);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.12px;
}
.detailsOfIncomeAndLosses .my-arrow {
  color: var(--tt-secondary);
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-table-header-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--tt-neutral-300);
  border-radius: 4px;
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-table-header-container > *:nth-child(odd) {
  background: var(--primary-bg-stroke-5);
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-table-header,
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-table-row {
  align-self: stretch;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-cell {
  flex: 1 1 0;
  padding: 11.5px 16px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-cell.vertical {
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-header-text,
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-label {
  color: var(--tt-text-basic);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.12px;
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-label {
  font-weight: 400;
  align-self: stretch;
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-openInNewIcon {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-openInNewIconbutton {
  border-bottom: 1px solid var(--tt-text-basic);
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-openInNew {
  width: 20px;
  height: 20px;
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-input-wrapper {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-input-field {
  align-self: stretch;
  background: var(--primary-variant-6);
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-placeholder {
  flex: 1 1 0;
  color: var(--dark-variant-2);
  font-size: 14px;
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-input {
  padding: 8px 12px;
  border-radius: 4px;
  border: 1px solid var(--dark-variant-4);
  width: 100%;
  background-color: var(--primary-variant-6);
  color: var(--tt-text-basic);
  font-size: 14px;
  font-weight: 400;
  box-sizing: border-box;
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-input:focus {
  border: 1px solid var(--dark-variant-4);
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-container11 {
  width: 100%;
  height: 100%;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-button-group {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-button-primary {
  /* min-width: 84px; */
  display: flex;
  justify-content: center;
  align-items: center;
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-button-tertiary {
  /* min-width: 84px; */
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-button-icons {
  min-width: 84px;
  padding: 8px 16px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  background-color: var(--primary);
  border: none;
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-button-label {
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  line-height: 21px;
  letter-spacing: 0.12px;
  color: var(--primary); /* default */
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-button-label1 {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: var(--tt-neutral-100); /* Or your original color */
  line-height: 21px;
  letter-spacing: 0.12px;
  text-transform: capitalize;
  cursor: pointer;
  background-color: transparent;
  display: inline-block;
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-button-label2 {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: var(--primary);
  line-height: 21px;
  letter-spacing: 0.12px;
  text-transform: capitalize;
  cursor: pointer;
  background-color: transparent;
  display: inline-block;
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-button-label-reset {
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  line-height: 21px;
  letter-spacing: 0.12px;
  color: var(--primary);
  /* background: var(--tt-neutral-10); */
  background: var(--tt-neutral-100);
  border: none;
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-button-icons-1 {
  min-width: 84px;
  padding: 8px 16px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  background-color: var(--primary);
  background: var(--tt-neutral-100);
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-button-primary .detailsOfIncomeAndLosses-button-label {
  color: var(--primary-variant-6);
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-containertotal {
  width: 100%;
  height: 100%;
  padding: 28px 48px 20px 24px;
  background: var(--primary-variant-6);
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.08);
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 340px;
}
@media (max-width: 947px) {
  .detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-containertotal {
    max-width: 100%;
  }
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-wrappertotal {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-headertotal {
  padding-bottom: 8px;
  border-bottom: 1px solid var(--dark-variant-5);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-titletotal {
  width: 275px;
  color: var(--primary);
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.12px;
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-sectiontotal {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-cardOne,
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-cardTwo,
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-cardThree,
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-cardFour,
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-cardFive {
  padding: 0 12px;
  border-radius: 4px;
  outline-offset: -1px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  cursor: pointer;
  border: 1px solid var(--secondary);
  background: var(--tt-neutral-100);
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-cardRow {
  width: 100%;
  padding: 11.5px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-cardLabel {
  flex: 1;
  color: var(--secondary);
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0.12px;
}
.detailsOfIncomeAndLosses .detailsOfIncomeAndLosses-arrowIcon {
  width: 20px;
  height: 20px;
  /* background-color: var(--secondary);
  mask: url('path-to-icon.svg') center/contain no-repeat;
  -webkit-mask: url('path-to-icon.svg') center/contain no-repeat; */
}
.detailsOfIncomeAndLosses input[type=number]::-webkit-inner-spin-button,
.detailsOfIncomeAndLosses input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.detailsOfIncomeAndLosses input[type=number] {
  -moz-appearance: textfield;
}
.detailsOfIncomeAndLosses .icon {
  color: var(--tt-primary);
}
.detailsOfIncomeAndLosses button:focus-visible {
  outline-offset: 0.125rem;
  box-shadow: unset;
}
.detailsOfIncomeAndLosses .table thead {
  background: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}
.detailsOfIncomeAndLosses .table th {
  background-color: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}
.detailsOfIncomeAndLosses .table tbody {
  /* background-color: var(--table-background-color, var(--white, #fff)); */
  background-color: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}
.detailsOfIncomeAndLosses .table td {
  background-color: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}
.detailsOfIncomeAndLosses .table tr {
  background-color: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}

.InterSourceCapitalGainSetOff-container {
  display: flex;
  flex-direction: column;
  width: 2300px;
  gap: 24px;
  border-radius: 8px;
  background-color: var(--tt-neutral-100);
}
.InterSourceCapitalGainSetOff-container .InterSourceCapitalGainSetOff-main {
  display: flex;
  flex-direction: column;
  padding: 24px;
  border-radius: 8px;
  gap: 24px;
}
.InterSourceCapitalGainSetOff-container .InterSourceCapitalGainSetOff-title-row {
  display: flex;
  width: 100%;
  color: var(--tt-primary);
  /* Heading/H3 (M) - Bold */
  font-size: var(--Font-Size-H3, 1.5rem);
  font-style: normal;
  font-weight: 700;
  line-height: var(--Line-Height-For-Font-Size---24, 2.25rem); /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
.InterSourceCapitalGainSetOff-container .InterSourceCapitalGainSetOff-title-half {
  flex: 1;
  text-align: center;
  font-weight: 600;
  font-size: 1rem;
  /* Add more styles as needed */
}
.InterSourceCapitalGainSetOff-container .InterSourceCapitalGainSetOff-title {
  width: 100%;
  height: 100%;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--tt-neutral-300);
  display: flex;
  align-items: center;
  gap: 4px;
}
.InterSourceCapitalGainSetOff-container .InterSourceCapitalGainSetOff-heading {
  color: var(--tt-primary);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.InterSourceCapitalGainSetOff-container .InterSourceCapitalGainSetOff-header {
  width: 100%;
  background: var(--tt-primary-bg-stroke-5);
  overflow: hidden;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
}
.InterSourceCapitalGainSetOff-container .InterSourceCapitalGainSetOff-cell {
  flex: 1 1 0;
  padding: 12px 8px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
}
.InterSourceCapitalGainSetOff-container .InterSourceCapitalGainSetOff-text {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--tt-text-basic);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.InterSourceCapitalGainSetOff-container .InterSourceCapitalGainSetOff-row-main__Row {
  width: 100%;
  height: 100%;
  background: var(--tt-neutral-100);
  justify-content: flex-start;
  align-items: center;
  display: inline-flex;
}
.InterSourceCapitalGainSetOff-container .InterSourceCapitalGainSetOff-row-1__Cell {
  flex: 1 1 0;
  align-self: stretch;
  padding: 8px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
.InterSourceCapitalGainSetOff-container .InterSourceCapitalGainSetOff-row-1__CenterCell {
  padding: 8px 8px 8px 12px;
  gap: 16px;
}
.InterSourceCapitalGainSetOff-container .InterSourceCapitalGainSetOff-row-1__IncomeLoss {
  align-self: stretch;
  height: 37px;
  text-align: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  color: var(--tt-text-basic);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.InterSourceCapitalGainSetOff-container .InterSourceCapitalGainSetOff-row-1__InputField {
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}
.InterSourceCapitalGainSetOff-container .InterSourceCapitalGainSetOff-row-1__InputFields {
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.InterSourceCapitalGainSetOff-container .InterSourceCapitalGainSetOff-row-1__TextField {
  align-self: stretch;
  min-height: 37px;
  padding: 8px 12px;
  background: var(--neutral-stroke-10);
  border-radius: 4px;
  outline: 1px solid var(--tt-neutral-300);
  outline-offset: -1px;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  display: inline-flex;
}
.InterSourceCapitalGainSetOff-container .InterSourceCapitalGainSetOff-row-1__DropDown {
  align-self: stretch;
  min-height: 37px;
  padding: 8px;
  background: var(--tt-neutral-10);
  border-radius: 4px;
  outline: 1px solid var(--tt-neutral-300);
  outline-offset: -1px;
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
  display: inline-flex;
  color: var(--tt-text-basic);
}
.InterSourceCapitalGainSetOff-container .InterSourceCapitalGainSetOff-row-1__PlaceholderText {
  flex: 1 1 0;
  color: var(--tt-text-basic);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.InterSourceCapitalGainSetOff-container .DisabledFilled {
  pointer-events: none;
  opacity: 0.6;
}
.InterSourceCapitalGainSetOff-container .InterSourceCapitalGainSetOff-row-2__Row {
  width: 100%;
  height: 100%;
  background: var(--tt-neutral-100);
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
}
.InterSourceCapitalGainSetOff-container .InterSourceCapitalGainSetOff-row-2__Cell {
  flex: 1 1 0;
  align-self: stretch;
  padding: 8px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
.InterSourceCapitalGainSetOff-container .InterSourceCapitalGainSetOff-row-2__CenterCell {
  padding-left: 12px;
  gap: 16px;
}
.InterSourceCapitalGainSetOff-container .InterSourceCapitalGainSetOff-row-2__IncomeFromSalaries {
  align-self: stretch;
  height: 37px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--tt-text-basic);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.InterSourceCapitalGainSetOff-container .InterSourceCapitalGainSetOff-row-2__InputField {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
}
.InterSourceCapitalGainSetOff-container .InterSourceCapitalGainSetOff-row-2__InputFields {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.InterSourceCapitalGainSetOff-container .InterSourceCapitalGainSetOff-row-2__TextField {
  align-self: stretch;
  min-height: 37px;
  padding: 8px;
  background: var(--tt-neutral-10);
  border-radius: 4px;
  outline: 1px solid var(--tt-neutral-300);
  outline-offset: -1px;
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  color: var(--tt-text-basic);
}
.InterSourceCapitalGainSetOff-container .InterSourceCapitalGainSetOff-row-2__DropDownWhite {
  align-self: stretch;
  min-height: 37px;
  padding: 8px;
  background: var(--tt-neutral-10);
  border-radius: 4px;
  outline: 1px solid var(--tt-neutral-400);
  outline-offset: -1px;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  color: var(--tt-text-basic);
}
.InterSourceCapitalGainSetOff-container .InterSourceCapitalGainSetOff-row-2__DropDownDisabled {
  align-self: stretch;
  min-height: 37px;
  padding: 8px;
  background: var(--tt-neutral-10);
  border-radius: 4px;
  outline: 1px solid var(--tt-neutral-300);
  outline-offset: -1px;
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
  color: var(--tt-text-basic);
}
.InterSourceCapitalGainSetOff-container .InterSourceCapitalGainSetOff-row-2__PlaceholderText {
  flex: 1 1 0;
  color: var(--tt-text-basic);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.InterSourceCapitalGainSetOff-container .InterSourceCapitalGainSetOff-secondHeading__Cell {
  width: 100%;
  height: 100%;
  padding: 12px 8px;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  background-color: var(--secondary-variant-2);
}
.InterSourceCapitalGainSetOff-container .InterSourceCapitalGainSetOff-secondHeading__ShortTermCapitalGainLoss {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--tt-text-basic);
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.InterSourceCapitalGainSetOff-container .InterSourceCapitalGainSetOff-bottom-row {
  width: 100%;
  height: 100%;
  background: var(--tt-neutral-100);
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
}
.InterSourceCapitalGainSetOff-container .InterSourceCapitalGainSetOff-bottom-cell {
  flex: 1 1 0;
  align-self: stretch;
  padding: 8px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
.InterSourceCapitalGainSetOff-container .InterSourceCapitalGainSetOff-bottom-cell.fixed {
  width: 163px;
  padding: 8px 8px 8px 12px;
  gap: 16px;
}
.InterSourceCapitalGainSetOff-container .InterSourceCapitalGainSetOff-bottom-label {
  align-self: stretch;
  height: 37px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--tt-text-basic);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.12px;
}
.InterSourceCapitalGainSetOff-container .InterSourceCapitalGainSetOff-bottom-inputField {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.InterSourceCapitalGainSetOff-container .InterSourceCapitalGainSetOff-bottom-inputFields {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.InterSourceCapitalGainSetOff-container .InterSourceCapitalGainSetOff-bottom-textField {
  align-self: stretch;
  min-height: 37px;
  padding: 8px 12px;
  background: var(--tt-neutral-100);
  border-radius: 4px;
  outline: 1px solid var(--tt-neutral-300);
  outline-offset: -1px;
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}
.InterSourceCapitalGainSetOff-container .InterSourceCapitalGainSetOff-bottom-dropDown {
  align-self: stretch;
  min-height: 37px;
  padding: 8px;
  background: var(--tt-neutral-100);
  border-radius: 4px;
  outline: 1px solid var(--tt-neutral-300);
  outline-offset: -1px;
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
}
.InterSourceCapitalGainSetOff-container .InterSourceCapitalGainSetOff-bottom-placeholderText {
  flex: 1 1 0;
  color: var(--tt-text-basic);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.12px;
}
.InterSourceCapitalGainSetOff-container .InterSourceCapitalGainOff-bottom-modal {
  height: 100%;
  padding: 12px 24px 16px 24px;
  background: var(--primary-variant-5);
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
}
.InterSourceCapitalGainSetOff-container .InterSourceCapitalGainOff-bottom-actions {
  align-self: stretch;
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
  border: none;
}
.InterSourceCapitalGainSetOff-container .InterSourceCapitalGainOff-bottom-button-secondary {
  height: 36px;
  background: var(--tt-neutral-100);
  overflow: hidden;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  background: var(--tt-neutral-100);
}
.InterSourceCapitalGainSetOff-container .InterSourceCapitalGainOff-bottom-button-content {
  height: 36px;
  padding: 8px 16px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 36px;
  min-width: 84px;
  background: var(--tt-neutral-100);
  overflow: hidden;
  border-radius: 4px;
  outline: 1px solid var(--tt-primary);
  outline-offset: -1px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
}
.InterSourceCapitalGainSetOff-container .InterSourceCapitalGainOff-bottom-button-text {
  color: var(--tt-primary);
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  line-height: 21px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.InterSourceCapitalGainSetOff-container button:focus-visible {
  outline-offset: 0.125rem;
  box-shadow: unset;
}

.CarryForwardLoss-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
  border-radius: 8px;
  background-color: var(--tt-neutral-100);
  width: 1006px;
  padding-right: 24px;
}
.CarryForwardLoss-container .CarryForwardLoss-main {
  display: flex;
  flex-direction: column;
  gap: 24px;
  border-radius: 8px;
  padding: 24px;
}
.CarryForwardLoss-container .CarryForwardLoss-title {
  width: 100%;
  display: inline-flex;
  gap: 4px;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid var(--tt-neutral-300);
}
.CarryForwardLoss-container .CarryForwardLoss-heading {
  color: var(--tt-primary);
  font-size: 16px;
  word-wrap: break-word;
  font-weight: 700;
}
.CarryForwardLoss-container .CarryForwardLoss-head {
  width: 100%;
  background: var(--tt-primary-bg-stroke-5);
  overflow: hidden;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
}
.CarryForwardLoss-container .CarryForwardLoss-cell {
  flex: 1 1 0;
  padding: 12px 8px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
}
.CarryForwardLoss-container .CarryForwardLoss-text {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--tt-text-basic);
  font-size: 12px;
  font-weight: 500;
  word-wrap: break-word;
}
.CarryForwardLoss-container .CarryForwardLoss-snCell {
  width: 53px;
  flex: none;
}
.CarryForwardLoss-container .CarryForwardLoss-cell-outer {
  display: flex;
  align-items: center;
  align-self: stretch;
  background: var(--tt-neutral-100);
}
.CarryForwardLoss-container .CarryForwardLoss-cell-1 {
  display: flex;
  width: 83px;
  padding: 12px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
}
.CarryForwardLoss-container .CarryForwardLoss-cell-1-placeholder {
  color: var(--tt-text-basic);
  text-align: center;
  font-size: var(--font-size-s-3-b-3, 12px);
  font-style: normal;
  font-weight: 500;
  align-self: stretch;
}
.CarryForwardLoss-container .CarryForwardLoss-cell-2 {
  display: flex;
  width: 200px;
  padding: 12px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}
.CarryForwardLoss-container .CarryForwardLoss-cell-2-plcaeholder {
  color: var(--tt-text-basic);
  /* Subheading/S3 (S) - Medium */
  font-size: var(--font-size-s-3-b-3, 12px);
  font-style: normal;
  font-weight: 500;
  align-self: stretch;
}
.CarryForwardLoss-container .CarryForwardLoss-cell-input {
  display: flex;
  padding: 12px 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  flex: 1 0 0;
  align-self: stretch;
}
.CarryForwardLoss-container .CarryForwardLoss-cell-3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}
.CarryForwardLoss-container .CarryForwardLoss-cell-3-placeholder {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}
.CarryForwardLoss-container .CarryForwardLoss-cell-3-textfiled {
  display: flex;
  height: 37px;
  min-height: 37px;
  padding: 8px 12px;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid var(--tt-neutral-300);
  background: var(--tt-neutral-bg-stroke-10);
}
.CarryForwardLoss-container .CarryForwardLoss-cell-close {
  display: flex;
  padding: 12px 24px 16px 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  border-radius: 0 0 8px 8px;
  background: var(--tt-primary-bg-stroke-5);
}
.CarryForwardLoss-container .carryForwardLossCell-close-1 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
  align-self: stretch;
}
.CarryForwardLoss-container .CarryForwardLossCell-button {
  display: flex;
  height: 36px;
  min-width: 84px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border: 1px solid var(--tt-primary);
  background: var(--tt-neutral-100);
  color: var(--tt-primary);
}
.CarryForwardLoss-container .table tbody {
  /* background-color: var(--table-background-color, var(--white, #fff)); */
  background-color: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}
.CarryForwardLoss-container .CarryForwardLoss-cell-inputbox {
  min-height: 37px;
  padding: 8px 12px;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid var(--tt-neutral-300);
  background: var(--tt-neutral-bg-stroke-10);
}
.CarryForwardLoss-container button:focus-visible {
  outline-offset: 0.125rem;
  box-shadow: unset;
}

.IntersetSourceCaptaialgain {
  display: flex;
  flex-direction: column;
  width: 1054px;
  gap: 24px;
  border-radius: 8px;
  background-color: var(--tt-neutral-100);
  /* Row container */
  /* Cells */
  /* Label */
  /* Input and Dropdown wrappers */
  /* Input field */
  /* Dropdown field */
  /* Disabled state */
  /* Filled dropdown modifier */
}
.IntersetSourceCaptaialgain .IntersetSourceCapitalGainOf-main {
  display: flex;
  flex-direction: column;
  padding: 24px;
  border-radius: 8px;
  gap: 24px;
  width: 1781px;
}
.IntersetSourceCaptaialgain .InterestSourceCapitalGainOf-title {
  width: 100%;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--tt-neutral-300);
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
}
.IntersetSourceCaptaialgain .InterestSourceCapitalGains-heading {
  color: var(--tt-primary);
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
}
.IntersetSourceCaptaialgain .InterSourceCapitalGainSetoffHeading {
  width: 100%;
  height: 100%;
  background: var(--tt-primary-bg-stroke-5);
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
}
.IntersetSourceCaptaialgain .InterSourceCapitalGainSetoffHeading__cell {
  width: 150px;
  padding: 12px 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.IntersetSourceCaptaialgain .InterSourceCapitalGainSetoffHeading__cell--wide {
  width: 776px;
  gap: 8px;
}
.IntersetSourceCaptaialgain .InterSourceCapitalGainSetoffHeading__cell--wider {
  width: 558px;
  gap: 8px;
}
.IntersetSourceCaptaialgain .InterSourceCapitalGainSetoffHeading__heading,
.IntersetSourceCaptaialgain .InterSourceCapitalGainSetoffHeading__section-title,
.IntersetSourceCaptaialgain .InterSourceCapitalGainSetoffHeading__tax-text {
  font-family: "Noto Sans", sans-serif;
  font-size: 12px;
  color: var(--tt-text-basic);
  letter-spacing: 0.12px;
  line-height: 18px;
  text-align: center;
  word-wrap: break-word;
  max-width: 100px;
  display: flex;
  padding-top: 50px;
}
.IntersetSourceCaptaialgain .InterSourceCapitalGainSetoffHeading__heading {
  font-weight: 500;
  min-width: 75px;
}
.IntersetSourceCaptaialgain .InterSourceCapitalGainSetoffHeading__section-title {
  font-weight: 700;
}
.IntersetSourceCaptaialgain .InterSourceCapitalGainSetoffHeading__tax-text {
  font-weight: 500;
}
.IntersetSourceCaptaialgain .InterSourceCapitalGainSetoffHeading__tax-row {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
}
.IntersetSourceCaptaialgain .InterSourceCapitalGainSetoffHeading__tax-row .InterSourceCapitalGainSetoffHeading__cell {
  flex: 1 1 0;
  padding: 4px 8px;
}
.IntersetSourceCaptaialgain .InterSourceCapitalGainSetoff-row-1__row {
  width: 100%;
  height: 100%;
  background: var(--tt-neutral-100);
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
}
.IntersetSourceCaptaialgain .InterSourceCapitalGainSetoff-row-1__cell {
  flex: 1 1 0;
  padding: 8px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
.IntersetSourceCaptaialgain .InterSourceCapitalGainSetoff-row-1__cell--padded {
  padding: 8px 8px 8px 12px;
  gap: 16px;
}
.IntersetSourceCaptaialgain .InterSourceCapitalGainSetoff-row-1__income-loss {
  height: 37px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  font-weight: 500;
  font-size: 12px;
  color: var(--tt-text-basic);
  word-wrap: break-word;
  min-width: 167px;
}
.IntersetSourceCaptaialgain .InterSourceCapitalGainSetoff-row-1__input-field {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
}
.IntersetSourceCaptaialgain .InterSourceCapitalGainSetoff-row-1__input-fields {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 131px;
}
.IntersetSourceCaptaialgain .InterSourceCapitalGainSetoff-row-1__text-field {
  align-self: stretch;
  min-height: 37px;
  padding: 8px 12px;
  background: var(--tt-neutral-10);
  border-radius: 4px;
  outline: 1px solid var(--tt-neutral-300);
  outline-offset: -1px;
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  color: var(--tt-text-basic);
}
.IntersetSourceCaptaialgain .InterSourceCapitalGainSetoff-row-1__dropdown {
  align-self: stretch;
  min-height: 37px;
  padding: 8px;
  background: var(--tt-neutral-10);
  border-radius: 4px;
  outline: 1px solid var(--tt-neutral-300);
  outline-offset: -1px;
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
  width: 131px;
  color: var(--tt-text-basic);
}
.IntersetSourceCaptaialgain .InterSourceCapitalGainSetoff-row-1__placeholder-text {
  flex: 1 1 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.IntersetSourceCaptaialgain .InterSourceCapitalGainSetOff-row-3 {
  padding: 8px;
  height: 100%;
  display: inline-flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  background: var(--tt-neutral-100);
  overflow: hidden;
}
.IntersetSourceCaptaialgain .InterSourceCapitalGainOff-row-3-title {
  display: flex;
  align-self: stretch;
  justify-content: center;
  flex-direction: column;
  color: var(--tt-text-basic);
  word-wrap: break-word;
  font-weight: 700;
}
.IntersetSourceCaptaialgain .InterSourceCapitalGainOff-row-4-row {
  width: 100%;
  height: 100%;
  background: var(--tt-neutral-100);
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
}
.IntersetSourceCaptaialgain .InterSourceCapitalGainOff-row-4-cell {
  flex: 1 1 0;
  align-self: stretch;
  padding: 8px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  min-width: 130px;
}
.IntersetSourceCaptaialgain .InterSourceCapitalGainOff-row-4-label {
  align-self: stretch;
  height: 37px;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  font-family: "Noto Sans", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.12px;
  color: var(--tt-text-basic);
}
.IntersetSourceCaptaialgain .InterSourceCapitalGainOff-row-4-input,
.IntersetSourceCaptaialgain .InterSourceCapitalGainOff-row-4-dropdown {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.IntersetSourceCaptaialgain .InterSourceCapitalGainOff-row-4-inputField {
  min-height: 37px;
  padding: 8px;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-neutral-400);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  color: var(--tt-neutral-600);
  line-height: 21px;
  letter-spacing: 0.12px;
}
.IntersetSourceCaptaialgain .InterSourceCapitalGainOff-row-4-dropdownField {
  min-height: 37px;
  padding: 8px;
  border: 1px solid var(--tt-neutral-600);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: left;
  font-size: 14px;
  color: var(--tt-text-basic);
  line-height: 21px;
  letter-spacing: 0.12px;
  background: var(--tt-neutral-10);
  color: var(--tt-text-basic);
}
.IntersetSourceCaptaialgain .InterSourceCapitalGainOff-row-4-input.disabled .InterSourceCapitalGainOff-row-4-inputField,
.IntersetSourceCaptaialgain .InterSourceCapitalGainOff-row-4-dropdown.disabled .InterSourceCapitalGainOff-row-4-dropdownField {
  background: var(--tt-neutral-10);
  border: 1px solid var(--tt-neutral-300);
  color: var(--tt-text-basic);
  justify-content: flex-end;
  min-width: 125px;
  padding: 8px 12px;
}
.IntersetSourceCaptaialgain .InterSourceCapitalGainOff-row-4-dropdown.filled .InterSourceCapitalGainOff-row-4-dropdownField {
  color: var(--tt-text-basic);
}
.IntersetSourceCaptaialgain .InterSourceCapitalGainOff-row-14-row {
  width: 100%;
  height: 100%;
  background: var(--tt-neutral-100);
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
}
.IntersetSourceCaptaialgain .InterSourceCapitalGainOff-row-14-cell-label {
  width: 1598px;
  align-self: stretch;
  padding: 8px 8px 8px 12px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: 16px;
}
.IntersetSourceCaptaialgain .InterSourceCapitalGainOff-row-14-label {
  align-self: stretch;
  height: 37px;
  text-align: right;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--tt-text-basic);
  font-size: 12px;
  font-weight: 500;
  word-wrap: break-word;
}
.IntersetSourceCaptaialgain .InterSourceCapitalGainOff-row-14-cell-input {
  flex: 1 1 0;
  align-self: stretch;
  padding: 8px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
.IntersetSourceCaptaialgain .InterSourceCapitalGainOff-row-14-input-field {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
}
.IntersetSourceCaptaialgain .InterSourceCapitalGainOff-row-14-input-fields {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.IntersetSourceCaptaialgain .InterSourceCapitalGainOff-row-14-dropdown {
  align-self: stretch;
  min-height: 37px;
  padding: 8px;
  background: var(--tt-neutral-10);
  border-radius: 4px;
  outline: 1px solid var(--tt-neutral-100);
  outline-offset: -1px;
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  color: var(--tt-text-basic);
  gap: 4px;
}
.IntersetSourceCaptaialgain .InterSourceCapitalGainOff-row-14-placeholder-text {
  flex: 1 1 0;
  color: var(--tt-text-basic);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.IntersetSourceCaptaialgain .InterSourceCapitalGainOff-row-14-cell {
  flex: 2 1;
  align-self: stretch;
  padding: 8px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
.IntersetSourceCaptaialgain .InterSourceCapitalGainOff-bottom-modal {
  height: 100%;
  padding: 12px 24px 16px 24px;
  background: var(--tt-neutral-10);
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
}
.IntersetSourceCaptaialgain .InterSourceCapitalGainOff-bottom-actions {
  align-self: stretch;
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
}
.IntersetSourceCaptaialgain .InterSourceCapitalGainOff-bottom-button-secondary {
  height: 36px;
  background: var(--tt-neutral-100);
  overflow: hidden;
  border-radius: 4px;
  outline: 1px solid var(--tt-primary);
  outline-offset: -1px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.IntersetSourceCaptaialgain .InterSourceCapitalGainOff-bottom-button-content {
  min-width: 84px;
  height: 36px;
  padding: 8px 16px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border: none;
  background-color: var(--tt-neutral-100);
}
.IntersetSourceCaptaialgain .InterSourceCapitalGainOff-bottom-button-text {
  color: var(--tt-primary);
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  line-height: 21px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
  cursor: pointer;
  background: var(--tt-neutral-100);
  border: none;
}
.IntersetSourceCaptaialgain button:focus-visible {
  outline-offset: 0.125rem;
  box-shadow: unset;
}

.motor-slide-container .motor-slider {
  width: 100%;
  height: 100%;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}
@media (max-width: 414px) {
  .motor-slide-container .motor-slider {
    flex-direction: column;
  }
}
.motor-slide-container .motor-slider .tab {
  height: 40px;
  padding-left: 24px;
  padding-right: 24px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.motor-slide-container .motor-slider .tab.selected {
  background: var(--tt-secondary-info-bg5); /* Light blue background */
  border-bottom: 1.5px solid var(--tt-secondary); /* Blue bottom border */
}
.motor-slide-container .motor-slider .tab.default {
  background: var(--tt-neutral-100); /* White background */
  border-bottom: 1px solid var(--tt-neutral-300); /* Light grey border */
}
.motor-slide-container .motor-slider .tab-title {
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.motor-slide-container .motor-slider .tab.selected .tab-title {
  color: var(--tt-secondary); /* Blue text */
  font-weight: 700;
}
.motor-slide-container .motor-slider .tab.default .tab-title {
  color: var(--tt-text-basic); /* Dark text */
  font-weight: 400;
}
.motor-slide-container .motor-slider .line-extend {
  height: 40px;
  background: var(--tt-neutral-100);
  border-bottom: 1px solid var(--tt-secondary);
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.motor-slide-container .tab-content {
  /* padding: 16px; */
  /* background-color: #f9f9f9; */
  /* border: 1px solid #ddd; */
  border-top: none;
  /* width: 960px; */
}

/* ===== Base Container ===== */
.other-car-radio--container {
  width: 100%;
  height: 100%;
  display: inline-flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
  padding: 8px;
  box-sizing: border-box;
  overflow-x: hidden;
  /* ===== Fields Container ===== */
  /* ===== Checkbox ===== */
  /* ===== Heading ===== */
  /* ===== Radio Selections Container ===== */
  /* ===== Radio Title ===== */
  /* ===== Radio Input ===== */
  /* ===== Radio Label ===== */
  /* ===== Asterisk ===== */
  /* ===== Radio Items Container ===== */
  /* ===== Radio Item ===== */
  /* ===== Radio Label Wrapper ===== */
  /* ===== Radio Button ===== */
  /* ===== Radio Option Text ===== */
  /* ===== Box Container ===== */
  /* ===== Table Header Container ===== */
  /* ===== Table Header Cell ===== */
  /* ===== Table Header Label ===== */
  /* ===== Table Header Description ===== */
  /* ===== Table Row ===== */
  /* ===== Table Cell ===== */
  /* ===== Fixed Width Cell (Month) ===== */
  /* ===== Month Cell ===== */
  /* ===== Month Total ===== */
  /* ===== Input Field Container ===== */
  /* ===== Input Fields Wrapper ===== */
  /* ===== Text Field ===== */
  /* ===== Disabled Text Field ===== */
  /* ===== Placeholder Text ===== */
  /* ===== Disabled Placeholder ===== */
  /* ===== Input Inside Placeholder ===== */
  /* ===== Motor Car Note ===== */
  /* ===== Note Title ===== */
  /* ===== Note Footer ===== */
  /* ===== Result Summary ===== */
  /* ===== Result Summary Container ===== */
  /* ===== Result Summary Header ===== */
  /* ===== Result Summary Title ===== */
  /* ===== Result Summary Card ===== */
  /* ===== Result Summary Label ===== */
  /* ===== Result Summary Value ===== */
  /* ===== Alert ===== */
  /* ===== Alert Icon ===== */
  /* ===== Alert Message ===== */
  /* ===== Alert Title ===== */
  /* ===== Alert Text ===== */
  /* ===== Button Container ===== */
  /* ===== Button Group ===== */
  /* ===== Button ===== */
  /* ===== Primary Button ===== */
  /* ===== Tertiary Button ===== */
  /* ===== Screen Reader Only ===== */
  /* ===== Prevent Body Overflow ===== */
  /* ===== High Contrast Mode ===== */
  /* ===== Print Styles ===== */
}
@media (max-width: 747px) {
  .other-car-radio--container {
    display: flex;
    flex-direction: column;
    padding: 8px 4px;
    gap: 16px;
  }
}
.other-car-radio--container .other-car-radio--fields {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 24px;
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .other-car-radio--container .other-car-radio--fields {
    gap: 16px;
  }
}
.other-car-radio--container .etds-motor-checkbox {
  display: flex;
  justify-content: center;
  border: none;
}
.other-car-radio--container .etds-other-car-heading {
  color: var(--tt-primary);
  font-size: var(--Font-Size-H3, 1.5rem);
  font-style: normal;
  font-weight: 700;
  line-height: var(--Line-Height-For-Font-Size---24, 2.25rem);
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
@media (max-width: 767px) {
  .other-car-radio--container .etds-other-car-heading {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}
@media (max-width: 400px) {
  .other-car-radio--container .etds-other-car-heading {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}
.other-car-radio--container .other-car-radio--radio-selections {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 12px;
  width: 100%;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-neutral-900);
  padding: 12px;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .other-car-radio--container .other-car-radio--radio-selections {
    padding: 8px;
    gap: 8px;
  }
}
.other-car-radio--container .other-car-radio--title {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}
.other-car-radio--container input[type=radio] {
  height: 20px;
  width: 20px;
  accent-color: var(--tt-primary);
  flex-shrink: 0;
}
.other-car-radio--container .other-car-radio--label {
  color: var(--tt-text-basic);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: var(--Line-Height-For-Font-Size---12, 1.125rem);
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .other-car-radio--container .other-car-radio--label {
    font-size: 13px;
  }
}
.other-car-radio--container .other-car-radio--asterisk {
  position: relative;
  display: inline;
  color: var(--tt-error);
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.12px;
  margin-left: 4px;
}
.other-car-radio--container .other-car-radio--radio-items {
  display: flex;
  gap: 24px;
  width: 100%;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .other-car-radio--container .other-car-radio--radio-items {
    flex-direction: column;
    gap: 12px;
  }
}
.other-car-radio--container .other-car-radio--item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  padding-left: 6px;
  padding-right: 6px;
}
@media (max-width: 767px) {
  .other-car-radio--container .other-car-radio--item {
    padding-left: 0;
    padding-right: 0;
  }
}
.other-car-radio--container .other-car-radio--label-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  padding: 8px;
  border-radius: 4px;
  transition: background-color 0.2s;
  width: 100%;
}
.other-car-radio--container .other-car-radio--label-wrapper:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.other-car-radio--container .other-car-radio--radio-button {
  width: 24px;
  height: 24px;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-shrink: 0;
}
.other-car-radio--container .other-car-radio--radio-button-unchecked {
  width: 24px;
  height: 24px;
}
.other-car-radio--container .other-car-radio--vector {
  position: absolute;
  width: 24px;
  height: 24px;
  left: 0;
  top: 0;
}
.other-car-radio--container .other-car-radio--vector-filled {
  position: absolute;
  width: 20px;
  height: 20px;
  left: 2px;
  top: 2px;
  background: var(--tt-neutral-700);
}
.other-car-radio--container .other-car-radio--option-text {
  color: var(--tt-text-basic);
  font-size: var(--font-size-s-3-b-3, 0.75rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-For-Font-Size---12, 1.125rem);
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
  flex: 1;
}
@media (max-width: 767px) {
  .other-car-radio--container .other-car-radio--option-text {
    font-size: 0.875rem;
  }
}
.other-car-radio--container .etds-other-car-box-container {
  overflow-x: auto;
  display: block;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .other-car-radio--container .etds-other-car-box-container {
    margin: 0 -4px;
    padding: 0 4px;
  }
}
.other-car-radio--container .other-car-header--container {
  width: 100%;
  max-width: 915px;
  height: 100%;
  background: var(--tt-primary-bg-stroke-5);
  display: grid;
  grid-template-columns: minmax(80px, 130px) repeat(4, minmax(120px, 1fr));
  align-items: flex-start;
  justify-content: flex-start;
  overflow: hidden;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .other-car-radio--container .other-car-header--container {
    grid-template-columns: minmax(60px, 80px) repeat(4, minmax(70px, 1fr));
    gap: 4px;
    padding: 8px 4px;
  }
}
@media (max-width: 400px) {
  .other-car-radio--container .other-car-header--container {
    grid-template-columns: minmax(50px, 70px) repeat(4, minmax(60px, 1fr));
    gap: 2px;
    padding: 6px 2px;
  }
}
.other-car-radio--container .other-car-header--cell {
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 12px 8px;
  gap: 12px;
  min-height: 64px;
  width: 100%;
  box-sizing: border-box;
}
.other-car-radio--container .other-car-header--cell:nth-child(1),
.other-car-radio--container .other-car-header--cell:nth-child(2),
.other-car-radio--container .other-car-header--cell:nth-child(3),
.other-car-radio--container .other-car-header--cell:nth-child(4),
.other-car-radio--container .other-car-header--cell:nth-child(5) {
  width: 100%;
}
@media (max-width: 767px) {
  .other-car-radio--container .other-car-header--cell {
    padding: 8px 4px;
    gap: 8px;
    min-height: auto;
  }
}
@media (max-width: 400px) {
  .other-car-radio--container .other-car-header--cell {
    padding: 4px 2px;
    gap: 4px;
  }
}
.other-car-radio--container .other-car-header--label {
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.12px;
  color: var(--tt-text-basic);
  text-align: center;
  width: 100%;
}
@media (max-width: 767px) {
  .other-car-radio--container .other-car-header--label {
    font-size: 10px;
    line-height: 14px;
  }
}
@media (max-width: 400px) {
  .other-car-radio--container .other-car-header--label {
    font-size: 9px;
    line-height: 12px;
  }
}
.other-car-radio--container .other-car-header--description {
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.12px;
  color: var(--tt-text-basic);
  text-align: center;
  width: 100%;
  word-wrap: break-word;
  hyphens: auto;
}
@media (max-width: 767px) {
  .other-car-radio--container .other-car-header--description {
    font-size: 10px;
    line-height: 14px;
  }
}
@media (max-width: 400px) {
  .other-car-radio--container .other-car-header--description {
    font-size: 9px;
    line-height: 12px;
  }
}
.other-car-radio--container .other-car-table--row {
  width: 100%;
  max-width: 915px;
  height: 100%;
  background: var(--tt-neutral-100);
  display: grid;
  grid-template-columns: minmax(80px, 130px) repeat(4, minmax(120px, 1fr));
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  border-bottom: 1px solid var(--tt-neutral-300);
}
@media (max-width: 767px) {
  .other-car-radio--container .other-car-table--row {
    grid-template-columns: minmax(60px, 80px) repeat(4, minmax(70px, 1fr));
    gap: 4px;
    padding: 8px 4px;
  }
}
@media (max-width: 400px) {
  .other-car-radio--container .other-car-table--row {
    grid-template-columns: minmax(50px, 70px) repeat(4, minmax(60px, 1fr));
    gap: 2px;
    padding: 6px 2px;
  }
}
.other-car-radio--container .other-car-table--cell {
  flex: 1 1 0;
  padding: 8px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .other-car-radio--container .other-car-table--cell {
    padding: 4px;
    gap: 8px;
  }
}
@media (max-width: 400px) {
  .other-car-radio--container .other-car-table--cell {
    padding: 2px;
    gap: 4px;
  }
}
.other-car-radio--container .other-car-table--cell.fixed-width {
  width: 100%;
  max-width: 131px;
  min-width: 80px;
  gap: 16px;
  padding: 8px 8px 8px 12px;
}
@media (max-width: 767px) {
  .other-car-radio--container .other-car-table--cell.fixed-width {
    min-width: 60px;
    max-width: 80px;
    padding: 4px;
  }
}
@media (max-width: 400px) {
  .other-car-radio--container .other-car-table--cell.fixed-width {
    min-width: 50px;
    max-width: 70px;
    padding: 2px;
  }
}
.other-car-radio--container .other-car-table--month {
  align-self: stretch;
  height: 37px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.12px;
  color: var(--tt-text-basic);
}
@media (max-width: 767px) {
  .other-car-radio--container .other-car-table--month {
    font-size: 10px;
    line-height: 14px;
    height: auto;
  }
}
@media (max-width: 400px) {
  .other-car-radio--container .other-car-table--month {
    font-size: 9px;
    line-height: 12px;
  }
}
.other-car-radio--container .other-car-table--month.total {
  font-weight: 700;
  color: var(--tt-primary);
}
.other-car-radio--container .other-car-table--input-field {
  width: 100%;
  max-width: 180px;
  display: flex;
  gap: 8px;
  height: 37px;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .other-car-radio--container .other-car-table--input-field {
    max-width: 100%;
    height: auto;
    min-height: 30px;
  }
}
.other-car-radio--container .other-car-table--input-fields {
  width: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.other-car-radio--container .other-car-table--text-field {
  height: 37px;
  background: var(--tt-neutral-100);
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  box-sizing: border-box;
}
.other-car-radio--container button:focus-visible {
  outline-offset: 0.125rem;
  box-shadow: unset;
}
.other-car-radio--container .other-car-table--placeholder-text.disabled {
  color: var(--tt-text-basic);
  padding: 8px 12px;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-300);
  background: var(--tt-neutral-bg-stroke-10);
}
.other-car-radio--container .table {
  border: 1px solid var(--tt-neutral-300);
  border-radius: 4px;
}
@media (max-width: 767px) {
  .other-car-radio--container .other-car-table--text-field {
    padding: 6px 8px;
    height: auto;
    min-height: 30px;
  }
}
@media (max-width: 400px) {
  .other-car-radio--container .other-car-table--text-field {
    padding: 4px 6px;
    min-height: 28px;
  }
}
.other-car-radio--container .other-car-table--text-field.disabled {
  background: var(--tt-neutral-bg-stroke-10);
  outline: 1px solid var(--tt-neutral-300);
  justify-content: flex-end;
}
.other-car-radio--container .other-car-table--placeholder-text {
  flex: 1 1 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.12px;
  color: var(--tt-neutral-700);
}
@media (max-width: 767px) {
  .other-car-radio--container .other-car-table--placeholder-text {
    font-size: 12px;
    line-height: 18px;
  }
}
@media (max-width: 400px) {
  .other-car-radio--container .other-car-table--placeholder-text {
    font-size: 11px;
    line-height: 16px;
  }
}
.other-car-radio--container .other-car-table--placeholder-text.disabled {
  color: var(--tt-text-basic);
}
.other-car-radio--container .input-inside-placeholder {
  width: 100%;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-400);
  background: var(--tt-neutral-100);
  background: transparent;
  outline: none;
  font-size: inherit;
  color: inherit;
  box-sizing: border-box;
  padding: 8px 12px;
  color: var(--tt-text-basic);
}
.other-car-radio--container .table tbody {
  /* background-color: var(--table-background-color, var(--white, #fff)); */
  background-color: var(--tt-neutral-100);
}
.other-car-radio--container th {
  background-color: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}
.other-car-radio--container .input-inside-placeholder:focus {
  outline: 2px solid var(--tt-primary);
  outline-offset: 2px;
  border-radius: 2px;
}
.other-car-radio--container .motor-car-note {
  display: flex;
  padding: 0.75rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-secondary-info-300);
  background: var(--tt-secondary-info-bg5);
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .other-car-radio--container .motor-car-note {
    padding: 0.5rem;
  }
}
.other-car-radio--container .motor-car-note:focus {
  outline: 2px solid var(--tt-primary);
  outline-offset: 2px;
}
.other-car-radio--container .motor-car-note-title {
  color: var(--tt-secondary);
  font-size: var(--font-size-s-2-b-2, 0.875rem);
  font-style: normal;
  font-weight: 700;
  line-height: var(--Line-Height-For-Font-Size---14, 1.3125rem);
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
  align-self: stretch;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .other-car-radio--container .motor-car-note-title {
    font-size: 0.8125rem;
    margin-bottom: 8px;
  }
}
.other-car-radio--container .motor-car-note-footer {
  color: var(--tt-secondary);
  font-size: var(--font-size-s-2-b-2, 0.875rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-For-Font-Size---14, 1.3125rem);
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
  align-self: stretch;
}
@media (max-width: 767px) {
  .other-car-radio--container .motor-car-note-footer {
    font-size: 0.8125rem;
  }
}
.other-car-radio--container .motor-car-note-footer p {
  margin-bottom: 8px;
}
.other-car-radio--container .motor-car-note-footer p:last-child {
  margin-bottom: 0;
}
.other-car-radio--container .result-summary {
  width: 100%;
  max-width: 324px;
  height: 100%;
  padding: 28px 48px 20px 24px;
  background: var(--tt-neutral-100);
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .other-car-radio--container .result-summary {
    max-width: 100%;
    padding: 16px;
    gap: 16px;
  }
}
.other-car-radio--container .result-summary__container {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}
@media (max-width: 767px) {
  .other-car-radio--container .result-summary__container {
    gap: 16px;
  }
}
.other-car-radio--container .result-summary__header {
  padding-bottom: 8px;
  border-bottom: 1px solid var(--tt-neutral-300);
  display: flex;
  align-items: center;
  gap: 10px;
}
.other-car-radio--container .result-summary__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  color: var(--tt-primary);
  width: 100%;
  max-width: 275px;
}
@media (max-width: 767px) {
  .other-car-radio--container .result-summary__title {
    font-size: 18px;
    line-height: 27px;
    max-width: 100%;
  }
}
.other-car-radio--container .result-summary__card {
  width: 100%;
  max-width: 275px;
  border-radius: 4px;
  outline: 1px solid var(--tt-secondary-info-30);
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .other-car-radio--container .result-summary__card {
    max-width: 100%;
  }
}
.other-car-radio--container .result-summary__label {
  padding: 12px;
  font-size: 14px;
  font-weight: 500;
  color: var(--tt-text-basic);
}
@media (max-width: 767px) {
  .other-car-radio--container .result-summary__label {
    padding: 10px;
    font-size: 13px;
  }
}
.other-car-radio--container .result-summary__value {
  padding: 8px 12px;
  font-size: 20px;
  font-weight: 700;
  color: var(--tt-text-basic);
  word-break: break-word;
}
@media (max-width: 767px) {
  .other-car-radio--container .result-summary__value {
    padding: 8px 10px;
    font-size: 18px;
  }
}
@media (max-width: 400px) {
  .other-car-radio--container .result-summary__value {
    font-size: 16px;
  }
}
.other-car-radio--container .other-alert {
  width: 100%;
  max-width: 891px;
  height: 100%;
  padding: 12px;
  background: var(--tt-danger-bg-stroke-5);
  border-radius: 4px;
  outline: 1px solid #E88C73;
  outline-offset: -1px;
  display: inline-flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .other-car-radio--container .other-alert {
    padding: 8px;
    gap: 6px;
  }
}
.other-car-radio--container .other-alert__icon {
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.other-car-radio--container .other-alert__icon-background {
  position: absolute;
  left: 2.5px;
  top: 2.5px;
  width: 15px;
  height: 15px;
  background: var(--tt-danger-500);
  border-radius: 50%;
}
.other-car-radio--container .other-alert__message {
  flex: 1 1 0;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .other-car-radio--container .other-alert__message {
    gap: 4px;
  }
}
.other-car-radio--container .other-alert__title {
  color: var(--tt-danger-500);
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0.12px;
}
@media (max-width: 767px) {
  .other-car-radio--container .other-alert__title {
    font-size: 13px;
    line-height: 19px;
  }
}
.other-car-radio--container .other-alert__text {
  color: var(--tt-danger-500);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.12px;
}
@media (max-width: 767px) {
  .other-car-radio--container .other-alert__text {
    font-size: 13px;
    line-height: 19px;
  }
}
.other-car-radio--container .other-button--container {
  width: 100%;
  height: 100%;
  display: inline-flex;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 4px;
  box-sizing: border-box;
  margin-top: 8px;
}
@media (max-width: 767px) {
  .other-car-radio--container .other-button--container {
    justify-content: center;
    padding: 0 4px;
  }
}
.other-car-radio--container .other-button--group {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
}
@media (max-width: 767px) {
  .other-car-radio--container .other-button--group {
    width: 100%;
    justify-content: center;
    gap: 12px;
  }
}
@media (max-width: 400px) {
  .other-car-radio--container .other-button--group {
    flex-direction: column;
    gap: 8px;
  }
}
.other-car-radio--container .other-button {
  min-width: 84px;
  height: 36px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  line-height: 21px;
  letter-spacing: 0.12px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  cursor: pointer;
  border: none;
  transition: all 0.2s;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .other-car-radio--container .other-button {
    flex: 1;
    min-width: auto;
  }
}
@media (max-width: 400px) {
  .other-car-radio--container .other-button {
    width: 100%;
  }
}
.other-car-radio--container .other-button:hover {
  opacity: 0.9;
}
.other-car-radio--container .other-button:focus {
  outline: 2px solid var(--tt-primary);
  outline-offset: 2px;
}
.other-car-radio--container .other-button--primary {
  background-color: var(--tt-primary);
  color: var(--tt-neutral-100);
}
.other-car-radio--container .other-button--tertiary {
  background-color: transparent;
  color: var(--tt-primary);
}
.other-car-radio--container .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.other-car-radio--container body {
  overflow-x: hidden;
}
@media (prefers-contrast: high) {
  .other-car-radio--container .other-car-radio--label-wrapper:focus-within,
  .other-car-radio--container .input-inside-placeholder:focus,
  .other-car-radio--container .other-button:focus,
  .other-car-radio--container .motor-car-note:focus {
    outline: 3px solid #000;
    outline-offset: 2px;
  }
  .other-car-radio--container .other-car-table--row {
    border-bottom: 2px solid #000;
  }
}
@media print {
  .other-car-radio--container .other-button--container,
  .other-car-radio--container .other-car-radio--radio-items {
    display: none;
  }
  .other-car-radio--container .etds-other-car-box-container {
    overflow-x: visible;
  }
  .other-car-radio--container .other-car-table--row {
    page-break-inside: avoid;
  }
}
.other-car-radio--container .etds-disabled-children {
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-300);
  background: var(--tt-neutral-10);
  color: var(--tt-text-basic);
}

.Header5 {
  max-width: 915px;
  background: var(--primary-variant-5);
  overflow: hidden;
  justify-content: flex-start;
  align-items: flex-start;
  display: inline-flex;
  /* Specific widths for each Cell5 */
  /* Container */
  /* Button row */
  /* Shared button base */
  /* Primary style */
  /* Tertiary style */
}
.Header5 .Cell5 {
  align-self: stretch;
  padding: 12px 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: inline-flex;
}
.Header5 .Cell5:nth-child(1) {
  width: 130px;
}
.Header5 .Cell5:nth-child(2) {
  width: 196px;
}
.Header5 .Cell5:nth-child(3) {
  width: 197px;
}
.Header5 .Cell5:nth-child(4) {
  width: 194px;
}
.Header5 .Cell5:nth-child(5) {
  width: 198px;
}
.Header5 .Label {
  align-self: stretch;
  text-align: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  color: var(--Text-Basic, #1c1d1f);
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.Header5 .Description {
  align-self: stretch;
  text-align: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  color: var(--Text-Basic, #1c1d1f);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.Header5 .thirdtable-row {
  width: 100%;
  height: 100%;
  background: var(--Neutral-100, white);
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
}
.Header5 .thirdtable-Cell5 {
  align-self: stretch;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 8px;
  gap: 12px;
}
.Header5 .thirdtable-month-Cell5 {
  width: 131px;
  padding-left: 12px;
  padding-right: 8px;
  gap: 16px;
}
.Header5 .thirdtable-month-label {
  align-self: stretch;
  height: 37px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--Text-Basic, #1c1d1f);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.12px;
}
.Header5 .thirdtable-radio-Cell5 {
  flex: 1 1 0;
}
.Header5 .thirdtable-radio-button {
  width: 24px;
  height: 24px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.Header5 .thirdtable-radio-outer {
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}
.Header5 .thirdtable-radio-inner {
  width: 20px;
  height: 20px;
  background: var(--Neutral-700, #74777a);
  position: absolute;
  top: 2px;
  left: 2px;
}
.Header5 .thirdtable-input-Cell5 {
  flex: 1 1 0;
  width: 100%;
}
.Header5 .thirdtable-input-field {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
}
.Header5 .thirdtable-text-field {
  align-self: stretch;
  min-height: 37px;
  padding: 8px 12px;
  background: var(--Neutral-100, white);
  border-radius: 4px;
  outline: 1px solid var(--Neutral-400, #bfc1c5);
  outline-offset: -1px;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.Header5 .thirdtable-disabled .thirdtable-text-field {
  background: var(--Neutral-BG-Stroke-10, #f6f7f7);
  outline: 1px solid var(--Neutral-300, #dfe0e2);
  justify-content: flex-end;
}
.Header5 .thirdtable-placeholder {
  flex: 1 1 0;
  color: var(--Text-Tertiary, #74777a);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.12px;
}
.Header5 .thirdtable-disabled-text {
  color: var(--Text-Disabled-Type-2, #909296);
}
.Header5 .tableRow {
  display: flex;
  align-items: center;
  background: var(--Neutral-100, white);
}
.Header5 .tableCell5 {
  flex: 1;
  padding: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  max-width: 196px;
  box-sizing: border-box;
}
.Header5 .tableMonthCell5 {
  flex: 1;
  padding: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  max-width: 131px;
  box-sizing: border-box;
  padding-left: 12px;
  padding-right: 8px;
}
.Header5 .tableMonthLabel {
  height: 37px;
  display: flex;
  align-items: center;
  color: var(--Text-Basic, #1c1d1f);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.12px;
}
.Header5 .tableRadioButton {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.Header5 .tableRadioUnchecked {
  width: 24px;
  height: 24px;
  position: relative;
  background: var(--Neutral-700, #74777a);
  border-radius: 50%;
  margin: auto;
}
.Header5 .tableInputField,
.Header5 .tableInputFieldDisabled {
  width: 180px;
  display: flex;
  align-items: flex-start;
}
.Header5 .tableTextField {
  width: 180px;
  min-height: 37px;
  background: var(--Neutral-100, white);
  border: 1px solid var(--Neutral-400, #bfc1c5);
  border-radius: 4px;
  display: flex;
  align-items: center;
  padding-left: 8px;
}
.Header5 .tableTextFieldDisabled {
  width: 180px;
  min-height: 37px;
  background: var(--neutral-stroke-10);
  border: 1px solid var(--Neutral-300, #dfe0e2);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.Header5 .tablePlaceholder {
  color: var(--Text-Tertiary, #74777a);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.12px;
  max-width: 180px;
  padding: 8px;
}
.Header5 .tablePlaceholderDisabled {
  color: var(--Text-Disabled-Type-2, #909296);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.12px;
  width: 180px;
  padding: 8px;
}
.Header5 .tableCell52 {
  flex: 1;
  /* padding: 8px; */
  display: flex;
  /* flex-direction: column; */
  justify-content: center;
  align-items: center;
  gap: 23px;
  /* min-width: 100px; */
  box-sizing: border-box;
  max-width: 180px;
  height: 53px;
  margin-right: 11px;
}
.Header5 .frame1272628224-right4 {
  width: 100%;
  height: 100%;
  padding: 28px 48px 20px 24px;
  background: var(--primary-variant-6);
  /* var(--Text-Alternative, white) fallback */
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.08);
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
}
.Header5 .frame1000003580-right4 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
}
.Header5 .frame1000003574-right4 {
  padding-bottom: 8px;
  border-bottom: 1px solid var(--dark-variant-5);
  /* var(--Neutral-300) */
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.Header5 .registerNewUser-right4 {
  color: var(--primary);
  /* var(--Text-Primary) */
  font-weight: 700;
  line-height: 30px;
  font-size: 20px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
  width: 275px;
}
.Header5 .frame1000003576-right4,
.Header5 .frame1000003577-right4,
.Header5 .frame1000003578-right4 {
  width: 275px;
  border-radius: 4px;
  outline: 1px solid #b5d3f1;
  /* var(--Secondary-&-Info-(BG-&-Stroke)-30%) */
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.Header5 .frame1000003575-right4 {
  align-self: stretch;
  padding: 12px;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.Header5 .registerNewUser-right4 {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: var(--primary);
  /* var(--Text-Primary) */
}
.Header5 .frame1000003231-right4 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.Header5 .row-right4 {
  display: flex;
  padding: 0.5rem 0.75rem;
  align-items: center;
  gap: 0.625rem;
  flex: 1 0 0;
}
.Header5 .frame1000003577-right4 {
  flex: 1 1 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.Header5 .exceeds16Litres-right4,
.Header5 .textValue-right4 {
  color: var(--primary-variant-7);
  /* var(--Text-Basic) */
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.Header5 .wireframe6-buttons-and-input {
  display: flex;
  width: 87px;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
  /* Neutral-400 */
}
.Header5 .wireframe6-button-group {
  color: var(--Text-Primary, #2a3a8d);
  /* Button/Button - Medium */
  font-size: var(--font-size-s-2-b-2, 0.875rem);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-For-Font-Size---14, 1.3125rem);
  /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
  text-transform: capitalize;
}
.Header5 .wireframe6-button {
  min-width: 84px;
  height: 36px;
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  line-height: 21px;
  letter-spacing: 0.12px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: none;
}
.Header5 .wireframe6-button-primary {
  background-color: var(--primary);
  /* Primary-600 */
  color: var(--primary-variant-6);
  /* Text-Alternative */
}
.Header5 .wireframe6-button-tertiary {
  background-color: transparent;
  color: var(--primary);
  /* Text-Primary */
  border: 1px solid transparent;
}
.Header5 .wireframe6-total-row {
  width: 100%;
  background: var(--Neutral-100, white);
  justify-content: flex-start;
  align-items: center;
  display: inline-flex;
}
.Header5 .wireframe6-total-Cell5 {
  align-self: stretch;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}
.Header5 .wireframe6-total-Cell5-fixed {
  width: 131px;
  padding: 8px 8px 8px 12px;
  gap: 16px;
}
.Header5 .wireframe6-total-Cell5-flex1 {
  flex: 1 1 0;
  padding: 8px;
  gap: 12px;
}
.Header5 .wireframe6-total-Cell5-flex2 {
  flex: 1 1 0;
  padding: 8px;
  gap: 12px;
}
.Header5 .wireframe6-total-Cell5-flex3 {
  flex: 1 1 0;
  padding: 8px;
  gap: 12px;
  margin-left: 557px;
}
.Header5 .wireframe6-total-total {
  align-self: stretch;
  height: 37px;
  justify-content: center;
  display: flex;
  flex-direction: column;
  color: var(--Text-Basic, #1c1d1f);
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.Header5 .wireframe6-total-input-field1 {
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
  width: 345px;
}
.Header5 .wireframe6-total-input-field2 {
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
  width: 184px;
}
.Header5 .wireframe6-total-input-field3 {
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
  width: 176px;
}
.Header5 .wireframe6-total-input-fields {
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.Header5 .wireframe6-total-text-field {
  align-self: stretch;
  min-height: 37px;
  padding: 8px 12px;
  background: var(--neutral-stroke-10);
  border-radius: 4px;
  outline: 1px solid var(--Neutral-300, #dfe0e2);
  outline-offset: -1px;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  display: inline-flex;
}
.Header5 .wireframe6-total-placeholder-text {
  flex: 1 1 0;
  color: var(--Text-Disabled-Type-2, #909296);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.Header5 .tableTextField-checkbox {
  width: 180px;
  /* min-height: 37px; */
  background: var(--Neutral-100, white);
  border: 1px solid var(--Neutral-400, #bfc1c5);
  border-radius: 4px;
  display: flex;
  align-items: center;
  padding-left: 8px;
}

.motor-car-final {
  display: flex;
  gap: 8px;
  /* Container for the entire table */
  /* .................................................2nd page........................ */
  /* .motorcar1{
      display: flex;
      gap: 16px;
  } */
  /* Header row */
  /* Each cell in the header */
  /* Override specific widths for the first few columns */
  /* Label (e.g., (a), (b), etc.) */
  /* Description below the label */
  /* .................The css of second page............................. */
  /* Sizes from inline styles */
  /* Text blocks styles */
  /* .................................css of cba........................... */
  /* Columns */
  /* Inputs */
  /* Total Row */
  /* Summary Section */
  /* ................................wireframe3............................................. */
  /* Wrapper container for the buttons */
  /* Group containing both buttons side by side */
  /* Common button base styles */
  /* Primary (Calculate) button */
  /* Tertiary (Reset) button */
  /* ........................wireframe 5 and 6.................. */
  /* Specific widths for each Cell */
  /* Container */
  /* Button row */
  /* Shared button base */
  /* Primary style */
  /* Tertiary style */
  /* Specific widths for each Cell5 */
  /* Container */
  /* Button row */
  /* Shared button base */
  /* Primary style */
  /* Tertiary style */
  /* Specific widths for each Cell6 */
  /* Container */
  /* Button row */
  /* Shared button base */
  /* Primary style */
  /* Tertiary style */
  /* Responsive table wrapper */
  /* Add to your CSS file */
  /* Responsive wrapper for wireframe2 */
  /* Add to your CSS file, e.g., MotorCarFinal.css */
  /* Example: MotorCarFinal.css */
  /* Visually hidden for screen readers only */
  /* Month row header (April, May, June, etc.) */
  /* Only color the input in the last column of each row */
  /* Only color the input in the last column of the total row */
  /* Header styles for table headings only */
  /* Month row header (April, May, etc.) - no background, only color and font */
  /* Only color the input in the last column of each row */
  /* Only color the input in the last column of the total row */
}
.motor-car-final .container-motor-car {
  padding: 24px;
  display: flex;
  flex-direction: column;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-300);
}
.motor-car-final .header40 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
@media (max-width: 746px) {
  .motor-car-final .header40 {
    flex-direction: column;
    align-items: start;
  }
}
.motor-car-final .table tbody {
  background-color: var(--tt-neutral-100);
}
.motor-car-final .title-box40 {
  display: flex;
  align-items: center;
  gap: 12px;
}
.motor-car-final h2 {
  font-size: 24px;
  color: var(--tt-primary);
  margin: 0;
}
.motor-car-final .colACBA-total {
  width: 188px;
  display: flex;
  justify-content: center;
}
.motor-car-final .colBCBA-total {
  width: 107px;
  display: flex;
  justify-content: center;
}
.motor-car-final .motor-car-reset-button {
  width: 100%;
  display: flex;
  justify-content: end;
}
.motor-car-final .icon-button {
  width: 24px;
  height: 24px;
  background-color: #616265;
  color: var(--tt-neutral-100);
  border: none;
  border-radius: 50%;
  font-size: 16px;
  cursor: pointer;
}
.motor-car-final .disclaimer-button {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 8px 16px;
  background: var(--tt-neutral-100);
  color: var(--tt-primary);
  border: 1px solid var(--tt-primary);
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  height: 1.75rem;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-primary);
  background: var(--tt-neutral-100);
}
.motor-car-final .form-card {
  padding: 20px;
  border: 1px solid var(--tt-neutral-300);
  border-radius: 4px;
  background-color: var(--tt-neutral-100);
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.motor-car-final .cell-wireframe3-month {
  width: 89px;
  padding: 12px;
}
.motor-car-final .form-section label {
  font-size: 14px;
  color: var(--tt-text-basic);
  display: block;
  margin-bottom: 8px;
}
.motor-car-final .radio-group {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
  font-size: 12px;
  font-weight: 500;
}
.motor-car-final .radio-group label {
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--tt-text-basic);
  /* Body/B3 (S) - Regular */
  font-size: var(--font-size-s-3-b-3, 0.75rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-For-Font-Size---12, 1.125rem); /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
.motor-car-final .required {
  color: var(--tt-error);
}
.motor-car-final .buttons {
  display: flex;
  gap: 20px;
  justify-content: flex-end;
}
.motor-car-final .calculate-button {
  padding: 8px 16px;
  background-color: var(--tt-primary);
  color: var(--tt-text-basic);
  border: none;
  border-radius: 4px;
  cursor: not-allowed;
}
.motor-car-final .reset-button {
  background: transparent;
  height: 2.25rem;
  padding: 0.5rem 1rem;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  color: var(--tt-primary);
  cursor: pointer;
  border-radius: 4px;
  display: flex;
  border: none;
  align-content: center;
  justify-content: end;
}
.motor-car-final .etds-moter-first-label {
  color: var(--tt-text-basic);
  font-size: var(--font-size-s-3-b-3, 0.75rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-For-Font-Size---12, 1.125rem); /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
.motor-car-final .motor-car-heading {
  color: var(--tt-primary);
  font-size: var(--Font-Size-H3, 1.5rem);
  font-style: normal;
  font-weight: 700;
  line-height: var(--Line-Height-For-Font-Size---24, 2.25rem); /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
.motor-car-final .cell-wireframe-2 {
  width: 122px;
  padding: 26px;
  height: 100%;
}
.motor-car-final .notification-box {
  padding: 12px;
  background: #f3f7fd;
  border: 1px solid var(--secondary-300);
  border-radius: 4px;
  color: #076bcf;
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 16px;
}
.motor-car-final .table {
  width: 100%;
  overflow: auto;
  border: 1px solid var(--tt-neutral-300);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
}
.motor-car-final button:focus-visible {
  outline-offset: 0.125rem;
  box-shadow: unset;
}
.motor-car-final .motorcar1-header {
  width: 100%;
  background: var(--tt-primary-bg-stroke-5);
  display: inline-flex;
  align-items: flex-start;
  justify-content: flex-start;
  /* overflow: hidden; */
  height: 95px;
  width: 100%;
  background: var(--tt-primary-bg-stroke-5);
  display: inline-flex;
  align-items: flex-start;
  justify-content: flex-start;
  /* overflow: hidden; */
  height: 95px;
  overflow-x: auto;
  display: block;
  min-width: 396px;
}
.motor-car-final .calender {
  overflow-x: auto;
  display: block;
  white-space: nowrap;
  width: 396px;
  display: inline-flex;
  align-items: flex-start;
  justify-content: flex-start;
  /* overflow: hidden; */
  /* height: 95px; */
  overflow-x: auto;
  display: block;
  white-space: nowrap;
  width: 100%;
}
.motor-car-final .row-1 {
  display: flex;
  align-items: center;
  background: var(--tt-neutral-100);
  width: 100%;
  align-self: stretch;
  margin-left: 0px;
  margin-right: 0px;
}
.motor-car-final .form-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.55rem;
  align-self: stretch;
  margin-bottom: 16px;
}
.motor-car-final .motorcar1-cell-header-wireframe1 {
  width: 108px;
  height: 80px;
  padding: 12px 8px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  text-align: center;
}
.motor-car-final .motorcar1-cell-header:first-child {
  width: 130px;
}
.motor-car-final .motorcar1-heading {
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.12px;
  color: var(--tt-text-basic);
}
.motor-car-final .motorcar1-subheading {
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.12px;
  color: var(--tt-text-basic);
}
.motor-car-final .header {
  display: flex;
  background-color: var(--tt-primary-bg-stroke-5);
  /* Equivalent to Primary-(BG-&-Stroke)-5% */
}
.motor-car-final .cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  width: 110px;
  /* Default width */
  height: 126px;
  gap: 12px;
  text-align: center;
}
.motor-car-final .cell:first-child {
  width: 76px;
}
.motor-car-final .cell:nth-child(2) {
  width: 114px;
}
.motor-car-final .label {
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.12px;
  color: var(--tt-text-basic);
  /* Text-Basic */
}
.motor-car-final .description {
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.12px;
  color: var(--tt-text-basic);
  /* Text-Basic */
  word-wrap: break-word;
}
.motor-car-final .row {
  display: flex;
  align-items: center;
  background: var(--tt-neutral-100);
  width: 100%;
  align-self: stretch;
  margin-left: 0px;
  margin-right: 0px;
}
.motor-car-final .cell-1 {
  padding: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  min-width: 108px;
  min-width: 108px;
}
.motor-car-final .month-label {
  width: 131px;
  font-size: 14px;
  font-weight: 500;
  color: var(--tt-text-basic);
  line-height: 18px;
}
.motor-car-final .input {
  width: 100%;
  min-height: 37px;
  padding: 8px 12px;
  font-size: 14px;
  color: var(--tt-text-basic);
  border: 1px solid var(--tt-neutral-400);
  border-radius: 4px;
  background: var(--tt-neutral-100);
}
.motor-car-final .input::placeholder {
  color: var(--tt-text-basic);
}
.motor-car-final .input.disabled {
  background: var(--tt-neutral-10);
  border-color: var(--tt-neutral-300);
  color: var(--tt-text-basic);
}
.motor-car-final .result-container {
  height: 100%;
  padding: 28px 18px 20px 14px;
  background: var(--tt-neutral-100);
  /* Card - Drop shadow */
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.motor-car-final .result-header {
  border-bottom: 1px solid var(--tt-neutral-300);
  padding-bottom: 8px;
  display: flex;
  justify-content: center;
}
.motor-car-final .result-title {
  color: var(--tt-primary);
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.12px;
  width: 275px;
}
.motor-car-final .result-card {
  width: 100%;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border: 1px solid var(--tt-secondary-info-30);
}
.motor-car-final .card-label {
  padding: 12px;
  font-size: 14px;
  font-weight: 500;
  color: var(--tt-text-basic);
  line-height: 21px;
  letter-spacing: 0.12px;
}
.motor-car-final .card-value {
  padding: 8px 12px;
  font-size: 20px;
  font-weight: 700;
  color: var(--tt-text-basic);
  line-height: 30px;
  letter-spacing: 0.12px;
}
.motor-car-final .headerSecondTable {
  width: 100%;
  height: 50px;
  background: var(--tt-primary-bg-stroke-5);
  display: inline-flex;
  justify-content: flex-start;
  align-items: flex-end;
  align-content: center;
}
.motor-car-final .cell {
  width: 130px;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  height: 100%;
}
.motor-car-final .label {
  align-self: stretch;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  color: var(--tt-text-basic);
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.12px;
}
.motor-car-final .description {
  align-self: stretch;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  color: var(--tt-text-basic);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.12px;
}
.motor-car-final .row35 {
  display: flex;
  align-items: center;
  background: var(--tt-neutral-100);
  width: 100%;
}
.motor-car-final .cell35 {
  flex: 1;
  padding: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.motor-car-final .label-cell35 {
  width: 131px;
  padding: 8px 8px 8px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.motor-car-final .label-text35 {
  width: 100%;
  height: 37px;
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
  color: var(--tt-text-basic);
  line-height: 18px;
  letter-spacing: 0.12px;
}
.motor-car-final .input-field35 {
  width: 100%;
  height: 37px;
  padding: 8px 12px;
  border: 1px solid var(--tt-neutral-400);
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: var(--tt-text-basic);
  letter-spacing: 0.12px;
  background-color: var(--tt-neutral-100);
  box-sizing: border-box;
}
.motor-car-final .input-field35::placeholder {
  color: var(--tt-text-basic);
}
.motor-car-final .input-field35.disabled35 {
  background-color: var(--tt-neutral-10);
  border: 1px solid var(--tt-neutral-300);
  color: var(--tt-text-basic);
}
.motor-car-final .result-container35 {
  width: 100%;
  height: 100%;
  padding: 28px 18px 20px 14px;
  background: var(--tt-neutral-100);
  /* Card - Drop shadow */
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
}
.motor-car-final .result-content35 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
}
.motor-car-final .result-title-section35 {
  padding-bottom: 8px;
  border-bottom: 1px solid var(--tt-neutral-300);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  justify-content: flex-start;
}
.motor-car-final .result-title35 {
  color: var(--tt-primary);
  /* var(--Text-Primary) */
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.motor-car-final .result-card35 {
  max-width: 275px;
  width: 100%;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-secondary-info-30);
  border-radius: 4px;
  outline: 1px solid var(--tt-secondary-info-30);
  /* var(--Secondary-&-Info-(BG-&-Stroke)-30%) */
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.motor-car-final .result-label-wrapper35 {
  align-self: stretch;
  padding: 12px;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.motor-car-final .result-label35 {
  color: var(--tt-primary);
  /* var(--Text-Primary) */
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.motor-car-final .result-value-wrapper35 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.motor-car-final .result-row35 {
  align-self: stretch;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
}
.motor-car-final .result-value-box35 {
  flex: 1 1 0;
  padding: 8px 12px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.motor-car-final .result-value35 {
  color: var(--tt-text-basic);
  /* var(--Text-Basic) */
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.motor-car-final .Header37 {
  width: 101%;
  height: 70px;
  background: var(--tt-primary-bg-stroke-5);
  /* fallback color */
  justify-content: flex-start;
  align-items: flex-start;
  display: inline-flex;
}
.motor-car-final .Cell37 {
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 12px;
  padding-bottom: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: inline-flex;
}
.motor-car-final .Cell37:nth-child(1) {
  width: 145px;
  align-self: stretch;
}
.motor-car-final .Cell37:nth-child(2) {
  width: 196px;
  height: 100%;
}
.motor-car-final .Cell37:nth-child(3) {
  width: 197px;
  height: 100%;
}
.motor-car-final .Cell37:nth-child(4) {
  width: 172px;
  height: 100%;
}
.motor-car-final .Cell37:nth-child(5) {
  width: 198px;
  height: 100%;
}
.motor-car-final .A37,
.motor-car-final .B37,
.motor-car-final .C37,
.motor-car-final .D37 {
  align-self: stretch;
  text-align: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  color: var(--tt-text-basic);
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.motor-car-final .SalaryOfDriverIfProvided37,
.motor-car-final .RunningAndMaintenanceByEmployer37,
.motor-car-final .AmountRecoveredFromEmployee37,
.motor-car-final .ValueOfPerquisite37 {
  align-self: stretch;
  text-align: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  color: var(--tt-text-basic);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.motor-car-final .result-container38 {
  width: 100%;
  height: 100%;
  padding: 28px 18px 20px 14px;
  background: var(--tt-neutral-100);
  /* Card - Drop shadow */
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
}
.motor-car-final .col-md-3 {
  max-width: 100%;
}
.motor-car-final .result-content38 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
}
.motor-car-final .result-title-section38 {
  padding-bottom: 8px;
  border-bottom: 1px solid var(--tt-neutral-300);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}
.motor-car-final .result-title38 {
  color: var(--tt-primary);
  /* var(--Text-Primary) */
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.motor-car-final .result-card38 {
  width: 100%;
  border-radius: 4px;
  border: 1px solid var(--tt-secondary-info-30);
  /* var(--Secondary-&-Info-(BG-&-Stroke)-30%) */
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.motor-car-final .result-label-wrapper38 {
  align-self: stretch;
  padding: 12px;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.motor-car-final .result-label38 {
  color: var(--tt-text-basic);
  /* var(--Text-Primary) */
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.motor-car-final .result-value-wrapper38 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.motor-car-final .result-row38 {
  align-self: stretch;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
}
.motor-car-final .result-value-box38 {
  flex: 1 1 0;
  padding: 8px 12px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.motor-car-final .result-value38 {
  color: var(--tt-text-basic);
  /* var(--Text-Basic) */
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.motor-car-final .in-page-notification-error {
  padding: 12px;
  background-color: #FBF4F4;
  /* fallback for --Danger-(BG-&-Stroke)-5% */
  border-radius: 4px;
  outline: 1px solid #E88C73;
  /* fallback for --Danger-300 */
  outline-offset: -1px;
  display: inline-flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
}
.motor-car-final .motorcar1-table thead {
  background: var(--tt-primary-bg-stroke-5);
  color: var(--tt-text-basic);
  text-align: center;
  font-size: var(--font-size-s-3-b-3, 0.75rem);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-For-Font-Size---12, 1.125rem); /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
.motor-car-final .motorcar-table .td {
  min-width: 125px;
}
.motor-car-final .motorcar-table .th {
  height: 20px;
  text-align: left;
}
.motor-car-final .motorcar1-table th {
  font-weight: 500;
  font-size: 16px;
  min-width: 120px;
  color: var(--tt-text-basic);
  text-align: center;
  font-size: var(--font-size-s-3-b-3, 0.75rem);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-For-Font-Size---12, 1.125rem);
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
  text-align: center;
}
.motor-car-final .etds-wireframe1 {
  font-weight: 500;
  font-size: 16px;
  min-width: 120px;
  color: var(--tt-text-basic);
  text-align: center;
  font-size: var(--font-size-s-3-b-3, 0.75rem);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-For-Font-Size---12, 1.125rem);
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
.motor-car-final .report-icon-error {
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}
.motor-car-final .icon-layer-error {
  width: 15px;
  height: 15px;
  position: absolute;
  left: 2.5px;
  top: 2.5px;
}
.motor-car-final .icon-fill-error {
  width: 15px;
  height: 15px;
  position: absolute;
  left: 2.5px;
  top: 2.5px;
  background-color: var(--tt-error);
  /* fallback for --Danger-500-(Default) */
}
.motor-car-final .notification-content-error {
  flex: 1 1 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.motor-car-final .alert-text-error {
  flex: 1 1 0;
}
.motor-car-final .alert-label-error {
  background-color: var(--tt-error);
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0.12px;
}
.motor-car-final .alert-message-error {
  color: var(--tt-error);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.12px;
}
.motor-car-final .cell-table-1 {
  width: 130px;
  height: 250px;
  padding: 12px 8px;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
}
.motor-car-final .in-page-notification-error-1 {
  padding: 12px;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-danger-300);
  background: var(--tt-danger-bg-stroke-5);
  outline-offset: -1px;
  display: inline-flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
}
.motor-car-final .report-error-1 {
  width: 20px;
  height: 26px;
  position: relative;
  overflow: hidden;
}
.motor-car-final .icon-layer-error-1 {
  width: 15px;
  height: 15px;
  position: absolute;
  left: 2.5px;
  top: 2.5px;
}
.motor-car-final .icon-fill-error-1 {
  width: 15px;
  height: 15px;
  position: absolute;
  left: 2.5px;
  top: 2.5px;
  background-color: var(--tt-error);
  /* fallback for --Danger-500-(Default) */
}
.motor-car-final .notification-content-error-1 {
  flex: 1 1 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.motor-car-final .alert-text-error-1 {
  flex: 1 1 0;
  word-wrap: break-word;
}
.motor-car-final .alert-label-error-1 {
  color: #B3261D;
  /* --Text-Error */
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0.12px;
}
.motor-car-final .alert-message-error-1 {
  color: var(--tt-error);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.12px;
}
.motor-car-final .result-card-baa {
  width: 100%;
  border-radius: 4px;
  outline: 1px solid #B5D3F1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 24px;
}
.motor-car-final .motorcarCBA {
  display: flex;
}
.motor-car-final .leftBoxCBA {
  /* width: 944px; */
  margin-left: 8px;
  overflow-x: auto;
  display: block;
  width: 100%;
  scrollbar-width: none;
}
.motor-car-final .etds-row-motor-car {
  display: flex;
  max-width: 100%;
  width: 100%;
}
@media (max-width: 747px) {
  .motor-car-final .etds-row-motor-car {
    flex-direction: column;
  }
}
.motor-car-final .headerCBA {
  width: 895px;
  background: var(--tt-primary-bg-stroke-5);
  overflow: hidden;
  display: inline-flex;
  justify-content: flex-start;
  align-items: flex-start;
  height: 134px;
}
.motor-car-final .rowCBA {
  /* background: var(--Neutral-100, #fff); */
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 8px;
  gap: 8px;
  width: 890px;
}
.motor-car-final .cellCBA {
  height: 126px;
  padding: 12px 8px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  width: 125px;
}
.motor-car-final .labelCBA,
.motor-car-final .textCBA {
  text-align: center;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.12px;
}
.motor-car-final .labelCBA {
  font-weight: 700;
  color: var(--Text-Basic, #1C1D1F);
}
.motor-car-final .textCBA {
  font-weight: 500;
  color: var(--tt-text-basic);
}
.motor-car-final .colBlankCBA {
  width: 97px;
  display: flex;
  justify-content: center;
}
.motor-car-final .colACBA {
  max-width: 94px;
  display: flex;
  justify-content: center;
}
.motor-car-final .colBCBA {
  max-width: 107px;
  display: flex;
  justify-content: center;
}
.motor-car-final .colCCBA {
  display: flex;
  justify-content: center;
}
.motor-car-final .inputCCBA,
.motor-car-final .inputDCBA,
.motor-car-final .inputECBA,
.motor-car-final .inputFCBA,
.motor-car-final .inputGCBA {
  min-height: 20px;
  width: 113px;
  padding: 8px 12px;
  border-radius: 4px;
  border: 1px solid var(--tt-neutral-400);
  font-size: 14px;
  line-height: 21px;
  color: var(--tt-text-basic);
  display: flex;
  background: var(--tt-neutral-100);
}
.motor-car-final .radioCell5 {
  width: 20px;
  height: 20px;
}
.motor-car-final .rowTotalCBA {
  width: 915px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  background: var(--Neutral-100, white);
  /* height: 100%; */
  gap: 8px;
  margin-top: 8px;
}
.motor-car-final .colTotalTitleCBA {
  width: 44px;
  padding-left: 12px;
  padding-right: 8px;
  gap: 16px;
  flex: none;
  display: flex;
  justify-content: center;
}
.motor-car-final .totalLabelCBA {
  height: 37px;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--Text-Basic, #1C1D1F);
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.12px;
}
.motor-car-final .inputCBA {
  width: 121px;
  min-height: 37px;
  padding: 8px 12px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.12px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  box-sizing: border-box;
}
.motor-car-final .inputCBA.disabledCBA {
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-300);
  background: var(--tt-neutral-10);
  cursor: not-allowed;
}
.motor-car-final .inputCBA.disabledCBA-1 {
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-300);
  background: var(--tt-neutral-10);
  cursor: not-allowed;
  height: 37px;
  width: 200px;
}
.motor-car-final .col-total-aCBA,
.motor-car-final .col-total-bCBA,
.motor-car-final .col-total-cCBA,
.motor-car-final .col-total-dCBA,
.motor-car-final .col-total-eCBA,
.motor-car-final .col-total-fCBA {
  display: inline-block;
  padding: 8px;
  margin: 4px;
  vertical-align: top;
}
.motor-car-final .colTotalACBA {
  width: 195px;
}
.motor-car-final .colTotalBCBA,
.motor-car-final .colTotalCCBA,
.motor-car-final .colTotalDCBA,
.motor-car-final .colTotalECBA,
.motor-car-final .colTotalFCBA {
  width: 124px;
}
.motor-car-final .summaryContainerCBA {
  width: 100%;
  padding: 28px 48px 20px 24px;
  border-radius: 6px;
  background: var(--neutral-100);
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-left: 16px;
}
.motor-car-final .summaryContentCBA {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.motor-car-final .summaryHeaderCBA {
  padding-bottom: 8px;
  border-bottom: 1px solid var(--tt-neutral-300);
}
.motor-car-final .summaryTitleCBA {
  font-size: 20px;
  font-weight: 700;
  color: var(--tt-primary);
  line-height: 30px;
  letter-spacing: 0.12px;
}
.motor-car-final .summaryCardCBA {
  width: 100%;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-secondary-info-30);
}
.motor-car-final .summaryLabelCBA {
  padding: 12px;
  font-size: 14px;
  font-weight: 500;
  color: var(--tt-text-basic);
  line-height: 21px;
  letter-spacing: 0.12px;
}
.motor-car-final .summaryValueCBA {
  padding: 8px 12px;
  font-size: 20px;
  font-weight: 700;
  color: var(--tt-text-basic);
  line-height: 30px;
  letter-spacing: 0.12px;
}
.motor-car-final .motoecar3-calendar-container {
  width: 100%;
}
.motor-car-final .motoecar3-row {
  width: 100%;
  background: var(--tt-neutral-100);
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
}
.motor-car-final .motoecar3-cell {
  align-self: stretch;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 8px;
  gap: 12px;
  flex: 1 1 0;
}
.motor-car-final .motoecar3-month-cell {
  width: 131px;
  padding-left: 12px;
  padding-right: 8px;
  gap: 16px;
  flex: none;
}
.motor-car-final .motoecar3-month-label {
  align-self: stretch;
  height: 37px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--tt-text-basic);
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.motor-car-final .motoecar3-total-label {
  font-weight: 700;
}
.motor-car-final .motoecar3-input-field {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: flex-start;
  align-items: flex-start;
}
.motor-car-final .motoecar3-input-fields {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  justify-content: flex-start;
  align-items: flex-start;
}
.motor-car-final .motoecar3-text-field {
  align-self: stretch;
  min-height: 37px;
  padding: 8px 12px;
  background: var(--tt-neutral-100);
  border-radius: 4px;
  outline: 1px solid var(--tt-neutral-400);
  outline-offset: -1px;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.motor-car-final .motoecar3-placeholder-text {
  flex: 1 1 0;
  color: var(--tt-neutral-700);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.motor-car-final .motoecar3-input-field.disabled .motoecar3-text-field,
.motor-car-final .motoecar3-text-field.disabled {
  background: var(--tt-primary-bg-stroke-5);
  /* Corrected variable name */
  outline: 1px solid var(--tt-neutral-300);
  justify-content: flex-end;
}
.motor-car-final .motoecar3-placeholder-text.disabled {
  color: var(--tt-text-disabled-type-2);
}
.motor-car-final .motoecar3-buttons-and-input {
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
}
.motor-car-final .motoecar3-button-group {
  display: inline-flex;
  justify-content: end;
  align-items: center;
  gap: 20px;
}
.motor-car-final .motoecar3-button {
  min-width: 84px;
  height: 36px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0.12px;
  text-transform: capitalize;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  display: flex;
  justify-content: end;
}
.motor-car-final .motoecar3-button-primary {
  background-color: var(--tt-primary);
  color: var(--tt-neutral-100);
  border: none;
}
.motor-car-final .motoecar3-button-primary:hover {
  background-color: var(--tt-primary);
}
.motor-car-final .motoecar3-button-tertiary {
  background-color: var(--tt-neutral-100);
  border: none;
  color: var(--tt-primary);
}
.motor-car-final .motoecar3-button-tertiary:hover {
  background-color: var(--tt-neutral-100);
  background-color: var(--tt-primary);
  background-color: var(--tt-primary);
}
.motor-car-final .radio {
  cursor: var(--link-cursor, pointer);
  height: 20px;
  width: 20px;
}
.motor-car-final input.motoecar3-input {
  height: 31px;
}
.motor-car-final .motorcar3-container {
  width: 102%;
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: var(--tt-neutral-100);
}
.motor-car-final .motorcar3-row {
  display: flex;
  align-items: center;
}
.motor-car-final .motorcar3-cell {
  flex: 1;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.motor-car-final .motorcar3-month-cell {
  max-width: 95px;
  padding: 8px 8px 8px 12px;
  justify-content: start;
}
.motor-car-final .motorcar3-month-label {
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  color: var(--tt-text-basic);
}
.motor-car-final .motorcar3-total-label {
  font-weight: 700;
}
.motor-car-final .motorcar3-input {
  width: 100%;
  padding: 8px 12px;
  font-size: 14px;
  border-radius: 4px;
  border: 1px solid var(--tt-neutral-400);
  background: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}
.motor-car-final .motorcar3-input.disabled {
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-neutral-300);
  color: var(--tt-neutral-900);
  text-align: left;
}
.motor-car-final .motorcar3-total-row {
  font-weight: 600;
}
.motor-car-final .motorcar3-total-input {
  width: 100%;
  padding: 8px 12px;
  font-size: 14px;
  border-radius: 4px;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-neutral-300);
  color: var(--tt-neutral-900);
  text-align: left;
}
.motor-car-final .Header {
  max-width: 915px;
  height: 100%;
  background: var(--tt-neutral-100);
  overflow: hidden;
  justify-content: flex-start;
  align-items: flex-start;
  display: inline-flex;
}
.motor-car-final .Cell {
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: inline-flex;
}
.motor-car-final .colACBA-radio {
  width: 97px;
  display: flex;
}
.motor-car-final .colBCBA-radio {
  display: flex;
  width: 94px;
}
.motor-car-final .Cell:nth-child(1) {
  width: 130px;
}
.motor-car-final .Cell:nth-child(2) {
  width: 196px;
}
.motor-car-final .Cell:nth-child(3) {
  width: 197px;
}
.motor-car-final .Cell:nth-child(4) {
  width: 194px;
}
.motor-car-final .Cell:nth-child(5) {
  width: 198px;
}
.motor-car-final .Label {
  align-self: stretch;
  text-align: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  color: var(--tt-text-basic);
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.motor-car-final .Description {
  align-self: stretch;
  text-align: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  color: var(--tt-text-basic);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.motor-car-final .thirdtable-row {
  width: 100%;
  background: var(--tt-neutral-100);
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
}
.motor-car-final .thirdtable-cell {
  align-self: stretch;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 8px;
  gap: 12px;
}
.motor-car-final .thirdtable-month-cell {
  width: 131px;
  padding-left: 12px;
  padding-right: 8px;
  gap: 16px;
}
.motor-car-final .thirdtable-month-label {
  align-self: stretch;
  height: 37px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--tt-text-basic);
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.12px;
}
.motor-car-final .thirdtable-radio-cell {
  flex: 1 1 0;
}
.motor-car-final .thirdtable-radio-button {
  width: 24px;
  height: 24px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.motor-car-final .thirdtable-radio-outer {
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}
.motor-car-final .thirdtable-radio-inner {
  width: 20px;
  height: 20px;
  background: var(--tt-neutral-700);
  position: absolute;
  top: 2px;
  left: 2px;
}
.motor-car-final .thirdtable-input-cell {
  flex: 1 1 0;
  width: 100%;
}
.motor-car-final .thirdtable-input-field {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
}
.motor-car-final .thirdtable-text-field {
  align-self: stretch;
  min-height: 37px;
  padding: 8px 12px;
  background: var(--tt-text-basic);
  border-radius: 4px;
  outline: 1px solid var(--tt-neutral-400);
  outline-offset: -1px;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.motor-car-final .thirdtable-disabled .thirdtable-text-field {
  background: var(--tt-neutral-10);
  outline: 1px solid var(--tt-neutral-300);
  justify-content: flex-end;
}
.motor-car-final .thirdtable-placeholder {
  flex: 1 1 0;
  color: var(--tt-neutral-700);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.12px;
}
.motor-car-final .thirdtable-disabled-text {
  color: var(--tt-neutral-700);
}
.motor-car-final .tableRow {
  display: flex;
  align-items: center;
  background: var(--tt-neutral-100);
}
.motor-car-final .tableCell {
  flex: 1;
  padding: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  max-width: 196px;
  box-sizing: border-box;
}
.motor-car-final .tableMonthCell {
  flex: 1;
  padding: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  max-width: 131px;
  box-sizing: border-box;
  padding-left: 12px;
  padding-right: 8px;
}
.motor-car-final .tableMonthLabel {
  height: 37px;
  display: flex;
  align-items: center;
  color: var(--tt-text-basic);
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.12px;
}
.motor-car-final .tableRadioButton {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.motor-car-final .tableRadioUnchecked {
  width: 24px;
  height: 24px;
  position: relative;
  background: var(--tt-neutral-700);
  border-radius: 50%;
  margin: auto;
}
.motor-car-final .tableInputField,
.motor-car-final .tableInputFieldDisabled {
  width: 180px;
  display: flex;
  align-items: flex-start;
}
.motor-car-final .tableTextField {
  width: 180px;
  min-height: 37px;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-neutral-400);
  border-radius: 4px;
  display: flex;
  align-items: center;
  padding-left: 8px;
}
.motor-car-final .tableTextFieldDisabled {
  width: 180px;
  min-height: 37px;
  background: var(--tt-primary-bg-stroke-5);
  border: 1px solid var(--tt-neutral-300);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.motor-car-final .tablePlaceholder {
  color: var(--tt-neutral-700);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.12px;
  max-width: 180px;
  padding: 8px;
}
.motor-car-final .tablePlaceholderDisabled {
  color: var(--tt-neutral-700);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.12px;
  width: 180px;
  padding: 8px;
}
.motor-car-final .tableCell2 {
  flex: 1;
  /* padding: 8px; */
  display: flex;
  /* flex-direction: column; */
  justify-content: center;
  align-items: center;
  gap: 23px;
  /* min-width: 100px; */
  box-sizing: border-box;
  max-width: 180px;
  height: 53px;
  margin-right: 11px;
}
.motor-car-final .frame1272628224-right4 {
  width: 100%;
  height: 100%;
  padding: 28px 48px 20px 24px;
  background: var(--tt-neutral-100);
  /* var(--Text-Alternative, white) fallback */
  box-shadow: var(--tt-neutral-1200);
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
}
.motor-car-final .frame1000003580-right4 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
}
.motor-car-final .frame1000003574-right4 {
  padding-bottom: 8px;
  border-bottom: 1px solid var(--tt-neutral-300);
  /* var(--Neutral-300) */
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.motor-car-final .registerNewUser-right4 {
  /* var(--Text-Primary) */
  font-weight: 700;
  line-height: 30px;
  font-size: 20px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
  width: 275px;
}
.motor-car-final .frame1000003576-right4,
.motor-car-final .frame1000003577-right4,
.motor-car-final .frame1000003578-right4 {
  width: 100%;
  border-radius: 4px;
  outline: 1px solid var(--tt-secondary-info-30);
  /* var(--Secondary-&-Info-(BG-&-Stroke)-30%) */
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.motor-car-final .frame1000003575-right4 {
  align-self: stretch;
  padding: 12px;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.motor-car-final .registerNewUser-right4 {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: var(--tt-text-basic);
  /* var(--Text-Primary) */
}
.motor-car-final .frame1000003231-right4 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.motor-car-final .row-right4 {
  align-self: stretch;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
}
.motor-car-final .frame1000003577-right4 {
  flex: 1 1 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.motor-car-final .exceeds16Litres-right4,
.motor-car-final .textValue-right4 {
  color: var(--tt-text-basic);
  /* var(--Text-Basic) */
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.motor-car-final .wireframe6-buttons-and-input {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  background-color: var(--tt-neutral-100);
}
.motor-car-final .wireframe6-button-group {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
}
.motor-car-final .wireframe6-button {
  min-width: 84px;
  height: 36px;
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  line-height: 21px;
  letter-spacing: 0.12px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: none;
}
.motor-car-final .wireframe6-button-primary {
  background-color: var(--tt-primary);
  /* Primary-600 */
  color: var(--tt-neutral-100);
  /* Text-Alternative */
}
.motor-car-final .wireframe6-button-tertiary {
  background-color: transparent;
  color: var(--tt-primary);
  /* Text-Primary */
}
.motor-car-final .wireframe6-total-row {
  width: 100%;
  background: var(--tt-neutral-100);
  justify-content: flex-start;
  align-items: center;
  display: inline-flex;
}
.motor-car-final .wireframe6-total-cell {
  align-self: stretch;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}
.motor-car-final .wireframe6-total-cell-fixed {
  width: 131px;
  padding: 8px 8px 8px 12px;
  gap: 16px;
}
.motor-car-final .wireframe6-total-cell-flex1 {
  flex: 1 1 0;
  padding: 8px;
  gap: 12px;
}
.motor-car-final .wireframe6-total-cell-flex2 {
  flex: 1 1 0;
  padding: 8px;
  gap: 12px;
}
.motor-car-final .wireframe6-total-cell-flex3 {
  flex: 1 1 0;
  padding: 8px;
  gap: 12px;
  margin-left: 557px;
}
.motor-car-final .wireframe6-total-total {
  align-self: stretch;
  height: 37px;
  justify-content: center;
  display: flex;
  flex-direction: column;
  color: var(--tt-text-basic);
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.motor-car-final .wireframe6-total-input-field1 {
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
  width: 345px;
}
.motor-car-final .wireframe6-total-input-field2 {
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
  width: 184px;
}
.motor-car-final .wireframe6-total-input-field3 {
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
  width: 184px;
}
.motor-car-final .wireframe6-total-input-fields {
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.motor-car-final .wireframe6-total-text-field {
  align-self: stretch;
  min-height: 37px;
  padding: 8px 12px;
  background: var(--tt-neutral-10);
  border-radius: 4px;
  outline: 1px solid var(--tt-neutral-300);
  outline-offset: -1px;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  display: inline-flex;
}
.motor-car-final .wireframe6-total-placeholder-text {
  flex: 1 1 0;
  color: var(--tt-neutral-700);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.motor-car-final .motor-car-note-foote {
  align-self: stretch;
  color: var(--tt-secondary);
  /* Body/B2 (M) - Regular */
  font-size: var(--font-size-s-2-b-2, 0.875rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-For-Font-Size---14, 1.3125rem);
  /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
.motor-car-final .motor-car-note {
  display: flex;
  padding: 0.75rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-secondary-info-300);
  background: var(--tt-secondary-info-bg5);
}
.motor-car-final .motor-car-note-content {
  color: var(--tt-secondary);
  /* Subheading/S2 (M) - Bold */
  font-size: var(--font-size-s-2-b-2, 0.875rem);
  font-style: normal;
  font-weight: 700;
  line-height: var(--Line-Height-For-Font-Size---14, 1.3125rem);
  /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
  align-self: stretch;
}
.motor-car-final .motor-car-top-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  background: var(--tt-secondary-info-bg2);
}
.motor-car-final .result-card-top {
  display: flex;
  width: 17.1875rem;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-400);
  gap: 0.625rem;
  flex: 1 0 0;
}
.motor-car-final .text-danger {
  color: var(--tt-error);
}
.motor-car-final .card-label-top {
  display: flex;
  padding: 0.75rem;
  align-items: center;
  gap: 0.625rem;
  align-self: stretch;
  border-radius: 0.25rem 0.25rem 0 0;
  background: var(--tt-neutral-300);
}
.motor-car-final .monthCBA {
  color: var(--tt-text-basic);
  font-size: var(--font-size-s-3-b-3, 1rem);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-For-Font-Size---12, 1.125rem);
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
.motor-car-final .motor-car-note-footer {
  align-self: stretch;
  color: var(--tt-secondary);
  /* Body/B2 (M) - Regular */
  font-size: var(--font-size-s-2-b-2, 0.875rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-For-Font-Size---14, 1.3125rem);
  /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
.motor-car-final .radio-button-size {
  width: 20px;
  height: 20px;
  accent-color: var(--tt-primary);
}
.motor-car-final .Header5 {
  max-width: 895px;
  background: var(--tt-neutral-700);
  overflow: hidden;
  justify-content: flex-start;
  align-items: flex-start;
  display: inline-flex;
}
.motor-car-final .Cell5 {
  align-self: stretch;
  padding: 12px 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: inline-flex;
}
.motor-car-final .Cell5:nth-child(1) {
  width: 130px;
}
.motor-car-final .Cell5:nth-child(2) {
  width: 196px;
}
.motor-car-final .Cell5:nth-child(3) {
  width: 197px;
}
.motor-car-final .Cell5:nth-child(4) {
  width: 194px;
}
.motor-car-final .Cell5:nth-child(5) {
  width: 198px;
}
.motor-car-final .Label {
  align-self: stretch;
  text-align: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  color: var(--tt-text-basic);
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.motor-car-final .Description {
  align-self: stretch;
  text-align: center;
  justify-content: center;
  display: flex;
  flex-direction: row;
  color: var(--Text-Basic);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.motor-car-final .thirdtable-row {
  width: 100%;
  height: 100%;
  background: var(--tt-neutral-100);
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
}
.motor-car-final .thirdtable-Cell5 {
  align-self: stretch;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 8px;
  gap: 12px;
}
.motor-car-final .thirdtable-month-Cell5 {
  width: 131px;
  padding-left: 12px;
  padding-right: 8px;
  gap: 16px;
}
.motor-car-final .thirdtable-month-label {
  align-self: stretch;
  height: 37px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--tt-text-basic);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.12px;
}
.motor-car-final .thirdtable-radio-Cell5 {
  flex: 1 1 0;
}
.motor-car-final .thirdtable-radio-button {
  width: 24px;
  height: 24px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.motor-car-final .thirdtable-radio-outer {
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}
.motor-car-final .thirdtable-radio-inner {
  width: 20px;
  height: 20px;
  background: var(--tt-neutral-700);
  position: absolute;
  top: 2px;
  left: 2px;
}
.motor-car-final .thirdtable-input-Cell5 {
  flex: 1 1 0;
  width: 100%;
}
.motor-car-final .thirdtable-input-field {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
}
.motor-car-final .thirdtable-text-field {
  align-self: stretch;
  min-height: 37px;
  padding: 8px 12px;
  background: var(--tt-neutral-100);
  border-radius: 4px;
  outline: 1px solid var(--tt-neutral-400);
  outline-offset: -1px;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.motor-car-final .thirdtable-disabled .thirdtable-text-field {
  background: var(--Neutral-BG-Stroke-10, #F6F7F7);
  outline: 1px solid var(--Neutral-300, #DFE0E2);
  justify-content: flex-end;
}
.motor-car-final .thirdtable-placeholder {
  flex: 1 1 0;
  color: var(--Text-Tertiary, #74777A);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.12px;
}
.motor-car-final .thirdtable-disabled-text {
  color: var(--Text-Disabled-Type-2, #909296);
}
.motor-car-final .tableRow {
  display: flex;
  align-items: center;
  background: var(--Neutral-100, white);
}
.motor-car-final .tableCell5 {
  flex: 1;
  padding: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  max-width: 196px;
  box-sizing: border-box;
}
.motor-car-final .tableMonthCell5 {
  flex: 1;
  padding: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  max-width: 131px;
  box-sizing: border-box;
  padding-left: 12px;
  padding-right: 8px;
}
.motor-car-final .tableMonthLabel {
  height: 37px;
  display: flex;
  align-items: center;
  color: var(--Text-Basic, #1C1D1F);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.12px;
}
.motor-car-final .tableRadioButton {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.motor-car-final .tableRadioUnchecked {
  width: 24px;
  height: 24px;
  position: relative;
  background: var(--Neutral-700, #74777A);
  border-radius: 50%;
  margin: auto;
}
.motor-car-final .tableInputField,
.motor-car-final .tableInputFieldDisabled {
  width: 180px;
  display: flex;
  align-items: flex-start;
}
.motor-car-final .tableTextField {
  width: 180px;
  min-height: 37px;
  background: var(--Neutral-100, white);
  border: 1px solid var(--Neutral-400, #BFC1C5);
  border-radius: 4px;
  display: flex;
  align-items: center;
  padding-left: 8px;
}
.motor-car-final .tableTextFieldDisabled {
  width: 180px;
  min-height: 37px;
  background: #F6F7F7;
  border: 1px solid var(--Neutral-300, #DFE0E2);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.motor-car-final .tablePlaceholder {
  color: var(--Text-Tertiary, #74777A);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.12px;
  max-width: 180px;
  padding: 8px;
}
.motor-car-final .tablePlaceholderDisabled {
  color: var(--Text-Disabled-Type-2, #909296);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.12px;
  width: 180px;
  padding: 8px;
}
.motor-car-final .tableCell52 {
  flex: 1;
  /* padding: 8px; */
  display: flex;
  /* flex-direction: column; */
  justify-content: center;
  align-items: center;
  gap: 23px;
  /* min-width: 100px; */
  box-sizing: border-box;
  max-width: 180px;
  height: 53px;
}
.motor-car-final .frame1272628224-right4 {
  width: 100%;
  height: 100%;
  padding: 28px 48px 20px 24px;
  background: white;
  /* var(--Text-Alternative, white) fallback */
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.08);
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
}
.motor-car-final .frame1000003580-right4 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
}
.motor-car-final .frame1000003574-right4 {
  padding-bottom: 8px;
  border-bottom: 1px solid #DFE0E2;
  /* var(--Neutral-300) */
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.motor-car-final .registerNewUser-right4 {
  color: var(--tt-text-basic);
  /* var(--Text-Primary) */
  font-weight: 700;
  line-height: 30px;
  font-size: 20px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
  width: 275px;
}
.motor-car-final .frame1000003576-right4,
.motor-car-final .frame1000003577-right4,
.motor-car-final .frame1000003578-right4 {
  width: 100%;
  border-radius: 4px;
  outline: 1px solid #B5D3F1;
  /* var(--Secondary-&-Info-(BG-&-Stroke)-30%) */
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.motor-car-final .frame1000003575-right4 {
  align-self: stretch;
  padding: 12px;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.motor-car-final .registerNewUser-right4 {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: var(--tt-text-basic);
  /* var(--Text-Primary) */
}
.motor-car-final .frame1000003231-right4 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.motor-car-final .row-right4 {
  display: flex;
  padding: 0.5rem 0.75rem;
  align-items: center;
  gap: 0.625rem;
  flex: 1 0 0;
}
.motor-car-final .frame1000003577-right4 {
  flex: 1 1 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.motor-car-final .exceeds16Litres-right4,
.motor-car-final .textValue-right4 {
  color: #1C1D1F;
  /* var(--Text-Basic) */
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.motor-car-final .wireframe6-buttons-and-input {
  display: flex;
  width: 87px;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
  /* Neutral-400 */
  width: 100%;
}
.motor-car-final .wireframe6-button-group {
  color: var(--Text-Primary, #2A3A8D);
  /* Button/Button - Medium */
  font-size: var(--font-size-s-2-b-2, 0.875rem);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-For-Font-Size---14, 1.3125rem);
  /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
  text-transform: capitalize;
}
.motor-car-final .wireframe6-button {
  min-width: 84px;
  height: 36px;
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  line-height: 21px;
  letter-spacing: 0.12px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: none;
}
.motor-car-final .wireframe6-button-primary {
  background-color: #2A3A8D;
  /* Primary-600 */
  color: white;
  /* Text-Alternative */
}
.motor-car-final .wireframe6-button-tertiary {
  background-color: transparent;
  color: #2A3A8D;
  /* Text-Primary */
  border: none;
}
.motor-car-final .wireframe6-total-row {
  width: 100%;
  background: var(--Neutral-100, white);
  justify-content: flex-start;
  align-items: center;
  display: inline-flex;
}
.motor-car-final .wireframe6-total-Cell5 {
  align-self: stretch;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}
.motor-car-final .wireframe6-total-Cell5-fixed {
  width: 131px;
  padding: 8px 8px 8px 12px;
  gap: 16px;
}
.motor-car-final .wireframe6-total-Cell5-flex1 {
  flex: 1 1 0;
  padding: 8px;
  gap: 12px;
}
.motor-car-final .wireframe6-total-Cell5-flex2 {
  flex: 1 1 0;
  padding: 8px;
  gap: 12px;
}
.motor-car-final .wireframe6-total-Cell5-flex3 {
  flex: 1 1 0;
  padding: 8px;
  gap: 12px;
  margin-left: 557px;
}
.motor-car-final .wireframe6-total-total {
  align-self: stretch;
  height: 37px;
  justify-content: center;
  display: flex;
  flex-direction: column;
  color: var(--Text-Basic, #1C1D1F);
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.motor-car-final .wireframe6-total-input-field1 {
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
  width: 345px;
}
.motor-car-final .wireframe6-total-input-field2 {
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
  width: 184px;
}
.motor-car-final .wireframe6-total-input-field3 {
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
  width: 184;
}
.motor-car-final .wireframe6-total-input-fields {
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.motor-car-final .wireframe6-total-text-field {
  align-self: stretch;
  min-height: 37px;
  padding: 8px 12px;
  background: #F6F7F7;
  border-radius: 4px;
  outline: 1px solid var(--Neutral-300, #DFE0E2);
  outline-offset: -1px;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  display: inline-flex;
}
.motor-car-final .wireframe6-total-placeholder-text {
  flex: 1 1 0;
  color: var(--Text-Disabled-Type-2, #909296);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.motor-car-final .tableTextField-checkbox {
  width: 180px;
  min-height: 20px;
  background: var(--Neutral-100, white);
  border: 1px solid var(--Neutral-400, #BFC1C5);
  border-radius: 4px;
  display: flex;
  align-items: center;
  padding-left: 8px;
}
.motor-car-final .Header6 {
  width: 896px;
  background: #F4F5F9;
  overflow: hidden;
  justify-content: flex-start;
  align-items: flex-start;
  display: inline-flex;
}
.motor-car-final .cell-wireframe6-month {
  width: 83px;
  padding: 12px;
}
.motor-car-final .Cell6 {
  align-self: stretch;
  padding: 12px 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: inline-flex;
}
.motor-car-final .Cell6:nth-child(1) {
  width: 130px;
}
.motor-car-final .Cell6:nth-child(2) {
  width: 196px;
}
.motor-car-final .Cell6:nth-child(3) {
  width: 197px;
}
.motor-car-final .Cell6:nth-child(4) {
  width: 194px;
}
.motor-car-final .Cell6:nth-child(5) {
  width: 198px;
}
.motor-car-final .Label {
  align-self: stretch;
  text-align: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  color: var(--Text-Basic, #1C1D1F);
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.motor-car-final .Description {
  align-self: stretch;
  text-align: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  color: var(--Text-Basic, #1C1D1F);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.motor-car-final .thirdtable-row {
  width: 100%;
  background: var(--Neutral-100, white);
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
}
.motor-car-final .thirdtable-Cell6 {
  align-self: stretch;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 8px;
  gap: 12px;
}
.motor-car-final .thirdtable-month-Cell6 {
  width: 131px;
  padding-left: 12px;
  padding-right: 8px;
  gap: 16px;
}
.motor-car-final .thirdtable-month-label {
  align-self: stretch;
  height: 37px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--Text-Basic, #1C1D1F);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.12px;
}
.motor-car-final .thirdtable-radio-Cell6 {
  flex: 1 1 0;
}
.motor-car-final .thirdtable-radio-button {
  width: 24px;
  height: 24px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.motor-car-final .thirdtable-radio-outer {
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}
.motor-car-final .thirdtable-radio-inner {
  width: 20px;
  height: 20px;
  background: var(--Neutral-700, #74777A);
  position: absolute;
  top: 2px;
  left: 2px;
}
.motor-car-final .thirdtable-input-Cell6 {
  flex: 1 1 0;
  width: 100%;
}
.motor-car-final .thirdtable-input-field {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
}
.motor-car-final .thirdtable-text-field {
  align-self: stretch;
  min-height: 37px;
  padding: 8px 12px;
  background: var(--Neutral-100, white);
  border-radius: 4px;
  outline: 1px solid var(--Neutral-400, #BFC1C5);
  outline-offset: -1px;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.motor-car-final .thirdtable-disabled .thirdtable-text-field {
  background: var(--Neutral-BG-Stroke-10, #F6F7F7);
  outline: 1px solid var(--Neutral-300, #DFE0E2);
  justify-content: flex-end;
}
.motor-car-final .thirdtable-placeholder {
  flex: 1 1 0;
  color: var(--Text-Tertiary, #74777A);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.12px;
}
.motor-car-final .thirdtable-disabled-text {
  color: var(--Text-Disabled-Type-2, #909296);
}
.motor-car-final .tableRow {
  display: flex;
  align-items: center;
  background: var(--Neutral-100, white);
}
.motor-car-final .tableCell6 {
  flex: 1;
  padding: 8px;
  display: flex;
  justify-content: unset;
  align-items: center;
  gap: 12px;
  max-width: 196px;
  box-sizing: border-box;
}
.motor-car-final .tableMonthCell6 {
  flex: 1;
  padding: 8px;
  display: flex;
  /* flex-direction: column; */
  align-items: center;
  gap: 16px;
  max-width: 131px;
  box-sizing: border-box;
  padding-left: 12px;
  padding-right: 8px;
}
.motor-car-final .tableMonthLabel {
  height: 37px;
  display: flex;
  align-items: center;
  color: var(--Text-Basic, #1C1D1F);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.12px;
}
.motor-car-final .tableRadioButton {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.motor-car-final .tableRadioUnchecked {
  width: 24px;
  height: 24px;
  position: relative;
  background: var(--Neutral-700, #74777A);
  border-radius: 50%;
  margin: auto;
}
.motor-car-final .tableInputField,
.motor-car-final .tableInputFieldDisabled {
  width: 180px;
  display: flex;
  align-items: flex-start;
}
.motor-car-final .tableTextField {
  width: 180px;
  min-height: 37px;
  background: var(--Neutral-100, white);
  border: 1px solid var(--Neutral-400, #BFC1C5);
  border-radius: 4px;
  display: flex;
  align-items: center;
  padding-left: 8px;
}
.motor-car-final .tableTextFieldDisabled {
  width: 180px;
  min-height: 37px;
  background: #F6F7F7;
  border: 1px solid var(--Neutral-300, #DFE0E2);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.motor-car-final .tablePlaceholder {
  color: var(--Text-Tertiary, #74777A);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.12px;
  max-width: 180px;
  padding: 8px;
}
.motor-car-final .tablePlaceholderDisabled {
  color: var(--Text-Disabled-Type-2, #909296);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.12px;
  width: 180px;
  padding: 8px;
}
.motor-car-final .tableCell62 {
  flex: 1;
  /* padding: 8px; */
  display: flex;
  /* flex-direction: column; */
  justify-content: center;
  align-items: center;
  gap: 23px;
  /* min-width: 100px; */
  box-sizing: border-box;
  max-width: 180px;
  height: 53px;
  margin-right: 11px;
}
.motor-car-final .frame1272628224-right4 {
  width: 100%;
  height: 100%;
  padding: 28px 48px 20px 24px;
  background: white;
  /* var(--Text-Alternative, white) fallback */
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.08);
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
}
.motor-car-final .frame1000003580-right4 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
}
.motor-car-final .frame1000003574-right4 {
  padding-bottom: 8px;
  border-bottom: 1px solid #DFE0E2;
  /* var(--Neutral-300) */
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: var(--tt-primary);
  /* Heading/H4 (S) - Bold */
  font-size: var(--Font-Size-H4, 1.25rem);
  font-style: normal;
  font-weight: 700;
  line-height: var(--Line-Height-For-Font-Size---20, 1.875rem); /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
.motor-car-final .registerNewUser-right4 {
  color: var(--tt-text-basic);
  /* var(--Text-Primary) */
  font-weight: 700;
  line-height: 30px;
  font-size: 20px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
  width: 275px;
}
.motor-car-final .frame1000003576-right4,
.motor-car-final .frame1000003577-right4,
.motor-car-final .frame1000003578-right4 {
  width: 100%;
  border-radius: 4px;
  outline: 1px solid #B5D3F1;
  /* var(--Secondary-&-Info-(BG-&-Stroke)-30%) */
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.motor-car-final .frame1000003575-right4 {
  align-self: stretch;
  padding: 12px;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.motor-car-final .registerNewUser-right4 {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: var(--tt-text-basic);
  /* var(--Text-Primary) */
}
.motor-car-final .frame1000003231-right4 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.motor-car-final .row-right4 {
  align-self: stretch;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
}
.motor-car-final .frame1000003577-right4 {
  flex: 1 1 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.motor-car-final .exceeds16Litres-right4,
.motor-car-final .textValue-right4 {
  color: var(--tt-text-basic);
  /* var(--Text-Basic) */
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.motor-car-final .wireframe6-buttons-and-input {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: end;
  gap: 24px;
}
.motor-car-final .wireframe6-button-group {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
}
.motor-car-final .wireframe6-button {
  min-width: 84px;
  height: 36px;
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  line-height: 21px;
  letter-spacing: 0.12px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: 1px solid var(--tt-primary);
}
.motor-car-final .wireframe6-button-primary {
  background-color: var(--tt-primary);
  /* Primary-600 */
  color: var(--tt-neutral-100);
  /* Text-Alternative */
  border: 1px solid var(--tt-primary);
}
.motor-car-final .wireframe6-button-tertiary {
  background-color: transparent;
  color: var(--tt-primary);
  /* Text-Primary */
  border: none;
}
.motor-car-final .wireframe6-total-row {
  width: 100%;
  background: var(--tt-neutral-100);
  justify-content: flex-start;
  align-items: center;
  display: inline-flex;
}
.motor-car-final .wireframe6-total-Cell6 {
  align-self: stretch;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}
.motor-car-final .wireframe6-total-Cell6-fixed {
  width: 131px;
  padding: 8px 8px 8px 12px;
  gap: 16px;
}
.motor-car-final .wireframe6-total-Cell6-flex1 {
  flex: 1 1 0;
  padding: 8px;
  gap: 12px;
}
.motor-car-final .wireframe6-total-Cell6-flex2 {
  flex: 1 1 0;
  padding: 8px;
  gap: 12px;
}
.motor-car-final .wireframe6-total-Cell6-flex3 {
  flex: 1 1 0;
  padding: 8px;
  gap: 12px;
  margin-left: 557px;
}
.motor-car-final .wireframe6-total-total {
  align-self: stretch;
  height: 37px;
  justify-content: center;
  display: flex;
  flex-direction: column;
  color: var(--tt-text-basic);
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.motor-car-final .wireframe6-total-input-field1 {
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
  width: 345px;
}
.motor-car-final .wireframe6-total-input-field2 {
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
  width: 184px;
}
.motor-car-final .wireframe6-total-input-field3 {
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
  width: 184px;
}
.motor-car-final .wireframe6-total-input-fields {
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.motor-car-final .wireframe6-total-text-field {
  align-self: stretch;
  min-height: 37px;
  padding: 8px 12px;
  background: var(--tt-neutral-100);
  border-radius: 4px;
  outline: 1px solid var(--tt-neutral-300);
  outline-offset: -1px;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  display: inline-flex;
}
.motor-car-final .wireframe6-total-placeholder-text {
  flex: 1 1 0;
  color: var(--Text-Disabled-Type-2, #909296);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.motor-car-final .motorcar1-responsive-table-wrapper {
  padding-bottom: 1rem;
}
.motor-car-final .etds-motor-car-button {
  margin-top: 12px;
  width: 100%;
  justify-content: end;
}
.motor-car-final .motorcar1-table {
  background: var(--tt-neutral-100);
  overflow: auto;
}
.motor-car-final .etds-motor-car-wireframe-1 {
  overflow-x: auto;
  display: block;
  width: 100%;
}
.motor-car-final .motorcar1-header-row {
  display: table-row;
  background: var(--tt-primary-bg-stroke-5);
}
.motor-car-final .motorcar1-row {
  display: table-row;
}
.motor-car-final .motorcar1-cell-header-wireframe1,
.motor-car-final .motorcar1-cell {
  display: table-cell;
  padding: 8px 12px;
  vertical-align: middle;
  min-width: 135px;
}
@media (max-width: 991px) {
  .motor-car-final .motorcar1-table {
    min-width: 700px;
  }
}
@media (max-width: 600px) {
  .motor-car-final .motorcar1-table {
    min-width: 500px;
  }
}
.motor-car-final .motorcar3-responsive-table-wrapper {
  width: 100%;
  overflow-x: auto;
  display: block;
  padding-bottom: 1rem;
  background-color: var(--tt-neutral-100);
}
.motor-car-final .motorcar3-table {
  width: 100%;
  border-collapse: collapse;
}
.motor-car-final .motorcar2-table td,
.motor-car-final .motorcar3-table td {
  padding: 8px 12px;
  min-width: 120px;
  background: var(--tt-neutral-100);
}
.motor-car-final .motorcar2-table th,
.motor-car-final .motorcar3-table th {
  padding: 8px 12px;
  min-width: 135px;
  background: var(--tt-primary-bg-stroke-5);
  color: var(--tt-text-basic);
  /* Body/B3 (S) - Regular */
  font-size: var(--font-size-s-3-b-3, 0.75rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-For-Font-Size---12, 1.125rem); /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
.motor-car-final .motorcar2-table tr,
.motor-car-final .motorcar3-table tr {
  padding: 8px 12px;
  min-width: 135px;
  background: var(--tt-primary-bg-stroke-5);
  color: var(--tt-text-basic);
  /* Body/B3 (S) - Regular */
  font-size: var(--font-size-s-3-b-3, 0.75rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-For-Font-Size---12, 1.125rem); /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
@media (max-width: 961px) {
  .motor-car-final .motorcar3-table {
    min-width: 747px;
  }
}
@media (max-width: 747px) {
  .motor-car-final .motorcar3-table {
    min-width: 500px;
  }
}
.motor-car-final .wireframe2-responsive-table-wrapper {
  width: 100%;
  overflow-x: auto;
  display: block;
  padding-bottom: 1rem;
}
.motor-car-final .wireframe2-table {
  min-width: 800px;
  width: 100%;
  display: table;
}
.motor-car-final .headerSecondTable, .motor-car-final .row, .motor-car-final .total-row {
  min-height: 86px;
}
.motor-car-final .cell-wireframe-2, .motor-car-final .cell, .motor-car-final .cell-1 {
  display: table-cell;
  padding: 8px 12px;
  align-content: center;
}
@media (max-width: 991px) {
  .motor-car-final .wireframe2-table {
    min-width: 600px;
  }
}
@media (max-width: 600px) {
  .motor-car-final .wireframe2-table {
    min-width: 400px;
  }
}
.motor-car-final .motorcar3-responsive-table-wrapper {
  overflow-x: auto;
  display: block;
  width: 100%;
  background-color: var(--tt-neutral-100);
}
.motor-car-final .etds-motorcar-5-responsive {
  width: 100%;
  overflow-x: auto;
}
.motor-car-final .motorcar5-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 600px;
}
.motor-car-final .motorcar5-table td {
  border: 1px solid var(--tt-neutral-500);
  padding: 8px 12px;
  text-align: center;
  vertical-align: middle;
  color: var(--tt-text-basic);
  /* Body/B3 (S) - Regular */
  font-size: var(--font-size-s-3-b-3, 0.75rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-For-Font-Size---12, 1.125rem); /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
.motor-car-final .motorcar5-table th {
  border: 1px solid var(--tt-neutral-500);
  padding: 8px 12px;
  text-align: center;
  vertical-align: middle;
  background: var(--tt-primary-bg-stroke-5);
  color: var(--tt-text-basic);
  /* Body/B3 (S) - Regular */
  font-size: var(--font-size-s-3-b-3, 0.75rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-For-Font-Size---12, 1.125rem); /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
.motor-car-final .month-label {
  min-width: 100px;
  text-align: left;
}
.motor-car-final .radio-label {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.motor-car-final .radio-button-size {
  width: 18px;
  height: 18px;
}
.motor-car-final .tableTextField-checkbox {
  width: 18px;
  height: 18px;
  accent-color: var(--tt-primary);
}
.motor-car-final .tablePlaceholderDisabled {
  min-width: 60px;
  text-align: center;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-500);
  background: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}
.motor-car-final .wireframe6-total-row td {
  font-weight: bold;
  background: var(--tt-neutral-100);
}
.motor-car-final .wireframe6-total-placeholder-text {
  color: var(--tt-primary);
}
@media (max-width: 747px) {
  .motor-car-final .motorcar5-table th,
  .motor-car-final .motorcar5-table td {
    padding: 6px 4px;
    font-size: 13px;
  }
  .motor-car-final .month-label {
    min-width: 70px;
  }
}
.motor-car-final .etds-motorcar-6-responsive {
  width: 100%;
  overflow-x: auto;
}
.motor-car-final .motorcar6-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 600px;
  background-color: var(--tt-neutral-100);
}
.motor-car-final .motorcar6-table th,
.motor-car-final .motorcar6-table td {
  padding: 8px 12px;
  text-align: center;
  vertical-align: middle;
  color: var(--tt-text-basic);
}
.motor-car-final .motorcar6-table th {
  font-weight: 400;
  color: var(--tt-text-basic);
  text-align: center;
  font-size: var(--font-size-s-3-b-3, 0.75rem);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-For-Font-Size---12, 1.125rem);
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
.motor-car-final .tablePlaceholderDisabled,
.motor-car-final .wireframe6-total-placeholder-text {
  min-height: 37px;
  align-content: center;
  min-width: 60px;
  text-align: center;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-400);
  background: var(--tt-neutral-100);
  color: var(--tt-text-basic);
  font-weight: bold;
}
@media (max-width: 747px) {
  .motor-car-final .motorcar6-table th,
  .motor-car-final .motorcar6-table td {
    padding: 6px 4px;
    font-size: 13px;
    color: var(--tt-text-basic);
  }
}
.motor-car-final .sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
}
.motor-car-final .etds-other-car-box-container {
  overflow-x: auto;
  display: block;
  width: 100%;
}
.motor-car-final .motor-car-6-heading {
  background: var(--tt-primary-bg-stroke-5);
  color: var(--tt-text-basic);
  /* Body/B3 (S) - Regular */
  font-size: var(--font-size-s-3-b-3, 0.75rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-For-Font-Size---12, 1.125rem); /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
.motor-car-final .th {
  height: 20px;
  text-align: left;
  font-weight: 500;
  font-size: 16px;
  min-width: 120px;
  color: var(--tt-text-basic);
  text-align: center;
  font-size: var(--font-size-s-3-b-3, 0.75rem);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-For-Font-Size---12, 1.125rem);
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
.motor-car-final .motorcarCBA-th {
  min-width: 135px;
}
.motor-car-final .motorcarCBA-th {
  min-width: 135px;
  background: var(--tt-primary-bg-stroke-5);
  color: var(--tt-text-basic);
  text-align: center;
  font-size: var(--font-size-s-3-b-3, 0.75rem);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-For-Font-Size---12, 1.125rem);
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
.motor-car-final .motorcarCBA-table th[scope=row] {
  color: var(--tt-text-basic);
  font-size: var(--font-size-s-3-b-3, 0.75rem);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-For-Font-Size---12, 1.125rem);
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
  background: var(--tt-neutral-100);
  text-align: center;
}
.motor-car-final .motorcarCBA-table td:last-child input,
.motor-car-final .motorcarCBA-table th:last-child input {
  color: var(--tt-text-basic);
  font-weight: 600;
}
.motor-car-final .motorcarCBA-table tr:last-child td:last-child input,
.motor-car-final .motorcarCBA-table tr:last-child th:last-child input {
  background: var(--tt-netural-300);
  color: var(--tt-text-basic);
  font-weight: 700;
}
.motor-car-final .motorcar2-table th[scope=col],
.motor-car-final .motorcar3-table th[scope=col] {
  padding: 8px 12px;
  min-width: 135px;
  background: var(--tt-primary-bg-stroke-5);
  color: var(--tt-text-basic);
  font-size: var(--font-size-s-3-b-3, 0.75rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-For-Font-Size---12, 1.125rem);
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
  text-align: center;
}
.motor-car-final .motorcar2-table th[scope=row],
.motor-car-final .motorcar3-table th[scope=row] {
  background: var(--tt-neutral-100);
  color: var(--tt-text-basic);
  font-size: var(--font-size-s-3-b-3, 0.75rem);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-For-Font-Size---12, 1.125rem);
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
  text-align: center;
}
.motor-car-final .motorcar2-table td:last-child input,
.motor-car-final .motorcar3-table td:last-child input {
  background: var(--tt-neutral-300);
  color: var(--tt-text-basic);
  font-weight: 600;
}
.motor-car-final .motorcar2-table tr:last-child td:last-child input,
.motor-car-final .motorcar3-table tr:last-child td:last-child input {
  background: var(--tt-neutral-300);
  color: var(--tt-text-basic);
  font-weight: 700;
}
.motor-car-final .etds-disabled-children {
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-300);
  background: var(--tt-neutral-10);
  color: var(--tt-text-basic);
}
.motor-car-final .container-fluid {
  padding: 0px;
}

.Header6 {
  width: 896px;
  background: var(--primary-variant-5);
  overflow: hidden;
  justify-content: flex-start;
  align-items: flex-start;
  display: inline-flex;
  /* Specific widths for each Cell6 */
  /* Container */
  /* Button row */
  /* Shared button base */
  /* Primary style */
  /* Tertiary style */
}
.Header6 .Cell6 {
  align-self: stretch;
  padding: 12px 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: inline-flex;
}
.Header6 .Cell6:nth-child(1) {
  width: 130px;
}
.Header6 .Cell6:nth-child(2) {
  width: 196px;
}
.Header6 .Cell6:nth-child(3) {
  width: 197px;
}
.Header6 .Cell6:nth-child(4) {
  width: 194px;
}
.Header6 .Cell6:nth-child(5) {
  width: 198px;
}
.Header6 .Label {
  align-self: stretch;
  text-align: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  color: var(--Text-Basic, #1c1d1f);
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.Header6 .Description {
  align-self: stretch;
  text-align: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  color: var(--Text-Basic, #1c1d1f);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.Header6 .thirdtable-row {
  width: 100%;
  background: var(--Neutral-100, white);
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
}
.Header6 .thirdtable-Cell6 {
  align-self: stretch;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 8px;
  gap: 12px;
}
.Header6 .thirdtable-month-Cell6 {
  width: 131px;
  padding-left: 12px;
  padding-right: 8px;
  gap: 16px;
}
.Header6 .thirdtable-month-label {
  align-self: stretch;
  height: 37px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--Text-Basic, #1c1d1f);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.12px;
}
.Header6 .thirdtable-radio-Cell6 {
  flex: 1 1 0;
}
.Header6 .thirdtable-radio-button {
  width: 24px;
  height: 24px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.Header6 .thirdtable-radio-outer {
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}
.Header6 .thirdtable-radio-inner {
  width: 20px;
  height: 20px;
  background: var(--Neutral-700, #74777a);
  position: absolute;
  top: 2px;
  left: 2px;
}
.Header6 .thirdtable-input-Cell6 {
  flex: 1 1 0;
  width: 100%;
}
.Header6 .thirdtable-input-field {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
}
.Header6 .thirdtable-text-field {
  align-self: stretch;
  min-height: 37px;
  padding: 8px 12px;
  background: var(--Neutral-100, white);
  border-radius: 4px;
  outline: 1px solid var(--Neutral-400, #bfc1c5);
  outline-offset: -1px;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.Header6 .thirdtable-disabled .thirdtable-text-field {
  background: var(--Neutral-BG-Stroke-10, #f6f7f7);
  outline: 1px solid var(--Neutral-300, #dfe0e2);
  justify-content: flex-end;
}
.Header6 .thirdtable-placeholder {
  flex: 1 1 0;
  color: var(--Text-Tertiary, #74777a);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.12px;
}
.Header6 .thirdtable-disabled-text {
  color: var(--Text-Disabled-Type-2, #909296);
}
.Header6 .tableRow {
  display: flex;
  align-items: center;
  background: var(--Neutral-100, white);
}
.Header6 .tableCell6 {
  flex: 1;
  padding: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  max-width: 196px;
  box-sizing: border-box;
}
.Header6 .tableMonthCell6 {
  flex: 1;
  padding: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  max-width: 131px;
  box-sizing: border-box;
  padding-left: 12px;
  padding-right: 8px;
}
.Header6 .tableMonthLabel {
  height: 37px;
  display: flex;
  align-items: center;
  color: var(--Text-Basic, #1c1d1f);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.12px;
}
.Header6 .tableRadioButton {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.Header6 .tableRadioUnchecked {
  width: 24px;
  height: 24px;
  position: relative;
  background: var(--Neutral-700, #74777a);
  border-radius: 50%;
  margin: auto;
}
.Header6 .tableInputField,
.Header6 .tableInputFieldDisabled {
  width: 180px;
  display: flex;
  align-items: flex-start;
}
.Header6 .tableTextField {
  width: 180px;
  min-height: 37px;
  background: var(--Neutral-100, white);
  border: 1px solid var(--Neutral-400, #bfc1c5);
  border-radius: 4px;
  display: flex;
  align-items: center;
  padding-left: 8px;
}
.Header6 .tableTextFieldDisabled {
  width: 180px;
  min-height: 37px;
  background: var(--neutral-stroke-10);
  border: 1px solid var(--Neutral-300, #dfe0e2);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.Header6 .tablePlaceholder {
  color: var(--Text-Tertiary, #74777a);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.12px;
  max-width: 180px;
  padding: 8px;
}
.Header6 .tablePlaceholderDisabled {
  color: var(--Text-Disabled-Type-2, #909296);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.12px;
  width: 180px;
  padding: 8px;
}
.Header6 .tableCell62 {
  flex: 1;
  /* padding: 8px; */
  display: flex;
  /* flex-direction: column; */
  justify-content: center;
  align-items: center;
  gap: 23px;
  /* min-width: 100px; */
  box-sizing: border-box;
  max-width: 180px;
  height: 53px;
  margin-right: 11px;
}
.Header6 .frame1272628224-right4 {
  width: 100%;
  height: 100%;
  padding: 28px 48px 20px 24px;
  background: var(--primary-variant-6); /* var(--Text-Alternative, white) fallback */
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.08);
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
}
.Header6 .frame1000003580-right4 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
}
.Header6 .frame1000003574-right4 {
  padding-bottom: 8px;
  border-bottom: 1px solid var(--dark-variant-5); /* var(--Neutral-300) */
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.Header6 .registerNewUser-right4 {
  color: var(--primary); /* var(--Text-Primary) */
  font-weight: 700;
  line-height: 30px;
  font-size: 20px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
  width: 275px;
}
.Header6 .frame1000003576-right4,
.Header6 .frame1000003577-right4,
.Header6 .frame1000003578-right4 {
  width: 275px;
  border-radius: 4px;
  outline: 1px solid #b5d3f1; /* var(--Secondary-&-Info-(BG-&-Stroke)-30%) */
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.Header6 .frame1000003575-right4 {
  align-self: stretch;
  padding: 12px;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.Header6 .registerNewUser-right4 {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: var(--primary); /* var(--Text-Primary) */
}
.Header6 .frame1000003231-right4 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.Header6 .row-right4 {
  align-self: stretch;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
}
.Header6 .frame1000003577-right4 {
  flex: 1 1 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.Header6 .exceeds16Litres-right4,
.Header6 .textValue-right4 {
  color: var(--primary-variant-7); /* var(--Text-Basic) */
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.Header6 .wireframe6-buttons-and-input {
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: end;
  gap: 24px;
}
.Header6 .wireframe6-button-group {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
}
.Header6 .wireframe6-button {
  min-width: 84px;
  height: 36px;
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  line-height: 21px;
  letter-spacing: 0.12px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: 1px solid var(--primary-600-default, #2a3a8d);
}
.Header6 .wireframe6-button-primary {
  background-color: var(--primary); /* Primary-600 */
  color: var(--primary-variant-6); /* Text-Alternative */
  border: 1px solid var(--primary-600-default, #2a3a8d);
}
.Header6 .wireframe6-button-tertiary {
  background-color: transparent;
  color: var(--primary); /* Text-Primary */
  border: 1px solid var(--primary-600-default, #2a3a8d);
}
.Header6 .wireframe6-total-row {
  width: 100%;
  background: var(--Neutral-100, white);
  justify-content: flex-start;
  align-items: center;
  display: inline-flex;
}
.Header6 .wireframe6-total-Cell6 {
  align-self: stretch;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}
.Header6 .wireframe6-total-Cell6-fixed {
  width: 131px;
  padding: 8px 8px 8px 12px;
  gap: 16px;
}
.Header6 .wireframe6-total-Cell6-flex1 {
  flex: 1 1 0;
  padding: 8px;
  gap: 12px;
}
.Header6 .wireframe6-total-Cell6-flex2 {
  flex: 1 1 0;
  padding: 8px;
  gap: 12px;
}
.Header6 .wireframe6-total-Cell6-flex3 {
  flex: 1 1 0;
  padding: 8px;
  gap: 12px;
  margin-left: 557px;
}
.Header6 .wireframe6-total-total {
  align-self: stretch;
  height: 37px;
  justify-content: center;
  display: flex;
  flex-direction: column;
  color: var(--Text-Basic, #1c1d1f);
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.Header6 .wireframe6-total-input-field1 {
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
  width: 345px;
}
.Header6 .wireframe6-total-input-field2 {
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
  width: 184px;
}
.Header6 .wireframe6-total-input-field3 {
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
  width: 176px;
}
.Header6 .wireframe6-total-input-fields {
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.Header6 .wireframe6-total-text-field {
  align-self: stretch;
  min-height: 37px;
  padding: 8px 12px;
  background: var(--neutral-stroke-10);
  border-radius: 4px;
  outline: 1px solid var(--Neutral-300, #dfe0e2);
  outline-offset: -1px;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  display: inline-flex;
}
.Header6 .wireframe6-total-placeholder-text {
  flex: 1 1 0;
  color: var(--Text-Disabled-Type-2, #909296);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}

.helper-allowance {
  /* Accessibility: visually clear focus for disclaimer button */
}
@media (min-width: 1272px) {
  .helper-allowance {
    justify-content: center;
  }
}
.helper-allowance .uniform-input35,
.helper-allowance .form-select,
.helper-allowance .form-control {
  height: 37px;
  border: 1px solid var(--neutral-light);
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 14px;
  width: 100%;
}
.helper-allowance .form-label-helper {
  color: var(--tt-primary);
}
.helper-allowance .uniform-input35 {
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-400);
  background: var(--tt-neutral-100);
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 14px;
  margin: 8px;
  color: var(--tt-text-basic);
}
.helper-allowance .section-title27 {
  font-size: 24px;
  color: var(--tt-primary);
  font-weight: 700;
  margin-bottom: 16px;
}
@media (max-width: 991px) {
  .helper-allowance .section-title27 {
    font-size: 22px;
    margin-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .helper-allowance .section-title27 {
    font-size: 20px;
    margin-bottom: 8px;
  }
}
@media (max-width: 480px) {
  .helper-allowance .section-title27 {
    font-size: 18px;
    margin-bottom: 6px;
  }
}
.helper-allowance .section-title27 h2 {
  margin: 0;
  font-size: inherit;
  color: inherit;
  font-weight: inherit;
}
@media (max-width: 991px) {
  .helper-allowance .section-title27 h2 {
    font-size: inherit;
  }
}
@media (max-width: 767px) {
  .helper-allowance .section-title27 h2 {
    font-size: inherit;
  }
}
@media (max-width: 480px) {
  .helper-allowance .section-title27 h2 {
    font-size: inherit;
  }
}
.helper-allowance .card {
  background-color: none;
}
.helper-allowance .section-actions27 {
  display: flex;
  gap: 8px;
  align-items: center;
}
.helper-allowance .warning-disclaimer-button27 {
  height: 30px;
  padding: 4px 12px;
  font-size: 13px;
  border-radius: 4px;
  color: var(--primary-variant-6);
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}
.helper-allowance .etds-helper-allowance {
  font-size: 24px;
}
.helper-allowance .note-text {
  font-size: 14px;
  color: var(--tt-error);
}
.helper-allowance .custom-card {
  padding: 28px 24px 20px;
  border-radius: 6px;
  background: var(--neutral-100);
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.helper-allowance .custom-section {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.helper-allowance .custom-label {
  font-size: 14px;
  font-weight: 400;
  color: var(--tt-primary);
}
.helper-allowance .custom-display-box {
  height: auto;
  width: 100%;
  max-width: 275px;
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-secondary-info-30);
  color: var(--tt-text-basic);
  /* Heading/H4 (S) - Bold */
  font-size: var(--Font-Size-H4, 1.25rem);
  font-style: normal;
  font-weight: 700;
  line-height: var(--Line-Height-For-Font-Size---20, 1.875rem); /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.helper-allowance .custom-display-box .row.d-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
}
@media (max-width: 1199px) {
  .helper-allowance .custom-display-box .row.d-flex {
    gap: 12px;
  }
}
@media (max-width: 991px) {
  .helper-allowance .custom-display-box .row.d-flex {
    flex-direction: column;
    gap: 20px;
  }
}
.helper-allowance .custom-display-box .col-md-9 {
  flex: 0 0 74.5%;
  max-width: 74.5%;
}
@media (max-width: 1199px) {
  .helper-allowance .custom-display-box .col-md-9 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 991px) {
  .helper-allowance .custom-display-box .col-md-9 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.helper-allowance .custom-display-box .col-md-3 {
  flex: 0 0 25.5%;
  max-width: 25.5%;
}
@media (max-width: 1199px) {
  .helper-allowance .custom-display-box .col-md-3 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 24px;
  }
}
@media (max-width: 991px) {
  .helper-allowance .custom-display-box .col-md-3 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 24px;
  }
}
.helper-allowance .custom-display-box .card-helper-first-box {
  padding: 24px 18px 16px;
}
@media (max-width: 767px) {
  .helper-allowance .custom-display-box .card-helper-first-box {
    padding: 16px 8px 10px;
  }
}
.helper-allowance .custom-display-box .section-header27 {
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1199px) {
  .helper-allowance .custom-display-box .section-header27 {
    gap: 10px;
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 991px) {
  .helper-allowance .custom-display-box .section-header27 {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 1rem;
  }
}
@media (max-width: 767px) {
  .helper-allowance .custom-display-box .section-header27 {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 0.75rem;
  }
}
@media (max-width: 480px) {
  .helper-allowance .custom-display-box .section-header27 {
    gap: 6px;
    margin-bottom: 0.5rem;
  }
}
.helper-allowance .custom-display-box .section-actions27 {
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
@media (max-width: 991px) {
  .helper-allowance .custom-display-box .section-actions27 {
    justify-content: flex-start;
    gap: 8px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .helper-allowance .custom-display-box .section-actions27 {
    gap: 6px;
    align-items: flex-start;
  }
}
@media (max-width: 480px) {
  .helper-allowance .custom-display-box .section-actions27 {
    gap: 4px;
  }
}
.helper-allowance .custom-display-box .section-actions27 .text-danger {
  display: flex;
  align-items: center;
  gap: 4px;
}
@media (max-width: 767px) {
  .helper-allowance .custom-display-box .section-actions27 .text-danger {
    font-size: 0.875rem;
  }
}
@media (max-width: 480px) {
  .helper-allowance .custom-display-box .section-actions27 .text-danger {
    font-size: 0.8125rem;
  }
}
.helper-allowance .custom-display-box .etds-helper-allowance-second .row {
  flex-wrap: wrap;
  gap: 12px 0;
}
@media (max-width: 991px) {
  .helper-allowance .custom-display-box .etds-helper-allowance-second .row {
    flex-direction: column;
    gap: 16px 0;
  }
}
@media (max-width: 767px) {
  .helper-allowance .custom-display-box .etds-helper-allowance-second .row {
    flex-direction: column;
    gap: 12px 0;
  }
}
.helper-allowance .custom-display-box .custom-card {
  padding: 20px 12px 16px;
  gap: 16px;
}
@media (max-width: 767px) {
  .helper-allowance .custom-display-box .custom-card {
    padding: 12px 4px 8px;
    gap: 10px;
  }
}
.helper-allowance .custom-display-box .custom-display-box {
  min-width: 180px;
  max-width: 100%;
  font-size: 1.1rem;
}
@media (max-width: 767px) {
  .helper-allowance .custom-display-box .custom-display-box {
    min-width: 120px;
    font-size: 1rem;
    padding: 6px 8px;
    max-width: 100%;
  }
}
.helper-allowance .custom-display-box .note-box {
  border-radius: 0.25rem;
  border: 1px solid var(--secondary-300);
  background: var(--tt-secondary-info-bg5);
  padding: 12px;
  margin-top: 24px;
}
.helper-allowance .custom-display-box .note-box {
  width: 100%;
  margin-left: 0;
  border-radius: 0.25rem;
  border: 1px solid var(--secondary-300);
  background: var(--tt-secondary-info-bg5);
  padding: 12px;
  margin-top: 24px;
  margin-left: 12px;
}
@media (max-width: 991px) {
  .helper-allowance .custom-display-box .note-box {
    padding: 10px;
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  .helper-allowance .custom-display-box .note-box {
    padding: 8px;
    margin-top: 12px;
  }
}
.helper-allowance .custom-display-box .button-group {
  gap: 12px;
}
@media (max-width: 767px) {
  .helper-allowance .custom-display-box .button-group {
    gap: 8px;
    flex-direction: column;
    align-items: stretch;
  }
}
.helper-allowance .form-label {
  color: var(--tt-text-basic);
  /* Body/B3 (S) - Regular */
  font-size: var(--font-size-s-3-b-3, 0.75rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-For-Font-Size---12, 1.125rem); /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
  width: 100%;
}
.helper-allowance .helper-allowance input:required:focus {
  border: 1px solid var(--tt-primary-600);
  outline: none;
}
.helper-allowance .note-box {
  border-radius: 0.25rem;
  border: 1px solid var(--secondary-300);
  background: var(--tt-secondary-info-bg5);
  padding: 12px;
  margin-top: 24px;
  margin-left: 12px;
}
.helper-allowance .note-box .note-heading {
  font-weight: 700;
  color: var(--tt-primary);
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.12px;
}
.helper-allowance .note-box .note-text {
  font-weight: 400;
  color: var(--tt-primary);
  font-size: 14px;
  line-height: 21px;
  margin-bottom: -20px;
}
.helper-allowance .note-box .note-text:first-of-type {
  margin-top: 10px;
}
.helper-allowance .button-group {
  display: flex;
  gap: 20px;
  margin-bottom: 16px;
  justify-content: end;
}
.helper-allowance input:required:invalid {
  border: 1px solid var(--tt-error);
  background-color: var(--tt-neutral-100);
}
.helper-allowance input:required:focus {
  border: 1px solid var(--tt-primary-600);
  outline: 2px solid var(--tt-secondary);
  outline-offset: 0px;
}
.helper-allowance .custom-btn {
  min-width: 84px;
  height: 36px;
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  cursor: pointer;
}
.helper-allowance .custom-btn-tertiary {
  background: transparent;
  color: var(--tt-primary);
}
.helper-allowance .btnreset {
  color: var(--tt-neutral-100) !important;
  background-color: var(--tt-primary) !important;
}
.helper-allowance .note-text50 {
  color: var(--contrast-dark);
  /* Body/B3 (S) - Italic */
  font-size: var(--font-size-s-3-b-3, 0.75rem);
  font-style: italic;
  font-weight: 400;
  line-height: var(--Line-Height-For-Font-Size---12, 1.125rem);
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
@media (max-width: 767px) {
  .helper-allowance .note-text50 {
    font-size: 0.6875rem;
    line-height: 1rem;
  }
}
@media (max-width: 480px) {
  .helper-allowance .note-text50 {
    font-size: 0.625rem;
    line-height: 0.9375rem;
  }
}
.helper-allowance .warning-disclaimer-button {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  min-width: 72px;
  padding: 4px 12px;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-primary);
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  color: var(--tt-primary);
  cursor: pointer;
}
@media (max-width: 991px) {
  .helper-allowance .warning-disclaimer-button {
    height: 32px;
    padding: 6px 12px;
    font-size: 0.875rem;
  }
}
@media (max-width: 767px) {
  .helper-allowance .warning-disclaimer-button {
    height: 30px;
    padding: 4px 10px;
    font-size: 0.8125rem;
    min-width: 60px;
  }
}
@media (max-width: 480px) {
  .helper-allowance .warning-disclaimer-button {
    height: 28px;
    padding: 4px 8px;
    font-size: 0.75rem;
    min-width: 50px;
    gap: 4px;
  }
}
.helper-allowance .warning-disclaimer-button .icon {
  width: 20px;
  height: 20px;
}
@media (max-width: 767px) {
  .helper-allowance .warning-disclaimer-button .icon {
    width: 18px;
    height: 18px;
  }
}
@media (max-width: 480px) {
  .helper-allowance .warning-disclaimer-button .icon {
    min-width: 10px;
    height: 16px;
  }
}
.helper-allowance .warning-disclaimer-button span {
  text-transform: capitalize;
}
.helper-allowance .total-title {
  color: var(--tt-primary);
  padding-bottom: 10px;
  margin-bottom: 20px;
  font-size: 1.25rem;
  font-weight: 600;
}
.helper-allowance .custom-inline-error-text {
  color: var(--tt-error);
  font-size: 14px;
  line-height: 20px;
  display: flex;
  justify-content: start;
  /* margin-right: 217px; */
  margin-top: 3px;
}
.helper-allowance .custom-inline-error {
  margin-bottom: 16px;
}
.helper-allowance .etds-helper-note-1 {
  color: var(--tt-secondary);
  /* Subheading/S2 (M) - Bold */
  font-size: var(--font-size-s-2-b-2, 0.875rem);
  font-style: normal;
  font-weight: 700;
  line-height: var(--Line-Height-For-Font-Size---14, 1.3125rem); /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
.helper-allowance .etds-helper-note-2 {
  color: var(--tt-secondary);
  /* Body/B2 (M) - Regular */
  font-size: var(--font-size-s-2-b-2, 0.875rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-For-Font-Size---14, 1.3125rem); /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
.helper-allowance .card-helper-first-box {
  background: var(--tt-secondary-info-bg2);
}
.helper-allowance .etds-helper-allowance-second {
  border-radius: 0.25rem;
  border: 1px solid var(--tt-secondary-info-30);
  padding: 24px;
  background: var(--tt-neutral-100);
}
.helper-allowance .icon {
  color: var(--tt-primary);
}
.helper-allowance .etds-dropdown {
  color: var(--tt-text-basic);
}
.helper-allowance .section-header27 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
  flex-direction: row;
  gap: 1.5rem;
}
.helper-allowance .section-actions27 {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 747px) {
  .helper-allowance .section-header27 {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
  }
  .helper-allowance .section-actions27 {
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.5rem;
    width: 100%;
  }
  .helper-allowance .section-title27 h1 {
    font-size: 1.25rem;
  }
}
.helper-allowance .warning-disclaimer-button:focus-visible {
  outline: 2px solid var(--tt-primary-600);
  outline-offset: 2px;
}
.helper-allowance button:focus-visible {
  outline-offset: 0.125rem;
  box-shadow: unset;
}
.helper-allowance .row {
  margin: 0 auto;
}

.TaxToolsLandingPage {
  width: 100%;
  max-width: 1270px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin: 0px auto;
  /* Keyframes for fade-in */
  /* Add to your CSS file */
}
.TaxToolsLandingPage .fade-component {
  opacity: 0;
  animation: fadeIn 0.4s forwards;
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.TaxToolsLandingPage .TaxToolsLandingPage-container {
  width: 100%;
  max-width: 1270px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.TaxToolsLandingPage .TaxToolsLandingPage-heading {
  width: auto;
}
.TaxToolsLandingPage .TaxToolsLandingPage-heading-text {
  width: 109px;
  font-size: 24px;
  font-weight: 700;
  color: var(--primary);
}
.TaxToolsLandingPage .TaxToolsLandingPage-content {
  width: 100%;
  max-width: 1266px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 24px;
  border-radius: 4px;
  padding: 24px;
  background: var(--primary-variant-6);
  border: 1px solid var(--dark-variant-5);
}
@media (max-width: 320px) {
  .TaxToolsLandingPage .TaxToolsLandingPage-content {
    padding: 8px;
  }
}
.TaxToolsLandingPage .TaxToolsLandingPage-content-type {
  width: auto;
  display: flex;
  border-bottom: 1px solid var(--dark-variant-5);
}
.TaxToolsLandingPage .TaxToolsLandingPage-content-type1 {
  padding: 8px 18px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-width: 1.5px;
  background: var(--secondary-variant-3);
  border-bottom: 1.5px solid var(--secondary);
  font-size: 14px;
  font-weight: 700;
  color: var(--secondary);
  cursor: pointer;
}
.TaxToolsLandingPage .TaxToolsLandingPage-content-type2 {
  padding: 8px 18px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-width: 1.5px;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
  background: var(--primary-variant-6);
  color: var(--primary-variant-7);
}
.TaxToolsLandingPage .TaxToolsLandingPage-content-container {
  width: auto;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.TaxToolsLandingPage .TaxToolsLandingPage-content-container-heading {
  color: var(--primary-variant-7);
  font-weight: 700;
  font-style: Bold;
  font-size: 20px;
  /* width: 100%; max-width: 1222px; box-sizing: border-box; */
}
.TaxToolsLandingPage .TaxToolsLandingPage-content-container-popular {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1222px;
  box-sizing: border-box;
  gap: 24px;
}
.TaxToolsLandingPage .TaxToolsLandingPage-content-container-popular-heading {
  display: flex;
  gap: 16px;
  font-weight: 700;
  font-style: Bold;
  color: var(--primary);
  font-size: 16px;
}
.TaxToolsLandingPage .TaxToolsLandingPage-content-container-popular-heading-tag {
  padding-right: 8px;
  padding-left: 8px;
  border-radius: 20px;
  border: 1px solid var(----tt-success-bg-stroke-30);
  background: var(--tt-success-bg-stroke-5);
}
.TaxToolsLandingPage .TaxToolsLandingPage-content-container-popular-heading-tag-text {
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  color: var(--tt-text-success);
}
.TaxToolsLandingPage .TaxToolsLandingPage-content-container-card-container {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.TaxToolsLandingPage .TaxToolCard {
  width: calc(33.33% - 16px);
}
.TaxToolsLandingPage .TaxToolsLandingPage-content-container-card {
  flex: 1 1 calc(33.33% - 16px);
  width: 100%; /* Add this for consistency */
  box-sizing: border-box;
  border-radius: 4px;
  padding: 16px;
  background: var(--tt-success-bg-stroke-5);
  border: 1px solid var(--tt-succsess-300);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  position: relative;
}
.TaxToolsLandingPage .TaxToolsLandingPage-content-container-card-data-heading {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: auto;
}
.TaxToolsLandingPage .TaxToolsLandingPage-content-container-card-data-heading-logo {
  width: 40px;
  height: 40px;
}
.TaxToolsLandingPage .TaxToolsLandingPage-content-container-card-data-heading-title {
  width: auto;
  display: flex;
  gap: 14px;
}
.TaxToolsLandingPage .TaxToolsLandingPage-content-container-card-data-heading-title-text {
  width: auto;
  font-size: 20px;
  color: var(--primary-variant-7);
  font-weight: 700;
  font-style: Bold;
}
.TaxToolsLandingPage .TaxToolsLandingPage-content-container-card-data-heading-title-tag {
  padding-right: 8px;
  padding-left: 8px;
  border-radius: 20px;
  background: var(--secondary-variant-3);
  border: 1px solid var(--tt-secondary-info-30);
  color: var(--secondary);
  font-weight: 400;
  font-size: 14px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.TaxToolsLandingPage .TaxToolsLandingPage-content-container-card-data-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.TaxToolsLandingPage .TaxToolsLandingPage-content-container-card-data-container-description {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.TaxToolsLandingPage .TaxToolsLandingPage-content-container-card-data-container-description-title {
  color: var(--dark);
  font-weight: 400;
  font-size: 14px;
}
.TaxToolsLandingPage .TaxToolsLandingPage-content-container-card-data-container-description-read-more {
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  font-weight: 400;
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 1px; /* or from-font */
  color: var(--secondary);
  cursor: pointer;
  width: fit-content;
}
.TaxToolsLandingPage .TaxToolsLandingPage-content-container-card-data-container-description-read-more:focus {
  outline: 2px solid #1D2A1F; /* Accessible focus indicator */
}
.TaxToolsLandingPage .TaxToolsLandingPage-content-container-card-data-container-key-feature {
  display: flex;
  flex-direction: column;
  z-index: 4;
}
.TaxToolsLandingPage .TaxToolsLandingPage-content-container-card-data-container-key-feature-title {
  font-weight: 700;
  font-style: Bold;
  font-size: 12px;
  color: var(--tt-text-success);
}
.TaxToolsLandingPage .TaxToolsLandingPage-content-container-card-data-container-key-feature-title-p {
  padding: 0px;
  margin: 0px;
}
.TaxToolsLandingPage .TaxToolsLandingPage-content-container-card-data-container-key-feature-list-ul {
  font-weight: 400;
  font-size: 12px;
  color: var(--tt-text-success);
  margin: 0px;
  padding-left: 16px;
}
.TaxToolsLandingPage TaxToolsLandingPage-content-container-card-data-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background-color: var(--primary-variant-6); /* or your theme color */
  border: none; /* Remove default border */
  border-radius: 4px; /* Rounded corners */
  text-decoration: none; /* Remove underline */
  font-weight: 600;
  color: var(--primary); /* Text color */
  cursor: pointer;
  box-sizing: border-box;
}
.TaxToolsLandingPage .TaxToolsLandingPage-content-container-card-data-link:hover {
  background-color: var(--primary-variant-5); /* Hover effect */
}
.TaxToolsLandingPage .TaxToolsLandingPage-content-container-card-data-link:focus {
  outline: 2px solid var(--secondary); /* Accessibility focus */
  outline-offset: 2px;
}
.TaxToolsLandingPage .TaxToolsLandingPage-content-container-card-data-link-logo img {
  width: 14px;
  height: 14px;
}
.TaxToolsLandingPage .TaxToolsLandingPage-content-container-card-data-link-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: Line Height/For Font Size-14;
  letter-spacing: Letter Spacing/Letter Spacing;
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 0%;
  text-decoration-skip-ink: auto;
  color: var(--secondary);
}
.TaxToolsLandingPage .TaxToolsLandingPage-content-container-card-data-link-logo {
  width: 15px;
  height: 15px;
}
.TaxToolsLandingPage .TaxToolsLandingPage-content-container-card-data-icon {
  position: absolute;
  bottom: 0px;
  right: 20px;
  height: 80px;
  width: 80px;
  z-index: 1;
}
.TaxToolsLandingPage .TaxToolsLandingPage-content-container-card-data-medical-logo {
  z-index: -99;
  width: 80px;
  height: 80px;
}
.TaxToolsLandingPage .TaxToolsLandingPage-readmore-model-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--tt-dark);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  box-sizing: border-box;
  margin: 0px auto;
}
.TaxToolsLandingPage .TaxToolsLandingPage-readmore-model-content1 {
  overflow-y: auto;
  max-height: 90vh;
  border-radius: 8px;
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: var(--dark-variant-4) transparent;
  width: 100%;
  max-width: 838px;
  box-sizing: border-box;
}
.TaxToolsLandingPage .TaxToolsLandingPage-readmore-model-content2 {
  overflow-y: auto;
  max-height: 90vh;
  border-radius: 8px;
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: var(--dark-variant-4) transparent;
}
.TaxToolsLandingPage .TaxToolsLandingPage-readmore-model-content::-webkit-scrollbar {
  width: 4px;
}
.TaxToolsLandingPage .TaxToolsLandingPage-readmore-model-content::-webkit-scrollbar-track {
  background: transparent;
}
.TaxToolsLandingPage .TaxToolsLandingPage-readmore-model-content::-webkit-scrollbar-thumb {
  background-color: var(--dark-variant-4);
  border-radius: 4px;
  border: none;
}
.TaxToolsLandingPage .TaxToolsLandingPage-readmore-model {
  /* width: auto; */
  display: flex;
  flex-direction: column;
}
.TaxToolsLandingPage .TaxToolsLandingPage-readmore-model-container {
  display: flex;
  flex-direction: column;
  background: var(--primary-variant-6);
}
.TaxToolsLandingPage .TaxToolsLandingPage-readmore-model-container-header {
  width: auto;
  display: flex;
  flex-direction: column;
}
.TaxToolsLandingPage .TaxToolsLandingPage-readmore-model-container-header-heading {
  padding: 0px 24px;
  width: auto;
  padding-bottom: 12px;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  border-bottom: 1px solid var(--dark-variant-5);
  background-color: var(--tt-secondary-info-bg);
}
.TaxToolsLandingPage .TaxToolsLandingPage-readmore-model-container-header-heading-text {
  width: fit-content;
  font-weight: 700;
  font-style: Bold;
  font-size: 18px;
  color: var(--primary);
}
.TaxToolsLandingPage .TaxToolsLandingPage-readmore-model-container-header-information {
  /* width: auto; */
  display: flex;
  /* gap: 4px; */
}
.TaxToolsLandingPage .TaxToolsLandingPage-readmore-model-container-header-information-text-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.TaxToolsLandingPage .TaxToolsLandingPage-readmore-model-container-header-information-icon {
  width: 15px;
  height: 15px;
}
.TaxToolsLandingPage .TaxToolsLandingPage-readmore-model-container-header-information-icon-box {
  width: 20px;
  height: auto;
  padding: auto;
}
.TaxToolsLandingPage .TaxToolsLandingPage-readmore-model-container-header-information-text-span {
  font-weight: 700;
  font-style: Bold;
  font-size: 12px;
  color: var(--secondary);
}
.TaxToolsLandingPage .TaxToolsLandingPage-readmore-model-container-header-information-text-combine {
  display: flex;
}
.TaxToolsLandingPage .TaxToolsLandingPage-readmore-model-container-header-information-text {
  font-weight: 400;
  font-size: 12px;
  color: var(--secondary);
}
.TaxToolsLandingPage .TaxToolsLandingPage-readmore-model-container-header-information-text1 {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  font-weight: 400;
  font-size: 14px;
  color: var(--secondary);
}
.TaxToolsLandingPage .TaxToolsLandingPage-readmore-model-container-header-title {
  width: auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.TaxToolsLandingPage .TaxToolsLandingPage-readmore-model-container-header-title-text {
  font-weight: 700;
  font-style: Bold;
  font-size: 14px;
  color: var(--primary-variant-7);
  width: auto;
}
.TaxToolsLandingPage .TaxToolsLandingPage-readmore-model-container-header-title-content {
  width: auto;
  font-size: 12px;
  font-weight: 400;
  color: var(--primary-variant-7);
}
.TaxToolsLandingPage a {
  text-decoration: underline;
}
.TaxToolsLandingPage .TaxToolsLandingPage-readmore-model-container-header-details {
  border-radius: 4px;
  border: 1px solid var(--tt-secondary-info-30);
  width: auto;
}
.TaxToolsLandingPage .TaxToolsLandingPage-readmore-model-container-header-details-container {
  /* width: auto; */
  border-radius: 4px;
  padding-top: 16px;
  display: flex;
  justify-content: space-between;
  padding-right: 24px;
  padding-bottom: 16px;
  padding-left: 24px;
  gap: 64px;
}
.TaxToolsLandingPage .TaxToolsLandingPage-readmore-model-container-header-details-container-heading {
  width: auto;
  display: flex;
  gap: 12px;
}
.TaxToolsLandingPage .TaxToolsLandingPage-readmore-model-container-header-details-container-heading-text {
  width: auto;
  font-weight: 700;
  font-style: Bold;
  font-size: 16px;
  color: var(--primary);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.TaxToolsLandingPage .TaxToolsLandingPage-readmore-model-container-header-details-container-heading-tag {
  width: fit-content;
  border-radius: 20px;
  padding-right: 6px;
  padding-left: 6px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  background: var(--secondary-variant-3);
  border: 1px solid var(--tt-secondary-info-30);
  font-weight: 400;
  font-size: 12px;
  color: var(--secondary);
}
.TaxToolsLandingPage .TaxToolsLandingPage-readmore-model-container-header-details-container-details-button {
  width: auto;
  border-radius: 4px;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
  gap: 4px;
  cursor: pointer;
}
.TaxToolsLandingPage .TaxToolsLandingPage-readmore-model-container-header-details-container-details-button-text {
  width: fit-content;
  font-weight: 500;
  font-size: 14px;
  color: var(--primary);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.TaxToolsLandingPage .TaxToolsLandingPage-readmore-model-container-header-details-container-details-button-icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 20px;
  height: 20px;
}
.TaxToolsLandingPage .TaxToolsLandingPage-readmore-model-container-header-details-data {
  /* width: 790px; */
  background: var(--primary-variant-6);
  display: flex;
  flex-direction: column;
  padding-top: 0px;
}
.TaxToolsLandingPage .TaxToolsLandingPage-readmore-model-container-header-details-data-box {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--dark-variant-5);
  border-radius: 4px;
}
.TaxToolsLandingPage .TaxToolsLandingPage-readmore-model-container-header-details-rows {
  display: flex;
  flex-direction: column;
}
.TaxToolsLandingPage .TaxToolsLandingPage-readmore-model-container-header-details-rows > *:nth-child(even) {
  background: var(--primary-variant-5);
}
.TaxToolsLandingPage .TaxToolsLandingPage-readmore-model-container-header-details-data-row {
  display: flex;
  width: auto;
}
.TaxToolsLandingPage .TaxToolsLandingPage-readmore-model-container-header-details-data-row-column {
  width: 50%;
  padding: 12px 16px;
}
.TaxToolsLandingPage .TaxToolsLandingPage-readmore-model-container-header-details-data-row-column-text {
  font-weight: 400;
  color: var(--primary-variant-7);
  font-size: 14px;
}
.TaxToolsLandingPage a {
  text-decoration: underline;
}
.TaxToolsLandingPage .TaxToolsLandingPage-readmore-model-container-header-details-data-row-amount-column {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.TaxToolsLandingPage .TaxToolsLandingPage-readmore-model-container-header-details-data-container {
  /* width: 742px; */
  border-radius: 4px;
  border: 1px solid var(--dark-variant-5);
  display: flex;
}
.TaxToolsLandingPage .TaxToolsLandingPage-readmore-model-container-header-details-data-container-heading {
  background: var(--dark-variant-5);
  display: flex;
  width: 100%;
  /* width: 742px; */
}
.TaxToolsLandingPage .TaxToolsLandingPage-readmore-model-container-header-details-data-container-heading-text1 {
  width: 50%;
  padding-top: 12px;
  padding-right: 16px;
  padding-bottom: 12px;
  padding-left: 16px;
  font-weight: 700;
  font-style: Bold;
  font-size: 14px;
  color: var(--primary-variant-7);
}
.TaxToolsLandingPage .TaxToolsLandingPage-readmore-model-container-header-details-data-container-heading-text2 {
  display: flex;
  justify-content: center;
}
.TaxToolsLandingPage .TaxToolsLandingPage-readmore-model-action-button {
  /* width: auto; */
  display: flex;
  justify-content: space-between;
  padding-top: 12px;
  padding-right: 24px;
  padding-bottom: 16px;
  padding-left: 24px;
  background: var(--primary-variant-5);
}
.TaxToolsLandingPage .TaxToolsLandingPage-readmore-model-container-header-box {
  width: auto;
}
.TaxToolsLandingPage .TaxToolsLandingPage-readmore-model-container-header-box-text {
  font-weight: 400;
  font-size: 14px;
  color: var(--primary-variant-7);
}
.TaxToolsLandingPage .TaxToolsLandingPage-readmore-model-container-header-box-text-span {
  color: var(--secondary);
}
.TaxToolsLandingPage .TaxToolsLandingPage-readmore-model-action-button-close {
  width: auto;
  border-radius: 4px;
  background: var(--primary-variant-6);
  border: 1px solid var(--primary);
  padding-top: 5px;
  padding-right: 8px;
  padding-bottom: 5px;
  padding-left: 8px;
  display: flex;
  justify-content: center;
}
.TaxToolsLandingPage .TaxToolsLandingPage-readmore-model-action-button-close button {
  width: auto;
  height: auto;
  background: inherit;
  border: none;
  border-radius: inherit;
  cursor: pointer;
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  color: var(--primary);
}
.TaxToolsLandingPage .TaxToolsLandingPage-readmore-model-action-button-done {
  width: auto;
  border-radius: 4px;
  color: var(--primary-variant-6);
  background: var(--primary);
  border: 1px solid var(--primary);
  padding-top: 5px;
  padding-right: 8px;
  padding-bottom: 5px;
  padding-left: 8px;
}
.TaxToolsLandingPage .TaxToolsLandingPage-readmore-model-action-button-done button {
  width: auto;
  height: auto;
  border: none;
  border-radius: inherit;
  cursor: pointer;
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  background: var(--primary);
}
.TaxToolsLandingPage .TaxToolsLandingPage-quick-calculator-container {
  width: 100%;
  max-width: 1222px;
  box-sizing: border-box;
  border: 1px solid var(--primary-variant-8);
  /* height: 650px; */
}
.TaxToolsLandingPage .TaxToolsLandingPage-quick-calculator-container-heading {
  /* width: auto; */
  border-bottom-width: 1px;
  background: var(--background-4);
  border-bottom: 1px solid var(--primary-variant-8);
  display: flex;
  justify-content: space-between;
  padding: 16px;
}
.TaxToolsLandingPage .TaxToolsLandingPage-quick-calculator-container-heading-text {
  width: fit-content;
  font-weight: 700;
  font-style: Bold;
  font-size: 16px;
  color: var(--primary);
}
.TaxToolsLandingPage .TaxToolsLandingPage-quick-calculator-container-data {
  display: flex;
  width: auto;
}
.TaxToolsLandingPage .TaxToolsLandingPage-quick-calculator-container-data-column1 {
  /* background: var(--Neutral-100, rgba(255, 255, 255, 1)); */
  background: var(--background-4);
  border-right: 0.5px solid var(--dark-variant-5);
  /* height: 650px; */
}
.TaxToolsLandingPage .TaxToolsLandingPage-quick-calculator-container-data-column1-inside {
  width: 240px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-top: 20px;
  padding-right: 16px;
  padding-bottom: 20px;
  padding-left: 16px;
  border-right-width: 0.5px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  /* border-right: 0.5px solid var(--Neutral-300, rgba(223, 224, 226, 1)); */
  background: var(--background-4);
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--dark-variant-4) transparent;
}
.TaxToolsLandingPage .TaxToolsLandingPage-quick-calculator-container-data-column1-heading1 {
  /* width: auto; */
  display: flex;
  border-radius: 4px;
  padding: 12px;
  background: var(--primary-variant-8);
}
.TaxToolsLandingPage .TaxToolsLandingPage-quick-calculator-container-data-column1-heading2 {
  /* width: auto; */
  display: flex;
  border-radius: 4px;
  padding: 12px;
  background: var(--secondary-variant-3);
}
.TaxToolsLandingPage .TaxToolsLandingPage-quick-calculator-container-data-column1-heading-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 156px;
  color: var(--tt-secondary-info-700);
  font-weight: 700;
  font-style: Bold;
  font-size: 14px;
}
.TaxToolsLandingPage .TaxToolsLandingPage-quick-calculator-container-data-column2 {
  /* width: 982px; */
  background: var(--primary-variant-6);
  padding: 0px 12px;
}
.TaxToolsLandingPage .TaxToolsLandingPage-quick-calculator-container-data-column2-cotainer {
  border-radius: 4px;
  padding: 5px 0px 5px 5px;
  background: var(--secondary-variant-3);
}
.TaxToolsLandingPage .quick-calc-mobile-dropdown {
  margin-bottom: 16px;
  position: relative;
}
.TaxToolsLandingPage .quick-calc-dropdown-btn {
  width: 100%;
  padding: 12px;
  font-size: 16px;
  background: var(--primary-variant-6);
  border: 1px solid var(--neutral-light);
  text-align: left;
  display: flex;
  align-items: center;
  gap: 16px;
  /* justify-content: space-between; */
}
.TaxToolsLandingPage .quick-calc-dropdown-list {
  position: absolute;
  width: 100%;
  background: var(--primary-variant-6);
  border: 1px solid var(--neutral-light);
  z-index: 10;
  max-height: 200px;
  overflow-y: auto;
}
.TaxToolsLandingPage .quick-calc-dropdown-item {
  padding: 10px 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.TaxToolsLandingPage .quick-calc-dropdown-item.selected,
.TaxToolsLandingPage .quick-calc-dropdown-item:hover {
  background: var(--secondary-variant-1);
}

.AllTaxToolsLandingPage {
  /* Inner modal box */
}
.AllTaxToolsLandingPage .TaxToolsLandingPage-TaxToolsSearchBox {
  width: 100%;
  height: 100%;
  padding: 20px 16px;
  background: var(--primary-variant-6);
  border-radius: 4px;
  outline: 1px solid var(--dark-variant-5);
  outline-offset: -1px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.AllTaxToolsLandingPage .TaxToolsLandingPage-TabSelection {
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.AllTaxToolsLandingPage .TaxToolsLandingPage-TabSelectionAtoms {
  height: 40px;
  padding: 0 24px;
  border-radius: 2px 2px 0 0;
  display: flex;
  align-items: center;
  gap: 4px;
}
.AllTaxToolsLandingPage .TaxToolsLandingPage-TabSelectionAtoms.TaxToolsLandingPage-default {
  background: var(--primary-variant-6);
  border-bottom: 1px solid var(--dark-variant-5);
}
.AllTaxToolsLandingPage .TaxToolsLandingPage-TabSelectionAtoms.TaxToolsLandingPage-selected {
  background: var(--secondary-variant-3);
  border-bottom: 1.5px solid var(--secondary);
}
.AllTaxToolsLandingPage .TaxToolsLandingPage-TabLabel {
  color: var(--primary-variant-7);
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.12px;
}
.AllTaxToolsLandingPage .TaxToolsLandingPage-TabSelectionAtoms.TaxToolsLandingPage-selected .TaxToolsLandingPage-TabLabel {
  color: var(--secondary);
  font-weight: 700;
}
.AllTaxToolsLandingPage .TaxToolsLandingPage-LineExtend {
  flex: 1;
  height: 40px;
  padding: 9.5px 24px;
  border-bottom: 1px solid var(--dark-variant-5);
  background: var(--primary-variant-6);
}
.AllTaxToolsLandingPage .TaxToolsLandingPage-Frame1000003156 {
  align-self: stretch;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--dark-variant-5);
  display: flex;
  align-items: center;
}
.AllTaxToolsLandingPage .TaxToolsLandingPage-SearchTitle {
  color: var(--primary-variant-7);
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.12px;
}
.AllTaxToolsLandingPage .TaxToolsLandingPage-InputFields {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 28px;
}
.AllTaxToolsLandingPage .TaxToolsLandingPage-ActionButtons {
  display: flex;
  gap: 24px;
  margin-top: 5px;
}
.AllTaxToolsLandingPage .TaxToolsLandingPage-ButtonMedium {
  min-width: 84px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.AllTaxToolsLandingPage .TaxToolsLandingPage-ButtonIcons {
  height: 36px;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  gap: 4px;
  border-radius: 4px;
}
.AllTaxToolsLandingPage .TaxToolsLandingPage-Button {
  font-size: 14px;
  line-height: 21px;
  font-weight: 500;
  text-transform: capitalize;
}
.AllTaxToolsLandingPage .TaxToolsLandingPage-primary {
  background: var(--primary);
}
.AllTaxToolsLandingPage .TaxToolsLandingPage-primary .TaxToolsLandingPage-Button {
  color: var(--primary-variant-6);
}
.AllTaxToolsLandingPage .TaxToolsLandingPage-tertiary .TaxToolsLandingPage-Button {
  color: var(--primary);
}
.AllTaxToolsLandingPage .TaxToolsLandingPage-InputField {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.AllTaxToolsLandingPage .TaxToolsLandingPage-TitleBar {
  display: flex;
  align-items: center;
  gap: 8px;
}
.AllTaxToolsLandingPage .TaxToolsLandingPage-TextField {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--primary-variant-6);
  border: 1px solid var(--dark-variant-4);
  border-radius: 4px;
}
.AllTaxToolsLandingPage .TaxToolsLandingPage-PlaceholderText {
  flex: 1;
  font-size: 14px;
  border: none;
  padding: 8px 12px;
}
.AllTaxToolsLandingPage input.no-border {
  padding: 8px 12px;
  /* Removes the focus outline */
  background: none;
  /* Optional: Removes background if needed */
}
.AllTaxToolsLandingPage .inputBoxOne {
  gap: 4px;
}
.AllTaxToolsLandingPage .TaxToolsLandingPage-SearchIcon,
.AllTaxToolsLandingPage .TaxToolsLandingPage-ArrowIcon {
  width: 20px;
  height: 20px;
}
.AllTaxToolsLandingPage .TaxToolsLandingPage-DropDown {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  min-height: 37px;
  background: var(--primary-variant-6);
  border: 1px solid var(--dark-variant-4);
  border-radius: 4px;
}
.AllTaxToolsLandingPage .TaxToolsLandingPage-InputField.TaxToolsLandingPage-disabled .TaxToolsLandingPage-DropDown {
  background: var(--neutral-stroke-10);
  border-color: var(--dark-variant-5);
}
.AllTaxToolsLandingPage .accordians {
  margin-top: 24px;
}
.AllTaxToolsLandingPage .TaxToolsLandingPage-InfoCard {
  width: 100%;
  height: 100%;
  padding: 20px 16px;
  background: var(--secondary-variant-3);
  border-radius: 4px;
  outline: 1px solid var(--dark-variant-5);
  outline-offset: -1px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.AllTaxToolsLandingPage .TaxToolsLandingPage-InfoCardHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.AllTaxToolsLandingPage .TaxToolsLandingPage-Title {
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
  font-size: 12px;
  color: var(--tt-text-basic);
}
.AllTaxToolsLandingPage .TaxToolsLandingPage-ExpandContainer {
  display: flex;
  align-items: center;
  gap: 4px;
  height: 28px;
  padding: 4px 0;
  border-radius: 4px;
}
.AllTaxToolsLandingPage .TaxToolsLandingPage-ExpandText {
  color: var(--primary);
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  line-height: 21px;
  letter-spacing: 0.12px;
}
.AllTaxToolsLandingPage .TaxToolsLandingPage-ArrowIcon {
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}
.AllTaxToolsLandingPage .TaxToolsLandingPage-Arrow {
  position: absolute;
  top: 6.67px;
  left: 5px;
  width: 10px;
  height: 6.17px;
  background: var(--primary);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.AllTaxToolsLandingPage .TaxToolsLandingPage-BasicAccordion {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid var(--tt-secondary-info-bg-stroke-30);
}
.AllTaxToolsLandingPage .TaxToolsLandingPage-AccordionHeader {
  padding: 16px 24px;
  background: var(--secondary-variant-2);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  cursor: pointer;
}
.AllTaxToolsLandingPage .TaxToolsLandingPage-AccordionTitle {
  flex: 1;
  color: var(--tt-text-basic);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.12px;
}
.AllTaxToolsLandingPage .TaxToolsLandingPage-AccordionToggle {
  display: flex;
  align-items: center;
  gap: 4px;
}
.AllTaxToolsLandingPage .TaxToolsLandingPage-ToggleText {
  color: var(--tt-text-basic);
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  line-height: 21px;
  letter-spacing: 0.12px;
}
.AllTaxToolsLandingPage .TaxToolsLandingPage-ArrowIcon {
  width: 10px;
  height: 6px;
  background: var(--primary);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  transition: transform 0.3s ease;
}
.AllTaxToolsLandingPage .TaxToolsLandingPage-ArrowIcon.up {
  clip-path: polygon(50% 0, 0 100%, 100% 100%);
}
.AllTaxToolsLandingPage .TaxToolsLandingPage-AccordionContent {
  padding: 16px 24px;
  background-color: var(--primary-variant-6);
  border-top: 1px solid var(--dark-variant-5);
  font-size: 14px;
}
.AllTaxToolsLandingPage .notification {
  width: 30.33%;
  height: 100%;
  padding: 16px;
  background: var(--secondary-variant-3);
  border-radius: 4px;
  outline: 1px solid var(--dark-variant-5);
  outline-offset: -1px;
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  margin: 15px;
}
.AllTaxToolsLandingPage .card-header {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.AllTaxToolsLandingPage .card-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0.12px;
  color: var(--primary-variant-7);
}
.AllTaxToolsLandingPage .card-description {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: 0.12px;
  color: var(--primary-variant-7);
  word-break: break-word;
  /* helps with long tokens */
  white-space: normal;
}
.AllTaxToolsLandingPage .card-title {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  white-space: normal;
}
.AllTaxToolsLandingPage .card-title:hover {
  -webkit-line-clamp: unset;
  overflow: visible;
  background: #f9f9f9;
  /* optional highlight */
}
.AllTaxToolsLandingPage .card-description p {
  margin: 0;
}
.AllTaxToolsLandingPage .button-medium {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  border: none;
  background: var(--tt-secondary-info-bg-stroke-5);
}
.AllTaxToolsLandingPage .button-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: var(--secondary);
  background: var(--secondary-variant-3);
  border: none;
}
.AllTaxToolsLandingPage .card-footer {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.AllTaxToolsLandingPage .separator {
  width: 100%;
  height: 0px;
  border-top: 1px solid var(--dark-variant-4);
}
.AllTaxToolsLandingPage .open-icon {
  width: 20px;
  height: 20px;
  position: relative;
}
.AllTaxToolsLandingPage .open-icon-box {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 2.5px;
  left: 2.5px;
}
.AllTaxToolsLandingPage .highlight {
  background-color: yellow;
  font-weight: bold;
}
.AllTaxToolsLandingPage .TaxToolsLandingPage-readmore-model-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--tt-bg-color);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  box-sizing: border-box;
  margin: 0 auto;
}
.AllTaxToolsLandingPage .TaxToolsLandingPage-readmore-model-content {
  background: var(--primary-variant-6);
  max-height: 80vh;
  /* Limit height to 80% of viewport height */
  width: 90%;
  /* or fixed width as you want */
  overflow-y: auto;
  /* Enable vertical scroll inside modal content */
  padding: 20px;
  box-sizing: border-box;
  border-radius: 4px;
}
.AllTaxToolsLandingPage .TaxToolsLandingPage-readmore-model-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--tt-dark);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  box-sizing: border-box;
  margin: 0px auto;
}

@media (max-width: 360px) {
  .TaxToolsLandingPage {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0 8px;
    gap: 16px;
    box-sizing: border-box;
  }
  .TaxToolCard {
    flex-direction: column;
    width: 100% !important;
  }
  .TaxToolsLandingPageSearchBoxWrapperCol2 {
    max-width: 100%;
    width: 100%;
  }
  .notification {
    width: 100% !important;
    max-width: 100%;
    padding: 15px 0px !important;
  }
  input.no-border {
    padding: 8px 12px;
    outline: none;
    /* Removes the focus outline */
    background: none;
    /* Optional: Removes background if needed */
  }
  input.no-border:focus-visible {
    outline: none;
  }
  .TaxToolsLandingPage-container,
  .TaxToolsLandingPage-content,
  .TaxToolsLandingPage-content-container,
  .TaxToolsLandingPage-content-container-popular,
  .TaxToolsLandingPage-content-container-card,
  .TaxToolsLandingPage-content-container-card-data,
  .TaxToolsLandingPage-quick-calculator-container,
  .TaxToolsLandingPage-quick-calculator-container-data,
  .TaxToolsLandingPage-quick-calculator-container-data-column1-inside {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
  .TaxToolsLandingPage-content-container-card-container {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
  }
  .TaxToolsLandingPage-content-container-card {
    flex: 1 1 100%;
    max-width: 100%;
  }
  .TaxToolsLandingPage-readmore-model-container-header-details {
    overflow-x: auto;
  }
  .TaxToolsLandingPage .TaxToolsLandingPage-content-container-card-data-icon {
    position: absolute;
    bottom: 0px;
    right: 0px;
    height: 60px;
    width: 60px;
  }
  .TaxToolsLandingPage .TaxToolsLandingPage-content-container-card-data-icon img {
    max-width: 100%;
    max-height: 71%;
  }
  .TaxToolsLandingPage-content-container-card-data-container-description-read-more {
    max-width: 100px;
  }
}
/* Tablet view (361px–991px) */
@media (min-width: 361px) and (max-width: 991px) {
  .TaxToolsLandingPage-content-container-card-container {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
  }
  .notification {
    width: 100% !important;
    max-width: 100%;
    padding: 15px 0px !important;
  }
  input.no-border {
    padding: 8px 12px;
    /* Removes the focus outline */
    background: none;
    /* Optional: Removes background if needed */
  }
  input.no-border:focus-visible {
    outline: none;
  }
  .TaxToolCard {
    flex: 1 1 100%;
    width: 100% !important;
  }
  .TaxToolsLandingPage-content-container-card {
    flex: 1 1 calc(50% - 8px);
    /* Two-column layout */
    max-width: calc(50% - 8px);
    min-width: 280px;
    box-sizing: border-box;
  }
  .TaxToolsLandingPageSearchBoxWrapper {
    flex-direction: column;
    width: 100%;
  }
  .TaxToolsLandingPageSearchBoxWrapperCol2 {
    max-width: 100%;
    width: 100%;
  }
  .AllTaxToolsLandingPage.notification {
    width: 100%;
  }
}
@media (max-width: 320px) {
  .TaxToolsLandingPage .TaxToolsLandingPage-content-container-card-data-icon {
    position: absolute;
    bottom: 0px;
    right: 0px;
    height: 60px;
    width: 60px;
  }
  .TaxToolsLandingPage .TaxToolsLandingPage-content-container-card-data-icon img {
    max-width: 100%;
    max-height: 71%;
  }
  .TaxToolsLandingPage-content-container-card-data-container-description-read-more {
    max-width: 100px;
  }
  .TaxToolsLandingPage-AccordionHeader {
    flex-direction: column;
  }
}
/* Global mobile optimization */
@media (max-width: 768px) {
  .TaxToolsLandingPage-content-container-card {
    flex: 1 1 100%;
    max-width: 100%;
  }
  .notification {
    width: 100% !important;
    max-width: 100%;
    padding: 15px 0px !important;
  }
  input.no-border {
    padding: 8px 12px;
    /* Removes the focus outline */
    background: none;
    /* Optional: Removes background if needed */
  }
  input.no-border:focus-visible {
    outline: none;
  }
  .TaxToolCard {
    flex: 1 1 100%;
    width: 100% !important;
  }
  .TaxToolsLandingPage {
    padding: 0 16px;
  }
  .TaxToolsLandingPageSearchBoxWrapper {
    flex-direction: column;
    width: 100%;
  }
  .TaxToolsLandingPageSearchBoxWrapperCol2 {
    max-width: 100%;
    width: 100%;
  }
  .AllTaxToolsLandingPage.notification {
    width: 100%;
  }
}
.TaxToolsLandingPage-readmore-model-container-box {
  width: auto;
  display: flex;
  flex-direction: column;
  gap: 24px;
  border-radius: 4px;
  padding-top: 20px;
  padding-right: 24px;
  padding-bottom: 20px;
  padding-left: 24px;
  background: var(--tt-secondary-info-bg5);
}

.TaxToolsLandingPage-readmore-model-container-header-open-in-new-link {
  text-decoration: none;
  color: inherit;
  display: flex;
}

.TaxToolsLandingPage-readmore-model-container-header-open-in-new {
  display: flex;
  gap: 8px;
}

.TaxToolsLandingPage-readmore-model-container-header-open-in-new-text {
  font-size: 14px;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  align-items: baseline;
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 0%;
  text-decoration-skip-ink: auto;
  color: var(--tt-secondary);
}

.rotated {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}

.TaxToolsLandingPage-readmore-model-container-header-details-rows > *:nth-child(even) {
  background: var(--tt-primary-bg-stroke-5);
}

.TaxToolsLandingPage-readmore-model-container-header-box-text-span {
  color: var(--tt-secondary);
}

.TaxToolsLandingPage-readmore-model-container-header-details-container-details-button-text {
  width: fit-content;
  font-family: Font Family/Font Family;
  font-weight: 500;
  font-size: 14px;
  color: var(--tt-primary);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.tds_calculator {
  /* Left Section */
  /* Right Section */
  /* Disclaimer Button */
  max-width: 1270px;
  margin: 0 auto;
}
.tds_calculator .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.tds_calculator .frame-container {
  width: 100%;
  padding: 20px 16px;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-neutral-300);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.tds_calculator .computation {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.tds_calculator .form-group {
  flex: 1;
  display: flex;
  gap: 8px;
}
.tds_calculator .form-group.horizontal {
  flex-direction: row;
  align-items: center;
  gap: 16px;
}
.tds_calculator .form-label {
  font-size: 14px;
  color: var(--tt-text-basic);
  line-height: 21px;
  letter-spacing: 0.12px;
}
.tds_calculator .form-label {
  background: var(--tt-neutral-bg-stroke-10);
  border-color: var(--tt-neutral-300);
}
.tds_calculator .checkbox-group {
  display: flex;
  gap: 16px;
  padding: 12px 0;
}
.tds_calculator .checkbox-item {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  color: var(--tt-text-basic);
}
.tds_calculator .icon {
  width: 20px;
  height: 20px;
}
.tds_calculator .expand-icon::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 6px;
  background: var(--tt-neutral-800);
  mask: url("data:image/svg+xml;base64,...") center/contain no-repeat;
}
.tds_calculator .calendar-icon::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 17px;
  background: var(--tt-neutral-800);
  mask: url("data:image/svg+xml;base64,...") center/contain no-repeat;
}
.tds_calculator .input-row {
  display: inline-flex;
  align-items: center;
  align-self: stretch;
  justify-content: flex-start;
}
.tds_calculator .input-label {
  flex: 1;
  padding: 8px 12px;
  font-size: 14px;
  color: var(--tt-text-basic);
  background: var(--tt-neutral-100);
}
.tds_calculator .input-field-wrapper {
  width: 465px;
  padding: 12px 16px;
  display: flex;
  gap: 10px;
  background: var(--tt-neutral-100);
}
.tds_calculator .error-message {
  color: var(--tt-error);
  font-size: 12px;
  display: inline;
  margin-left: 50%;
}
.tds_calculator .input-field {
  flex: 1;
  padding: 8px 12px;
  display: inline-flex;
  gap: 8px;
  background: var(--tt-neutral-100);
  border-radius: 4px;
  outline: 1px solid var(--tt-neutral-400);
}
.tds_calculator .form-label {
  background: var(--tt-neutral-bg-stroke-10);
  border-color: var(--tt-neutral-300);
}
.tds_calculator .input-text {
  flex: 1;
  color: var(--tt-neutral-700);
  font-size: 14px;
}
.tds_calculator .dropdown-icon {
  width: 10px;
  height: 6.17px;
  background: var(--tt-neutral-800);
  margin-top: 7px;
}
.tds_calculator .disabled {
  background: var(--tt-neutral-bg-stroke-10);
  outline: 1px solid var(--tt-neutral-300);
}
.tds_calculator .disabled-text {
  color: var(--tt-neutral-600);
  justify-content: flex-end;
  text-align: right;
}
.tds_calculator .button-row {
  display: inline-flex;
  gap: 20px;
}
.tds_calculator .btn {
  min-width: 84px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tds_calculator .btn.primary {
  background-color: var(--tt-primary);
  color: var(--tt-neutral-100);
}
.tds_calculator .btn.tertiary {
  background-color: transparent;
  color: var(--tt-primary);
}
.tds_calculator .summary-card {
  max-height: fit-content;
  padding: 28px 48px 20px 24px;
  background-color: var(--tt-neutral-100);
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
  display: inline-flex;
  flex-direction: column;
  gap: 20px;
  justify-content: flex-start;
  align-items: flex-start;
}
.tds_calculator .summary-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-self: stretch;
}
.tds_calculator .summary-header {
  display: inline-flex;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--tt-neutral-300);
  align-items: center;
  gap: 10px;
}
.tds_calculator .summary-title {
  width: 275px;
  color: var(--tt-primary);
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.12px;
}
.tds_calculator .summary-box {
  width: 275px;
  border-radius: 4px;
  outline: 1px solid var(--tt-secondary-info-30);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.tds_calculator .summary-label-row {
  padding: 12px;
  display: inline-flex;
  gap: 10px;
  align-items: center;
  width: 100%;
}
.tds_calculator .summary-label {
  color: var(--tt-primary);
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0.12px;
}
.tds_calculator .summary-data {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.tds_calculator .summary-value-row {
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}
.tds_calculator .summary-value {
  color: var(--tt-text-basic);
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.12px;
}
.tds_calculator .header-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  box-sizing: border-box;
}
.tds_calculator .header-left {
  display: flex;
  align-items: center;
  gap: 12px;
}
.tds_calculator .header-title {
  color: var(--tt-primary);
  /* var(--Text-Primary) */
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0.12px;
  margin: 0;
}
.tds_calculator .info-icon {
  width: 24px;
  height: 24px;
  background-color: var(--tt-neutral-800);
  /* var(--Neutral-800) */
  border-radius: 50%;
}
.tds_calculator .header-right {
  display: flex;
  align-items: center;
  gap: 32px;
}
.tds_calculator .mandatory-note {
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
  color: var(--tt-neutral-900);
  /* var(--Neutral-900) */
  margin: 0;
}
.tds_calculator .asterisk {
  color: var(--tt-error);
  /* var(--Danger-500) */
  margin: 2px;
}
.tds_calculator .disclaimer-button {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 12px;
  min-width: 72px;
  background: var(--tt-neutral-100);
  /* var(--Neutral-100) */
  border: 1px solid var(--tt-primary);
  /* var(--Primary-600) */
  border-radius: 4px;
  cursor: pointer;
}
.tds_calculator .warning_image {
  margin-bottom: 10px;
}
.tds_calculator .disclaimer-icon {
  width: 18px;
  height: 16px;
  border-radius: 2px;
  color: var(--tt-primary);
}
.tds_calculator .disclaimer-text {
  color: var(--tt-primary);
  /* var(--Text-Primary) */
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  line-height: 21px;
  letter-spacing: 0.12px;
}
.tds_calculator .message-box {
  margin-top: 10px;
  font-weight: bold;
  color: var(--tt-error);
}
.tds_calculator .uniform-input,
.tds_calculator .form-select,
.tds_calculator .form-control {
  width: 100%;
  height: 37px;
  border: 1px solid var(--tt-neutral-400);
  background: var(--tt-neutral-100);
  color: var(--tt-text-basic);
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 14px;
}
.tds_calculator input[type=checkbox] {
  accent-color: var(--tt-primary);
  height: 24px;
  width: 24px;
}
.tds_calculator .border-red {
  border-color: var(--tt-error);
}
.tds_calculator .tcswarning-disclaimer-button {
  border: 1px solid var(--tt-primary-600);
  background: var(--tt-neutral-100);
  border-radius: 4px;
  display: flex;
  padding-top: 4px;
  padding-bottom: 4px;
  gap: 12px;
  align-items: center;
  color: var(--tt-primary);
}
.tds_calculator .tcswarning-disclaimer {
  display: flex;
  align-items: center;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  color: var(--tt-primary);
  cursor: pointer;
}
.tds_calculator .css-i44wyl {
  border: 1px solid var(--tt-neutral-400);
  border-radius: 4px;
  color: var(--tt-text-basic);
}
.tds_calculator .css-1bn53lx {
  color: var(--tt-text-basic);
}
.tds_calculator .css-1uvydh2::placeholder {
  color: var(--tt-text-basic);
}
.tds_calculator .css-vubbuv {
  color: var(--tt-primary);
}
.tds_calculator .custom-datepicker-late-fee {
  width: 460px;
}
.tds_calculator .css-1uvydh2 {
  box-sizing: border-box;
}
.tds_calculator .row1 {
  display: flex;
}
@media (min-width: 360px) and (max-width: 766px) {
  .tds_calculator .row1 {
    flex-direction: column;
    gap: 24px;
  }
  .tds_calculator .col-9 {
    max-width: 100%;
  }
  .tds_calculator .frame-container {
    padding: 16px;
  }
  .tds_calculator .header-container {
    flex-direction: column;
    align-items: normal;
    gap: 9px;
  }
  .tds_calculator .input-row {
    flex-direction: column;
    align-items: normal;
    gap: 8px;
  }
  .tds_calculator .input-field-wrapper {
    width: 100%;
    padding: 0px;
  }
  .tds_calculator .error-message {
    margin-left: 0%;
  }
  .tds_calculator .input-label {
    padding: 0px;
  }
  .tds_calculator .custom-datepicker-late-fee {
    width: 100%;
  }
  .tds_calculator .col-3 {
    max-width: 100%;
  }
  .tds_calculator .summary-card {
    width: 100%;
  }
  .tds_calculator .summary-box {
    width: 100%;
  }
}
@media (min-width: 767px) and (max-width: 1365px) {
  .tds_calculator .row1 {
    flex-direction: column;
    gap: 24px;
  }
  .tds_calculator .col-9 {
    max-width: 100%;
  }
  .tds_calculator .frame-container {
    padding: 16px;
  }
  .tds_calculator .input-field-wrapper {
    width: 50%;
    padding: 0px;
  }
  .tds_calculator .input-label {
    padding: 0px;
    width: 50%;
  }
  .tds_calculator .custom-datepicker-late-fee {
    width: 100%;
  }
  .tds_calculator .col-3 {
    max-width: 100%;
  }
  .tds_calculator .summary-card {
    width: 100%;
  }
  .tds_calculator .summary-box {
    width: 100%;
  }
}
@media (min-width: 767px) and (max-width: 990px) {
  .tds_calculator .row1 {
    flex-direction: column;
    gap: 24px;
  }
}
@media (min-width: 991px) and (max-width: 1365px) {
  .tds_calculator .row1 {
    display: grid;
    grid-template-columns: 75% 25%;
    gap: 0px;
  }
}

.partner-remuneration-container {
  background: var(--tt-secondary-info-bg2);
  padding: 2rem 0;
  min-height: 100vh;
  /* Add to your CSS file */
}
@media (min-width: 1272px) {
  .partner-remuneration-container {
    display: flex;
    justify-content: center;
  }
}
@media (min-width: 992px) {
  .partner-remuneration-container .col-12.col-md-9.mb-4 {
    max-width: 947px;
    width: 100%;
  }
}
@media (max-width: 991px) {
  .partner-remuneration-container .row {
    flex-direction: column;
  }
  .partner-remuneration-container .col-12.col-md-9.mb-4,
  .partner-remuneration-container .col-12.col-md-3 {
    max-width: 100%;
    width: 100%;
  }
}
.partner-remuneration-container .left-pane {
  border-radius: 8px;
  padding: 2rem 1.5rem;
  border-radius: 0.25rem;
}
.partner-remuneration-container .right-pane {
  border-radius: 12px;
  background: var(--tt-neutral-100);
  /* Card - Drop shadow */
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
  padding: 1.5rem 1rem;
  min-height: 300px;
}
.partner-remuneration-container .section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
  max-width: 937px;
}
.partner-remuneration-container .section-title-wrapper {
  display: flex;
  align-items: center;
  min-width: 332px;
}
@media (min-width: 991px) {
  .partner-remuneration-container .section-title-wrapper {
    min-width: 300px;
  }
}
.partner-remuneration-container .section-title {
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0;
  color: var(--tt-primary);
}
.partner-remuneration-container .css-13cymwt-control {
  min-height: 43px;
}
.partner-remuneration-container .section-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 100%;
  width: 100%;
}
@media (min-width: 991px) {
  .partner-remuneration-container .section-actions {
    justify-content: space-between;
  }
}
@media (min-width: 1371px) {
  .partner-remuneration-container .section-actions {
    justify-content: end;
  }
}
.partner-remuneration-container .row {
  margin: 0 auto;
}
.partner-remuneration-container .mandatory-note {
  font-size: 0.95rem;
}
.partner-remuneration-container .text-danger1 {
  color: var(--tt-error);
  margin-right: 2px;
}
.partner-remuneration-container .warning-disclaimer-button {
  border-radius: 0.25rem;
  border: 1px solid var(--tt-primary);
  background: var(--tt-neutral-100);
  color: var(--tt-primary);
  border-radius: 4px;
  padding: 0.25rem 0.75rem;
  font-size: 0.95rem;
  margin-left: 1rem;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.partner-remuneration-container .warning-disclaimer-button .icon {
  width: 20px;
}
.partner-remuneration-container .inline-border {
  border-radius: 8px;
  padding: 1.5rem 1rem;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-secondary-info-30);
  background: var(--tt-neutral-100);
  max-width: 937px;
}
.partner-remuneration-container .remove-icon {
  color: var(--tt-error);
}
.partner-remuneration-container .form-group-custom {
  margin-bottom: 1.25rem;
}
.partner-remuneration-container .double-input-group {
  display: flex;
  gap: 4rem;
  flex-wrap: wrap;
}
.partner-remuneration-container .add-icon {
  color: var(--tt-primary);
}
.partner-remuneration-container .add-more-img {
  display: "inline-flex";
  vertical-align: "middle";
  margin-right: 4px;
  color: var(--tt-error);
}
.partner-remuneration-container .icon {
  color: var(--tt-primary);
}
.partner-remuneration-container .form-input-wrapper {
  flex: 1 1 90px;
  min-width: 180px;
  max-width: 396px;
}
.partner-remuneration-container .form-label {
  font-weight: 500;
  margin-bottom: 0.25rem;
  display: block;
  color: var(--tt-text-basic);
  min-height: 42px;
}
.partner-remuneration-container .form-input {
  width: 100%;
  padding: 0.45rem 0.75rem;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-400);
  background: var(--tt-neutral-100);
  border-radius: 4px;
  font-size: 1rem;
  margin-bottom: 0.25rem;
  color: var(--tt-text-basic);
}
.partner-remuneration-container .field-error-message {
  color: var(--tt-error);
  font-size: 0.92rem;
  margin-top: 0.1rem;
}
.partner-remuneration-container .input-error {
  border: 1px solid var(--tt-error) !important;
}
.partner-remuneration-container .custom-box-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 1rem;
  background: var(--tt-neutral-100);
  overflow-x: auto;
  display: block;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-300);
}
.partner-remuneration-container .custom-box-table th,
.partner-remuneration-container .custom-box-table td {
  padding: 0.5rem 0.75rem;
  text-align: left;
  font-size: 0.98rem;
}
.partner-remuneration-container .partner-heading {
  background: var(--tt-primary-bg-stroke-5);
  font-weight: 600;
}
.partner-remuneration-container .partner-row:nth-child(even) {
  background: var(--tt-primary-bg-stroke-5);
}
.partner-remuneration-container .partner-col-sno {
  width: 40px;
  text-align: center;
}
.partner-remuneration-container .partner-col-name,
.partner-remuneration-container .partner-col-rate,
.partner-remuneration-container .partner-col-amount,
.partner-remuneration-container .partner-col-action {
  min-width: 119px;
}
.partner-remuneration-container .partner-section {
  width: 100%;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-400);
  background: var(--tt-neutral-100);
  border-radius: 4px;
  font-size: 0.98rem;
  color: var(--tt-text-basic);
}
.partner-remuneration-container .add-more {
  display: flex;
  align-items: center;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-primary);
  background: var(--tt-neutral-100);
  border-radius: 4px;
  padding: 0.35rem 0.9rem;
  font-size: 1rem;
  margin: 0.5rem 0 1.2rem 0;
  cursor: pointer;
  transition: background 0.2s;
  color: var(--tt-primary);
}
.partner-remuneration-container .add-more-img {
  width: 22px;
  margin-right: 0.5rem;
}
.partner-remuneration-container .add-icon {
  color: var(--tt-primary);
}
.partner-remuneration-container .action-button {
  border: none;
  border-radius: 4px;
  padding: 0.25rem 0.85rem;
  font-size: 0.97rem;
  cursor: pointer;
  margin-left: 0.2rem;
  margin-top: 0.2rem;
  transition: background 0.2s;
  border-radius: 0.25rem;
  border: 0.5px solid var(--tt-neutral-400);
  display: flex;
  height: 2.25rem;
  min-width: 5.25rem;
  padding: 0.5rem 1rem;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  color: var(--tt-neutral-100);
  /* Button/Button - Medium */
  font-size: var(--font-size-s-2-b-2, 0.875rem);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-For-Font-Size---14, 1.3125rem); /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
  text-transform: capitalize;
  border-radius: 0.25rem;
  background: var(--tt-primary);
}
.partner-remuneration-container .remove-icon {
  color: var(--tt-error);
}
.partner-remuneration-container .note-only {
  margin: 1.2rem 0 0.7rem 0;
  border-radius: 0.25rem;
  border: 1px solid var(--secondary-300);
  background: var(--tt-secondary-info-bg5);
}
.partner-remuneration-container .note-text {
  color: var(--tt-neutral-900);
  /* Body/B3 (S) - Italic */
  font-size: var(--font-size-s-3-b-3, 0.75rem);
  font-style: italic;
  font-weight: 400;
  line-height: var(--Line-Height-For-Font-Size---12, 1.125rem);
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
.partner-remuneration-container .Note-point {
  padding: 0.7rem 1rem;
  border-radius: 4px;
  font-size: 0.97rem;
  align-items: center;
  overflow: hidden;
  color: var(--tt-secondary);
  text-overflow: ellipsis;
  /* Subheading/S2 (M) - Bold */
  font-size: var(--font-size-s-2-b-2, 0.875rem);
  font-style: normal;
  font-weight: 700;
  line-height: var(--Line-Height-For-Font-Size---14, 1.3125rem); /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
.partner-remuneration-container .note-icon-button {
  background: none;
  border: none;
  color: var(--tt-secondary);
  font-size: 1.3rem;
  margin-right: 0.5rem;
  cursor: default;
}
.partner-remuneration-container .custom-error-message {
  display: flex;
  align-items: flex-start;
  background: #ffebee;
  border: 1px solid #ffcdd2;
  border-radius: 4px;
  padding: 0.7rem 1rem;
  margin-top: 1rem;
}
.partner-remuneration-container .cancel-image-wrapper {
  margin-right: 0.7rem;
}
.partner-remuneration-container .cancel-image {
  width: 22px;
  height: 22px;
}
.partner-remuneration-container .error-text {
  color: var(--tt-error);
  font-size: 1rem;
}
.partner-remuneration-container .results {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 1.2rem;
  color: var(--tt-primary);
  /* Heading/H4 (S) - Bold */
  font-size: var(--Font-Size-H4, 1.25rem);
  font-style: normal;
  font-weight: 700;
  line-height: var(--Line-Height-For-Font-Size---20, 1.875rem); /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
.partner-remuneration-container .custom-card {
  border-radius: 8px;
  padding: 1rem 0.7rem;
}
.partner-remuneration-container .toggle-btn-container--edit-auto {
  display: flex;
  align-items: center;
  gap: 0;
}
.partner-remuneration-container .toggle-btn {
  padding: 6px 18px;
  border: none;
  outline: none;
  font-size: 1rem;
  color: var(--tt-primary);
  font-weight: normal;
  border-radius: 4px;
  box-shadow: none;
  transition: background 0.2s, color 0.2s, font-weight 0.2s, box-shadow 0.2s;
  cursor: pointer;
  z-index: 2;
  background-color: var(--tt-neutral-100);
  border: 2px solid var(--tt-primary);
}
.partner-remuneration-container .toggle-btn--edit {
  border-right: none;
}
.partner-remuneration-container .toggle-btn--auto {
  border-left: none;
  margin-left: -1px;
}
.partner-remuneration-container .toggle-btn--active {
  background: var(--tt-primary);
  color: var(--tt-neutral-100);
  font-weight: bold;
  cursor: default;
}
.partner-remuneration-container .toggle-btn:disabled {
  cursor: default;
}
.partner-remuneration-container .custom-section {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.partner-remuneration-container .border-box {
  border-radius: 6px;
  padding: 0.7rem 0.9rem;
  margin-bottom: 0.5rem;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-secondary-info-30);
}
.partner-remuneration-container .custom-label {
  font-weight: 500;
  margin-bottom: 0.3rem;
  display: block;
  color: var(--tt-primary);
  /* Subheading/S2 (M) - Medium */
  font-size: var(--font-size-s-2-b-2, 0.875rem);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-For-Font-Size---14, 1.3125rem); /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
.partner-remuneration-container .custom-display-box input[readonly] {
  border: none;
  font-weight: 600;
  font-size: 1.08rem;
  color: var(--tt-text-basic);
  /* Heading/H4 (S) - Bold */
  font-size: var(--Font-Size-H4, 1.25rem);
  font-style: normal;
  font-weight: 700;
  line-height: var(--Line-Height-For-Font-Size---20, 1.875rem); /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
  width: 100%;
  background-color: var(--tt-neutral-100);
}
.partner-remuneration-container .reset {
  margin-top: 1.5rem;
  text-align: right;
}
.partner-remuneration-container .btn-reset {
  border-radius: 4px;
  padding: 0.35rem 1.1rem;
  font-size: 1rem;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
  color: var(--tt-primary);
  /* Button/Button - Medium */
  font-size: var(--font-size-s-2-b-2, 0.875rem);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-For-Font-Size---14, 1.3125rem); /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
  text-transform: capitalize;
  background: var(--tt-neutral-100);
}
@media (max-width: 1366px) {
  .partner-remuneration-container .partner-remuneration-container .row {
    flex-direction: column;
  }
  .partner-remuneration-container .left-pane,
  .partner-remuneration-container .right-pane {
    width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 991.98px) {
  .partner-remuneration-container .left-pane, .partner-remuneration-container .right-pane {
    padding: 1rem 0.5rem;
  }
  .partner-remuneration-container .inline-border {
    padding: 1rem 0.5rem;
  }
}
@media (max-width: 767.98px) {
  .partner-remuneration-container .double-input-group {
    flex-direction: column;
  }
  .partner-remuneration-container .form-input-wrapper {
    min-width: 100%;
  }
  .partner-remuneration-container .section-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.7rem;
  }
  .partner-remuneration-container .results {
    margin-top: 2rem;
  }
}
@media (max-width: 575.98px) {
  .partner-remuneration-container .partner-remuneration-container {
    padding: 0.5rem 0.2rem;
  }
  .partner-remuneration-container .left-pane, .partner-remuneration-container .right-pane {
    border-radius: 0;
    box-shadow: none;
  }
  .partner-remuneration-container .custom-card {
    padding: 0.5rem 0.2rem;
  }
}
.partner-remuneration-container .edit-toggle {
  display: grid;
  row-gap: 1.5rem;
  column-gap: 24px;
  align-self: stretch;
  grid-template-rows: repeat(1, minmax(0, 1fr));
}
.partner-remuneration-container .edit-toggle .form-input {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 0.625rem;
  flex: 1 0 0;
  align-self: stretch;
  grid-row: 1/span 1;
  grid-column: 1/span 1;
}
.partner-remuneration-container .edit-toggle .toggle-btn-container {
  display: flex;
  padding: 0.25rem;
  align-items: center;
  grid-row: 1/span 1;
  grid-column: 2/span 1;
}
.partner-remuneration-container .edit-toggle .action-button {
  border-radius: 0.25rem;
  border: 0.5px solid var(--Neutral-400, #BFC1C5);
  background: var(--Neutral-100, #FFF);
  display: flex;
  height: 1.75rem;
  min-width: 3.5rem;
  padding: 0 0.75rem;
  justify-content: center;
  align-items: center;
}
.partner-remuneration-container .edit-toggle .action-button.edit-mode {
  border-radius: 0.125rem;
  background: var(--secondary-info-bg-stroke-10, #E6F0FA);
}
.partner-remuneration-container .edit-toggle .action-button.auto-mode {
  border-radius: 0.125rem;
  background: var(--Neutral-100, #FFF);
}
@media (max-width: 991.98px) {
  .partner-remuneration-container .left-pane, .partner-remuneration-container .right-pane {
    padding: 1rem 0.5rem;
  }
  .partner-remuneration-container .inline-border {
    padding: 1rem 0.5rem;
  }
}
@media (max-width: 767.98px) {
  .partner-remuneration-container .double-input-group {
    flex-direction: column;
    gap: 0.5rem;
  }
  .partner-remuneration-container .form-input-wrapper {
    min-width: 100%;
  }
  .partner-remuneration-container .section-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.7rem;
  }
  .partner-remuneration-container .results {
    margin-top: 2rem;
  }
}
@media (max-width: 575.98px) {
  .partner-remuneration-container .partner-remuneration-container {
    padding: 0.5rem 0.2rem;
  }
  .partner-remuneration-container .left-pane, .partner-remuneration-container .right-pane {
    border-radius: 0;
    box-shadow: none;
  }
  .partner-remuneration-container .custom-card {
    padding: 0.5rem 0.2rem;
  }
}
.partner-remuneration-container .etds-disabled-children {
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-300);
  background: var(--tt-neutral-10);
  color: var(--tt-text-basic);
}
.partner-remuneration-container button:focus-visible {
  outline-offset: 0.125rem;
  box-shadow: unset;
}
.partner-remuneration-container .form-input.form-input--editable:focus {
  background-color: var(--tt-neutral-100) !important;
}

.tcs {
  display: flex;
}
.tcs .tcs-container {
  display: flex;
  margin: 0px auto;
}
.tcs .tcs-header {
  width: 947px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-right: 20px;
}
.tcs .tcs-heading {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 24px 0px;
}
.tcs .tcs-heading-title {
  color: var(--tt-primary);
  font-weight: 700;
  font-style: Bold;
  font-size: 24px;
}
.tcs .tcs-heading-subtitle {
  display: flex;
  gap: 32px;
}
.tcs .tcs-text-danger {
  display: flex;
  justify-content: center;
  align-items: center;
}
.tcs .tcs-error-message {
  color: var(--tt-error);
  margin-left: 4px;
  display: flex;
  gap: 4px;
  align-items: center;
}
.tcs .tcs-astric {
  color: var(--tt-error);
}
.tcs .tcs-note-text50 {
  font-weight: 400;
  font-style: Italic;
  font-size: 12px;
  color: var(--tt-neutral-900);
}
.tcs button:focus-visible {
  outline-offset: 0.125rem;
  box-shadow: unset;
}
.tcs .tcswarning-disclaimer-button {
  border: 1px solid var(--tt-primary-600);
  background: var(--tt-neutral-100);
  border-radius: 4px;
  display: flex;
  padding-top: 4px;
  padding-right: 12px;
  padding-bottom: 4px;
  padding-left: 12px;
  align-items: center;
  color: var(--tt-primary);
}
.tcs .tcs-icon {
  width: 20px;
  height: 20px;
}
.tcs .tcswarning-disclaimer {
  display: flex;
  align-items: center;
  padding: 4px 12px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  color: var(--tt-primary);
  cursor: pointer;
}
.tcs .tcs-header-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.tcs .tcs-header-content {
  display: flex;
  gap: 24px;
  padding-top: 20px;
  padding-right: 16px;
  padding-bottom: 20px;
  padding-left: 16px;
  border-radius: 4px;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-neutral-300);
}
.tcs .tcs-header-content-box {
  width: 915px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.tcs .tcs-financial-year {
  width: 100%;
  display: flex;
}
.tcs .tcs-label-text {
  font-weight: 400;
  color: var(--tt-text-basic);
  font-size: 14px;
}
.tcs .tcs-financial-year-label {
  width: 49.18%;
  gap: 8px;
  padding-top: 11.5px;
  padding-right: 16px;
  padding-bottom: 11.5px;
  padding-left: 16px;
  font-weight: 400;
  color: var(--tt-text-basic);
  font-size: 14px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.tcs .tcs-financial-year-value {
  width: 50.82%;
  padding-top: 12px;
  padding-right: 16px;
  padding-bottom: 12px;
  padding-left: 16px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.tcs .tcs-select-box {
  width: 100%;
  background: var(--tt-neutral-100);
  font-size: 14px;
  font-weight: 400;
  color: var(--tt-neutral-700);
  padding: 8px 12px;
  margin: 0;
  border: 1px solid var(--tt-neutral-400);
  border-radius: 4px;
  font-weight: 400;
  font-size: 14px;
}
.tcs .tcs-select-box:invalid {
  color: var(--tt-neutral-700);
}
.tcs .tcs-select-box:valid {
  color: var(--tt-text-basic);
}
.tcs .tcs-input-box {
  width: 100%;
  background: transparent;
  font-size: 14px;
  font-weight: 400;
  color: var(--tt-text-basic);
  padding: 8px 12px;
  margin: 0;
  border: 1px solid var(--tt-neutral-400);
  border-radius: 4px;
  font-weight: 400;
  font-size: 14px;
}
.tcs .tcs-input-error {
  border: 1px solid var(--tt-error);
}
.tcs .tcs-pan-available {
  display: flex;
  align-items: center;
  padding-right: 16px;
  padding-left: 16px;
  display: flex;
  gap: 12px;
  width: 50%;
}
.tcs .tcs-pan-available-label {
  font-weight: 400;
  color: var(--tt-text-basic);
  font-size: 14px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.tcs .tcs-financial-year-value input.tcs-threshold-input {
  background: var(--tt-neutral-bg-stroke-10) !important;
  cursor: not-allowed;
}
.tcs .tcs-results-container {
  width: 347px;
  padding: 28px 24px 20px 24px;
  background: var(--tt-neutral-100);
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-height: fit-content;
}
.tcs .tcs-action-wrapper {
  width: 893px;
  padding-top: 12px;
  padding-bottom: 12px;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
}
.tcs .tcs-action-buttons {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
}
.tcs .tcs-button-wrapper {
  min-width: 84px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.tcs .tcs-button-wrapper.tcs-primary {
  background: var(--tt-primary);
}
.tcs .tcs-button-wrapper.tcs-tertiary {
  background: transparent;
}
.tcs .tcs-button-inner {
  min-width: 84px;
  padding: 8px 16px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.tcs .tcs-button-label {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
  text-transform: capitalize;
}
.tcs .tcs-button-wrapper.tcs-primary .tcs-button-label {
  color: var(--tt-neutral-100);
}
.tcs .tcs-button-wrapper.tcs-tertiary .tcs-button-label {
  color: var(--tt-primary);
}
.tcs .tcs-button-primary {
  min-width: 84px;
  padding: 8px 16px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  background: var(--tt-primary);
  color: var(--tt-neutral-100);
  cursor: pointer;
}
.tcs .tcs-button-tertiary {
  min-width: 84px;
  padding: 8px 16px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  background: transparent;
  color: var(--tt-primary);
  cursor: pointer;
}
.tcs .tcs-button-clickable {
  width: 100%;
  height: 100%;
  border: none;
  cursor: pointer;
  display: block;
}
.tcs button:focus-visible {
  outline-offset: 0.125rem;
  box-shadow: unset;
}
.tcs .tcs-results-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 275px;
  gap: 20px;
}
.tcs .tcs-results-header {
  padding-bottom: 8px;
  border-bottom: 1px solid var(--tt-neutral-300);
  display: flex;
  align-items: center;
}
.tcs .tcs-results-title {
  width: 275px;
  color: var(--tt-primary);
  font-size: 20px;
  font-weight: 700;
}
.tcs .tcs-result-card {
  width: 275px;
  border-radius: 4px;
  border: 1px solid var(--tt-secondary-info-30);
  display: flex;
  flex-direction: column;
  background: var(--tt-neutral-100);
}
.tcs .tcs-result-card-header {
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.tcs .tcs-result-card-title {
  color: var(--tt-primary);
  font-size: 14px;
  font-weight: 500;
}
.tcs .result-card-value-wrapper {
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.tcs .result-card-value {
  font-size: 20px;
  font-weight: 700;
  color: var(--tt-text-basic);
}
.tcs .css-i44wyl {
  border: 1px solid var(--tt-neutral-400);
  border-radius: 4px;
  color: var(--tt-text-basic);
}
.tcs .css-1bn53lx {
  color: var(--tt-text-basic);
}
.tcs .css-1uvydh2 {
  padding: 10px;
}
.tcs .css-1uvydh2::placeholder {
  color: var(--tt-text-basic);
}
.tcs .css-vubbuv {
  color: var(--tt-primary);
}
.tcs input[type=checkbox] {
  accent-color: var(--tt-secondary-info-500);
}
.tcs input[type=number]::-webkit-inner-spin-button,
.tcs input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.tcs input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}
@media (max-width: 766px) {
  .tcs .tcs-container {
    flex-direction: column;
    width: 100%;
    padding: 10px;
    margin: 0 auto;
    gap: 16px;
  }
  .tcs .tcs-header {
    width: 100%;
    padding-right: 0px;
  }
  .tcs .tcs-heading {
    flex-direction: column;
    gap: 8px;
  }
  .tcs .tcs-header-container {
    width: 100%;
  }
  .tcs .tcs-header-content {
    padding: 10px;
  }
  .tcs .tcs-results-container {
    width: 100%;
  }
  .tcs .tcs-financial-year {
    flex-direction: column;
  }
  .tcs .tcs-financial-year-label {
    width: 100%;
    padding-bottom: 0px;
    padding-left: 0px;
  }
  .tcs .tcs-financial-year-value {
    width: 100%;
    padding-left: 0px;
  }
  .tcs .tcs-pan-available {
    width: 100%;
  }
  .tcs .tcs-action-wrapper {
    width: 100%;
  }
  .tcs .tcs-header-content-box {
    width: 100%;
  }
  .tcs .tcs-results-content {
    width: 100%;
  }
  .tcs .tcs-results-header {
    width: 100%;
  }
  .tcs .tcs-results-title {
    width: 100%;
  }
  .tcs .tcs-result-card {
    width: 100%;
  }
}
@media (min-width: 767px) and (max-width: 990px) {
  .tcs .tcs-container {
    flex-direction: column;
    width: 100%;
    padding: 10px;
    margin: 0 auto;
    gap: 16px;
  }
  .tcs .tcs-header {
    width: 100%;
    gap: 12px;
    padding-right: 0px;
  }
  .tcs .tcs-header-container {
    width: 100%;
  }
  .tcs .tcs-header-content {
    padding: 12px;
  }
  .tcs .tcs-header-content-box {
    width: 100%;
  }
  .tcs .tcs-action-wrapper {
    width: 100%;
  }
  .tcs .tcs-results-container {
    width: 100%;
    max-width: 947px;
  }
  .tcs .tcs-results-content {
    width: 100%;
  }
  .tcs .tcs-results-header {
    width: 100%;
  }
  .tcs .tcs-results-title {
    width: 100%;
  }
  .tcs .tcs-result-card {
    width: 100%;
  }
}
@media (min-width: 991px) and (max-width: 1365px) {
  .tcs {
    align-items: center;
  }
  .tcs .tcs-container {
    width: 100%;
    padding: 10px;
    margin: 0 auto;
    gap: 16px;
    display: grid;
    grid-template-columns: 74% 25%;
  }
  .tcs .tcs-header {
    width: 100%;
    padding-right: 0px;
  }
  .tcs .tcs-header-container {
    width: 100%;
  }
  .tcs .tcs-header-content-box {
    width: 100%;
  }
  .tcs .tcs-results-container {
    width: 100%;
  }
  .tcs .tcs-results-content {
    width: 100%;
  }
  .tcs .tcs-results-header {
    width: 100%;
  }
  .tcs .tcs-results-title {
    width: 100%;
  }
  .tcs .tcs-result-card {
    width: 100%;
  }
}

.house_property_income1 {
  width: 100%;
  margin: 0 auto;
  padding: 0 24px;
}
.house_property_income1 .house-property-container {
  display: flex;
  gap: 16px;
  margin: 0 auto;
  width: fit-content;
}
@media (min-width: 991px) and (max-width: 1365px) {
  .house_property_income1 .house-property-container {
    display: grid;
    grid-template-columns: 75% 25%;
    gap: 8px;
    width: 100%;
  }
}
@media (max-width: 990px) {
  .house_property_income1 .house-property-container {
    flex-direction: column;
    gap: 8px;
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .house_property_income1 {
    padding: 0 16px;
  }
}
@media (max-width: 480px) {
  .house_property_income1 {
    padding: 0 12px;
  }
}
.house_property_income1 .Frame3449 {
  width: 100%;
  max-width: 100%;
  justify-content: space-between;
  display: flex;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .house_property_income1 .Frame3449 {
    flex-direction: column;
    gap: 12px;
    height: auto;
  }
}
.house_property_income1 .Frame3447 {
  width: 100%;
  max-width: 573px;
  height: 36px;
  gap: 12px;
  text-align: left;
  box-sizing: border-box;
}
.house_property_income1 .El_Heading {
  width: 100%;
  max-width: 537px;
  height: 36px;
  font-weight: 700;
  font-size: 24px;
  line-height: 150%;
  letter-spacing: 0%;
  color: var(--tt-primary);
  display: inline;
  box-sizing: border-box;
}
.house_property_income1 .buttonIcon {
  width: 24px;
  height: 24px;
  display: inline-block;
}
.house_property_income1 .vectorImage {
  width: 20px;
  height: 20px;
  margin-top: 2px;
  margin-left: 2px;
  color: var(--tt-neutral-800);
}
.house_property_income1 .Frame3448 {
  width: 100%;
  max-width: 305px;
  height: 60px;
  gap: 32px;
  display: flex;
  box-sizing: border-box;
  align-items: center;
}
.house_property_income1 .Astrisks {
  width: 155px;
  height: 18px;
  gap: 2px;
  display: inline-block;
}
.house_property_income1 .asterisk {
  color: var(--tt-error);
}
.house_property_income1 .mandatory {
  width: 155px;
  height: 18px;
  font-weight: 400;
  font-style: italic;
  font-size: 11px;
  line-height: 150%;
  letter-spacing: 0%;
}
.house_property_income1 .buttonSmall {
  width: 118px;
  height: 28px;
  min-width: 72px;
  border-radius: 4px;
  border-width: 1px;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-primary);
}
.house_property_income1 .buttons_Icons {
  width: 118px;
  height: 28px;
  min-width: 72px;
  gap: 4px;
  border-radius: 4px;
  padding-top: 4px;
  padding-right: 12px;
  padding-bottom: 4px;
  padding-left: 12px;
  display: flex;
}
.house_property_income1 .warning {
  width: 20px;
  height: 20px;
}
.house_property_income1 .warningImage {
  width: 18.33px;
  height: 15.83px;
  top: 1.67px;
  margin-bottom: 10px;
  left: 0.83px;
  color: var(--tt-primary);
}
.house_property_income1 .Disclaimer {
  width: 70px;
  height: 21px;
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0%;
  text-transform: capitalize;
  color: var(--tt-primary);
}
.house_property_income1 .annexures {
  width: 947px;
  height: auto;
  gap: 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 1365px) {
  .house_property_income1 .annexures {
    flex-direction: column;
    width: 100%;
    gap: 20px;
  }
}
.house_property_income1 .accordians {
  width: 100%;
  height: auto;
  border-radius: 4px;
  border-width: 1px;
  border: 1px solid var(--tt-neutral-300);
  background: var(--tt-neutral-100);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
@media (max-width: 1024px) {
  .house_property_income1 .accordians {
    max-width: 100%;
  }
}
.house_property_income1 .specifiedServices {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  height: auto;
  min-height: 60px;
  display: flex;
  justify-content: space-between;
  padding: 8px 16px;
  gap: 8px;
}
@media (max-width: 768px) {
  .house_property_income1 .specifiedServices {
    flex-direction: column;
    height: auto;
    padding: 12px;
  }
}
.house_property_income1 .specifiedServicesText {
  width: 100%;
  max-width: 50%;
  box-sizing: border-box;
  height: auto;
  min-height: 60px;
  gap: 8px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
}
@media (max-width: 768px) {
  .house_property_income1 .specifiedServicesText {
    max-width: 100%;
    min-height: auto;
    margin-bottom: 8px;
  }
}
.house_property_income1 .specifiedServicesTextDisplay {
  max-width: 100%;
  box-sizing: border-box;
  height: auto;
  min-height: 21px;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0%;
  color: var(--tt-text-basic);
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
}
@media (max-width: 768px) {
  .house_property_income1 .specifiedServicesTextDisplay {
    font-size: 13px;
    line-height: 140%;
    flex-wrap: wrap;
    gap: 8px;
  }
}
.house_property_income1 .specifiedServicesInput {
  width: 100%;
  max-width: 50%;
  box-sizing: border-box;
  height: auto;
  min-height: 60px;
  gap: 8px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: left;
}
@media (max-width: 768px) {
  .house_property_income1 .specifiedServicesInput {
    max-width: 100%;
    justify-content: flex-start;
    min-height: auto;
  }
}
.house_property_income1 .inputField {
  width: 100%;
  box-sizing: border-box;
  height: 37px;
  gap: 8px;
  justify-content: space-between;
  display: flex;
}
@media (max-width: 768px) {
  .house_property_income1 .inputField {
    max-width: 100%;
  }
}
.house_property_income1 .blue-text {
  color: var(--tt-secondary);
}
.house_property_income1 .tertiary-button {
  width: fit-content;
  min-width: fit-content;
  border-radius: 4px;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--tt-neutral-100);
  background-color: var(--tt-primary);
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .house_property_income1 .tertiary-button {
    margin-left: 0;
    margin-top: 8px;
    width: 100%;
    max-width: 120px;
  }
}
.house_property_income1 .tertiary-buttonReset {
  width: auto;
  height: auto;
  float: right;
  border-radius: 4px;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px;
  background-color: var(--tt-neutral-100);
}
.house_property_income1 .inner-buttonReset {
  width: auto;
  height: auto;
  border-radius: 4px;
  padding: 8px 16px;
  gap: 4px;
  border: none;
  color: var(--tt-primary);
  padding-top: 6px;
}
.house_property_income1 .inner-buttonCalculate {
  width: fit-content;
  border-radius: 4px;
  padding-top: 8px;
  padding-right: 16px;
  padding-bottom: 8px;
  padding-left: 11px;
  gap: 4px;
  font-weight: 500;
  letter-spacing: 0px;
  text-transform: capitalize;
  font-size: 14px;
}
.house_property_income1 .rightAside {
  width: 350px;
  min-width: 350px;
  max-width: 350px;
  height: auto;
  min-height: 637px;
  gap: 20px;
  padding: 28px 24px 20px 24px;
  background: var(--tt-neutral-100);
  box-shadow: -1px 4px 14px 0px var(--tt-neutral-1200);
  position: static;
  flex-shrink: 0;
  box-sizing: border-box;
}
@media (max-width: 1365px) {
  .house_property_income1 .rightAside {
    width: 100%;
    min-width: auto;
    max-width: 100%;
    position: static;
    padding: 20px 16px;
    margin-top: 0;
    box-shadow: 0px 2px 8px 0px var(--tt-neutral-1200);
  }
}
.house_property_income1 .insideRightAside {
  width: 100%;
  height: auto;
  gap: 20px;
}
.house_property_income1 .total {
  width: 100%;
  height: 38px;
  gap: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--tt-neutral-300);
  margin-bottom: 18px;
}
.house_property_income1 .tcswarning-disclaimer-button {
  border: 1px solid var(--tt-primary-600);
  background: var(--tt-neutral-100);
  border-radius: 4px;
  display: flex;
  padding-top: 4px;
  padding-bottom: 4px;
  gap: 12px;
  align-items: center;
  color: var(--tt-primary);
}
.house_property_income1 .tcswarning-disclaimer {
  display: flex;
  align-items: center;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  color: var(--tt-primary);
  cursor: pointer;
}
.house_property_income1 .totalContent {
  width: 100%;
  height: 30px;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0%;
  color: var(--tt-primary);
  text-align: left;
}
@media (max-width: 768px) {
  .house_property_income1 .totalContent {
    font-size: 18px;
    line-height: 28px;
  }
}
.house_property_income1 .totalAmount {
  width: 275px;
  height: 91px;
  border-radius: 4px;
  border-width: 1px;
  border: 1px solid var(--tt-secondary-info-30);
  margin-bottom: 18px;
}
.house_property_income1 .insideTotalAmount {
  width: 275px;
  height: 45px;
  gap: 10px;
  padding: 12px;
  border-bottom-width: 1px;
}
.house_property_income1 .insideTotalAmountText {
  width: 90px;
  height: 21px;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0%;
  color: var(--tt-primary);
  text-align: left;
}
.house_property_income1 .totalAmountSecondPart {
  width: 275px;
  height: 46px;
}
.house_property_income1 .totalAmountSecondPart1 {
  width: 275px;
  height: 46px;
  gap: 10px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
}
.house_property_income1 .totalAmountSecondPartText {
  width: 10px;
  height: 30px;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0%;
  color: var(--tt-text-basic);
}
.house_property_income1 .totalDeductionUnder80DFrame {
  width: 100%;
  height: 91px;
  border-radius: 4px;
  border-width: 1px;
  border: 1px solid var(--tt-secondary-info-30);
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .house_property_income1 .totalDeductionUnder80DFrame {
    max-width: 100%;
    height: auto;
    min-height: 91px;
  }
}
.house_property_income1 .insideTotalDeductionUnder80DPart1 {
  width: 100%;
  height: 45px;
  gap: 10px;
  padding: 12px;
  border-bottom-width: 1px;
}
@media (max-width: 768px) {
  .house_property_income1 .insideTotalDeductionUnder80DPart1 {
    height: auto;
    min-height: 45px;
  }
}
.house_property_income1 .insideTotalDeductionUnder80DPart1Text {
  width: 100%;
  max-width: 251px;
  height: auto;
  min-height: 21px;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0%;
  color: var(--tt-primary);
  text-align: left;
}
@media (max-width: 768px) {
  .house_property_income1 .insideTotalDeductionUnder80DPart1Text {
    max-width: 100%;
    font-size: 13px;
    line-height: 20px;
  }
}
.house_property_income1 .insideTotalDeductionUnder80DPart2 {
  width: 100%;
  max-width: 275px;
  height: 46px;
}
@media (max-width: 768px) {
  .house_property_income1 .insideTotalDeductionUnder80DPart2 {
    max-width: 100%;
    height: auto;
    min-height: 46px;
  }
}
.house_property_income1 .insideTotalDeductionUnder80DPart2Frame {
  width: 100%;
  max-width: 275px;
  height: 46px;
  gap: 10px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
}
@media (max-width: 768px) {
  .house_property_income1 .insideTotalDeductionUnder80DPart2Frame {
    max-width: 100%;
    height: auto;
    min-height: 46px;
  }
}
.house_property_income1 .insideTotalDeductionUnder80DPart2Text {
  width: auto;
  min-width: 10px;
  height: 30px;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0%;
  color: var(--tt-text-basic);
}
@media (max-width: 768px) {
  .house_property_income1 .insideTotalDeductionUnder80DPart2Text {
    font-size: 18px;
    line-height: 28px;
    height: auto;
    min-height: 30px;
  }
}
.house_property_income1 .uniform-input,
.house_property_income1 .form-select,
.house_property_income1 .form-control {
  width: 100%;
  height: 37px;
  border: 1px solid var(--tt-neutral-400);
  background: var(--tt-neutral-100);
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 14px;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .house_property_income1 .uniform-input,
  .house_property_income1 .form-select,
  .house_property_income1 .form-control {
    height: 40px;
    font-size: 16px;
    padding: 8px 12px;
  }
}
.house_property_income1 input:disabled {
  background: var(--tt-neutral-bg-stroke-10);
}
.house_property_income1 select {
  color: var(--tt-text-basic);
}
.house_property_income1 .tooltip-icon-wrapper {
  padding: 1px;
  background: var(--tt-secondary-info-bg5);
  /* Secondary & Info BG & Stroke 5% */
  border-radius: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  position: relative;
}
@media (max-width: 768px) {
  .house_property_income1 .tooltip-icon-wrapper {
    margin-left: 8px;
  }
}
.house_property_income1 .tooltip-icon-bg {
  width: 18px;
  position: relative;
  border-radius: 50%;
  display: inline-block;
}
.house_property_income1 .tooltip-content {
  width: 320px;
  padding: 8px;
  position: absolute;
  top: -100px;
  left: -4px;
  background: var(--tt-neutral-1000);
  /* Neutral-1000 */
  box-shadow: 0px 2px 8px var(--tt-neutral-1200);
  border-radius: 4px;
  flex-direction: column;
  align-items: flex-start;
  display: none;
  z-index: 1000;
}
@media (max-width: 768px) {
  .house_property_income1 .tooltip-content {
    width: 280px;
    left: -50px;
    top: -110px;
  }
}
@media (max-width: 480px) {
  .house_property_income1 .tooltip-content {
    width: 240px;
    left: -80px;
    top: -120px;
  }
}
.house_property_income1 .tooltip-arrow {
  width: 10px;
  height: 8px;
  position: absolute;
  left: 18px;
  top: 60px;
  background: var(--tt-neutral-1000);
  transform: rotate(-180deg);
  transform-origin: top left;
  box-shadow: 0px 8px 20px var(--tt-neutral-1200);
}
.house_property_income1 .tooltip-text {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.12px;
  color: var(--tt-neutral-100);
  /* Text-Alternative */
}
.house_property_income1 .tooltip-icon-bg:hover .tooltip-content {
  display: inline-block;
}
.house_property_income1 .assessmentYearErrorMessage {
  color: var(--tt-error);
  margin-top: 4px;
  font-size: 14px;
  margin-left: 477px;
}
@media (max-width: 768px) {
  .house_property_income1 .assessmentYearErrorMessage {
    margin-left: 12px;
    font-size: 13px;
  }
}
.house_property_income1 .custom-tooltip {
  position: absolute;
  border-radius: 0.25rem;
  background: var(--background-muted);
  /* Drop down shadow */
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  color: white;
  padding: 6px 12px;
  border-radius: 4px;
  z-index: 100;
  font-size: 0.95em;
  margin-left: 8px;
  top: 25%;
  left: 0;
  white-space: pre-line;
  min-width: 500px;
}

.children-hostel--education-allowance {
  /* Responsive for table and grid */
  /* Hide scrollbars on table-responsive for cleaner look */
}
.children-hostel--education-allowance .children-input--invalid {
  border-radius: 0.25rem;
  border: 1px solid var(--tt-error);
  background: var(--tt-neutral-10);
}
.children-hostel--education-allowance .ErrorText-children-education,
.children-hostel--education-allowance .monthgreaterThan-ErrorText {
  color: var(--tt-error);
  font-size: 12px;
  margin-top: 2px;
}
.children-hostel--education-allowance .children-education-left-container-1 {
  border: 1px solid var(--tt-secondary-info-30);
  background: var(--tt-neutral-100);
  padding: 16px;
  overflow-x: auto;
  width: 100%;
  display: block;
}
.children-hostel--education-allowance .children-education-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
}
@media (max-width: 1360px) and (min-width: 748px) {
  .children-hostel--education-allowance .children-education-row {
    gap: 24px;
  }
  .children-hostel--education-allowance .children-education-row .children-education-left,
  .children-hostel--education-allowance .children-education-row .children-education-month-col {
    width: 100%;
  }
}
@media (max-width: 747px) {
  .children-hostel--education-allowance .children-education-row {
    flex-direction: column;
    gap: 12px;
    padding: 8px 0;
  }
  .children-hostel--education-allowance .children-education-row .children-education-left,
  .children-hostel--education-allowance .children-education-row .children-education-month-col {
    width: 100%;
    padding: 4px;
  }
}
.children-hostel--education-allowance .children-education-month-col {
  display: flex;
  padding: 0.75rem 0.5rem;
  align-self: stretch;
  border-radius: 4px;
  background: var(--tt-neutral-100);
  /* Card - Drop shadow */
  box-shadow: var(--tt-neutral-1200);
}
.children-hostel--education-allowance .children-header {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 747px) {
  .children-hostel--education-allowance .children-header {
    gap: 10px;
    flex-direction: column;
    justify-content: space-between;
  }
}
@media (max-width: 320px) {
  .children-hostel--education-allowance .children-header {
    gap: 5px;
  }
}
.children-hostel--education-allowance .children-title {
  color: var(--tt-primary, #2a3a8d);
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0.12px;
}
@media (max-width: 768px) {
  .children-hostel--education-allowance .children-title {
    width: 100%;
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 480px) {
  .children-hostel--education-allowance .children-title {
    width: 100%;
    font-size: 18px;
    line-height: 27px;
  }
}
.children-hostel--education-allowance .children-asterisk {
  color: var(--tt-error, #d32f2f);
}
.children-hostel--education-allowance .children-mandatory-label {
  color: var(--contrast-dark, #222);
  font-size: 0.75rem;
  font-style: italic;
  font-weight: 400;
  line-height: 1.125rem;
  letter-spacing: 0.0075rem;
}
.children-hostel--education-allowance .children-disclaimer-button {
  height: 28px;
  min-width: 111px;
  background: var(--tt-neutral-100);
  border-radius: 4px;
  border: 1px solid var(--tt-primary);
  display: flex;
  justify-content: center;
  align-items: center;
}
.children-hostel--education-allowance .children-disclaimer-label {
  color: var(--tt-primary, #2a3a8d);
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  line-height: 21px;
  letter-spacing: 0.12px;
}
.children-hostel--education-allowance .children-slider-container {
  display: flex;
  align-items: center;
  align-self: stretch;
  border-radius: 0.25rem;
  gap: 8px;
}
.children-hostel--education-allowance .children-slider-tab {
  display: flex;
  height: 2.5rem;
  padding: 0 1.5rem;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
@media (max-width: 768px) {
  .children-hostel--education-allowance .children-slider-tab {
    padding: 0 0.75rem;
    height: 2.25rem;
  }
}
@media (max-width: 480px) {
  .children-hostel--education-allowance .children-slider-tab {
    padding: 0 0.5rem;
    height: 2rem;
    min-width: 80px;
    flex-shrink: 0;
  }
}
@media (max-width: 320px) {
  .children-hostel--education-allowance .children-slider-tab {
    padding: 0 0.25rem;
    height: 1.75rem;
    min-width: 60px;
  }
}
.children-hostel--education-allowance .children-slider-tab--active {
  background-color: var(--tt-secondary-info-bg5);
  border-bottom: 1.5px solid var(--tt-secondary);
}
.children-hostel--education-allowance .children-slider-tab--active .children-slider-label {
  color: var(--tt-secondary);
}
.children-hostel--education-allowance .children-slider-tab--inactive {
  background-color: var(--tt-neutral-100);
  border-bottom: 1px solid var(--tt-neutral-300);
}
.children-hostel--education-allowance .children-slider-tab--inactive .children-slider-label {
  color: var(--tt-text-basic);
  font-weight: 400;
}
.children-hostel--education-allowance .children-slider-label {
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.12px;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .children-hostel--education-allowance .children-slider-label {
    font-size: 12px;
    line-height: 18px;
  }
}
@media (max-width: 480px) {
  .children-hostel--education-allowance .children-slider-label {
    font-size: 10px;
    line-height: 14px;
  }
}
.children-hostel--education-allowance .children-slider-line-extend {
  width: 1px;
  height: 40px;
  background-color: var(--tt-neutral-100);
  border-bottom: 1px solid var(--tt-neutral-300);
  padding: 9.5px 24px;
}
.children-hostel--education-allowance .children-education-left {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  padding: 8px;
}
@media (max-width: 480px) {
  .children-hostel--education-allowance .children-education-left {
    width: 100%;
    padding: 0.75rem;
    gap: 1rem;
    flex-direction: column;
    margin-left: 0;
  }
}
@media (max-width: 320px) {
  .children-hostel--education-allowance .children-education-left {
    padding: 0.5rem;
    gap: 0.75rem;
  }
}
.children-hostel--education-allowance .children-education-shadow {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 0.25rem;
  background: var(--tt-secondary-info-bg2);
}
.children-hostel--education-allowance .card-body-children {
  flex: 1 1 auto;
  font-weight: 500;
  font-size: 14px;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}
.children-hostel--education-allowance .table-responsive {
  width: 100%;
  overflow-x: auto;
}
.children-hostel--education-allowance .table {
  min-width: 600px;
  background: var(--tt-neutral-100);
}
.children-hostel--education-allowance .table th,
.children-hostel--education-allowance .table td {
  vertical-align: middle !important;
  text-align: center;
  font-size: 1rem;
  padding: 0.5rem;
}
.children-hostel--education-allowance .table th {
  background: var(--tt-neutral-100);
  font-weight: 600;
  color: var(--tt-text-basic);
  min-width: 137px;
}
.children-hostel--education-allowance .table tbody {
  background-color: var(--tt-neutral-100);
}
.children-hostel--education-allowance .children-input {
  width: 100%;
  padding: 8px 12px;
  font-size: 14px;
  border: 1px solid var(--tt-neutral-400);
  color: var(--tt-text-basic);
  border-radius: 4px;
  background-color: var(--tt-neutral-100);
  transition: border-color 0.2s, box-shadow 0.2s;
}
.children-hostel--education-allowance .children-input[readonly] {
  cursor: not-allowed;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-300);
  background: var(--tt-neutral-10);
}
.children-hostel--education-allowance input[type=number]::-webkit-inner-spin-button,
.children-hostel--education-allowance input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}
.children-hostel--education-allowance input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}
.children-hostel--education-allowance .children-totals-container {
  background: var(--tt-neutral-100);
  border-radius: 8px;
  padding: 1rem;
  box-shadow: var(--tt-neutral-1200);
  width: 100%;
  max-width: 350px;
  margin: 0 auto;
}
@media (max-width: 991.98px) {
  .children-hostel--education-allowance .children-totals-container {
    max-width: 100%;
  }
}
.children-hostel--education-allowance .children-totals-title {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--tt-primary);
  margin-bottom: 1rem;
}
.children-hostel--education-allowance .children-totals-label {
  font-size: 1rem;
  font-weight: 500;
  color: var(--tt-primary);
}
.children-hostel--education-allowance .children-totals-value {
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--tt-text-basic);
  margin-top: 0.5rem;
}
.children-hostel--education-allowance .note-box {
  border-radius: 4px;
  padding: 12px;
  margin-top: 24px;
  width: 100%;
  border: 1px solid var(--secondary-300);
  background: var(--tt-secondary-info-bg5);
}
.children-hostel--education-allowance .note-text-1 {
  color: var(--tt-secondary-info-500);
  font-size: 1rem;
  font-weight: 700;
}
.children-hostel--education-allowance .note-text-2 {
  color: var(--tt-secondary-info-500);
  font-size: 0.95rem;
  font-weight: 400;
}
@media (max-width: 991.98px) {
  .children-hostel--education-allowance .col-md-9,
  .children-hostel--education-allowance .col-md-3 {
    max-width: 100%;
  }
  .children-hostel--education-allowance .children-education-left,
  .children-hostel--education-allowance .children-education-month-col {
    width: 100%;
    max-width: 100%;
  }
  .children-hostel--education-allowance .children-totals-container {
    margin-top: 1rem;
  }
  .children-hostel--education-allowance .table {
    min-width: 400px;
    font-size: 0.95rem;
  }
  .children-hostel--education-allowance .children-totals-title {
    font-size: 1rem;
  }
  .children-hostel--education-allowance .children-totals-value {
    font-size: 1.1rem;
  }
}
.children-hostel--education-allowance .table-responsive::-webkit-scrollbar {
  height: 6px;
  background: #eee;
}
.children-hostel--education-allowance .table-responsive::-webkit-scrollbar-thumb {
  background: var(--tt-neutral-300);
  border-radius: 3px;
}
.children-hostel--education-allowance .children-total-inputs-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 120px;
  min-height: 100px;
  justify-content: center;
}
.children-hostel--education-allowance .children-total-input {
  width: 150px;
  height: 40px;
  text-align: center;
  font-size: 1.1rem;
  border-radius: 4px;
  border: 1px solid var(--tt-neutral-300);
  background: var(--tt-neutral-10);
  margin: 0;
}
.children-hostel--education-allowance .children-education-foorter {
  display: flex;
  justify-content: end;
  width: 100%;
}
.children-hostel--education-allowance .children-education-tertiary {
  color: var(--tt-primary);
  border: none;
  /* Button/Button - Medium */
  height: 2.625rem;
  font-size: var(--font-size-s-2-b-2, 0.875rem);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-For-Font-Size---14, 1.3125rem); /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
  text-transform: capitalize;
  display: flex;
  min-width: 5.25rem;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
  background-color: var(--tt-neutral-100);
}
.children-hostel--education-allowance .children-totals-box {
  border-radius: 0.25rem;
  border: 1px solid var(--tt-secondary-info-30);
  padding: 8px;
  margin-bottom: 24px;
}
.children-hostel--education-allowance .children-disclaimer-content {
  display: flex;
}
.children-hostel--education-allowance .children-right {
  display: flex;
  gap: 8px;
  align-self: flex-end;
}
@media (max-width: 747px) {
  .children-hostel--education-allowance .children-right {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
}
.children-hostel--education-allowance .icon {
  color: var(--tt-primary);
}
.children-hostel--education-allowance button:focus-visible {
  outline-offset: 0.125rem;
  box-shadow: unset;
}

.section44ada {
  display: flex;
}
.section44ada .section44ada-conatiner {
  display: flex;
  margin: 0px auto;
}
.section44ada .section44ada-main-container {
  width: 995px;
  /* margin-top: 10px;
  margin-left: 20px; */
  padding: 24px;
}
.section44ada .section44ada-header27 {
  display: flex;
  justify-content: space-between;
  width: 947px;
  margin: 0px auto 1rem;
  box-sizing: border-box;
}
.section44ada .section44ada-title27 h1 {
  font-size: 24px;
  font-weight: 700;
  color: var(--tt-primary);
}
.section44ada .section44ada-actions27 {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.section44ada .section44ada-note-text50 {
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
  color: var(--tt-neutral-900);
}
.section44ada .warning-disclaimer-button {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-primary);
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  color: var(--tt-primary);
  align-items: center;
  cursor: pointer;
}
.section44ada .warning-disclaimer-button .icon {
  width: 20px;
  height: 20px;
  margin-bottom: 5px;
}
.section44ada .section44ada-aseessment-year-select {
  cursor: pointer;
}
.section44ada .section44ada-errormessage {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--tt-error);
  margin-top: 4px;
  font-weight: 400;
}
.section44ada .section44ada-container {
  display: flex;
  flex-direction: column;
  width: 947px;
  border-radius: 4px;
  gap: 24px;
  padding: 20px 16px;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-neutral-300);
}
.section44ada .section44ada-frame {
  width: 100%;
  /* height: 100%; */
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.section44ada .section44ada-row {
  align-self: stretch;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
}
.section44ada .section44ada-asteric {
  color: var(--tt-error);
}
.section44ada .section44ada-label-wrapper {
  flex: 1 1 0;
  align-self: stretch;
  padding: 11.5px 16px;
  position: relative;
  background: var(--neutral-100);
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
}
.section44ada .section44ada-label {
  align-self: stretch;
  color: var(--text-basic);
  font-size: 14px;
  font-weight: 400;
  /* line-height: 21px; */
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.section44ada .section44ada-asterisk {
  position: absolute;
  color: var(--text-error);
  font-size: 12px;
  font-weight: 400;
  /* line-height: 18px; */
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.section44ada .section44ada-input-wrapper {
  width: 465px;
  align-self: stretch;
  padding: 12px 16px;
  background: var(--neutral-100);
  display: flex;
  justify-content: flex-start;
  /* align-items: center; */
  flex-direction: column;
}
.section44ada .section44ada-input-field {
  gap: 8px;
  width: 100%;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-neutral-400);
  border-radius: 4px;
  font-weight: 400;
}
.section44ada .section44ada-input-fields {
  width: 100%;
  color: var(--tt-text-basic);
}
.section44ada .section44ada-input-field select {
  width: 100%;
  padding: 8px 12px;
  border-radius: 4px;
  color: inherit;
  background: var(--tt-neutral-100);
}
.section44ada .section44ada-header {
  width: 100%;
  background: var(--tt-primary-bg-stroke-5);
  overflow: hidden;
  display: inline-flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.section44ada .section44ada-cell {
  align-self: stretch;
  padding: 12px 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: inline-flex;
}
.section44ada .section44ada-cell:nth-child(1) {
  width: 130px;
}
.section44ada .section44ada-cell:nth-child(2) {
  width: 152px;
}
.section44ada .section44ada-cell:nth-child(3) {
  width: 146px;
}
.section44ada .section44ada-cell:nth-child(4) {
  width: 148px;
}
.section44ada .section44ada-cell:nth-child(5) {
  width: 147px;
}
.section44ada .section44ada-cell:nth-child(6) {
  width: 146px;
}
.section44ada .section44ada-no,
.section44ada .section44ada-gross-receipts,
.section44ada .section44ada-presumptive-income,
.section44ada .section44ada-actual-income-percent,
.section44ada .section44ada-actual-income,
.section44ada .section44ada-actual-profit {
  align-self: stretch;
  text-align: center;
  display: flex;
  justify-content: center;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.12px;
  color: var(--tt-text-basic);
  word-wrap: break-word;
}
.section44ada .section44ada-table-content {
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid var(--tt-neutral-300);
  scrollbar-width: none;
  border-radius: 4px;
  /* Hide scrollbar for webkit browsers completely */
  /* Alternative: Show thin scrollbar only when hovering */
}
.section44ada .section44ada-table-content::-webkit-scrollbar {
  display: none;
}
.section44ada .section44ada-table-content:hover::-webkit-scrollbar {
  display: block;
  height: 6px;
}
.section44ada .section44ada-table-content:hover::-webkit-scrollbar-track {
  background: transparent;
}
.section44ada .section44ada-table-content:hover::-webkit-scrollbar-thumb {
  background: var(--tt-neutral-400);
  border-radius: 3px;
}
.section44ada .section44ada-table-content:hover::-webkit-scrollbar-thumb:hover {
  background: var(--tt-neutral-500);
}
.section44ada .section44ada-table {
  border: 1px solid var(--tt-neutral-300);
  width: 915px;
  border-radius: 4px;
}
.section44ada .section44adaRow {
  width: 100%;
  /* height: 100%; */
  background: var(--tt-neutral-100);
  justify-content: flex-start;
  align-items: center;
  display: inline-flex;
}
.section44ada .section44adaCell {
  align-self: stretch;
  padding: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  display: inline-flex;
  flex: 1 1 0;
}
.section44ada .section44adaCell:first-child {
  width: 131px;
  padding-left: 12px;
  padding-right: 8px;
  gap: 16px;
}
.section44ada .section44adaText {
  align-self: stretch;
  /* height: 37px; */
  justify-content: center;
  display: flex;
  color: var(--tt-text-basic);
  font-size: 12px;
  font-weight: 700;
  /* line-height: 18px; */
  letter-spacing: 0.12px;
  word-wrap: break-word;
  padding-right: 26px;
}
.section44ada .section44adaInputField {
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}
.section44ada .section44adaInputFields {
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  border-radius: 4px;
}
.section44ada .section44adaTextField {
  align-self: stretch;
  min-height: 37px;
  background: var(--tt-neutral-100);
  outline-offset: -1px;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  display: inline-flex;
}
.section44ada .section44adaInput {
  /* removes all default input styles */
  flex: 1;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.12px;
  color: var(--tt-text-basic);
  width: 100%;
  padding: 8px 12px;
  border-radius: 4px;
  border: 1px solid var(--tt-neutral-400);
}
.section44ada .section44adaInputDisabled {
  background: var(--tt-neutral-10);
}
.section44ada .section44adaTextField.Disabled {
  background: var(--tt-neutral-10);
  justify-content: flex-start;
}
.section44ada .section44ada-error-border {
  border: 1px solid var(--tt-error);
  border-radius: 4px;
}
.section44ada .section44adaPlaceholderText.Disabled {
  color: var(--tt-neutral-600);
}
.section44ada .section44adaPlaceholderText.Tertiary {
  color: var(--tt-neutral-700);
}
.section44ada .section44adaActions {
  width: 40px;
  align-self: stretch;
  padding: 8px 8px 8px 0;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}
.section44ada .section44adaUploaderAtomDelete {
  padding: 6px;
  border-radius: 32px;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  display: flex;
}
.section44ada .section44adaVector {
  width: 20px;
  /* height: 20px; */
  left: 0px;
  top: 0px;
  position: absolute;
}
.section44ada .section44adaVector.Icon {
  width: 13.33px;
  /* height: 15px; */
  left: 3.33px;
  top: 2.5px;
  background: var(--tt-error);
}
.section44ada .section44adaInputField1 {
  outline: none;
}
.section44ada .section44ada-addRow-container {
  width: 915px;
}
.section44ada .section44ada-addRow-container-cell {
  width: fit-content;
  min-width: 72px;
  border-radius: 4px;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-primary);
  display: flex;
  cursor: pointer;
}
.section44ada .section44ada-addRow-container-button {
  display: flex;
  width: 108px;
  min-width: 72px;
  gap: 4px;
  padding: 4px 12px;
}
.section44ada .section44ada-addRow-container-logo {
  width: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.section44ada .section44ada-addRow-container-logo1 {
  width: 16.6666679382px;
  padding: auto 1.67px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--tt-primary);
}
.section44ada .section44ada-addRow-container-text {
  width: 60px;
  font-weight: 500;
  font-size: 14px;
  color: var(--tt-primary);
}
.section44ada .section44ada-action-wrapper {
  width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
  border-top: 1px solid var(--tt-neutral-300);
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
}
.section44ada .section44ada-action-buttons {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
}
.section44ada .section44ada-button-wrapper {
  min-width: 84px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.section44ada .section44ada-button-wrapper.section44ada-primary {
  background: var(--tt-primary);
}
.section44ada .section44ada-button-wrapper.section44ada-tertiary {
  background: transparent;
}
.section44ada .section44ada-button-inner {
  min-width: 84px;
  padding: 8px 16px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.section44ada .section44ada-button-label {
  font-weight: 500;
  font-size: 14px;
  /* line-height: 21px; */
  letter-spacing: 0.12px;
  word-wrap: break-word;
  text-transform: capitalize;
}
.section44ada .section44ada-button-wrapper.section44ada-primary .section44ada-button-label {
  color: var(--tt-neutral-100);
}
.section44ada .section44ada-button-wrapper.section44ada-tertiary .section44ada-button-label {
  color: var(--tt-primary);
}
.section44ada .section44ada-button-clickable {
  width: 100%;
  /* height: 100%; */
  border: none;
  background: inherit;
  color: inherit;
  font-size: inherit;
  border-radius: inherit;
  cursor: pointer;
  padding: 0;
  margin: 0;
  display: block;
}
.section44ada button:focus-visible {
  outline-offset: 0.125rem;
  box-shadow: unset;
}
.section44ada .primary-button {
  min-width: 84px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--tt-primary);
  color: var(--tt-neutral-100);
}
.section44ada .secondary-button {
  min-width: 84px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  color: var(--tt-primary);
}
.section44ada .secondary-button1 {
  padding: 4px 12px;
  display: flex;
  width: 108px;
  min-width: 72px;
  gap: 4px;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  color: var(--tt-primary);
}
.section44ada .section44adaDelete {
  width: 20px;
  /* height: 20px; */
  position: relative;
  cursor: pointer;
  color: var(--tt-error);
}
.section44ada .section44ada-results-container {
  width: 323px;
  padding: 28px 24px 20px 24px;
  background: var(--tt-neutral-100);
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: fit-content;
}
.section44ada .section44ada-results-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 275px;
  gap: 20px;
}
.section44ada .section44ada-results-header {
  padding-bottom: 8px;
  border-bottom: 1px solid var(--tt-neutral-300);
  display: flex;
  align-items: center;
}
.section44ada .section44ada-results-title {
  width: 275px;
  color: var(--tt-primary);
  font-size: 20px;
  font-weight: 700;
  /* line-height: 30px; */
  letter-spacing: 0.12px;
}
.section44ada .section44ada-result-card {
  width: 275px;
  border-radius: 4px;
  border: 1px solid var(--tt-secondary-info-30);
  display: flex;
  flex-direction: column;
  background: var(--tt-neutral-100);
}
.section44ada .section44ada-result-card-header {
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.section44ada .section44ada-result-card-title {
  color: var(--tt-primary);
  font-size: 14px;
  font-weight: 500;
  /* line-height: 21px; */
  letter-spacing: 0.12px;
}
.section44ada .section44ada-result-card-value-wrapper {
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.section44ada .section44ada-result-card-value {
  font-size: 20px;
  font-weight: 700;
  color: var(--tt-text-basic);
  /* line-height: 30px; */
  letter-spacing: 0.12px;
}
.section44ada input[type=number]::-webkit-inner-spin-button,
.section44ada input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.section44ada input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}
.section44ada th {
  height: fit-content;
}
@media (max-width: 766px) {
  .section44ada .section44ada-conatiner {
    flex-direction: column;
    width: 100%;
    padding: 10px;
    margin: 0 auto;
    gap: 16px;
  }
  .section44ada .section44ada-main-container {
    width: 100%;
    padding: 0px;
  }
  .section44ada .section44ada-header27 {
    flex-direction: column;
    width: 100%;
    gap: 8px;
  }
  .section44ada .section44ada-title27 h1 {
    width: 100%;
  }
  .section44ada .section44ada-container {
    width: 100%;
  }
  .section44ada .section44ada-label-wrapper {
    padding-left: 0px;
    padding-right: 0px;
  }
  .section44ada .section44ada-row {
    flex-direction: column;
    width: 100%;
  }
  .section44ada .section44ada-input-wrapper {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }
  .section44ada .section44ada-addRow-container {
    width: 100%;
  }
  .section44ada .section44ada-action-wrapper {
    width: 100%;
  }
  .section44ada .section44ada-results-container {
    width: 100%;
  }
  .section44ada .section44ada-results-content {
    width: 100%;
  }
  .section44ada .section44ada-results-header {
    width: 100%;
  }
  .section44ada .section44ada-results-title {
    width: 100%;
  }
  .section44ada .section44ada-result-card {
    width: 100%;
  }
}
@media (min-width: 767px) and (max-width: 990px) {
  .section44ada .section44ada-conatiner {
    flex-direction: column;
    width: 100%;
    padding: 10px;
    margin: 0 auto;
    gap: 16px;
  }
  .section44ada .section44ada-conatiner {
    flex-direction: column;
    width: 100%;
    padding: 10px;
    margin: 0 auto;
    gap: 16px;
  }
  .section44ada .section44ada-main-container {
    width: 100%;
    padding: 0px;
  }
  .section44ada .section44ada-header27 {
    width: 100%;
    gap: 8px;
  }
  .section44ada .section44ada-title27 h1 {
    width: 100%;
  }
  .section44ada .section44ada-container {
    width: 100%;
  }
  .section44ada .section44ada-label-wrapper {
    padding-left: 0px;
    padding-right: 0px;
  }
  .section44ada .section44ada-row {
    width: 100%;
  }
  .section44ada .section44ada-input-wrapper {
    width: 50%;
    padding-left: 0px;
    padding-right: 0px;
  }
  .section44ada .section44ada-addRow-container {
    width: 100%;
  }
  .section44ada .section44ada-action-wrapper {
    width: 50%;
  }
  .section44ada .section44ada-results-container {
    width: 100%;
    max-width: 947px;
  }
  .section44ada .section44ada-results-content {
    width: 100%;
  }
  .section44ada .section44ada-results-header {
    width: 100%;
  }
  .section44ada .section44ada-results-title {
    width: 100%;
  }
  .section44ada .section44ada-result-card {
    width: 100%;
  }
}
@media (min-width: 991px) and (max-width: 1365px) {
  .section44ada {
    align-items: center;
  }
  .section44ada .section44ada-conatiner {
    display: grid;
    grid-template-columns: 74% 25%;
    width: 100%;
    padding: 10px;
    margin: 0 auto;
    gap: 16px;
  }
  .section44ada .section44ada-main-container {
    width: 100%;
    padding: 0px;
  }
  .section44ada .section44ada-header27 {
    width: 100%;
  }
  .section44ada .section44ada-container {
    width: 100%;
  }
  .section44ada .section44ada-header {
    width: 100%;
    padding-right: 0px;
  }
  .section44ada .section44ada-header-container {
    width: 100%;
  }
  .section44ada .section44ada-results-container {
    width: 100%;
  }
  .section44ada .section44ada-results-content {
    width: 100%;
  }
  .section44ada .section44ada-results-header {
    width: 100%;
  }
  .section44ada .section44ada-results-title {
    width: 100%;
  }
  .section44ada .section44ada-result-card {
    width: 100%;
  }
}

.section44ada .section44ada-hello-toast {
  position: fixed;
  top: 20px;
  right: -300px;
  background-color: var(--tt-danger-bg-stroke-5);
  color: var(--tt-error);
  padding: 14px 24px;
  border-radius: 4px;
  font-size: 14px;
  z-index: 1000;
  box-shadow: 0 2px 8px var(--tt-neutral-1200);
  animation: slideIn 0.5s forwards, slideOut 0.5s forwards 4.7s;
  font-size: 14px;
  font-weight: 400;
  border: 1px solid var(--tt-danger-300);
  display: flex;
  gap: 8px;
}
@keyframes slideIn {
  from {
    right: -300px;
    opacity: 0;
  }
  to {
    right: 20px;
    opacity: 1;
  }
}
@keyframes slideOut {
  from {
    right: 20px;
    opacity: 1;
  }
  to {
    right: -300px;
    opacity: 0;
  }
}
.section44ada .section44ada-in-page-notification {
  width: 100%;
  height: 100%;
  padding: 12px;
  background: var(--tt-danger-bg-stroke-5);
  border-radius: 1px 4px 4px 1px;
  outline: 1px solid var(--tt-danger-300);
  outline-offset: -1px;
  display: inline-flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
}
.section44ada .section44ada-icon-report {
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}
.section44ada .section44ada-vector-background {
  width: 15px;
  height: 15px;
  position: absolute;
  left: 2.5px;
  top: 2.5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.section44ada .section44ada-notification-text {
  display: flex;
  align-items: center;
  gap: 8px;
}
.section44ada .section44ada-alert-message {
  line-height: 21px;
  letter-spacing: 0.12px;
  color: var(--tt-error);
  display: flex;
  gap: 4px;
  align-items: center;
}
.section44ada .section44ada-alert-label {
  font-size: 14px;
  font-weight: 500;
}
.section44ada .section44ada-alert-content {
  font-size: 14px;
  font-weight: 400;
}
.section44ada .section44ada-icon-close {
  cursor: pointer;
  color: var(--tt-error);
}
.section44ada .section44ada-icon-close-mask {
  width: 20px;
  height: 20px;
  background-color: var(--tt-error);
  -webkit-mask: url("./close.svg") no-repeat center;
  mask: url("./close.svg") no-repeat center;
  mask-size: contain;
  -webkit-mask-size: contain;
}
@media (min-width: 360px) and (max-width: 766px) {
  .section44ada .section44ada-in-page-notification {
    width: 50%;
  }
}

.nsc-container {
  margin: 20px auto;
  padding: 15px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 30px;
  /* For etds-nsc-assessment-year ReactSelect */
  /* For NSC ReactSelect */
  /* For Period ReactSelect */
}
.nsc-container input[type=number] {
  appearance: none;
  -moz-appearance: textfield;
  -webkit-appearance: none;
}
.nsc-container input[type=number]::-webkit-inner-spin-button, .nsc-container input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.nsc-container .section-header {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 24px;
}
.nsc-container .section-title-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
}
.nsc-container .section-title-wrapper .section-title {
  color: var(--tt-primary);
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
}
.nsc-container .section-actions {
  display: flex;
  align-items: center;
  gap: 32px;
  width: 100%;
  justify-content: end;
}
.nsc-container button:focus-visible {
  outline-offset: 0.125rem;
  box-shadow: unset;
}
.nsc-container .mandatory-note {
  font-size: 14px;
  font-style: italic;
  display: inline-flex;
  align-items: center;
  color: var(--contrast-dark);
  /* Body/B3 (S) - Italic */
  font-size: var(--font-size-s-3-b-3, 0.75rem);
  font-style: italic;
  font-weight: 400;
  line-height: var(--Line-Height-For-Font-Size---12, 1.125rem);
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
  gap: 4px;
}
.nsc-container .mandatory-note .text-danger1 {
  color: var(--tt-error);
  font-size: 14px;
  font-style: normal;
  vertical-align: baseline;
}
.nsc-container .warning-disclaimer-button {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-primary);
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  color: var(--tt-primary);
  cursor: pointer;
}
.nsc-container .warning-disclaimer-button .icon {
  width: 20px;
  height: 20px;
}
.nsc-container .nsc-controls {
  max-width: 445.5px;
  height: 75px;
  gap: 8px;
  margin-bottom: 15px;
  text-align: left;
  background: var(--tt-neutral-100);
  color: var(--tt-text-basic);
  border-radius: 0.25rem;
  background: var(--tt-neutral-100);
}
.nsc-container .nsc-controls label {
  font-weight: 500;
  font-size: 14px;
  color: var(--tt-text-basic);
}
.nsc-container .nsc-controls select {
  max-width: 444.5px;
  height: 37px;
  padding: 5px 8px;
  font-size: 14px;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.nsc-container .text-danger1 {
  color: var(--tt-error);
  font-size: 14px;
  font-style: normal;
  vertical-align: baseline;
}
.nsc-container button:focus-visible {
  outline-offset: 0.125rem;
  box-shadow: unset;
}
.nsc-container .etds-nsc-diabled {
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-300);
  background: var(--tt-neutral-10);
  color: var(--tt-text-basic);
}
.nsc-container .etds-nsc-year {
  max-width: 437px;
  width: 100%;
}
@media (max-width: 414px) {
  .nsc-container .etds-nsc-year {
    max-width: 290px !important;
    width: 100%;
  }
}
.nsc-container .nsc-table-wrapper {
  overflow: auto; /* dropdown cut na ho */
}
.nsc-container .nsc-table {
  scrollbar-width: none;
  width: 100%;
  font-size: 14px;
  text-align: center;
  border-radius: 4px;
  border: 1px solid var(--neutral-light);
  width: 100%;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-300);
  display: block;
}
.nsc-container .nsc-table.no-lines th,
.nsc-container .nsc-table.no-lines td {
  border: none;
  padding: 8px 12px;
}
.nsc-container .nsc-table th {
  background-color: var(--tt-primary-bg-stroke-5);
  height: 90px;
  font-weight: 600;
  text-align: center;
  border-bottom: 1px;
}
.nsc-container .nsc-table td input[type=text] {
  width: 139px;
  height: 37px;
  gap: 8px;
  padding: 4px 4px;
  font-size: 14px;
  box-sizing: border-box;
  border: 1px solid var(--neutral-light);
  border-radius: 4px;
  overflow-x: scroll;
  white-space: nowrap;
  text-overflow: ellipsis;
  border: 1px solid var(--tt-neutral-400);
  background: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}
.nsc-container .nsc-table td .NSC {
  min-width: 190px;
  height: 37px;
  gap: 8px;
  padding: 4px 4px;
  font-size: 14px;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid var(--tt-neutral-400);
  background: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}
.nsc-container .nsc-table td .Period {
  min-width: 198px;
  padding: 4px 4px;
  border-radius: 4px;
  min-height: 37px;
  border: 1px solid var(--tt-neutral-400);
  background: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}
.nsc-container button:focus-visible {
  outline-offset: 0.125rem;
  box-shadow: unset;
}
.nsc-container .cell {
  width: 150px;
  padding: 4px 4px;
  height: 37px;
  font-size: 14px;
  border: 1px solid var(--tt-neutral-400);
  border-radius: 4px;
  text-align: center;
  align-items: center;
  display: flex;
  padding: 4px 4px;
}
.nsc-container .cell-box {
  width: 150px;
  height: 37px;
  font-size: 14px;
  border: 1px solid var(--neutral-light);
  border-radius: 4px;
  text-align: center;
  align-items: center;
  display: flex;
  padding: 4px 4px;
}
.nsc-container .addmore {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 8px;
  gap: 10px;
}
.nsc-container .calcreset {
  display: flex;
  justify-content: end;
  gap: 10px;
}
.nsc-container .btn.my-custom-button {
  background-color: var(--primary-variant-6);
  color: var(--primary);
  border: 1px solid var(--primary);
  font-weight: 500;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 4px;
  margin-left: 10px;
}
.nsc-container .btn.btn-calculate {
  background-color: var(--tt-primary);
  color: var(--tt-neutral-100);
}
.nsc-container .btn.btn-reset {
  background-color: var(--tt-neutral-100);
  color: var(--tt-primary);
  gap: 10px;
}
.nsc-container .add-more-button {
  color: var(--tt-primary);
  border-radius: 4px;
  border: none;
  padding: 0;
}
.nsc-container .add-more-button .add-more-img {
  height: 32px;
  width: auto;
}
.nsc-container .error-message {
  color: var(--tt-error);
  font-size: 0.9em;
  margin-top: 2px;
}
.nsc-container .remove-button,
.nsc-container .reset-button {
  background-color: var(--tt-neutral-100);
  color: var(--tt-primary);
  border: 1px solid var(--tt-primary);
  font-weight: 500;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 4px;
}
.nsc-container .calculate-button {
  background-color: var(--tt-primary);
  color: var(--tt-neutral-100);
  border: 1px solid var(--tt-primary);
  font-weight: 500;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 4px;
}
.nsc-container .col-md-3 {
  flex: 0 0 275px;
  max-width: 275px;
  min-height: 311px;
  gap: 20px;
}
.nsc-container .col-md-3 .results {
  color: var(--tt-primary);
  border-bottom: 2px solid #dee2e6;
  padding-bottom: 10px;
  margin-bottom: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  text-align: left;
}
.nsc-container .col-md-3 .custom-card {
  background: var(--tt-neutral-100);
  border-radius: 6px;
}
.nsc-container .col-md-3 .custom-card .custom-section {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
}
.nsc-container .col-md-3 .custom-card .custom-section .custom-label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  color: var(--tt-primary);
  margin-top: 4px;
}
.nsc-container .col-md-3 .custom-card .custom-section .custom-display-box {
  width: 100%;
  height: 71px;
  border-radius: 4px;
  color: var(--tt-text-basic);
  padding: 10px 14px;
  font-weight: bold;
  margin-top: 8px;
  font-size: 20px;
  box-sizing: border-box;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-secondary-info-30);
  background: var(--tt-neutral-100);
}
@media (min-width: 1366px) {
  .nsc-container {
    max-width: 1272px;
  }
  .nsc-container .etds-result-container-nsc {
    max-width: 275px;
  }
}
@media (max-width: 1365px) {
  .nsc-container {
    flex-direction: row;
    gap: 20px;
  }
}
@media (max-width: 1365px) and (min-width: 768px) {
  .nsc-container {
    padding: 15px;
  }
  .nsc-container .section-header {
    margin-bottom: 20px;
  }
  .nsc-container .nsc-controls {
    max-width: 100%;
  }
  .nsc-container .etds-nsc-assessment-year {
    min-width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .nsc-container {
    flex-direction: column;
    padding: 10px;
    gap: 15px;
  }
  .nsc-container .col-md-9,
  .nsc-container .col-md-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .nsc-container .form-label {
    font-size: 14px;
  }
  .nsc-container .section-header {
    flex-direction: column;
    gap: 12px;
  }
  .nsc-container .section-actions {
    width: 100%;
    justify-content: space-between;
    gap: 16px;
  }
  .nsc-container .nsc-controls {
    max-width: 100%;
  }
  .nsc-container .nsc-controls select {
    max-width: 100%;
  }
  .nsc-container .etds-nsc-assessment-year {
    min-width: 100%;
    width: 100%;
  }
  .nsc-container .nsc-table {
    font-size: 12px;
  }
  .nsc-container .nsc-table th {
    height: 60px;
    font-size: 12px;
    padding: 8px 4px;
  }
  .nsc-container .nsc-table td input[type=text] {
    width: 100%;
    min-width: 80px;
  }
  .nsc-container .nsc-table td .NSC {
    width: 100%;
    min-width: 80px;
  }
  .nsc-container .nsc-table td .Period {
    min-width: 100%;
  }
  .nsc-container .cell {
    width: 100%;
    min-width: 80px;
  }
  .nsc-container .calcreset {
    flex-wrap: wrap;
    justify-content: center;
  }
  .nsc-container .etds-result-container-nsc {
    padding: 16px;
  }
}
@media (max-width: 480px) {
  .nsc-container {
    padding: 8px;
    gap: 12px;
  }
  .nsc-container .section-title {
    font-size: 20px !important;
    line-height: 28px !important;
  }
  .nsc-container .btn {
    padding: 6px 12px;
    font-size: 12px;
  }
  .nsc-container .mandatory-note {
    font-size: 12px;
  }
  .nsc-container .warning-disclaimer-button {
    padding: 4px 8px;
    font-size: 12px;
  }
}
.nsc-container .etds-result-container-nsc {
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
  background: var(--tt-neutral-100);
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
  padding: 24px;
  min-width: 0;
}
.nsc-container .add-row-icon {
  height: 28px;
  color: var(--tt-primary);
  /* Default color - can be overridden */
  cursor: pointer;
  transition: color 0.2s ease;
}
.nsc-container .icon {
  color: var(--tt-primary);
}
.nsc-container .etds-nsc-thead-1 {
  background: var(--tt-primary-bg-stroke-5);
}
.nsc-container .etds-nsc-assessment-year {
  min-width: 322px;
  height: 37px;
  padding: 5px 8px;
  font-size: 14px;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--tt-neutral-400);
  border-radius: 4px;
  border: 1px solid var(--tt-neutral-400);
  background: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}
.nsc-container .etds-nsc-box-container {
  background: var(--tt-neutral-100);
  padding: 8px;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-secondary-info-30);
}
.nsc-container .responsive-select-wrapper {
  min-width: 250px;
}
.nsc-container .etds-nsc-assessment-year__control {
  background-color: var(--tt-neutral-100) !important;
}
.nsc-container .etds-nsc-assessment-year__single-value,
.nsc-container .etds-nsc-assessment-year__option {
  color: var(--tt-text-basic) !important;
}
.nsc-container .etds-nsc-assessment-year__option {
  background-color: var(--tt-neutral-100) !important;
}
.nsc-container .NSC__control {
  background-color: var(--tt-neutral-100) !important;
}
.nsc-container .NSC__single-value,
.nsc-container .NSC__option {
  color: var(--tt-text-basic) !important;
}
.nsc-container .NSC__option {
  background-color: var(--tt-neutral-100) !important;
}
.nsc-container .Period__control {
  background-color: var(--tt-neutral-100) !important;
}
.nsc-container .Period__single-value,
.nsc-container .Period__option {
  color: var(--tt-text-basic) !important;
}
.nsc-container .Period__option {
  background-color: var(--tt-neutral-100) !important;
}

.section89relief-under-section-89 {
  display: flex;
  /* .section89total-relief-under-section-89 {
      display: inherit;
      grid-template-columns: 2fr 1fr;
  }

  .section89total-relief-under-section-89-heading {
      width: 689px;
      height: 53px;
      gap: 12px;
      border-right-width: 1px;
      padding: 8px;
  }

  .section89total-relief-under-section-89-label {
      width: 673px;
      height: 21px;
      font-weight: 700;
      color: #2A3A8D;
  } */
}
.section89relief-under-section-89 .section89relief-under-section-89-1 {
  display: flex;
  margin: 0px auto;
  gap: 1rem;
}
.section89relief-under-section-89 .section89relief-under-section-89-container {
  display: flex;
  /* width: 947px; */
  flex-direction: column;
}
.section89relief-under-section-89 .section89section-header27 {
  display: flex;
  justify-content: space-between;
  width: 947px;
  margin: 0px auto 1rem;
  padding-top: 8px;
}
.section89relief-under-section-89 .section89section-title27 h1 {
  font-size: 24px;
  font-weight: 700;
  color: var(--tt-primary);
  margin: 0;
}
.section89relief-under-section-89 .section89section-actions27 {
  display: flex;
  align-items: center;
  gap: 1rem;
  /* gap-3 typically means 1rem */
}
.section89relief-under-section-89 .section89note-text50 {
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
  color: var(--tt-neutral-900);
}
.section89relief-under-section-89 .section89warning-disclaimer-button {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-primary);
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  color: var(--tt-primary);
  align-items: center;
  cursor: pointer;
}
.section89relief-under-section-89 .section89warning-disclaimer-button .section89icon {
  width: 20px;
  height: 20px;
  margin-bottom: 5px;
}
.section89relief-under-section-89 .section89text-danger-color {
  color: var(--tt-error);
}
.section89relief-under-section-89 .section89astric {
  color: var(--tt-error);
}
.section89relief-under-section-89 .section89main-container {
  border: 1px solid var(--tt-neutral-300);
  border-radius: 4px;
  background-color: var(--tt-neutral-100);
  display: flex;
  flex-direction: column;
  padding: 20px 16px;
  gap: 16px;
  width: 947px;
}
.section89relief-under-section-89 .section89section44ada-errormessage {
  color: var(--tt-error);
  display: flex;
  gap: 4px;
  align-items: center;
}
.section89relief-under-section-89 .section89modal-overlay {
  scrollbar-width: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  overflow-x: inherit;
  overflow-y: scroll;
}
.section89relief-under-section-89 .section89first-container {
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  width: 915px;
}
.section89relief-under-section-89 .section89first-container-input-field {
  /* width: 445.section895px; */
  padding: 4px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.section89relief-under-section-89 .section89first-container-input-field-1 {
  grid-row: 1;
  grid-column: 1;
}
.section89relief-under-section-89 .section89first-container label {
  color: var(--tt-text-basic);
}
.section89relief-under-section-89 .section89first-container-input-field-2 {
  grid-row: 2;
  grid-column: 1;
}
.section89relief-under-section-89 .section89arrear {
  color: var(--tt-primary);
  color: var(--tt-text-basic);
}
.section89relief-under-section-89 .section89first-container-input-field-3 {
  grid-row: 2;
  grid-column: 2;
}
.section89relief-under-section-89 .section89aseessment-year-select {
  /* width: auto; */
  padding: 10px;
  border: 1px solid var(--tt-neutral-400);
  background: var(--tt-neutral-10);
  border-radius: 4px;
  font-weight: 400;
  font-size: 14px;
  color: var(--tt-text-basic);
}
.section89relief-under-section-89 .section89first-container-input-field-1 select {
  background: var(--tt-neutral-100);
  font-size: 14px;
  font-weight: 400;
  color: var(--tt-text-basic);
  border: 1px solid var(--tt-neutral-400);
  border-radius: 4px;
  font-weight: 400;
  font-size: 14px;
}
.section89relief-under-section-89 .section89errormessage {
  color: var(--tt-error);
  /* Red color */
  font-size: 0.75rem;
  /* Smaller font */
  margin-top: 4px;
  /* Space above */
  font-weight: 400;
  /* Medium weight */
}
.section89relief-under-section-89 .section89main-second-conatiner {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  max-width: 100%;
  border: 1px solid var(--tt-neutral-300);
}
.section89relief-under-section-89 .section89description {
  width: 867px;
  /* height: 48px; */
  padding: 12px 16px;
  background-color: var(--tt-secondary-info-bg2);
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 24px;
}
.section89relief-under-section-89 .section89second-container {
  display: grid;
  width: 100%;
  padding-bottom: 4px;
}
.section89relief-under-section-89 .section89second-container-heading {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  background: var(--tt-primary-bg-stroke-10);
  width: 100%;
  /* height: fit-content; */
  /* gap: 12px; */
}
.section89relief-under-section-89 .section89second-container-heading-first-column {
  width: 467px;
  /* height: 42px; */
  padding-top: 12px;
  padding-right: 8px;
  padding-bottom: 12px;
  padding-left: 8px;
  /* gap: 12px; */
  border-right-width: 1px;
  display: flex;
  justify-content: flex-start;
}
.section89relief-under-section-89 .section89second-container-heading-second-column {
  width: 192px;
  /* height: 42px; */
  padding-top: 12px;
  padding-right: 8px;
  padding-bottom: 12px;
  padding-left: 8px;
  /* gap: 12px; */
  border-right-width: 1px;
}
.section89relief-under-section-89 .section89second-container-heading-third-column {
  width: 192px;
  /* height: 42px; */
  padding-top: 12px;
  padding-right: 8px;
  padding-bottom: 12px;
  padding-left: 8px;
  /* gap: 12px; */
  border-right-width: 1px;
}
.section89relief-under-section-89 .section89second-container-heading-text {
  font-weight: 700;
  text-align: center;
  color: var(--tt-text-basic);
}
.section89relief-under-section-89 .section89second-container-second-row {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  align-items: center;
  height: fit-content;
}
.section89relief-under-section-89 .section89second-container-second-row td {
  border: none;
}
.section89relief-under-section-89 .section89second-container-second-row-first-column {
  width: 479px;
  border-right-width: 1px;
  /* padding: 8px; */
}
.section89relief-under-section-89 .section89second-container-second-row-second-column {
  width: 210px;
  border-right-width: 1px;
  /* padding: 8px; */
  display: flex;
  justify-content: center;
}
.section89relief-under-section-89 .section89second-container-second-row-third-column {
  width: 206px;
  border-right-width: 1px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 4px;
  background: var(--tt-neutral-bg-stroke-10);
  border: 1px solid var(--tt-neutral-300);
  height: 30px;
}
.section89relief-under-section-89 .section89second-container-second-row-first-column-text {
  width: 463px;
  padding: 8px;
  font-weight: 500;
  color: var(--tt-text-basic);
  /* display: flex;
  flex-direction: column;
  justify-content: center; */
}
.section89relief-under-section-89 .section89second-container-second-row-second-column-text {
  /* background: var(--Text-Secondary, #076BCF); */
  color: var(--tt-secondary);
  font-weight: 400;
  text-decoration-thickness: 0%;
  text-decoration-skip-ink: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
}
.section89relief-under-section-89 .section89second-container-second-row-third-column-text {
  width: 194px;
  border-radius: 4px;
  border-width: 1px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  display: flex;
  justify-content: center;
  color: var(--tt-text-basic);
}
.section89relief-under-section-89 .section89results-container {
  width: 323px;
  padding: 28px 24px 20px 24px;
  background: var(--tt-neutral-100);
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.section89relief-under-section-89 .section89results-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 275px;
  gap: 20px;
}
.section89relief-under-section-89 .section89results-header {
  padding-bottom: 8px;
  border-bottom: 1px solid var(--tt-neutral-300);
  display: flex;
  align-items: center;
}
.section89relief-under-section-89 .section89results-title {
  width: 275px;
  color: var(--tt-primary);
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.12px;
}
.section89relief-under-section-89 .section89result-card {
  width: 275px;
  border-radius: 4px;
  border: 1px solid var(--tt-secondary-info-30);
  display: flex;
  flex-direction: column;
  background: var(--tt-neutral-100);
}
.section89relief-under-section-89 .section89result-card-header {
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.section89relief-under-section-89 .section89result-card-title {
  color: var(--tt-primary);
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0.12px;
}
.section89relief-under-section-89 .section89result-card-value-wrapper {
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.section89relief-under-section-89 .section89result-card-value {
  font-size: 20px;
  font-weight: 700;
  color: var(--tt-text-basic);
  line-height: 30px;
  letter-spacing: 0.12px;
}
.section89relief-under-section-89 .section89action-wrapper {
  width: 893px;
  padding-top: 12px;
  padding-bottom: 12px;
  border-top: 1px solid var(--tt-neutral-300);
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
}
.section89relief-under-section-89 .section89action-buttons {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
}
.section89relief-under-section-89 .section89button-wrapper {
  min-width: 84px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.section89relief-under-section-89 .section89button-wrapper.section89primary {
  background: var(--tt-primary);
}
.section89relief-under-section-89 .section89button-wrapper.section89tertiary {
  background: transparent;
}
.section89relief-under-section-89 .section89button-inner {
  min-width: 84px;
  padding: 8px 16px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.section89relief-under-section-89 .section89button-label {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
  text-transform: capitalize;
}
.section89relief-under-section-89 .section89button-wrapper.section89primary .section89button-label {
  color: var(--tt-neutral-100);
}
.section89relief-under-section-89 .section89button-wrapper.section89tertiary .section89button-label {
  color: var(--tt-primary);
}
.section89relief-under-section-89 .section89button-clickable {
  width: 100%;
  height: 100%;
  border: none;
  background: inherit;
  color: inherit;
  font-size: inherit;
  border-radius: inherit;
  cursor: pointer;
  padding: 0;
  margin: 0;
  display: block;
}
.section89relief-under-section-89 button:focus-visible {
  outline-offset: 0.125rem;
  box-shadow: unset;
}
.section89relief-under-section-89 .section89relief-summary {
  width: 895px;
  /* padding: 8px; */
  margin-bottom: 10px;
  margin-right: 4px;
}
.section89relief-under-section-89 .section89relief-header {
  display: flex;
  width: 899px;
}
.section89relief-under-section-89 .section89relief-title {
  width: 689px;
  font-weight: 700;
  color: var(--tt-primary);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 8px;
}
.section89relief-under-section-89 .section89relief-amount {
  width: 206px;
  margin-right: 3px;
}
.section89relief-under-section-89 .primary-button {
  min-width: 84px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--tt-primary);
  color: var(--tt-neutral-100);
}
.section89relief-under-section-89 .secondary-button {
  min-width: 84px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  color: var(--tt-primary);
}
.section89relief-under-section-89 .section89button-enter-details {
  width: 100%;
  height: 100%;
  border: none;
  cursor: pointer;
  min-width: 84px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  color: var(--tt-primary);
}
@media (max-width: 766px) {
  .section89relief-under-section-89 .section89relief-under-section-89-container {
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
    gap: 16px;
  }
  .section89relief-under-section-89 .section89relief-under-section-89-1 {
    flex-direction: column;
    width: 100%;
    padding: 10px;
  }
  .section89relief-under-section-89 .section89section-header27 {
    width: 100%;
    flex-direction: column;
    gap: 4px;
    padding-left: 15px;
  }
  .section89relief-under-section-89 .section89results-heading {
    flex-direction: column;
    gap: 8px;
  }
  .section89relief-under-section-89 .section89section-actions27 {
    width: 100%;
  }
  .section89relief-under-section-89 .section89section-title27 {
    width: 100%;
  }
  .section89relief-under-section-89 .section89main-container {
    width: 100%;
  }
  .section89relief-under-section-89 .section89first-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 12px;
  }
  .section89relief-under-section-89 .section89first-container-input-field-1 {
    width: 100%;
  }
  .section89relief-under-section-89 .section89first-container label {
    width: 100%;
  }
  .section89relief-under-section-89 .section89first-container-input-field-1 select {
    width: 100%;
  }
  .section89relief-under-section-89 .section89results-header-container {
    width: 100%;
  }
  .section89relief-under-section-89 .section89results-header-content {
    padding: 10px;
  }
  .section89relief-under-section-89 .section89action-wrapper {
    width: 100%;
  }
  .section89relief-under-section-89 .section89results-container {
    width: 100%;
  }
  .section89relief-under-section-89 .section89results-content {
    width: 100%;
  }
  .section89relief-under-section-89 .section89results-header {
    width: 100%;
  }
  .section89relief-under-section-89 .section89results-title {
    width: 100%;
  }
  .section89relief-under-section-89 .section89result-card {
    width: 100%;
  }
}
@media (min-width: 767px) and (max-width: 990px) {
  .section89relief-under-section-89 .section89relief-under-section-89-container {
    flex-direction: column;
    width: 100%;
    padding: 10px;
    margin: 0 auto;
    gap: 16px;
  }
  .section89relief-under-section-89 .section89relief-under-section-89-1 {
    flex-direction: column;
    width: 100%;
    padding: 10px;
  }
  .section89relief-under-section-89 .section89section-header27 {
    width: 100%;
    gap: 4px;
    padding-left: 15px;
  }
  .section89relief-under-section-89 .section89results-heading {
    flex-direction: column;
    gap: 8px;
  }
  .section89relief-under-section-89 .section89section-actions27 {
    width: 100%;
  }
  .section89relief-under-section-89 .section89section-title27 {
    width: 100%;
  }
  .section89relief-under-section-89 .section89main-container {
    width: 100%;
  }
  .section89relief-under-section-89 .section89first-container {
    width: 100%;
  }
  .section89relief-under-section-89 .section89first-container-input-field-1 {
    width: 100%;
  }
  .section89relief-under-section-89 .section89first-container label {
    width: 100%;
  }
  .section89relief-under-section-89 .section89first-container-input-field-1 select {
    width: 100%;
  }
  .section89relief-under-section-89 .section89results-header-container {
    width: 100%;
  }
  .section89relief-under-section-89 .section89results-header-content {
    padding: 10px;
  }
  .section89relief-under-section-89 .section89action-wrapper {
    width: 100%;
  }
  .section89relief-under-section-89 .section89results-container {
    width: 100%;
  }
  .section89relief-under-section-89 .section89results-content {
    width: 100%;
  }
  .section89relief-under-section-89 .section89results-header {
    width: 100%;
  }
  .section89relief-under-section-89 .section89results-title {
    width: 100%;
  }
  .section89relief-under-section-89 .section89result-card {
    width: 100%;
  }
}
@media (min-width: 991px) and (max-width: 1365px) {
  .section89relief-under-section-89 {
    align-items: center;
  }
  .section89relief-under-section-89 .section89results-container {
    flex-direction: column;
    width: 100%;
    padding: 10px;
    margin: 0 auto;
    gap: 16px;
  }
  .section89relief-under-section-89 .section89relief-under-section-89-1 {
    display: grid;
    grid-template-columns: 74% 25%;
    width: 100%;
    padding: 12px;
  }
  .section89relief-under-section-89 .section89relief-under-section-89-container {
    width: 100%;
  }
  .section89relief-under-section-89 .section89results-header {
    width: 100%;
    padding-right: 0px;
  }
  .section89relief-under-section-89 .section89section-header27 {
    width: 100%;
  }
  .section89relief-under-section-89 .section89results-header-container {
    width: 100%;
  }
  .section89relief-under-section-89 .section89main-container {
    width: 100%;
  }
  .section89relief-under-section-89 .section89first-container {
    width: 100%;
  }
  .section89relief-under-section-89 .section89second-container {
    width: 100%;
  }
  .section89relief-under-section-89 .section89second-container-heading {
    width: 100%;
  }
  .section89relief-under-section-89 .section89action-wrapper {
    width: 100%;
  }
  .section89relief-under-section-89 .section89results-container {
    width: 100%;
  }
  .section89relief-under-section-89 .section89results-content {
    width: 100%;
  }
  .section89relief-under-section-89 .section89results-header {
    width: 100%;
  }
  .section89relief-under-section-89 .section89results-title {
    width: 100%;
  }
  .section89relief-under-section-89 .section89result-card {
    width: 100%;
  }
}

.section89relief-under-section-89 .section89gratuity-main-container {
  margin: auto;
  border-radius: 8px;
  background: var(--tt-neutral-100);
  z-index: 100;
  border: 1px solid var(--tt-neutral-300);
}
.section89relief-under-section-89 .section89gratuity-container-1 {
  /* width: 1054px; */
  width: 1006px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-top: 20px;
  padding-right: 24px;
  padding-bottom: 20px;
  padding-left: 24px;
}
.section89relief-under-section-89 .section89gratuity-container-heading {
  gap: 4px;
  padding-bottom: 12px;
  border-bottom-width: 1px;
  border-bottom: 1px solid var(--tt-neutral-300);
}
.section89relief-under-section-89 .section89gratuity-container-heading-text {
  all: unset;
  width: 913px;
  height: 24px;
  font-weight: 700;
  color: var(--tt-primary-700);
}
.section89relief-under-section-89 button:focus-visible {
  outline-offset: 0.125rem;
}
.section89relief-under-section-89 .section89gratuity-input {
  gap: 20px;
  margin-top: 12px;
  margin-bottom: 16px;
}
.section89relief-under-section-89 .section89gratuity-input {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px;
}
.section89relief-under-section-89 .section89text-danger-color {
  color: var(--tt--error);
}
.section89relief-under-section-89 .section89graruity-input-field {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 224.5px;
  height: auto;
  box-sizing: border-box;
}
.section89relief-under-section-89 .section89graruity-input-field input {
  background: inherit;
  color: var(--tt-text-basic);
}
.section89relief-under-section-89 .section89graruity-input-field label {
  display: block;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: break-word;
  margin-bottom: 5px;
  color: var(--tt-text-basic);
}
.section89relief-under-section-89 .section89graruity-input-field input:disabled {
  background: var(--tt-neutral-bg-stroke-10);
}
.section89relief-under-section-89 .section89graruity-input-field input {
  width: 100%;
  box-sizing: border-box;
  padding: 8px 12px;
  border-radius: 4px;
  border: 1px solid var(--tt-neutral-300);
  color: var(--tt-text-basic);
}
.section89relief-under-section-89 .section89gratuity-information-of-two-years-container {
  width: 1006px;
  height: 45px;
  border-bottom-width: 1.5px;
  background: var(--tt-secondary-info-bg10);
  border-bottom: 1.5px solid var(--tt-secondary-info-bg20);
  display: grid;
  place-items: center;
}
.section89relief-under-section-89 .section89gratuity-information-of-two-years-text {
  width: 990px;
  height: 21px;
  font-weight: 700;
  color: var(--tt-text-basic);
}
.section89relief-under-section-89 .section89gratuity-information-of-two-years-table {
  width: 1006px;
  height: 42px;
  border-bottom-width: 1px;
  border-collapse: collapse;
}
.section89relief-under-section-89 .section89gratuity-information-of-two-years-head {
  background: var(--tt-primary-bg-stroke-10);
}
.section89relief-under-section-89 .section89relief-table-container {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  max-width: 100%;
  border: 1px solid var(--tt-neutral-300);
}
.section89relief-under-section-89 .section89table {
  /* width: 1006px;
  height: 100%; */
  border-radius: 4px;
  border: 1px solid var(--tt-neutral-300);
  outline-offset: -1px;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 958px;
}
.section89relief-under-section-89 .section89frame {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}
.section89relief-under-section-89 .section89table-title {
  width: 100%;
  background: var(--tt-secondary-info-bg10);
  overflow: hidden;
  border-bottom: 1.5px solid var(--tt-secondary-info-bg20);
  display: inline-flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.section89relief-under-section-89 .section89cell {
  padding: 12px 8px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  flex: 1 1 0;
  text-align: center;
  color: var(--tt-text-basic);
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
  width: 100%;
}
.section89relief-under-section-89 .section89table-title-text {
  color: var(--tt-text-basic);
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
  display: flex;
  justify-content: flex-start;
  /* flex-direction: column; */
  padding-left: 20px;
  align-self: stretch;
}
.section89relief-under-section-89 .section89header {
  width: 100%;
  background: var(--tt-primary-bg-stroke-5);
  overflow: hidden;
  display: inline-flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.section89relief-under-section-89 .section89sno {
  max-width: 114px;
  flex: 0 0 106px;
}
.section89relief-under-section-89 .section89previous-year {
  flex: 1 1 0;
}
.section89relief-under-section-89 .section89total-income {
  flex: 1 1 0;
}
.section89relief-under-section-89 .section89total-income input {
  color: var(--tt-text-basic);
  background: inherit;
}
.section89relief-under-section-89 .section89tax-info {
  flex: 1 1 0;
}
.section89relief-under-section-89 .section89tax-info input {
  color: var(--tt-text-basic);
  background: inherit;
}
.section89relief-under-section-89 .section89table-input {
  width: 100%;
  height: 100%;
  padding: 0;
  box-sizing: border-box;
  border: none;
}
.section89relief-under-section-89 input.section89table-input {
  border: none;
  background: var(--tt-neutral-100);
  border-radius: 4px;
  border: 1px solid var(--tt-neutral-400);
  outline-offset: -1px;
  padding: 8px 12px;
  font-weight: 400;
  font-size: 14px;
  color: var(--tt-text-basic);
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.section89relief-under-section-89 .section89row {
  max-width: 1006px;
  align-self: stretch;
  background: var(--tt-neutral-100);
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  width: 100%;
}
.section89relief-under-section-89 .section89row.section89alternate {
  max-width: 1006px;
  background: var(--tt-primary-bg-stroke-5);
  gap: 8px;
}
.section89relief-under-section-89 .section89cell.section89sno {
  width: 114px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
  justify-content: center;
  gap: 16px;
  font-weight: 500;
  font-size: 12px;
}
.section89relief-under-section-89 .section89cell.section89previous-year {
  background: var(--tt-neutral-bg-stroke-10);
  border-radius: 4px;
  outline: 1px solid var(--tt-neutral-300);
}
.section89relief-under-section-89 .section89cell.section89disabled-filled {
  outline-offset: -1px;
  padding: 8px 12px;
  font-weight: 400;
  font-size: 14px;
  color: var(--tt-neutral-600);
  display: flex;
  justify-content: center;
  align-items: center;
}
.section89relief-under-section-89 .section89frame1000003162 {
  /* height: 100%; */
  padding-top: 12px;
  padding-bottom: 12px;
  border-top: 1px solid #EFEFF0;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
}
.section89relief-under-section-89 .section89frame1000003070 {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
}
.section89relief-under-section-89 .section89buttonMedium {
  min-width: 84px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.section89relief-under-section-89 .section89buttonMedium.section89primary {
  background: var(--tt-primary);
}
.section89relief-under-section-89 .section89secondary {
  border: 1px solid var(--tt-primary);
  background: var(--tt-neutral-100);
}
.section89relief-under-section-89 .section89buttonMedium.section89tertiary {
  background: transparent;
}
.section89relief-under-section-89 .section89buttonIcons {
  min-width: 84px;
  padding: 8px 16px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.section89relief-under-section-89 .section89buttonText {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
  text-transform: capitalize;
}
.section89relief-under-section-89 .section89buttonMedium.section89primary .section89buttonText {
  color: var(--tt-neutral-100);
}
.section89relief-under-section-89 .section89buttonMedium.section89secondary .section89buttonText {
  color: var(--tt-primary);
}
.section89relief-under-section-89 .section89buttonMedium.section89tertiary .section89buttonText {
  color: var(--tt-primary);
}
.section89relief-under-section-89 .section89component3 {
  width: 1006px;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
}
.section89relief-under-section-89 .section89frame1000003575 {
  align-self: stretch;
  padding: 12px;
  background: var(--tt-secondary-info-bg5);
  border-radius: 4px;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
}
.section89relief-under-section-89 .section89registerNewUser {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  color: var(--tt-primary);
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.section89relief-under-section-89 .section89amount {
  color: var(--tt-primary);
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.section89relief-under-section-89 .section89actionButtons {
  padding: 12px 24px 16px 24px;
  background: var(--tt-primary-bg-stroke-5);
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
}
.section89relief-under-section-89 .section89frame1000002918 {
  align-self: stretch;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: 1006px;
}
.section89relief-under-section-89 .section89buttonProperties {
  width: 100%;
  height: 100%;
  border: none;
  background: inherit;
  color: inherit;
  font-size: inherit;
  border-radius: inherit;
  cursor: pointer;
  padding: 0;
  margin: 0;
  display: block;
  outline: none;
  min-width: 84px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--tt-primary);
  border: 1px solid var(--tt-primary);
  background: var(--tt-neutral-100);
}
.section89relief-under-section-89 input[type=number]::-webkit-inner-spin-button,
.section89relief-under-section-89 input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.section89relief-under-section-89 input[type=number] {
  -moz-appearance: textfield;
}
.section89relief-under-section-89 .primary-button {
  min-width: 84px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--tt-primary);
  color: var(--tt-neutral-100);
}
.section89relief-under-section-89 .secondary-button {
  min-width: 84px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  color: var(--tt-primary);
}
.section89relief-under-section-89 .section89buttonCloseButton {
  min-width: 84px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--tt-primary);
  border: 1px solid var(--tt-primary);
  background: var(--tt-neutral-100);
}
@media (max-width: 990px) {
  .section89relief-under-section-89 .section89gratuity-main-container {
    width: 90%;
  }
  .section89relief-under-section-89 .section89gratuity-container-1 {
    width: 100%;
  }
  .section89relief-under-section-89 .section89graruity-input-field {
    width: 100%;
  }
}
@media (min-width: 360px) and (max-width: 766px) {
  .section89relief-under-section-89 .section89gratuity-input {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 767px) and (max-width: 990px) {
  .section89relief-under-section-89 .section89gratuity-input {
    grid-template-columns: 1fr 1fr;
  }
}

@supports selector(:has(*)) {
  html:has(.section89gratuity-container-1[aria-modal=true]),
  body:has(.section89gratuity-container-1[aria-modal=true]),
  html:has(.section89gratuity-main-container[aria-modal=true]),
  body:has(.section89gratuity-main-container[aria-modal=true]) {
    overflow: hidden !important;
    scrollbar-gutter: stable;
  }
}
.section89gratuity-container-1[aria-modal=true],
.section89gratuity-main-container[aria-modal=true] {
  inset: 0;
  overflow: auto;
  overscroll-behavior: contain;
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
}

.section89gratuity-container-1,
.section89gratuity-main-container {
  overscroll-behavior: contain;
  overscroll-behavior-y: contain;
}

.section89relief-under-section-89 {
  /* .section89customLine1 {
      border: none;
      border-bottom: 1px solid var(--Neutral-300, #DFE0E2);
      width: 100%;
      margin: 10px 0px;
  } */
}
.section89relief-under-section-89 .section89salary-recieved-container {
  margin: auto;
  border-radius: 8px;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-neutral-300);
  overscroll-behavior: contain;
  overscroll-behavior-y: contain;
}
.section89relief-under-section-89 .section89container {
  width: 1006px;
  gap: 16px;
  padding: 20px 24px;
  display: flex;
  flex-direction: column;
}
.section89relief-under-section-89 .section89title {
  width: 100%;
  gap: 4px;
  padding-bottom: 12px;
  border-bottom-width: 1px;
  border-bottom: 1px solid var(--tt-neutral-300);
}
.section89relief-under-section-89 .section89title-text {
  width: 100%;
  font-weight: 700;
  color: var(--tt-primary-700);
}
.section89relief-under-section-89 .section89text-danger-color {
  color: var(--tt-error);
}
.section89relief-under-section-89 .section89year-wise-assessment-table {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  max-width: 100%;
  border: 1px solid var(--tt-neutral-300);
}
.section89relief-under-section-89 .section89year-wise-assessment {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--tt-secondary-info-30);
  border-radius: 4px;
  width: 958px;
}
.section89relief-under-section-89 .section89year-wise-assessment-heading {
  gap: 16px;
  border-radius: 4px;
  border-width: 1px;
  border: 1px solid var(--tt-secondary-info-30);
  padding: 16px 24px;
  background: var(--tt-secondary-info-bg2);
  border: 1px solid var(--tt-secondary-info-30);
  display: flex;
  justify-content: space-between;
}
.section89relief-under-section-89 .section89year-wise-assessment-first {
  width: 783px;
  gap: 12px;
  display: flex;
}
.section89relief-under-section-89 .section89year-wise-assessment-first-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-weight: 700;
  color: var(--tt-primary);
}
.section89relief-under-section-89 .section89year-wise-assessment-first-info {
  width: 20px;
  height: 20px;
  gap: 10px;
}
.section89relief-under-section-89 .section89year-wise-assessment-first-info img {
  height: 16.67px;
  width: 16.67px;
  padding: 1.67px;
  color: var(--tt-neutral-800);
}
.section89relief-under-section-89 .section89year-wise-assessment-first-editable {
  width: 59px;
  min-width: 48px;
  height: fit-content;
  border-radius: 20px;
  gap: 4px;
  padding-right: 6px;
  padding-left: 6px;
  border-width: 1px;
  background: var(--tt-warning-bg-stroke-10);
  border: 1px solid var(--tt-warning-300);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.section89relief-under-section-89 .section89year-wise-assessment-second {
  /* width: 111px; */
  border-radius: 4px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-weight: 500;
  text-transform: capitalize;
  color: var(--tt-primary);
  display: flex;
  cursor: pointer;
  gap: 4px;
}
.section89relief-under-section-89 .section89year-wise-assessment-logo {
  width: 20px;
  height: 20px;
}
.section89relief-under-section-89 .section89year-wise-assessment-second-more-details-logo {
  width: 14px;
  font-size: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--tt-primary);
}
.section89relief-under-section-89 .section89year-wise-assessment-logo {
  transition: transform 0.3s ease;
}
.section89relief-under-section-89 .section89rotated-arrow {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}
.section89relief-under-section-89 .section89year-wise-assessment-table-container {
  overflow-x: auto;
  scrollbar-width: none;
}
.section89relief-under-section-89 .section89year-wise-assessment-table-container-border {
  border: 1px solid var(--tt-neutral-300);
  border-radius: 4px;
}
.section89relief-under-section-89 .section89year-wise-assessment-table {
  width: 100%;
}
.section89relief-under-section-89 .section89year-wise-assessment-table-container-1 {
  width: 100%;
  border-radius: 4px;
  gap: 4px;
  border-width: 1px;
  border: 1px solid var(--tt-neutral-300);
}
.section89relief-under-section-89 .section89year-wise-assessment-table-heading {
  width: 100%;
  border-bottom-width: 1px;
  background: var(--tt-primary-bg-stroke-5);
  display: flex;
}
.section89relief-under-section-89 .section89cell {
  width: 135.7142791748px;
  padding: 12px 4px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: fit-content;
}
.section89relief-under-section-89 .section89cell-text {
  font-weight: 500;
  color: var(--tt-text-basic);
}
.section89relief-under-section-89 .section89gratuity-container-heading-text1 {
  font-weight: 500;
  color: var(--tt-text-basic);
}
.section89relief-under-section-89 button:focus-visible {
  outline: 0.125rem solid var(--tt-secondary);
  outline-offset: 0.125rem;
  box-shadow: unset;
}
.section89relief-under-section-89 .section89current-year {
  display: flex;
  justify-content: flex-start;
  padding: 8px;
}
.section89relief-under-section-89 .section89table-data {
  display: flex;
  flex-direction: column;
  /* gap: 12px; */
}
.section89relief-under-section-89 .section89table-row:nth-child(odd) {
  background: var(--tt-primary-bg-stroke-5);
}
.section89relief-under-section-89 .section89table-row {
  display: flex;
}
.section89relief-under-section-89 .section89table-row-1 {
  display: flex;
  background-color: var(--tt-neutral-100);
}
.section89relief-under-section-89 .section89table-row-cell {
  width: 135.71px;
  padding: 12px 4px;
}
.section89relief-under-section-89 .section89table-row-div {
  width: 103.77px;
  border-radius: 4px;
  border: 1px solid var(--tt-neutral-300);
  background: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}
.section89relief-under-section-89 .section89table-row-div input {
  color: inherit;
  background: inherit;
}
.section89relief-under-section-89 .section89table-row-div-blocked {
  background: var(--tt-neutral-bg-stroke-10);
}
.section89relief-under-section-89 .section89table-row-div-blocked input {
  color: inherit;
  background: inherit;
}
.section89relief-under-section-89 .section89table-input {
  box-sizing: border-box;
}
.section89relief-under-section-89 .section89frame1000003161 {
  width: 958px;
  /* height: 100%; */
  padding-top: 12px;
  padding-bottom: 12px;
  /* border-top: 1px solid #EFEFF0; */
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
}
.section89relief-under-section-89 .section89frame1000003070 {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
}
.section89relief-under-section-89 .section89buttonMedium {
  min-width: 84px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.section89relief-under-section-89 .section89buttonMedium.section89primary {
  background: var(--tt-primary);
}
.section89relief-under-section-89 .section89secondary {
  border: 1px solid var(--tt-primary);
  background: var(--tt-neutral-100);
}
.section89relief-under-section-89 .section89buttonMedium.section89tertiary {
  background: transparent;
}
.section89relief-under-section-89 .section89buttonIcons {
  min-width: 84px;
  padding: 8px 16px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.section89relief-under-section-89 .section89buttonText {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
  text-transform: capitalize;
}
.section89relief-under-section-89 .section89component3 {
  width: 100%;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
}
.section89relief-under-section-89 .section89basis-type {
  width: 100%;
  background: var(--tt-primary-bg-stroke-20);
  display: flex;
}
.section89relief-under-section-89 .section89empty-div {
  width: 103px;
  padding: 12px;
}
.section89relief-under-section-89 .section89receipt-basis {
  width: 427.5px;
  padding: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section89relief-under-section-89 .section89breakdown-table-heading {
  width: 100%;
  background: var(--tt-primary-bg-stroke-5);
  display: flex;
}
.section89relief-under-section-89 .section89breakdown-table-heading th {
  color: var(--tt-text-basic);
}
.section89relief-under-section-89 .section89breakdown-assessment {
  width: 130px;
  padding: 12px;
}
.section89relief-under-section-89 .section89breakdown-text {
  font-weight: 700;
  color: var(--tt-text-basic);
}
.section89relief-under-section-89 .section89breakdown-other {
  width: 194px;
  padding: 12px;
}
.section89relief-under-section-89 .section89customLine {
  border: none;
  border-top: 1px solid var(--tt-neutral-300);
  width: 100%;
  margin: 24px 0px;
}
.section89relief-under-section-89 tbody th .section89customLine {
  color: var(--tt-text-basic);
}
.section89relief-under-section-89 table th {
  border: none;
}
.section89relief-under-section-89 .section89container1 {
  display: flex;
  gap: 24px;
  align-items: center;
  width: 100%;
  height: 100%;
  flex-direction: row;
}
.section89relief-under-section-89 .section89card {
  flex: 1;
  padding: 4px 12px 12px;
  border-radius: 4px;
  border: 1px solid var(--tt-secondary);
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.section89relief-under-section-89 .section89cardHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 11.5px 0;
}
.section89relief-under-section-89 .section89title1 {
  color: var(--tt-secondary);
  font-weight: 500;
  font-size: 14px;
}
.section89relief-under-section-89 .section89arrowUp {
  font-size: 20px;
  color: var(--tt-secondary);
}
.section89relief-under-section-89 .section89contentRow {
  display: flex;
  gap: 16px;
  justify-content: center;
}
.section89relief-under-section-89 .section89box {
  flex: 1;
  border: 1px solid var(--tt-secondary-info-30);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.section89relief-under-section-89 .section89boxTitle {
  padding: 12px;
  font-weight: 500;
  color: var(--tt-primary);
  font-size: 14px;
}
.section89relief-under-section-89 .section89boxValue {
  padding: 4px 12px;
  font-weight: 700;
  font-size: 20px;
  color: var(--tt-text-basic);
}
.section89relief-under-section-89 .section89frame1000003575 {
  align-self: stretch;
  padding: 12px;
  background: var(--tt-secondary-info-bg5);
  border-radius: 4px;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
}
.section89relief-under-section-89 .section89registerNewUser {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  color: var(--tt-primary);
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.section89relief-under-section-89 .section89amount {
  color: var(--tt-primary);
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.section89relief-under-section-89 .section89actionButtons {
  padding: 12px 24px 16px 24px;
  background: var(--tt-primary-bg-stroke-5);
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  width: 1006px;
}
.section89relief-under-section-89 .section89frame1000002918 {
  align-self: stretch;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.section89relief-under-section-89 .section89buttonProperties {
  width: 100%;
  height: 100%;
  border: none;
  background: inherit;
  color: inherit;
  font-size: inherit;
  border-radius: inherit;
  cursor: pointer;
  padding: 0;
  margin: 0;
  display: block;
  outline: none;
  min-width: 84px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--tt-primary);
  border: 1px solid var(--tt-primary);
  background: var(--tt-neutral-100);
}
.section89relief-under-section-89 .section89buttonCloseButton {
  min-width: 84px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--tt-primary);
  border: 1px solid var(--tt-primary);
  background: var(--tt-neutral-100);
}
.section89relief-under-section-89 input[type=number]::-webkit-inner-spin-button,
.section89relief-under-section-89 input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.section89relief-under-section-89 input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}
.section89relief-under-section-89 .section89year-wise-assessment-second-more-details {
  width: 100%;
  height: 100%;
  border: none;
  cursor: pointer;
  min-width: 84px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  color: var(--tt-primary);
}
@media (max-width: 990px) {
  .section89relief-under-section-89 .section89salary-recieved-container {
    width: 90%;
  }
  .section89relief-under-section-89 .section89container {
    width: 100%;
  }
  .section89relief-under-section-89 .section89actionButtons {
    width: 100%;
  }
}
@media (min-width: 360px) and (max-width: 990px) {
  .section89relief-under-section-89 .section89salary-recieved-container {
    width: 90%;
    max-width: 1006px;
  }
  .section89relief-under-section-89 .section89container {
    width: 100%;
    max-width: 1006px;
  }
  .section89relief-under-section-89 .section89actionButtons {
    width: 100%;
    max-width: 1006px;
  }
}

@supports selector(:has(*)) {
  html:has(.section89salary-recieved-container[aria-modal=true]),
  body:has(.section89salary-recieved-container[aria-modal=true]),
  html:has(.section89gratuity-main-container[aria-modal=true]),
  body:has(.section89gratuity-main-container[aria-modal=true]) {
    overflow: hidden !important;
    scrollbar-gutter: stable;
  }
}
.section89salary-recieved-container[aria-modal=true],
.section89gratuity-main-container[aria-modal=true] {
  inset: 0;
  overflow: auto;
  overscroll-behavior: contain;
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
}

.section89salary-recieved-container,
.section89gratuity-main-container {
  overscroll-behavior: contain;
  overscroll-behavior-y: contain;
}

@media (min-width: 1272px) {
  .tax-comparison {
    display: flex;
    justify-content: center;
  }
}
.tax-comparison .responsive-select-wrapper {
  width: 100%;
  margin: 0px;
}
@media (max-width: 767px) {
  .tax-comparison .responsive-select-wrapper {
    max-width: 100%;
  }
}
.tax-comparison .my-custom-button {
  color: var(--tt-primary);
  /* Button/Button - Medium */
  font-size: var(--font-size-s-2-b-2, 0.875rem);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-For-Font-Size---14, 1.3125rem);
  /* 150% */
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
  text-transform: capitalize;
}
.tax-comparison .etds-section-tax-com-second-box {
  background: var(--tt-neutral-100);
  border-radius: 0.25rem;
  border: 1px solid var(--tt-secondary-info-30);
  padding: 8px;
}
.tax-comparison .etds-result-container-tax-comparison {
  border-radius: 0.25rem;
  background: var(--tt-neutral-100);
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
  padding: 16px;
}
.tax-comparison button:focus-visible {
  outline-offset: 0.125rem;
  box-shadow: unset;
}
.tax-comparison .row1 {
  display: flex;
  align-items: flex-start;
  gap: 0px;
}
.tax-comparison .section-header {
  width: 100%;
  min-height: 36px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: 24px;
  flex-grow: 1;
}
.tax-comparison .section-header .section-title-wrapper {
  flex: 1;
  width: 65%;
}
.tax-comparison .section-header .section-title-wrapper .section-title {
  font-size: 24px;
  font-weight: 700;
  color: var(--primary);
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}
.tax-comparison .section-header .section-actions {
  display: flex;
  align-items: center;
  gap: 32px;
  margin-top: 10px;
}
.tax-comparison .section-header .section-actions .mandatory-note {
  font-size: 14px;
  align-items: baseline;
  font-style: italic;
  display: inline-flex;
  align-items: center;
  color: var(--contrast-dark);
  gap: 4px;
  /* Body/B3 (S) - Italic */
  font-size: var(--font-size-s-3-b-3, 0.75rem);
  font-style: italic;
  font-weight: 400;
  line-height: var(--Line-Height-For-Font-Size---12, 1.125rem);
  letter-spacing: var(--Letter-Spacing-Letter-Spacing, 0.0075rem);
}
.tax-comparison .section-header .section-actions .mandatory-note .text-danger1 {
  color: var(--tt-error);
  font-size: 14px;
  font-style: normal;
  vertical-align: baseline;
}
.tax-comparison .section-header .section-actions .text-danger1 {
  color: var(--tt-error) !important;
}
.tax-comparison .section-header .section-actions .warning-disclaimer-button {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  background: var(--primary-variant-6);
  border: 1px solid var(--primary);
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  color: var(--primary);
  cursor: pointer;
}
.tax-comparison .section-header .section-actions .warning-disclaimer-button .icon {
  width: 20px;
  height: 20px;
}
.tax-comparison .form-row-group {
  width: 100%;
  gap: 20px;
  display: flex;
  flex-direction: row;
  margin: 20px 0;
  justify-content: space-between;
}
.tax-comparison .form-label {
  line-height: 21px;
  font-size: 14px;
  font-weight: 400;
  width: 450px;
  letter-spacing: 0.12px;
  margin-left: 10px;
  color: var(--tt-text-basic);
}
.tax-comparison .form-control,
.tax-comparison .form-select {
  width: 50%;
  height: 37px;
  font-size: 14px;
  letter-spacing: 0.12px;
  font-weight: 400;
  box-sizing: border-box;
  padding: 6px 12px;
  border: 1px solid var(--neutral-light);
  border-radius: 4px;
  margin-right: 10px;
  border: 1px solid var(--tt-neutral-400);
  background: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}
.tax-comparison .form-control[readonly] {
  cursor: not-allowed;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-neutral-300);
  background: var(--tt-neutral-10);
}
.tax-comparison .calc-reset {
  margin-top: 20px;
  display: flex;
  justify-content: right;
  gap: 15px;
  margin-right: 10px;
}
.tax-comparison .reset-btn {
  background-color: var(--primary-variant-6);
  color: var(--primary);
  border: 1px solid var(--primary);
  border-radius: 4px;
  width: 84px;
  height: 36px;
}
.tax-comparison .col-md-3 {
  width: 275px;
  height: 311px;
  gap: 20px;
  margin-top: -18px;
}
.tax-comparison .col-md-3 .results {
  color: var(--primary);
  border-bottom: 1px solid var(--tt-neutral-300);
  padding-bottom: 10px;
  margin-bottom: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  text-align: left;
  margin-top: 13px;
}
.tax-comparison .col-md-3 .custom-card {
  border-radius: 6px;
}
.tax-comparison .col-md-3 .custom-card .custom-section {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
  gap: 10px;
}
.tax-comparison .col-md-3 .custom-card .custom-section .custom-label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  color: var(--primary);
}
.tax-comparison .col-md-3 .custom-card .custom-section .custom-display-box {
  font-size: 20px;
  max-width: 275px;
  height: 71px;
  padding: 8px 12px;
  border-radius: 0.25rem;
  border: 1px solid var(--tt-secondary-info-30);
  border: 1px solid var(--tt-secondary-info-30);
  background: var(--tt-neutral-100);
  color: var(--tt-text-basic);
  font-weight: 700;
}
@media (min-width: 1366px) {
  .tax-comparison .row1 {
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .tax-comparison .row1 .etds-result-container-tax-comparison {
    width: 100%;
  }
}
@media (max-width: 1365px) {
  .tax-comparison .row1 {
    flex-direction: row;
    gap: 0px;
  }
  .tax-comparison .row1 .col-md-9,
  .tax-comparison .row1 .etds-result-container-tax-comparison {
    max-width: 100%;
    width: 100%;
  }
  .tax-comparison .form-row-group {
    justify-content: space-between;
    gap: 15px;
  }
  .tax-comparison .form-control,
  .tax-comparison .form-select {
    width: 50%;
    max-width: 100%;
  }
  .tax-comparison .form-label {
    width: 50%;
  }
}
@media (max-width: 1365px) and (min-width: 768px) {
  .tax-comparison .section-header {
    margin-bottom: 20px;
  }
  .tax-comparison .section-header .section-actions {
    gap: 20px;
  }
  .tax-comparison .col-md-3 {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-top: 0;
  }
}
@media (max-width: 768px) {
  .tax-comparison .row1 {
    flex-direction: column;
    gap: 15px;
  }
  .tax-comparison .section-header {
    flex-direction: column;
    gap: 12px;
    margin-bottom: 16px;
  }
  .tax-comparison .section-header .section-title-wrapper {
    width: 100%;
  }
  .tax-comparison .section-header .section-title-wrapper .section-title {
    font-size: 20px;
    line-height: 28px;
  }
  .tax-comparison .section-header .section-actions {
    width: 100%;
    align-items: flex-start;
    gap: 12px;
    margin-top: 8px;
    width: 100%;
    justify-content: space-between;
  }
  .tax-comparison .section-header .section-actions .mandatory-note {
    font-size: 12px;
  }
  .tax-comparison .section-header .section-actions .warning-disclaimer-button {
    padding: 4px 10px;
    font-size: 12px;
  }
  .tax-comparison .form-row-group {
    flex-direction: column;
    gap: 12px;
    margin: 15px 0;
  }
  .tax-comparison .form-label {
    width: 100%;
    margin-left: 0;
    font-size: 13px;
  }
  .tax-comparison .form-control,
  .tax-comparison .form-select {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
  }
  .tax-comparison .calc-reset {
    flex-wrap: wrap;
    justify-content: end;
    margin-right: 0;
    gap: 10px;
  }
  .tax-comparison .reset-btn {
    width: 100%;
    max-width: 150px;
  }
  .tax-comparison .col-md-3 {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-top: 0;
  }
  .tax-comparison .col-md-3 .custom-section {
    gap: 8px;
  }
  .tax-comparison .col-md-3 .custom-section .custom-display-box {
    max-width: 100%;
    font-size: 18px;
    height: 65px;
  }
  .tax-comparison .etds-result-container-tax-comparison {
    padding: 16px;
  }
}
@media (max-width: 480px) {
  .tax-comparison .section-header .section-title-wrapper .section-title {
    font-size: 18px;
    line-height: 24px;
  }
  .tax-comparison .section-header .section-actions {
    gap: 10px;
  }
  .tax-comparison .section-header .section-actions .mandatory-note {
    font-size: 11px;
  }
  .tax-comparison .section-header .section-actions .warning-disclaimer-button {
    padding: 4px 8px;
    font-size: 11px;
  }
  .tax-comparison .section-header .section-actions .warning-disclaimer-button .icon {
    width: 16px;
    height: 16px;
  }
  .tax-comparison .form-label {
    font-size: 12px;
  }
  .tax-comparison .form-control,
  .tax-comparison .form-select {
    font-size: 13px;
    height: 35px;
    padding: 5px 10px;
  }
  .tax-comparison .calc-reset {
    gap: 8px;
  }
  .tax-comparison .reset-btn {
    height: 34px;
    font-size: 12px;
  }
  .tax-comparison .col-md-3 .results {
    font-size: 1.1rem;
  }
  .tax-comparison .col-md-3 .custom-section .custom-label {
    font-size: 13px;
  }
  .tax-comparison .col-md-3 .custom-section .custom-display-box {
    font-size: 16px;
    height: 60px;
    padding: 6px 10px;
  }
  .tax-comparison .etds-result-container-tax-comparison {
    padding: 12px;
  }
  .tax-comparison .etds-section-tax-com-second-box {
    padding: 6px;
  }
}
.tax-comparison .table-row {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.tax-comparison .table-row .rowLabel {
  flex: 1 1 250px;
  min-width: 200px;
  margin-bottom: 0.5rem;
  padding: 8px 8px 8px 12px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
  color: var(--tt-text-basic);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.12px;
}
@media (max-width: 768px) {
  .tax-comparison .table-row .rowLabel {
    width: 250px;
    padding: 8px 6px 8px 8px;
    font-size: 11px;
    gap: 12px;
  }
}
@media (max-width: 480px) {
  .tax-comparison .table-row .rowLabel {
    width: 180px;
    padding: 6px 4px 6px 6px;
    font-size: 10px;
    line-height: 16px;
    gap: 8px;
  }
}
.tax-comparison .table-row .inputField {
  flex: 0 1 120px;
  min-width: 100px;
  margin-right: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  min-height: 37px;
  margin: 8px;
  padding: 8px 12px;
  background-color: var(--tt-neutral-10);
  border-radius: 4px;
  border: 1px solid var(--tt-neutral-300);
  text-align: right;
  font-size: 14px;
}
@media (max-width: 768px) {
  .tax-comparison .table-row .inputField {
    margin: 6px 0 6px 0;
    padding: 6px 8px;
    font-size: 13px;
    min-height: 32px;
  }
}
@media (max-width: 480px) {
  .tax-comparison .table-row .inputField {
    margin: 4px 0 4px 0;
    padding: 4px 6px;
    font-size: 12px;
    min-height: 28px;
  }
}
@media (max-width: 767.98px) {
  .tax-comparison .table-row {
    flex-direction: column;
    align-items: flex-start;
  }
  .tax-comparison .table-row .rowLabel,
  .tax-comparison .table-row .inputField {
    min-width: 100% !important;
    width: 100% !important;
    margin-right: 0 !important;
  }
}
.tax-comparison .responsive-select-wrapper {
  width: 50%;
}
@media (max-width: 747px) {
  .tax-comparison .responsive-select-wrapper {
    width: 100%;
  }
}
.tax-comparison button:focus-visible {
  outline-offset: 0.125rem;
  box-shadow: unset;
}

.deferredTaxCalculator .back-button {
  padding: 10px 20px;
}
.deferredTaxCalculator .etds-entry-section {
  color: #0d1b2a;
}
.deferredTaxCalculator .etds-no-entry-required {
  background-color: var(--dt-basic, #ffffff);
  border: 1px solid #1976d2;
  border-radius: 8px;
  padding: 20px;
}
.deferredTaxCalculator .etds-label-1 {
  color: var(--dt-100, #000000);
  margin: "0";
}
.deferredTaxCalculator .etds-result-deferred {
  border-radius: 0.125rem;
  border: 0.5px solid var(--tt-neutral-400);
  color: var(--tt-text-basic);
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.125rem;
  letter-spacing: 0.0075rem;
}
.deferredTaxCalculator .etds-result-deferred2 {
  width: 400px;
  font-weight: bold;
  border: 0.5px solid var(--tt-neutral-400);
}
.deferredTaxCalculator .etds-result-deferred3 {
  width: 20px;
  border: 0.5px solid var(--tt-neutral-400);
}
.deferredTaxCalculator .results-container {
  background: var(--tt-neutral-100);
  box-shadow: 0 4px 14px 0 var(--tt-neutral-1200);
  border-radius: 0.125rem;
  border: 0.5px solid var(--tt-neutral-400);
  padding: 24px;
  margin-bottom: 24px;
  max-width: 1270px;
  width: 100%;
}
.deferredTaxCalculator .notes-section {
  width: 100%;
  padding: 12px;
}
.deferredTaxCalculator .section-title {
  color: #1a252f;
  margin-bottom: 1.5rem;
}
.deferredTaxCalculator .subsection-title {
  color: #1a252f;
  margin-bottom: 1rem;
}
.deferredTaxCalculator .financial-table {
  border-radius: 0.125rem;
  border: 0.5px solid var(--tt-neutral-400);
}
.deferredTaxCalculator .table-header {
  background-color: var(--dt-basic, #ffffff);
}
.deferredTaxCalculator .table-header th {
  border: 0.5px solid var(--tt-neutral-400);
  text-align: center;
}
.deferredTaxCalculator .table-header th:first-child {
  width: 60%;
}
.deferredTaxCalculator .table-body td {
  border: 0.5px solid var(--tt-neutral-400);
}
.deferredTaxCalculator .bold-row {
  font-weight: bold;
  background-color: #f8f9fa;
}
.deferredTaxCalculator .indented-row {
  padding-left: 20px;
}
.deferredTaxCalculator .right-align {
  text-align: right;
}
.deferredTaxCalculator .bold-text {
  font-weight: bold;
}
.deferredTaxCalculator .spacer-row {
  height: 10px;
  border: none;
}
.deferredTaxCalculator .no-border {
  border: none;
}
.deferredTaxCalculator .net-summary-row {
  background-color: #e8f5e8;
}
.deferredTaxCalculator .net-summary-value {
  font-size: 1.1em;
  font-weight: bold;
  text-align: right;
}
.deferredTaxCalculator .entry-description {
  font-style: italic;
  font-size: 0.9em;
}
.deferredTaxCalculator .table-border {
  border: 0.5px solid var(--tt-neutral-400);
  font-weight: bold;
  text-align: right;
}
.deferredTaxCalculator .table-td {
  font-style: italic;
  color: #212529;
  padding-top: 5px;
  padding-bottom: 15px;
  border: 0.5px solid var(--tt-neutral-400);
}
.deferredTaxCalculator .table-tr {
  padding: 20px;
}
.deferredTaxCalculator .table thead {
  background: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}
.deferredTaxCalculator .table th {
  background-color: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}
.deferredTaxCalculator .table tbody {
  /* background-color: var(--table-background-color, var(--white, #fff)); */
  background-color: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}
.deferredTaxCalculator .table td {
  background-color: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}
.deferredTaxCalculator .table tr {
  background-color: var(--tt-neutral-100);
  color: var(--tt-text-basic);
}

.feedback-container {
  margin: 0 auto;
  padding: 16px;
  background: var(--primary-variant-6);
  border-radius: 4px;
  border: 1px solid var(--neutral-300);
  display: flex;
  flex-direction: column;
  gap: 24px;
  /* Status counter count section */
  /* .feedbackModel__textField {
    align-self: stretch;
    flex: 1 1 0;
    padding: 8px 12px;
    background: var(primary-variant-6);
    border-radius: 4px;
    border: 1px solid var(--tt-neutral-600);
    position: relative;
    display: inline-flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;





    &:focus {
      /* outline: 1px solid var(--dark-variant-4);
      outline-offset: -1px;
    }
  } */
  /* Notification related */
  /* Media queries independent for clarity */
  /* Selected value text */
  /* Dropdown option text */
  /* Option hover/focus */
  /* Option selected */
  /* Placeholder text */
  /* Dropdown indicator (arrow) */
  /* Remove border on focus */
  /* Optional: set a theme color via CSS custom property */
  /* 1) Base control: remove default browser outline to avoid duplication */
  /* 2) Keyboard focus on the control (Tab navigation) */
  /* 3) Also show outline when clicking into the input area inside the control (some UAs propagate focus to input) */
  /* 4) Do NOT show outline when disabled */
  /* 5) Menu options: show clear focus when arrowing through the list with keyboard */
  /* 6) Keep selected option distinguishable; add outline when it has focus, too */
  /* 7) Indicators (clear, dropdown): make them keyboard-focus visible without affecting layout */
  /* 8) High-contrast users: slightly thicker outline for better visibility */
  /* Outline sirf hover ya focus par dikhe, aur outline-offset bhi ho */
  /* ensure the pill is an inline-block so the ring wraps just the number */
  /* show the focus ring on the pill when its parent button receives focus */
  /* full-area focus outline for badge and rating items */
  /* hide browser default and show custom ring for keyboard focus */
  /* keep inner icon/text styles unchanged */
}
.feedback-container .others-input-section {
  margin-top: 16px;
  padding: 16px;
  background: #F8F9FA;
  border-radius: 8px;
  border: 1px solid var(--neutral-300);
}
.feedback-container .others-label {
  font-size: 12px;
  color: var(--font-color-basic);
  font-weight: 500;
  display: block;
  margin-bottom: 8px;
}
.feedback-container .others-input-container {
  position: relative;
}
.feedback-container .others-input {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid var(--dark-variant-4);
  border-radius: 4px;
  font-size: 14px;
  color: var(--font-color-basic);
  background: var(--primary-variant-6);
  box-sizing: border-box;
  resize: none;
}
.feedback-container .others-input:focus {
  outline: none;
  border-color: var(--primary);
  box-shadow: 0 0 0 2px var(primary);
}
.feedback-container .others-input::placeholder {
  color: var(--dark-variant-2);
  font-style: italic;
}
.feedback-container .character-count {
  position: absolute;
  right: 8px;
  bottom: -20px;
  font-size: 11px;
  color: var(--dark-variant-2);
}
.feedback-container .error-state {
  text-align: center;
  padding: 40px;
  color: var(--error);
}
.feedback-container .error-state h3 {
  margin: 0 0 16px 0;
  color: var(--error);
  font-size: 18px;
}
.feedback-container .error-state p {
  margin: 0 0 24px 0;
  color: var(--dark-variant-2);
  font-size: 14px;
}
.feedback-container .loading-state {
  text-align: center;
  padding: 40px;
  color: var(--dark-variant-2);
  font-size: 16px;
}
.feedback-container .required {
  color: var(--error);
}
.feedback-container .input-placeholder {
  border: 1px solid var(--dark-variant-4);
  border-radius: 4px;
  padding: 8px 12px;
  color: var(--font-color-basic);
  font-size: 14px;
  background: #F8F9FA;
  font-weight: 500;
}
.feedback-container select {
  border: 1px solid var(--dark-variant-4);
  border-radius: 4px;
  padding: 8px 12px;
  color: var(--font-color-basic);
  font-size: 14px;
  background: var(--primary-variant-6);
}
.feedback-container .rating-section {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-right: 175px;
}
.feedback-container .rating-section p {
  font-size: 14px;
  font-weight: bold;
  color: var(-neutral-1200);
  margin: 0;
}
.feedback-container .ratings {
  display: flex;
  flex-wrap: nowrap;
  gap: 86px;
  justify-content: flex-start;
  margin-left: 37px;
}
.feedback-container .ratings .rating-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 84px;
  background: none;
  border: none;
}
.feedback-container .ratings .rating-item .rating-pill {
  background: var(--secondary-variant-3);
  padding: 7.5px 16px;
  border-radius: 42px;
  cursor: pointer;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.2s ease;
  border: 2px solid transparent;
  min-width: 32px;
  min-height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 156px;
  outline-offset: 0.125rem;
  color: var(--tt-text-basic);
}
.feedback-container .ratings .rating-item .rating-pill:hover {
  border-color: var(--primary);
}
.feedback-container .ratings .rating-item .rating-pill.selected {
  background-color: var(--secondary);
  border-color: var(--secondary);
  color: var(--primary-variant-6);
}
.feedback-container .ratings .rating-item .rating-label {
  /* background: var(--secondary-variant-3); */
  padding: 7.5px 16px;
  border-radius: 42px;
  cursor: pointer;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.2s ease;
  border: 2px solid transparent;
  min-width: 32px;
  min-height: 32px;
  align-items: center;
  justify-content: center;
  width: 156px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  /* overflow: hidden; */
  text-overflow: ellipsis;
  font-size: 12px;
  color: var(--neutral-1200);
  line-height: 1;
  margin-top: 8px;
  width: 100%;
}
.feedback-container .ratings .rating-item .rating-label.selectedd {
  font-weight: 700;
}
.feedback-container .tag {
  padding: 8px 16px;
  border-radius: 50px;
  background: var(--secondary-variant-3);
  font-size: 12px;
  cursor: pointer;
  transition: all 0.2s ease;
  border: 1px solid transparent;
  font-weight: 500;
  color: var(--font-color-basic);
  outline-offset: 0.125rem;
}
.feedback-container .tag:hover {
  border-color: var(--primary);
  background: var(--secondary-variant-3);
}
.feedback-container .tag.active {
  background: var(--primary);
  color: var(--primary-variant-6);
  border-color: var(--primary);
}
.feedback-container .tag.selected {
  background-color: var(--secondary);
  border-color: var(--secondary);
  color: var(--primary-variant-6);
}
.feedback-container .feedback-tags {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.feedback-container .feedback-tags p {
  font-size: 14px;
  margin: 0;
  font-weight: 500;
  color: var(--font-color-basic);
}
.feedback-container .feedback-tags .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.feedback-container .form-footer {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid var(--neutral-300);
  padding-top: 16px;
  gap: 12px;
}
@media (max-width: 768px) {
  .feedback-container .form-footer {
    flex-direction: column-reverse;
    gap: 8px;
  }
}
.feedback-container .btn {
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  text-transform: capitalize;
  transition: all 0.2s ease;
  min-width: 100px;
}
.feedback-container .btn.reset {
  color: var(--primary);
  background: transparent;
}
.feedback-container .btn.reset:hover:not(:disabled) {
  background: var(--secondary-variant-3);
}
.feedback-container .btn.submit {
  background: var(--primary);
  color: var(--primary-variant-6);
  border: none;
}
.feedback-container .btn.submit:hover:not(:disabled) {
  background: var(--primary);
}
.feedback-container .btn.submit:disabled {
  background: var(--dark-variant-6);
  color: var(--dark-variant-3);
  cursor: not-allowed;
}
.feedback-container .btn:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
@media (max-width: 768px) {
  .feedback-container .btn {
    width: 100%;
    min-width: auto;
  }
}
.feedback-container .feedback-success-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  max-width: 600px;
  margin: 20px auto;
}
@media (max-width: 768px) {
  .feedback-container .feedback-success-wrapper {
    margin: 10px;
    max-width: none;
  }
}
.feedback-container .feedback-success-icon {
  width: 20px;
  height: 20px;
  background: var(--success-700);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.feedback-container .feedback-success-text {
  font-weight: 500;
  font-size: 14px;
}
.feedback-container .feedback-success-button {
  padding: 10px 20px;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 500;
  font-size: 14px;
  min-width: 150px;
  text-align: center;
  transition: all 0.2s ease;
}
.feedback-container .feedback-success-button.secondary {
  background: var(--primary-variant-6);
  border: 1px solid var(--primary);
  color: var(--primary);
}
.feedback-container .feedback-success-button.secondary:hover {
  background: var(--secondary-variant-3);
}
.feedback-container .feedback-success-button.primary {
  background: var(--primary);
  border: none;
  color: var(--primary-variant-6);
}
.feedback-container .feedback-success-button.primary:hover {
  background: var(--primary);
}
@media (max-width: 768px) {
  .feedback-container .feedback-success-button {
    width: 100%;
    min-width: auto;
  }
}
@media (max-width: 768px) {
  .feedback-container {
    margin: 10px;
    padding: 12px;
  }
  .feedback-container .ratings {
    justify-content: space-around;
    flex-direction: column;
    gap: 15px;
  }
  .feedback-container .rating-item {
    width: auto;
    min-width: 70px;
  }
}
.feedback-container .status-countercount {
  padding: 16px 12px;
  border-radius: 4px;
  outline: 0.5px solid var(--dark-variant-3);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.feedback-container .total-formscount span {
  font-size: 16px;
  font-weight: 500;
}
.feedback-container .badgecount {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 14px;
}
.feedback-container .successcount {
  background-color: var(--success-stroke-5);
  color: var(--success-700);
  border: 1px solid var(--success-stroke-30);
}
.feedback-container .errorcount {
  background-color: var(--danger-stroke-5);
  color: var(--error);
  border: 1px solid var(--danger-stroke-30);
}
.feedback-container .dotcount {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: currentColor;
}
.feedback-container .textcount {
  line-height: 20px;
}
.feedback-container .formTitleCount {
  height: 100%;
  padding-top: 12px;
  border-top: 1px solid var(primary-variant-8);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.feedback-container .formTitleCount .formTitleTextCount {
  flex: 1 1 0;
  color: var(--primary);
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.feedback-container .formTitleCount .removeButtonCount {
  height: 36px;
  min-width: 84px;
  background: var(--primary-variant-6);
  border: 1px solid var(--error);
  border-radius: 4px;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}
.feedback-container .formTitleCount .removeButtonCount .removeTextCount {
  color: var(--error);
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  line-height: 21px;
  letter-spacing: 0.12px;
}
.feedback-container .formTitleCount .removeButtonCount .removeIconCount {
  width: 20px;
  height: 20px;
  background-color: var(--error);
  mask: url('data:image/svg+xml;utf8,<svg fill="white" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 13h-2v-2h2v2zm0-4h-2V7h2v4z"/></svg>') no-repeat center;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg fill="white" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 13h-2v-2h2v2zm0-4h-2V7h2v4z"/></svg>') no-repeat center;
  mask-size: contain;
  -webkit-mask-size: contain;
}
.feedback-container .addFeedbackWrapperCount {
  height: 100%;
  padding: 24px;
  background: var(--dark-variant-6);
  border-radius: 4px;
  outline: 1px solid var(--dark-variant-3);
  outline-offset: -1px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.feedback-container .addFeedbackWrapperCount .addFeedbackButtonCount {
  height: 36px;
  min-width: 84px;
  background: var(--primary-variant-6);
  border: 1px solid var(--primary);
  border-radius: 4px;
  overflow: hidden;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: var(--primary);
  transition: all 0.3s ease;
  outline-offset: 0.125rem;
}
.feedback-container .addFeedbackWrapperCount .addFeedbackButtonCount:disabled, .feedback-container .addFeedbackWrapperCount .addFeedbackButtonCount.disabled {
  background-color: var(--neutral-half-white);
  border-color: var(--neutral-light);
  color: var(--neutral-800-3);
  cursor: not-allowed;
  pointer-events: none;
}
.feedback-container .addFeedbackWrapperCount .addFeedbackButtonCount:disabled .addIconCount, .feedback-container .addFeedbackWrapperCount .addFeedbackButtonCount.disabled .addIconCount {
  opacity: 0.5;
  filter: grayscale(100%) brightness(10%);
}
.feedback-container .addFeedbackWrapperCount .addFeedbackButtonCount:disabled .addTextCount, .feedback-container .addFeedbackWrapperCount .addFeedbackButtonCount.disabled .addTextCount {
  color: var(--neutral-800-3);
}
.feedback-container .addFeedbackWrapperCount .addFeedbackContentCount {
  height: 36px;
  padding: 8px 16px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.feedback-container .badge-success {
  min-width: 56px;
  height: 28px;
  padding: 0 8px;
  background: var(--success-stroke-5);
  border-radius: 20px;
  outline: 1px solid;
  outline-offset: -1px;
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--success-700);
}
.feedback-container .custom-badge {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  padding: 0 8px;
  min-width: 56px;
  height: 28px;
  border-radius: 20px;
  outline: 1px solid var(--danger-300);
  outline-offset: -1px;
  background-color: var(--danger-stroke-5);
}
.feedback-container .custom-badge .custom-badge-icon {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: var(--error);
}
.feedback-container .custom-badge .custom-badge-icon .custom-badge-img {
  width: 12px;
  height: 12px;
  object-fit: contain;
}
.feedback-container .custom-badge .custom-badge-text {
  color: var(--error);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.12px;
  white-space: nowrap;
}
.feedback-container .custom-badge .badge-text-complete {
  color: var(--success-700);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.12px;
  white-space: nowrap;
}
.feedback-container .icon-check {
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}
.feedback-container .icon-check .check-circle-bg {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0;
  left: 0;
}
.feedback-container .icon-check .check-circle-fill {
  width: 13.33px;
  height: 13.33px;
  position: absolute;
  top: 1.33px;
  left: 1.33px;
  background: var(--success-700);
  color: var(--success-700);
}
.feedback-container .status-text {
  color: var(--success-700);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.12px;
}
.feedback-container .addIconCount {
  width: 20px;
  height: 20px;
  background-color: var(--primary);
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" height="24" viewBox="0 0 24 24" width="24"><path d="M13 11h8v2h-8v8h-2v-8H3v-2h8V3h2v8z"/></svg>') no-repeat center;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" height="24" viewBox="0 0 24 24" width="24"><path d="M13 11h8v2h-8v8h-2v-8H3v-2h8V3h2v8z"/></svg>') no-repeat center;
  mask-size: contain;
  -webkit-mask-size: contain;
}
.feedback-container .addTextCount {
  color: var(--primary);
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  line-height: 21px;
  letter-spacing: 0.12px;
}
.feedback-container .feedback-form-data {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.feedback-container .form-title {
  width: 100%;
  height: 100%;
  padding-top: 12px;
  border-top: 1px solid var(primary-variant-8);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: 25px;
  margin-bottom: 0px;
}
.feedback-container .form-title .feedback-form-title {
  flex: 1 1 0;
  color: var(--primary);
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.feedback-container .button-medium.destructive-remove {
  height: 36px;
  min-width: 84px;
  background: var(--primary-variant-6);
  border-radius: 4px;
  border: 1px solid var(--error);
  outline-offset: 1px;
  justify-content: center;
  align-items: center;
  display: flex;
  cursor: pointer;
}
.feedback-container .button-medium.destructive-remove .button-icons-remove {
  height: 36px;
  padding: 8px 16px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.feedback-container .button-medium.destructive-remove .button-text-remove {
  color: var(--error);
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  line-height: 21px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
}
.feedback-container .button-medium.destructive-remove .remove-circle-remove {
  width: 17px;
  height: 18px;
  position: revert-layer;
  margin-bottom: 7px;
  color: var(--error);
}
.feedback-container .button-medium.destructive-remove .vector-remove.vector-bg-remove {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 0;
}
.feedback-container .button-medium.destructive-remove .vector-remove.vector-fill-remove {
  width: 16.67px;
  height: 16.67px;
  position: absolute;
  left: 1.67px;
  top: 1.67px;
  background-color: var(--error);
  border-radius: 2px;
}
.feedback-container .feedback-heading {
  width: 100%;
  color: var(--primary);
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  word-wrap: break-word;
}
.feedback-container .feedbackModel__locationFields {
  height: 100%;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
}
.feedback-container .feedbackModel__descriptionField {
  flex: 1 1 0;
  height: 171px;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
}
.feedback-container .feedbackModel__titleBar {
  align-self: stretch;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.feedback-container .feedbackModel__titleContainer {
  flex: 1 1 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 2px;
}
.feedback-container .feedbackModel__title {
  color: var(--font-color-basic);
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.12px;
}
.feedback-container .feedbackModel__asterisk {
  color: var(--error);
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.12px;
}
.feedback-container .feedbackModel__descriptionBox {
  align-self: stretch;
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.feedback-container .feedbackModel__textField {
  align-self: stretch;
  flex: 1 1 0;
  padding: 8px 12px;
  background: var(primary-variant-6);
  border-radius: 4px;
  border: 1px solid var(--tt-neutral-600);
  /* outline: 1px solid #5679e2; */
  /* outline-offset: 0.125rem; */
  position: relative;
  display: inline-flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
}
.feedback-container .feedbackModel__textField:focus {
  outline: 0.125rem solid #5679e2;
  outline-offset: 0.125rem;
  border-color: var(--primary);
  box-shadow: 0 0 0 2px var(primary);
}
.feedback-container .feedbackModel__placeholderText {
  width: 100%;
  height: 100px;
  /* adjust as needed */
  position: relative;
}
.feedback-container .feedbackModel__textarea {
  width: 100%;
  height: 100%;
  border: none;
  padding: 8px 12px;
  font-size: 14px;
  color: var(--font-color-basic);
  resize: none;
  border-radius: 4px;
  background-color: var(--primary-variant-6);
  box-sizing: border-box;
}
.feedback-container .feedbackModel__textarea:focus {
  outline: none;
  border-color: var(--primary);
  box-shadow: 0 0 0 2px var(primary);
}
.feedback-container .feedbackModel__fullscreenButton {
  position: absolute;
  right: 0px;
  top: 91px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.feedback-container .feedbackModel__fullscreenIcon {
  width: 18px;
  height: 18px;
  position: relative;
  overflow: hidden;
}
.feedback-container .feedbackModel__vector {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 0;
  left: 0;
}
.feedback-container .feedbackModel__vectorInner {
  width: 13.5px;
  height: 13.5px;
  position: absolute;
  top: 2.25px;
  left: 2.25px;
}
.feedback-container .feedbackModel__charCounter {
  align-self: stretch;
  text-align: right;
  display: flex;
  flex-direction: column;
  color: var(--dark-variant-2);
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.12px;
}
.feedback-container .in-page-notification {
  padding: 12px;
  background: var(--danger-stroke-5);
  border-radius: 4px;
  outline: 1px solid var(--danger-300);
  outline-offset: -1px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 20px;
}
.feedback-container .in-page-notification .icon-container {
  width: 18px;
  height: 25px;
  position: relative;
}
.feedback-container .in-page-notification .icon-container .icon-background {
  width: 15px;
  height: 15px;
  left: 2.5px;
  top: 2.5px;
  color: var(--error);
  border-radius: 50%;
}
.feedback-container .in-page-notification .notification-text {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
}
.feedback-container .in-page-notification .notification-text .alert-label {
  color: var(--error);
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0.12px;
}
.feedback-container .in-page-notification .notification-text .alert-message {
  color: var(--error);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.12px;
}
.feedback-container .notification-container {
  background: var(--primary-variant-6);
  border-radius: 4px;
  outline-offset: -1px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
}
.feedback-container .notification-container .notification-success {
  align-self: stretch;
  padding: 12px;
  background: var(--success-stroke-5);
  border-radius: 4px;
  outline: 1px solid var(--success-400);
  outline-offset: -1px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
}
.feedback-container .notification-container .notification-success .notification-content {
  position: relative;
  width: 352px;
  height: 21px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--success-700);
}
.feedback-container .notification-container .notification-success .notification-content .icon-check-circle {
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.feedback-container .notification-container .notification-success .notification-content .notification-text {
  color: var(--success-700);
  font-size: 14px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  line-height: 21px;
  word-wrap: break-word;
}
.feedback-container .notification-container .notification-success .notification-footer {
  align-self: stretch;
  padding-top: 16px;
  border-top: 1px solid var(--neutral-300);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.feedback-container .notification-container .notification-success .notification-footer .footer-left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.feedback-container .notification-container .notification-success .notification-footer .footer-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
}
.feedback-container :root {
  --neutral-100: var(--primary-variant-6);
  --success-bg: var(--success-stroke-5);
  --success-outline: var(--success-700);
  --primary-600: var(--primary);
  --text-alt: var(--primary-variant-6);
}
@media (max-width: 768px) {
  .feedback-container .feedback-container {
    margin: 10px;
    padding: 12px;
  }
  .feedback-container .feedback-container .ratings {
    justify-content: space-around;
    flex-direction: column;
    gap: 15px;
  }
  .feedback-container .feedback-container .rating-item {
    width: auto;
    min-width: 70px;
  }
  .feedback-container .feedback-container .tags {
    justify-content: center;
  }
  .feedback-container .feedback-container .form-footer {
    flex-direction: column-reverse;
    gap: 8px;
  }
  .feedback-container .feedback-container .btn {
    width: 100%;
    min-width: auto;
  }
  .feedback-container .feedback-container .feedback-success-wrapper {
    margin: 10px;
    max-width: none;
  }
}
.feedback-container .btn-return {
  min-width: 84px;
  background: var(--primary);
  border-radius: 4px;
  color: var(--primary-variant-6);
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  line-height: 21px;
  letter-spacing: 0.12px;
  padding: 8px 16px;
  cursor: pointer;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.feedback-container .btn-return:focus {
  outline: 2px solid #5679e2;
  outline-offset: 0.125rem !important;
}
.feedback-container .btn-return:hover {
  background: var(--primary);
  /* darker shade */
}
.feedback-container .notification-footer {
  align-self: stretch;
  padding-top: 16px;
  border-top: 1px solid var(--neutral-300);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.feedback-container .module-select__control {
  background-color: var(--tt-neutral-100) !important;
  border-color: var(--tt-neutral-300) !important;
  min-height: 38px;
  box-shadow: none !important;
}
.feedback-container .module-select__single-value {
  color: var(--tt-text-basic) !important;
}
.feedback-container .module-select__option {
  color: var(--tt-text-basic) !important;
  background-color: var(--tt-neutral-100) !important;
}
.feedback-container .module-select__option--is-focused {
  background-color: var(--tt-primary-varient-3) !important;
  color: var(--tt-text-basic-focus) !important;
  border: 1px solid var(--tt-secondary);
}
.feedback-container .module-select__option--is-selected {
  background-color: var(--tt-secondary) !important;
  color: var(--tt-text-basic-hover) !important;
}
.feedback-container .module-select__placeholder {
  color: var(--tt-text-basic) !important;
}
.feedback-container .module-select__indicator {
  color: var(--tt-neutral-600) !important;
}
.feedback-container .module-select__control--is-focused {
  border-color: var(--tt-primary-500) !important;
  box-shadow: 0 0 0 1px var(--tt-primary-500) !important;
  background-color: var(--tt-primary);
}
.feedback-container :root {
  --focus-outline-color: #0b5fff; /* tweak to match your brand/accessibility palette */
  --focus-outline-width: 2px; /* 2px is a good accessible default */
  --focus-outline-offset: 0.125rem;
}
.feedback-container .module-select__control {
  outline: none; /* don't remove box-shadow/border, keep original look */
}
.feedback-container .module-select__control:focus-visible,
.feedback-container .module-select__control--is-focused {
  outline: var(--focus-outline-width) solid var(--focus-outline-color);
  outline-offset: var(--focus-outline-offset);
}
.feedback-container .module-select__input-container:focus-within {
  outline: var(--focus-outline-width) solid var(--focus-outline-color);
  outline-offset: var(--focus-outline-offset);
}
.feedback-container .module-select__control--is-disabled {
  outline: none;
}
.feedback-container .module-select__option--is-focused {
  outline: var(--focus-outline-width) solid var(--focus-outline-color);
  outline-offset: var(--focus-outline-offset);
}
.feedback-container .module-select__option--is-selected.module-select__option--is-focused {
  outline: var(--focus-outline-width) solid var(--focus-outline-color);
  outline-offset: var(--focus-outline-offset);
}
.feedback-container .module-select__indicators:focus-visible,
.feedback-container .module-select__indicator:focus-visible {
  outline: var(--focus-outline-width) solid var(--focus-outline-color);
  outline-offset: var(--focus-outline-offset);
}
@media (prefers-contrast: more) {
  .feedback-container .module-select__control:focus-visible,
  .feedback-container .module-select__control--is-focused,
  .feedback-container .module-select__input-container:focus-within,
  .feedback-container .module-select__option--is-focused,
  .feedback-container .module-select__option--is-selected.module-select__option--is-focused,
  .feedback-container .module-select__indicators:focus-visible,
  .feedback-container .module-select__indicator:focus-visible {
    outline-width: calc(var(--focus-outline-width) + 1px);
  }
}
.feedback-container .module-select__control {
  border-color: #007bff !important; /* Blue border */
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.2) !important; /* Blue glow on focus */
  margin-bottom: 4px; /* 4px gap below select */
  transition: border-color 0.2s, box-shadow 0.2s;
  outline-offset: 4px;
  outline: 2px solid red;
}
.feedback-container .module-select__control--is-focused {
  border-color: #007bff !important;
  /* box-shadow: 0 0 0 2px #007bff33 !important; */
  outline-offset: 4px;
  outline: 2px solid red;
}
.feedback-container .module-select__control:hover {
  outline: 2px solid red; /* Blue outline */
  outline-offset: 4px; /* 4px ka gap outline aur box ke beech */
  border-color: red !important;
  box-shadow: none !important; /* Agar box-shadow nahi chahiye toh */
}
.feedback-container .module-select__control--is-focused {
  outline: 0.125rem solid #007bff !important; /* Blue outline */
  outline-offset: 4px; /* 4px gap */
  box-shadow: none !important; /* Remove box-shadow */
  border-color: #007bff !important; /* Optional: blue border */
}
.feedback-container .section-actions {
  display: flex;
  align-items: center;
  gap: 32px;
}
.feedback-container .section-actions .mandatory-note {
  font-size: 12px;
  font-style: italic;
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.feedback-container .section-actions .mandatory-note .text-danger {
  color: var(--tt-error);
}
.feedback-container .section-actions .mandatory-note .note-text {
  color: var(--tt-neutral-1000);
  margin-top: auto;
}
.feedback-container .joint-section {
  display: flex;
  gap: 8px;
  border: 1px solid var(-tt-error);
  border-radius: 4px;
}
.feedback-container .mandatory-star {
  color: var(--tt-error);
}
@media (max-width: 768px) and (min-width: 320px) {
  .feedback-container .joint-section {
    display: block;
  }
}
.feedback-container .rating-item:focus,
.feedback-container .rating-item:focus-visible {
  outline: none;
}
.feedback-container .rating-pill {
  display: inline-block;
  border-radius: 999px;
  padding: 0.25rem 0.5rem;
}
.feedback-container .rating-item:focus .rating-pill,
.feedback-container .rating-item:focus-visible .rating-pill {
  /* /box-shadow: 0 0 0 2px var(--tt-secondary); */
  outline: 2px solid var(--tt-secondary);
  outline-offset: 0.125rem;
}
.feedback-container .custom-badge, .feedback-container .badge-success {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 0.6rem;
  border-radius: 14px;
  background: transparent;
  border: 1px solid; /* keeps layout stable when box-shadow appears */
}
.feedback-container .custom-badge:focus,
.feedback-container .custom-badge:focus-visible,
.feedback-container .badge-success:focus,
.feedback-container .badge-success:focus-visible {
  outline: 2px solid var(--tt-secondary);
  outline-offset: 2px;
}
.feedback-container .badge-success:focus,
.feedback-container .badge-success:focus-visible {
  outline: 2px solid var(--tt-secondary);
  outline-offset: 2px;
  border: 1px solid;
}
.feedback-container .custom-badge-icon, .feedback-container .badge-success {
  pointer-events: none;
}
.feedback-container .alert-badge {
  border: 1px solid var(--tt-error);
}

.etds-rent-free-accomodation-code {
  /* For Chrome, Safari, Edge - remove arrows */
}
.etds-rent-free-accomodation-code .card-body {
  background: var(--tt-neutral-100);
}
.etds-rent-free-accomodation-code .shadow-sm {
  background: var(--tt-neutral-100);
}
.etds-rent-free-accomodation-code .row {
  display: flex;
  font-size: 12px;
}
.etds-rent-free-accomodation-code .row .mandatory-star {
  color: var(--tt-error);
}
.etds-rent-free-accomodation-code button:focus-visible {
  outline: 0.125rem solid var(--tt-primary-varient-9);
  outline-offset: 0.125rem;
  box-shadow: unset;
}
.etds-rent-free-accomodation-code .btn-calculate-1,
.etds-rent-free-accomodation-code .btn-reset {
  width: 95px;
  height: 36px;
  min-width: 84px;
  font-size: 12px;
  border-radius: 4px;
  color: var(--tt-neutral-100);
  background-color: var(--tt-primary);
  margin-right: 12px;
  cursor: pointer;
  border: none;
  margin-left: 15px;
}
.etds-rent-free-accomodation-code .warning-disclaimer-button {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  min-width: 72px;
  padding: 4px 12px;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-primary);
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  color: var(--tt-primary);
  cursor: pointer;
}
.etds-rent-free-accomodation-code .warning-disclaimer-button .icon {
  width: 20px;
  height: 20px;
}
.etds-rent-free-accomodation-code .warning-disclaimer-button span {
  text-transform: capitalize;
}
.etds-rent-free-accomodation-code span.text-danger35 {
  color: var(--tt-error);
}
.etds-rent-free-accomodation-code .border-red {
  border: 1.5px solid #dc3545 !important;
}
.etds-rent-free-accomodation-code .btn-reset {
  background-color: white;
  border: 1px solid #00008b;
  color: #00008b;
}
.etds-rent-free-accomodation-code .section-header-wrapper35 {
  padding: 20px;
}
.etds-rent-free-accomodation-code .label-with-tooltip {
  flex-direction: row;
  display: flex;
  justify-content: flex-start;
}
.etds-rent-free-accomodation-code .section-header,
.etds-rent-free-accomodation-code .section-header35 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 24px;
}
.etds-rent-free-accomodation-code .section-title-wrapper,
.etds-rent-free-accomodation-code .section-title-wrapper35 {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
}
.etds-rent-free-accomodation-code .section-title,
.etds-rent-free-accomodation-code .section-title35 {
  font-size: 24px;
  font-weight: 700;
  margin: 0;
  line-height: 36px;
  letter-spacing: 0.12px;
  color: var(--tt-primary);
  margin-left: -24px;
}
.etds-rent-free-accomodation-code .section-actions,
.etds-rent-free-accomodation-code .section-actions35 {
  display: flex;
  align-items: center;
  gap: 20px;
}
.etds-rent-free-accomodation-code .mandatory-note,
.etds-rent-free-accomodation-code .mandatory-note35 {
  font-style: italic;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
}
.etds-rent-free-accomodation-code .mandatory-note35 {
  font-size: 14px;
  gap: 8px;
}
.etds-rent-free-accomodation-code .mandatory-note .text-danger,
.etds-rent-free-accomodation-code .mandatory-note35 .text-danger {
  color: var(--tt-error) !important;
  font-weight: bold;
  margin-right: 4px;
}
.etds-rent-free-accomodation-code .note-text35 {
  color: var(--tt-neutral-800);
}
.etds-rent-free-accomodation-code .custom-display-box {
  height: 78px;
  width: 100%;
  max-width: 275px;
  border: 1px solid #a6d1fc;
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  background: white;
}
.etds-rent-free-accomodation-code input[type=number] {
  -moz-appearance: textfield;
  /* Firefox */
  -webkit-appearance: none;
  /* Chrome, Safari, Edge */
  appearance: none;
  /* Standard */
}
.etds-rent-free-accomodation-code input[type=number]::-webkit-outer-spin-button,
.etds-rent-free-accomodation-code input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.etds-rent-free-accomodation-code .form-label {
  font-size: 14px;
}
.etds-rent-free-accomodation-code .form-check-input {
  width: 16px;
  height: 16px;
  border: 1px solid #076bcf;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  margin: 0;
}
.etds-rent-free-accomodation-code .form-check-input:checked::before {
  border-radius: 50%;
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 8px;
  height: 8px;
}
.etds-rent-free-accomodation-code .input-box {
  display: flex;
  align-items: center;
  padding: 1px 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: auto;
  max-width: 400px;
  background-color: #f9f9f9;
}
.etds-rent-free-accomodation-code .custom-radio-row {
  display: flex;
  flex-direction: row;
  gap: 148px;
  margin-top: 8px;
  align-items: center;
}
.etds-rent-free-accomodation-code .note-box {
  background: var(--tt-secondary-info-bg5);
  border: 1px solid var(--tt-primary);
  border-radius: 4px;
  padding: 12px;
  font-size: 14px;
  color: var(--tt-primary);
  margin-top: 16px 0px;
}
.etds-rent-free-accomodation-code .note-box .note-text {
  margin: 0;
  font-weight: 400;
  color: var(--tt-primary);
  font-size: 14px;
  line-height: 21px;
}
.etds-rent-free-accomodation-code .note-box .note-text strong {
  font-weight: 700;
}
.etds-rent-free-accomodation-code .note-box .note-text p {
  margin: 6px 0 0;
  font-weight: 400;
  color: var(--tt-primary);
}
.etds-rent-free-accomodation-code .custom-form-group {
  display: flex;
  gap: 148px;
}
.etds-rent-free-accomodation-code .custom-form-group .custom-label {
  font-weight: 400;
  font-size: 1rem;
  color: #1c1d1f;
}
.etds-rent-free-accomodation-code .custom-form-group .custom-radio-group {
  margin-bottom: -15px;
}
.etds-rent-free-accomodation-code .custom-form-group .custom-radio-label input {
  margin-bottom: 0;
  gap: 10px;
}
.etds-rent-free-accomodation-code .custom-form-group .custom-radio-label span {
  font-size: 0.95rem;
  color: #343a40;
  font-weight: 400;
}
.etds-rent-free-accomodation-code .custom-section {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.etds-rent-free-accomodation-code .custom-section .custom-label {
  font-size: 14px;
  font-weight: 400;
  color: #2A3A8D;
}
.etds-rent-free-accomodation-code .custom-section .custom-display-box {
  height: 78px;
  width: 100%;
  max-width: 275px;
  border: 1px solid #b5d3f1;
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  background: #fff;
  color: #1C1D1F;
}
.etds-rent-free-accomodation-code .custom-section:focus-visible {
  outline: 0.125rem solid var(--tt-primary-varient-9);
  outline-offset: 0.125rem;
  box-shadow: unset;
}
.etds-rent-free-accomodation-code .note-box:focus-visible {
  outline: 0.125rem solid var(--tt-primary-varient-9);
  outline-offset: 0.125rem;
  box-shadow: unset;
}
.etds-rent-free-accomodation-code .custom-display-box {
  height: 78px;
  width: 100%;
  max-width: 275px;
  border: 1px solid #b5d3f1;
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  background: #fff;
}
.etds-rent-free-accomodation-code button.btn-reset-1 {
  border: none;
  width: 95px;
  height: 36px;
  font-size: 12px;
  min-width: 84px;
  color: var(--tt-primary);
  background: none;
  margin-left: 10px;
}
.etds-rent-free-accomodation-code .total-title {
  color: var(--tt-primary);
  border-bottom: 2px solid #dee2e6;
  padding-bottom: 10px;
  margin-bottom: 20px;
  font-size: 1.25rem;
  font-weight: 600;
}
.etds-rent-free-accomodation-code .total-primary {
  color: var(--tt-primary);
}
.etds-rent-free-accomodation-code .border-red {
  border-color: red !important;
}
.etds-rent-free-accomodation-code .border-blue {
  border-color: #ced4da;
  /* default border color */
}
.etds-rent-free-accomodation-code .form-select {
  max-width: 437.5px;
  width: 100%;
  height: 35px;
  border-radius: 4px;
  border: 1px solid;
  padding: 8px;
  background-color: var(--tt-neutral-100);
  border: 1px solid var(--tt-text-basic);
  color: var(--tt-text-basic);
}
.etds-rent-free-accomodation-code .total-box {
  width: 100%;
  border-radius: 4px;
  outline: 1px solid var(--tt-secondary-info-30);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.etds-rent-free-accomodation-code .total-box .total-box-header {
  align-self: stretch;
  padding: 12px;
  color: var(--tt-primary);
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.etds-rent-free-accomodation-code .total-box .total-box-content {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.etds-rent-free-accomodation-code .total-value {
  flex: 1 1 0;
  padding: 8px 12px;
  color: var(--tt-text-basic);
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.12px;
  word-wrap: break-word;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.etds-rent-free-accomodation-code #typeOfAccommodations-label-1 {
  color: var(--tt-text-basic);
}
.etds-rent-free-accomodation-code .custom-tooltip {
  position: absolute;
  border-radius: 0.25rem;
  background: var(--background-muted);
  /* Drop down shadow */
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  color: white;
  padding: 6px 12px;
  border-radius: 4px;
  z-index: 100;
  font-size: 0.95em;
  margin-left: 8px;
  left: 0;
  margin-right: 15px;
  margin-top: 25px;
  left: 10px;
  white-space: pre-line;
}
.etds-rent-free-accomodation-code .result-h3 {
  color: var(--tt-primary);
  padding-bottom: 8px;
  border-bottom: 2px solid var(--tt-neutral-300);
  width: 100%;
  font-size: 20px;
  font-weight: 700;
}
.etds-rent-free-accomodation-code .result-container {
  background: var(--tt-neutral-100);
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
  margin: 0px;
}
.etds-rent-free-accomodation-code .result1 {
  box-shadow: 0px 4px 14px var(--tt-neutral-1200);
  height: fit-content;
  padding: 0px;
}
.etds-rent-free-accomodation-code .result-card {
  width: 100%;
  border-radius: 4px;
  border: 1px solid var(--tt-secondary-info-30);
  display: flex;
  flex-direction: column;
  background: var(--tt-neutral-100);
}
.etds-rent-free-accomodation-code .result-card:focus-visible {
  outline: 0.125rem solid var(--tt-primary-varient-9);
  outline-offset: 0.125rem;
  box-shadow: unset;
}
.etds-rent-free-accomodation-code .result-card-header {
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.etds-rent-free-accomodation-code .result-card-title {
  color: var(--tt-primary);
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0.12px;
}
.etds-rent-free-accomodation-code .result-card-value-wrapper {
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.etds-rent-free-accomodation-code .result-card-value {
  font-size: 20px;
  font-weight: 700;
  color: var(--tt-text-basic);
  line-height: 30px;
  letter-spacing: 0.12px;
}

.responsive-select-wrapper {
  width: 100%;
  margin: 0 auto;
  color: var(--tt-text-basic) !important;
}
.responsive-select-wrapper .uniform-input1__menu,
.responsive-select-wrapper .uniform-input1__menu-list {
  background: var(--tt-neutral-100) !important;
  color: var(--tt-text-basic) !important;
}
.responsive-select-wrapper .uniform-input1__control {
  background: var(--tt-neutral-100) !important;
  color: var(--tt-text-basic) !important;
}
.responsive-select-wrapper .uniform-input1__option--is-focused {
  background-color: var(--tt-primary-varient-3) !important;
  /* color: var(--tt-text-basic-focus) !important; */
  border: 1px solid var(--tt-secondary);
  color: var(--tt-text-basic) !important;
}
.responsive-select-wrapper .uniform-input1__option--is-selected {
  background-color: var(--tt-secondary) !important;
  color: var(--tt-text-basic-hover) !important;
}
.responsive-select-wrapper .uniform-input1__dropdown-indicator svg {
  color: var(--tt-primary) !important;
  fill: var(--tt-primary) !important;
}
.responsive-select-wrapper .uniform-input1__single-value {
  color: var(--tt-text-basic);
}

.disclaimer-notification-model {
  scrollbar-width: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  overflow-x: inherit;
  overflow-y: scroll;
}
.disclaimer-notification-model .disclaimer-notification-content {
  width: 838px;
  margin: auto;
  border-radius: 8px;
  background: var(--tt-neutral-100);
  z-index: 100;
  border: 1px solid var(--tt-neutral-300);
}
.disclaimer-notification-model .disclaimer-notification-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
  background: var(--tt-neutral-100);
  border-radius: 8px;
}
.disclaimer-notification-model .disclaimer-notification-header {
  width: 100%;
  border-bottom: 1px solid var(--tt-neutral-300);
  padding-bottom: 12px;
  display: flex;
  gap: 6px;
  font-weight: 700;
  font-style: Bold;
  font-size: 18px;
  color: var(--tt-primary);
}
.disclaimer-notification-model .disclaimer-notification-body {
  width: 100%;
  display: flex;
  gap: 12px;
  padding: 24px;
  border-radius: 4px;
  background: var(--tt-primary-bg-stroke-5);
  color: var(--tt-text-basic);
  font-weight: 400;
  font-size: 12px;
}
.disclaimer-notification-model .disclaimer-notification-action {
  width: 100%;
  display: flex;
  justify-content: end;
  gap: 24px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  padding-top: 12px;
  padding-right: 24px;
  padding-bottom: 16px;
  padding-left: 24px;
  background: var(--tt-primary-bg-stroke-5);
}
.disclaimer-notification-model .disclaimer-notification-button {
  display: flex;
  justify-content: end;
}
.disclaimer-notification-model .disclaimer-notification-close-button {
  min-width: 84px;
  border-radius: 4px;
  background: var(--tt-neutral-100);
  border: 1px solid var(--tt-primary);
  padding: 8px 16px;
  color: var(--tt-primary);
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  cursor: pointer;
}
@media (min-width: 360px) and (max-width: 766px) {
  .disclaimer-notification-model .disclaimer-notification-content {
    width: 90%;
  }
}
@media (min-width: 767) and (max-width: 990px) {
  .disclaimer-notification-model .disclaimer-notification-content {
    width: 90%;
    max-width: 838px;
  }
}

/* Components CSS */
.dgthreedigest {
  display: block;
  text-indent: 0;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0.5em;
  font-size: 12pt;
  font-weight: 700;
  font-family: Arial;
  text-align: justify;
}

.dgbullettext {
  display: block;
  text-indent: 0;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0.5em;
  font-size: 12pt;
  font-family: Arial;
  text-align: justify;
}

.threedigest {
  display: block;
  text-indent: 0;
  margin-top: 0;
  margin-left: 8mm;
  margin-right: 8mm;
  margin-bottom: 0.5em;
  font-size: 12pt;
  font-weight: 700;
  font-family: Arial;
  text-align: justify;
}

.bullettext {
  display: block;
  text-indent: 0;
  margin-top: 0;
  margin-left: 8mm;
  margin-right: 8mm;
  margin-bottom: 0.5em;
  font-size: 12pt;
  font-family: Arial;
  text-align: justify;
}

.centerbox {
  display: block;
  margin-top: 12pt;
  margin-bottom: 12pt;
  text-align: center;
  text-indent: 0;
  color: #e4e4e4;
}

.citiation {
  display: block;
  text-indent: 0;
  margin-top: 0;
  margin-bottom: 4pt;
  font-size: 12pt;
  font-weight: 700;
  font-family: Arial;
  text-align: center;
}

.court {
  display: block;
  text-indent: 0;
  margin-top: 0;
  margin-bottom: 0.5em;
  font-size: 12pt;
  font-weight: 700;
  font-family: Arial;
  text-transform: uppercase;
  text-align: center;
}

.party {
  display: block;
  text-indent: 0;
  margin-top: 0;
  margin-bottom: 0.5em;
  font-size: 12pt;
  font-weight: 700;
  font-family: Arial;
  text-align: center;
}

.verse {
  display: block;
  text-indent: 0;
  margin-top: 0;
  margin-bottom: 0.5em;
  font-size: 12pt;
  font-weight: 700;
  font-family: Arial;
  text-align: center;
  font-style: italic;
}

.member {
  display: block;
  text-indent: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12pt;
  font-family: Arial;
  text-align: center;
  text-transform: uppercase;
}

.hnnote {
  display: block;
  text-indent: 0;
  margin-top: 18pt;
  margin-bottom: 0.5em;
  font-size: 12pt;
  font-weight: 700;
  font-family: Arial;
  text-align: justify;
}

.tx {
  margin-top: -1pt;
  margin-bottom: 4pt;
  text-align: justify;
  font-size: 12pt;
}

.rightbox {
  display: block;
  margin-top: 12pt;
  margin-bottom: 12pt;
  text-align: right;
  text-indent: 0;
}

.leftstar {
  display: block;
  margin-left: 8mm;
  margin-bottom: 4pt;
  text-indent: 0;
  font-size: 12pt;
}

.quote {
  display: block;
  margin-left: 8mm;
  margin-bottom: 4pt;
  text-indent: 0;
  margin-top: -1pt;
  text-align: justify;
  font-size: 12pt;
}

.indent1 {
  display: block;
  margin-left: 10mm;
  margin-bottom: 4pt;
  text-indent: -7mm;
  margin-top: -1pt;
  text-align: justify;
  font-size: 12pt;
}

.indent1A {
  display: block;
  margin-left: 14mm;
  margin-bottom: 4pt;
  text-indent: -7mm;
  margin-top: -1pt;
  text-align: justify;
  font-size: 12pt;
}

.indent2 {
  display: block;
  margin-left: 22mm;
  margin-bottom: 4pt;
  text-indent: -8mm;
  margin-top: -1pt;
  text-align: justify;
  font-size: 12pt;
}

.indent2A {
  display: block;
  margin-left: 24mm;
  margin-bottom: 4pt;
  text-indent: -7mm;
  margin-top: -1pt;
  text-align: justify;
  font-size: 12pt;
}

.indent3 {
  display: block;
  margin-left: 32mm;
  margin-bottom: 4pt;
  text-indent: -7mm;
  margin-top: -1pt;
  text-align: justify;
  font-size: 12pt;
}

.indent4 {
  display: block;
  margin-left: 40mm;
  margin-bottom: 4pt;
  text-indent: -7mm;
  margin-top: -1pt;
  text-align: justify;
  font-size: 12pt;
}

.indent5 {
  display: block;
  margin-left: 48mm;
  margin-bottom: 4pt;
  text-indent: -7mm;
  margin-top: -1pt;
  text-align: justify;
  font-size: 12pt;
}

.indent6 {
  display: block;
  margin-left: 56mm;
  margin-bottom: 4pt;
  text-indent: -7mm;
  margin-top: -1pt;
  text-align: justify;
  font-size: 12pt;
}

.indent3A {
  display: block;
  margin-left: 34mm;
  margin-bottom: 4pt;
  text-indent: -8mm;
  margin-top: -1pt;
  text-align: justify;
  font-size: 12pt;
}

.stathead1 {
  display: block;
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
  text-indent: 0;
  font-size: 12pt;
  font-family: Arial;
  font-weight: 700;
  text-transform: uppercase;
}

.stathead2 {
  display: block;
  margin-top: 6pt;
  margin-bottom: 6pt;
  text-align: center;
  text-indent: 0;
  font-size: 10pt;
  font-family: Arial;
  font-weight: 700;
  text-transform: uppercase;
}

.arthead1 {
  display: block;
  text-indent: 0;
  margin-top: 6pt;
  margin-bottom: 6pt;
  font-size: 14pt;
  font-family: Arial;
  text-align: center;
  font-weight: 700;
}

.arthead2 {
  display: block;
  text-indent: 0;
  margin-top: 0;
  margin-bottom: 6pt;
  font-size: 12pt;
  font-family: Arial;
  text-align: center;
  font-weight: 700;
}

.artrighttext {
  display: block;
  text-indent: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 10pt;
  text-align: right;
  text-transform: uppercase;
  font-weight: 700;
}

.artrighttext1 {
  display: block;
  text-indent: 0;
  margin-top: 0;
  margin-bottom: 6pt;
  font-size: 10pt;
  text-align: right;
}

.artcircle {
  display: block;
  margin-top: 6pt;
  margin-bottom: 0;
  text-align: right;
  text-indent: 0;
  font-size: 20pt;
}

.large {
  display: inline;
  text-indent: 0;
  font-size: 16pt;
}

.allborder table,
.allborder td {
  border: 1px solid var(--neutral-1200);
}

.allborder {
  margin-top: -1pt;
  margin-bottom: 4pt;
  text-align: justify;
  font-size: 12pt;
  border-collapse: collapse;
  width: 100%;
}

.allborder1 {
  border: 1px solid var(--neutral-1200);
  margin-top: -1pt;
  margin-bottom: 4pt;
  text-align: justify;
  font-size: 12pt;
  border-collapse: collapse;
}

.topbotrule {
  border-top: 1px solid var(--neutral-1200);
  border-bottom: 1px solid var(--neutral-1200);
}

.toprule {
  border-top: 1px solid var(--neutral-1200);
}

.botrule {
  border-bottom: 1px solid var(--neutral-1200);
}

.leftrule {
  border-left: 1px solid var(--neutral-1200);
}

.rightrule {
  border-right: 1px solid var(--neutral-1200);
}

.leftrightrule {
  border-left: 1px solid var(--neutral-1200);
  border-right: 1px solid var(--neutral-1200);
}

.toprightrule {
  border-top: 1px solid var(--neutral-1200);
  border-right: 1px solid var(--neutral-1200);
}

.topleftrule {
  border-top: 1px solid var(--neutral-1200);
  border-left: 1px solid var(--neutral-1200);
}

.topleftrightrule {
  border-top: 1px solid var(--neutral-1200);
  border-left: 1px solid var(--neutral-1200);
  border-right: 1px solid var(--neutral-1200);
}

.botrightrule {
  border-bottom: 1px solid var(--neutral-1200);
  border-right: 1px solid var(--neutral-1200);
}

.botleftrule {
  border-bottom: 1px solid var(--neutral-1200);
  border-left: 1px solid var(--neutral-1200);
}

.botrightlefttrule {
  border-bottom: 1px solid var(--neutral-1200);
  border-right: 1px solid var(--neutral-1200);
  border-left: 1px solid var(--neutral-1200);
}

a.normaltext {
  width: 17px;
  height: 15px;
  line-height: 15px;
  border: 0 solid var(--neutral-1200);
  background: #efefef;
  color: var(--neutral-1200);
  text-align: center;
  padding: 1px 5px;
}

a.highlighttext {
  width: 17px;
  height: 15px;
  line-height: 15px;
  border: 0 solid var(--neutral-1200);
  background: #6b696b;
  color: #fff !important;
  text-align: center;
  padding: 1px 5px;
}

.ofl-h {
  overflow: hidden;
}

.bg-orange {
  margin-bottom: 5px;
}

.errorText {
  color: red !important;
}

.border_right_grey {
  border-right: 1px solid var(--neutral-light);
}

.border_bottom_grey {
  border-bottom: 1px solid var(--neutral-light);
}

.mart40p {
  margin-top: 40px;
}

.marl40p {
  margin-left: 40px;
}

.section-text-p-1 {
  font-weight: 400;
  font-size: 14px;
}

.section-text-p-1 p {
  margin-bottom: 15px;
}

.section-text-p-2 {
  font-weight: 400;
  font-size: 16px;
}

.section-text-p-2 p {
  margin-bottom: 15px;
}

.ms-rteTable-default > tbody > tr > td,
.ms-rteTable-default > tbody > tr > th,
.ms-rteTable-0 > tbody > tr > td,
.ms-rteTable-0 > tbody > tr > th,
.ms-rteTable-1 > tbody > tr > td,
.ms-rteTable-1 > tbody > tr > th,
.ms-rteTable-2 > tbody > tr > td,
.ms-rteTable-2 > tbody > tr > th,
.ms-rteTable-3 > tbody > tr > td,
.ms-rteTable-3 > tbody > tr > th,
.ms-rteTable-4 > tbody > tr > td,
.ms-rteTable-4 > tbody > tr > th,
.ms-rteTable-5 > tbody > tr > td,
.ms-rteTable-5 > tbody > tr > th,
.ms-rteTable-6 > tbody > tr > td,
.ms-rteTable-6 > tbody > tr > th,
.ms-rteTable-7 > tbody > tr > td,
.ms-rteTable-7 > tbody > tr > th,
.ms-rteTable-8 > tbody > tr > td,
.ms-rteTable-8 > tbody > tr > th,
.ms-rteTable-9 > tbody > tr > td,
.ms-rteTable-9 > tbody > tr > th,
.ms-rteTable-10 > tbody > tr > td,
.ms-rteTable-10 > tbody > tr > th {
  vertical-align: top;
  padding: 7px 5px 6px;
}

.ms-rteTable-default > tbody > tr > th,
.ms-rteTable-default > tbody > tr.ms-rteTableFooterRow-default,
.ms-rteTable-0 > tbody > tr > th,
.ms-rteTable-0 > tbody > tr.ms-rteTableFooterRow-0,
.ms-rteTable-1 > tbody > tr > th,
.ms-rteTable-1 > tbody > tr.ms-rteTableFooterRow-1,
.ms-rteTable-2 > tbody > tr > th,
.ms-rteTable-2 > tbody > tr.ms-rteTableFooterRow-2,
.ms-rteTable-3 > tbody > tr > th,
.ms-rteTable-3 > tbody > tr.ms-rteTableFooterRow-3,
.ms-rteTable-4 > tbody > tr > th,
.ms-rteTable-4 > tbody > tr.ms-rteTableFooterRow-4,
.ms-rteTable-5 > tbody > tr > th,
.ms-rteTable-5 > tbody > tr.ms-rteTableFooterRow-5,
.ms-rteTable-6 > tbody > tr > th,
.ms-rteTable-6 > tbody > tr.ms-rteTableFooterRow-6,
.ms-rteTable-7 > tbody > tr > th,
.ms-rteTable-7 > tbody > tr.ms-rteTableFooterRow-7,
.ms-rteTable-8 > tbody > tr > th,
.ms-rteTable-8 > tbody > tr.ms-rteTableFooterRow-8,
.ms-rteTable-9 > tbody > tr > th,
.ms-rteTable-9 > tbody > tr.ms-rteTableFooterRow-9,
.ms-rteTable-10 > tbody > tr > th,
.ms-rteTable-10 > tbody > tr.ms-rteTableFooterRow-10 {
  /* [ReplaceColor(themeColor:"SubtleBodyText")] */
  color: #777;
  text-align: left;
  font-weight: normal;
}

.ms-rtetablecells {
  padding: 2px;
  vertical-align: top;
}

.ms-rteTable-default {
  -ms-name: "Default Table Style - Light";
}

.ms-rteTable-default,
.ms-rteTable-default > tbody > tr > td,
.ms-rteTable-default > tbody > tr > th,
td.ms-rteTable-default,
th.ms-rteTable-default,
.ms-rtetablecells {
  /* [ReplaceColor(themeColor:"SubtleLines")] */
  border: 1px solid #c6c6c6;
}

.ms-rteTable-0 {
  -ms-name: "Table Style 1 - Clear";
  border-width: 0px;
  border-style: none;
  border-collapse: collapse;
}

.ms-rteTable-1 {
  -ms-name: "Table Style 2 - Light Banded";
}

.ms-rteTable-1 tr.ms-rteTableHeaderRow-1,
.ms-rteTable-1 tr.ms-rteTableFooterRow-1,
.ms-rteTable-1 tr.ms-rteTableHeaderRow-1 > th,
.ms-rteTable-1 tr.ms-rteTableFooterRow-1 > th,
.ms-rteTable-1 tr.ms-rteTableFooterRow-1 > td {
  /* [ReplaceColor(themeColor:"BackgroundOverlay",opacity:"1")] */
  background-color: var(--primary-variant-6);
  /* [ReplaceColor(themeColor:"BackgroundOverlay")] */
  background-color: rgba(255, 255, 255, 0.85);
  /* [ReplaceColor(themeColor:"Lines")] */
  border-top: 1px solid #ababab;
  /* [ReplaceColor(themeColor:"Lines")] */
  border-bottom: 1px solid #ababab;
}

.ms-rteTable-1 tr.ms-rteTableOddRow-1 {
  /* [ReplaceColor(themeColor:"BackgroundOverlay-Lighter",opacity:"1")] */
  background-color: #d8d8d8;
  /* [ReplaceColor(themeColor:"BackgroundOverlay-Lighter")] */
  background-color: #d8d8d8;
}

.ms-rteTable-1 tr.ms-rteTableEvenRow-1 {
  /* [ReplaceColor(themeColor:"BackgroundOverlay",opacity:"1")] */
  background-color: var(--primary-variant-6);
  /* [ReplaceColor(themeColor:"BackgroundOverlay")] */
  background-color: rgba(255, 255, 255, 0.85);
}

.ms-rteTable-6 {
  -ms-name: "Table Style 3 - Medium Two Tones";
}

.ms-rteTable-6 tr.ms-rteTableHeaderRow-6,
.ms-rteTable-6 tr.ms-rteTableFooterRow-6,
.ms-rteTable-6 tr.ms-rteTableHeaderRow-6 > th,
.ms-rteTable-6 tr.ms-rteTableFooterRow-6 > th,
.ms-rteTable-6 tr.ms-rteTableFooterRow-6 > td {
  /* [ReplaceColor(themeColor:"ContentAccent1-Darker",opacity:"1")] */
  background-color: #005594;
  /* [ReplaceColor(themeColor:"ContentAccent1-Darker")] */
  background-color: #005594;
  /* [ReplaceColor(themeColor:"BackgroundOverlay")] */
  color: var(--primary-variant-6);
}

.ms-rteTable-6 tr.ms-rteTableOddRow-6 {
  /* [ReplaceColor(themeColor:"ContentAccent1-Lightest",opacity:"1")] */
  background-color: #c0e4ff;
  /* [ReplaceColor(themeColor:"ContentAccent1-Lightest",opacity:"0.7")] */
  background-color: #c0e4ff;
}

.ms-rteTable-6 tr.ms-rteTableEvenRow-6 {
  /* [ReplaceColor(themeColor:"BackgroundOverlay",opacity:"1")] */
  background-color: var(--primary-variant-6);
  /* [ReplaceColor(themeColor:"BackgroundOverlay",opacity:"0.7")] */
  background-color: rgba(255, 255, 255, 0.85);
}

.ms-rteTable-2 {
  -ms-name: "Table Style 4 - Light Lines";
}

.ms-rteTable-2 tr.ms-rteTableHeaderRow-2,
.ms-rteTable-2 tr.ms-rteTableFooterRow-2,
.ms-rteTable-2 tr.ms-rteTableHeaderRow-2 > th,
.ms-rteTable-2 tr.ms-rteTableFooterRow-2 > th,
.ms-rteTable-2 tr.ms-rteTableFooterRow-2 > td {
  /* [ReplaceColor(themeColor:"BodyText")] */
  background-color: #444;
  /* [ReplaceColor(themeColor:"BackgroundOverlay",opacity:"1")] */
  color: var(--primary-variant-6);
}

.ms-rteTable-2 tr.ms-rteTableOddRow-2,
.ms-rteTable-2 tr.ms-rteTableEvenRow-2 {
  /* [ReplaceColor(themeColor:"StrongLines")] */
  border-top: 1px solid #92c0e0;
  /* [ReplaceColor(themeColor:"StrongLines")] */
  border-bottom: 1px solid #92c0e0;
}

.ms-rteTable-3 {
  -ms-name: "Table Style 5 - Grid";
}

.ms-rteTable-3,
.ms-rteTable-3 > tbody > tr > td,
.ms-rteTable-3 > tbody > tr > th {
  /* [ReplaceColor(themeColor:"Lines")] */
  border: 1px solid #ababab;
}

.ms-rteTable-3 tr.ms-rteTableOddRow-3 {
  /* [ReplaceColor(themeColor:"BackgroundOverlay-Lighter",opacity:"1")] */
  background-color: #d8d8d8;
  /* [ReplaceColor(themeColor:"BackgroundOverlay-Lighter")] */
  background-color: #d8d8d8;
}

.ms-rteTable-3 tr.ms-rteTableHeaderRow-3,
.ms-rteTable-3 tr.ms-rteTableFooterRow-3,
.ms-rteTable-3 tr.ms-rteTableEvenRow-3 {
  /* [ReplaceColor(themeColor:"BackgroundOverlay",opacity:"1")] */
  background-color: var(--primary-variant-6);
  /* [ReplaceColor(themeColor:"BackgroundOverlay")] */
  background-color: rgba(255, 255, 255, 0.85);
}

.ms-rteTable-4 {
  -ms-name: "Table Style 6 - Accent 1";
}

.ms-rteTable-4,
.ms-rteTable-4 > tbody > tr > td,
.ms-rteTable-4 > tbody > tr > th {
  /* [ReplaceColor(themeColor:"ContentAccent1-Darker",opacity:"1")] */
  border: 1px solid #005594;
}

.ms-rteTable-4 tr.ms-rteTableHeaderRow-4,
.ms-rteTable-4 tr.ms-rteTableFooterRow-4,
.ms-rteTable-4 tr.ms-rteTableHeaderRow-4 > th,
.ms-rteTable-4 tr.ms-rteTableFooterRow-4 > th,
.ms-rteTable-4 tr.ms-rteTableFooterRow-4 > td {
  /* [ReplaceColor(themeColor:"ContentAccent1-Darker",opacity:"1")] */
  background-color: #005594;
  /* [ReplaceColor(themeColor:"BackgroundOverlay",opacity:"1")] */
  color: var(--primary-variant-6);
}

.ms-rteTable-5 {
  -ms-name: "Table Style 7 - Accent 2";
}

.ms-rteTable-5,
.ms-rteTable-5 > tbody > tr > td,
.ms-rteTable-5 > tbody > tr > th {
  /* [ReplaceColor(themeColor:"ContentAccent2-Darker",opacity:"1")] */
  border: 1px solid #009ac3;
}

.ms-rteTable-5 tr.ms-rteTableHeaderRow-5,
.ms-rteTable-5 tr.ms-rteTableFooterRow-5,
.ms-rteTable-5 tr.ms-rteTableHeaderRow-5 > th,
.ms-rteTable-5 tr.ms-rteTableFooterRow-5 > th,
.ms-rteTable-5 tr.ms-rteTableFooterRow-5 > td {
  /* [ReplaceColor(themeColor:"ContentAccent2-Darker",opacity:"1")] */
  background-color: #009ac3;
  /* [ReplaceColor(themeColor:"BackgroundOverlay",opacity:"1")] */
  color: var(--primary-variant-6);
}

.ms-rteTable-7 {
  -ms-name: "Table Style 8 - Accent 3";
}

.ms-rteTable-7,
.ms-rteTable-7 > tbody > tr > td,
.ms-rteTable-7 > tbody > tr > th {
  /* [ReplaceColor(themeColor:"ContentAccent3-Darker",opacity:"1")] */
  border: 1px solid #1d603f;
}

.ms-rteTable-7 tr.ms-rteTableHeaderRow-7,
.ms-rteTable-7 tr.ms-rteTableFooterRow-7,
.ms-rteTable-7 tr.ms-rteTableHeaderRow-7 > th,
.ms-rteTable-7 tr.ms-rteTableFooterRow-7 > th,
.ms-rteTable-7 tr.ms-rteTableFooterRow-7 > td {
  /* [ReplaceColor(themeColor:"ContentAccent3-Darker",opacity:"1")] */
  background-color: #1d603f;
  /* [ReplaceColor(themeColor:"BackgroundOverlay",opacity:"1")] */
  color: var(--primary-variant-6);
}

.ms-rteTable-8 {
  -ms-name: "Table Style 9 - Accent 4";
}

.ms-rteTable-8,
.ms-rteTable-8 > tbody > tr > td,
.ms-rteTable-8 > tbody > tr > th {
  /* [ReplaceColor(themeColor:"ContentAccent4-Darker",opacity:"1")] */
  border: 1px solid #585a40;
}

.ms-rteTable-8 tr.ms-rteTableHeaderRow-8,
.ms-rteTable-8 tr.ms-rteTableFooterRow-8,
.ms-rteTable-8 tr.ms-rteTableHeaderRow-8 > th,
.ms-rteTable-8 tr.ms-rteTableFooterRow-8 > th,
.ms-rteTable-8 tr.ms-rteTableFooterRow-8 > td {
  /* [ReplaceColor(themeColor:"ContentAccent4-Darker",opacity:"1")] */
  background-color: #585a40;
  /* [ReplaceColor(themeColor:"BackgroundOverlay",opacity:"1")] */
  color: var(--primary-variant-6);
}

.ms-rteTable-9 {
  -ms-name: "Table Style 10 - Accent 5";
}

.ms-rteTable-9,
.ms-rteTable-9 > tbody > tr > td,
.ms-rteTable-9 > tbody > tr > th {
  /* [ReplaceColor(themeColor:"ContentAccent5-Darker",opacity:"1")] */
  border: 1px solid #b10026;
}

.ms-rteTable-9 tr.ms-rteTableHeaderRow-9,
.ms-rteTable-9 tr.ms-rteTableFooterRow-9,
.ms-rteTable-9 tr.ms-rteTableHeaderRow-9 > th,
.ms-rteTable-9 tr.ms-rteTableFooterRow-9 > th,
.ms-rteTable-9 tr.ms-rteTableFooterRow-9 > td {
  /* [ReplaceColor(themeColor:"ContentAccent5-Darker",opacity:"1")] */
  background-color: #b10026;
  /* [ReplaceColor(themeColor:"BackgroundOverlay",opacity:"1")] */
  color: var(--primary-variant-6);
}

.ms-rteTable-10 {
  -ms-name: "Table Style 11 - Accent 6";
}

.ms-rteTable-10,
.ms-rteTable-10 > tbody > tr > td,
.ms-rteTable-10 > tbody > tr > th {
  /* [ReplaceColor(themeColor:"ContentAccent6-Darker",opacity:"1")] */
  border: 1px solid #4e1f5b;
}

.ms-rteTable-10 tr.ms-rteTableHeaderRow-10,
.ms-rteTable-10 tr.ms-rteTableFooterRow-10,
.ms-rteTable-10 tr.ms-rteTableHeaderRow-10 > th,
.ms-rteTable-10 tr.ms-rteTableFooterRow-10 > th,
.ms-rteTable-10 tr.ms-rteTableFooterRow-10 > td {
  /* [ReplaceColor(themeColor:"ContentAccent6-Darker",opacity:"1")] */
  background-color: #4e1f5b;
  /* [ReplaceColor(themeColor:"BackgroundOverlay",opacity:"1")] */
  color: var(--primary-variant-6);
}

.ms-rteTableGrid td,
.ms-rteTableGrid th {
  border: 1px dotted black;
}

.ms-rtePosition-1 {
  -ms-name: "Left";
  float: left;
}

.ms-rtePosition-2 {
  -ms-name: "Right";
  float: right;
}

.ms-rtePosition-3 {
  -ms-name: "Top";
  vertical-align: text-top;
}

.ms-rtePosition-4 {
  -ms-name: "Middle";
  vertical-align: middle;
}

.ms-rtePosition-5 {
  -ms-name: "Bottom";
  vertical-align: text-bottom;
}

.ms-rtestate-write {
  cursor: text;
  min-height: 1em;
}

.ms-asset-icon {
  border-width: 0px;
  margin: 0px 5px;
}

.ms-rtestate-field TABLE,
.ms-rtestate-write TABLE {
  border-collapse: collapse;
}

.roman-count {
  list-style-type: lower-roman;
}

ul.unstyle {
  list-style-type: none;
}

.advruling {
  font-weight: 500;
}
.advruling p {
  font-size: 1rem;
  font-weight: 500;
}

.form-control {
  height: calc(2.25rem + 1px);
  border-radius: 0.25rem;
  border: 1px solid var(--dark-variant-4);
  padding: 0.5rem 0.75rem;
  font-size: var(--body-font-2-size);
  font-weight: 400;
  line-height: 1rem;
}
.form-control:disabled {
  border-color: var(--dark-variant-5);
  background-color: var(--neutral-stroke-10);
}
.form-control.color-disabled {
  color: var(--neutral-stroke-10);
}
.form-control.with-right-icon {
  padding-right: 2.5rem;
}
.form-control:focus-visible {
  border-color: var(--secondary);
  border-width: 0.125rem;
}

.control-label {
  color: var(--primary-variant-7);
  font-size: 0.75rem;
  font-weight: 400;
  margin-bottom: 0.25rem;
  line-height: 1.125rem;
  align-items: center;
  padding: 0.25rem 0.25rem 0.25rem 0;
}
.control-label label {
  font-size: 0.75rem;
  color: var(--primary-variant-7);
  margin-bottom: 0;
  font-weight: 400;
}
.control-label .label-tooltip-icon-wrap svg {
  font-size: 1rem;
}
.control-label .label-tooltip-icon-wrap:focus-visible {
  outline-offset: 0.0625rem;
}

a.btn {
  display: table-cell;
}

.btn {
  height: calc(2.25rem + 1px);
  border-radius: 0.25rem;
  padding: 0.5rem 1.125rem;
  font-size: 0.875rem;
  line-height: 1;
  border-width: 1px;
  font-weight: 500;
}
.btn.btn-sm {
  height: 1.75rem;
  padding: 0.25rem 0.75rem;
}
.btn:focus-visible {
  outline-offset: 0.125rem;
}

.btn-primary {
  color: var(--primary-variant-6);
}
.btn-primary:hover {
  color: var(--primary-variant-6);
}
.btn-primary:focus {
  color: var(--primary-variant-6);
}
.btn-primary:active {
  color: var(--primary-variant-6);
}
.btn-primary:disabled, .btn-primary.disabled {
  background-color: var(--dark-variant-6) !important;
  border-color: var(--dark-variant-6) !important;
  color: var(--dark-variant-3) !important;
  opacity: 1;
}

.btn-outline-primary {
  background: var(--neutral-100) !important;
  color: var(--primary) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:active {
  color: var(--primary) !important;
  background: var(--neutral-100) !important;
}

.btn-outline-primary:disabled,
.btn-outline-primary.disabled {
  background-color: var(--dark-variant-6) !important;
  border-color: var(--dark-variant-6) !important;
  color: var(--dark-variant-3) !important;
  opacity: 1;
}

.btn-outline-primary-no-hover {
  background-color: #ffffff !important;
  border-color: var(--primary);
  color: var(--primary);
}
.btn-outline-primary-no-hover.white-bg {
  background-color: var(--primary-variant-6);
}
.btn-outline-primary-no-hover:hover {
  color: var(--primary);
}

.action-buttons {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}

.btn-reset {
  border: 0;
  color: var(--primary);
}
.btn-reset:hover {
  color: var(--primary);
}

.form-control-icon {
  position: absolute;
  right: 0.75rem;
  bottom: 0.5rem;
  width: 1.25rem;
  height: 1.25rem;
  color: var(--neutral-800);
}

svg.form-label-info-icon {
  font-size: 1.125rem;
  margin-left: 0.125rem;
  color: var(--neutral-800);
}

.form-group-autofit {
  margin-bottom: 1.25rem;
}
.form-group-autofit.item-aligned-end {
  align-items: end;
}
.form-group-autofit.item-aligned-end .control-label.text-truncate {
  overflow: visible;
  white-space: unset;
}
.form-group-autofit > .form-group-item:not(:last-child) {
  margin-right: 1.5rem;
}

::placeholder,
input:disabled::placeholder {
  color: var(--dark-variant-2) !important;
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder,
input:disabled::-ms-input-placeholder {
  /* Edge 12-18 */
  color: var(--dark-variant-2) !important;
}

.reset-btn-style {
  line-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
  height: auto;
}

.reset-btn-bg-br {
  background: none;
  border: none;
  color: inherit;
}

@media (max-width: 575.98px) {
  .form-group-autofit {
    align-items: start;
  }
  .form-group-autofit > .form-group-item:not(:last-child) {
    margin-right: 0;
  }
  .form-group-item:empty {
    display: none;
  }
  .form-group-item.visibility-hidden,
  .form-group-item-autofit.visibility-hidden {
    display: none;
  }
}
@media (max-width: 480.98px) {
  .action-buttons {
    flex-direction: column;
    gap: 0.75rem;
  }
  .action-buttons .btn {
    width: 100%;
  }
  .form-group-item:has(.action-buttons) .control-label {
    display: none;
  }
}
.header-wrapper {
  background-color: var(--primary-variant-6);
  padding: 0.5rem 0;
  position: relative;
}
.header-wrapper .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-wrapper .header .logo-wrap {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0;
}
.header-wrapper .header .logo-wrap .logo .dark-theme-logo {
  display: none;
}
.header-wrapper .header .logo-wrap .logo .light-theme-logo {
  display: block;
}
.header-wrapper .header .logo-wrap .logo img {
  max-height: 4rem;
  min-height: 3.5rem;
}
.header-wrapper .header .logo-wrap .site-meta {
  color: var(--dark-variant-1);
}
.header-wrapper .header .logo-wrap .site-meta .department-name {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 700;
}
.header-wrapper .header .logo-wrap .site-meta .department-tagline {
  font-size: var(--sub-heading-3-font-size);
  font-weight: 700;
  font-size: 0.6rem;
}
.header-wrapper .header .header-actions {
  display: flex;
}
.header-wrapper .header .header-actions .action-items {
  display: flex;
  align-items: center;
}
.header-wrapper .header .header-actions .action-items .action {
  border: 0;
  background: transparent;
  text-decoration: none;
  border-right: 1px solid var(--primary-stroke-30);
  padding: 0.125rem 0.75rem;
  font-size: var(--sub-heading-3-font-size);
  font-weight: 500;
  color: var(--primary);
  align-self: stretch;
  text-align: center;
  align-items: center;
  display: flex;
}
.header-wrapper .header .header-actions .action-items .action svg {
  margin-right: 0.25rem;
  font-size: 1.25rem;
  flex-shrink: 0;
}
.header-wrapper .header .header-actions .action-items .font-size-actions {
  display: flex;
  gap: 0.5rem;
}
.header-wrapper .header .header-actions .action-items .font-size-actions .change-font-size {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.25rem;
  width: 1.25rem;
  border: 0;
  background-color: transparent;
  color: var(--primary);
}
.header-wrapper .header .header-actions .action-items .font-size-actions .change-font-size:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.header-wrapper .header .header-actions .action-items .font-size-actions .change-font-size.active {
  background-color: var(--primary);
  border-radius: 3px;
  color: var(--primary-variant-6);
}
.header-wrapper .header .header-actions .action-items .font-size-actions .change-font-size:focus-visible {
  outline-offset: 0.125rem;
}
.header-wrapper .header .header-actions .action-items .language-switcher .portlet {
  margin: 0;
}
.header-wrapper .header .header-actions .action-items .language-switcher .portlet .current-language {
  width: auto;
  height: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  font-size: var(--sub-heading-3-font-size);
  font-weight: 500;
}
.header-wrapper .header .header-actions .action-items .language-switcher .portlet .dropdown .dropdown-menu {
  min-width: 110px;
}
.header-wrapper .header .header-actions .action-items .language-switcher #dropdownLanguage {
  border: none;
  background: unset;
  color: var(--primary);
}
.header-wrapper .header .header-actions .action-items .official-deps .portlet {
  margin: 0;
}
.header-wrapper .header .header-actions .action-items .official-deps .portlet .portlet-body .navbar-nav .nav-item .nav-link {
  border: 0;
  outline: 0;
  padding: 0 0.75rem;
  font-size: var(--sub-heading-3-font-size);
  font-weight: 500;
  color: var(--primary);
  box-shadow: none;
  cursor: pointer;
}
.header-wrapper .header .header-actions .action-items .official-deps .portlet .portlet-body .navbar-nav .nav-item .nav-link:focus-visible {
  box-shadow: unset;
  border-radius: 0.25rem;
  outline: 0.125rem solid var(--primary-variant-9);
}
.header-wrapper .header .header-actions .action-items .official-deps .portlet .portlet-body .navbar-nav .nav-item .dropdown-menu {
  min-width: 12rem;
}
.header-wrapper .header .header-actions .action-items .official-deps .portlet .portlet-body .navbar-nav .nav-item .dropdown-menu .dropdown-item {
  color: var(--dark-variant-1);
  font-size: var(--sub-heading-3-font-size);
  font-weight: 500;
}
.header-wrapper .header .header-actions .desktopHideActionItem {
  display: none;
}
.header-wrapper .header .header-actions .responsive-action-items {
  display: none;
  gap: 1rem;
  align-items: center;
}
.header-wrapper .header .header-actions .responsive-action-items button {
  border: 0;
  background-color: transparent;
  padding: 0;
  line-height: 1;
}
.header-wrapper .header .header-actions .responsive-action-items .action-item-btn {
  border: 0;
  background-color: transparent;
  padding: 0;
  line-height: 1;
}
.header-wrapper .header .header-actions .responsive-action-items .action-item-btn.active svg {
  color: var(--secondary);
}
.header-wrapper .header .header-actions .responsive-action-items .action-item-btn svg {
  font-size: 1.25rem;
  color: var(--primary);
}
.header-wrapper .header .header-actions .responsive-action-items .responsive-accessibility-content {
  position: absolute;
  border-radius: 0.25rem;
  border: 1px solid var(--dark-variant-5);
  box-shadow: -1px 4px 14px 0px rgba(0, 0, 0, 0.0784313725);
  background: var(--primary-variant-6);
  z-index: 999;
  left: 0.8125rem;
  top: 1.875rem;
  padding-bottom: 0.5rem;
  max-width: 328px;
  width: 15.4375rem;
}
.header-wrapper .header .header-actions .responsive-action-items .responsive-accessibility-content .font-size-actions {
  margin: 1rem;
  border: 1px solid var(--dark-variant-5);
  border-radius: 0.25rem;
  padding: 0.5rem 2.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-wrapper .header .header-actions .responsive-action-items .responsive-accessibility-content .font-size-actions .change-font-size {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0.25rem;
  text-align: center;
  color: var(--primary);
  font-size: var(--sub-heading-3-font-size);
  font-weight: 500;
}
.header-wrapper .header .header-actions .responsive-action-items .responsive-accessibility-content .font-size-actions .change-font-size.active {
  background-color: var(--primary);
  color: var(--primary-variant-6);
}
.header-wrapper .header .header-actions .responsive-action-items .responsive-accessibility-content .action-menu {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: var(--body-font-2-size);
  font-weight: 400;
}
.header-wrapper .header .header-actions .responsive-action-items .responsive-accessibility-content .action-menu .action-item.open > .action-link {
  background-color: var(--secondary-variant-3);
}
.header-wrapper .header .header-actions .responsive-action-items .responsive-accessibility-content .action-menu .action-item.open > .action-link .lexicon-icon-etds-down-arrow {
  transform: rotateZ(180deg);
  color: var(--neutral-800);
}
.header-wrapper .header .header-actions .responsive-action-items .responsive-accessibility-content .action-menu .action-item.open .resp-lang-list {
  display: block;
}
.header-wrapper .header .header-actions .responsive-action-items .responsive-accessibility-content .action-menu .action-item .action-link {
  padding: 0.875rem 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  color: var(--primary);
}
.header-wrapper .header .header-actions .responsive-action-items .responsive-accessibility-content .action-menu .action-item .action-link svg {
  font-size: 1.25rem;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}
.header-wrapper .header .header-actions .responsive-action-items .responsive-accessibility-content .action-menu .action-item .resp-lang-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: none;
}
.header-wrapper .header .header-actions .responsive-action-items .responsive-accessibility-content .action-menu .action-item .resp-lang-list .action-link {
  padding-left: 3rem;
  color: var(--secondary);
}
.header-wrapper .header .header-actions .responsive-action-items .responsive-accessibility-content .action-menu .action-item .resp-lang-list .action-link.active {
  font-weight: 700;
  text-decoration: underline;
}
.header-wrapper .header .header-actions .responsive-action-items .accessibility.action-item-btn.active svg {
  color: var(--primary);
}
.header-wrapper .header .header-actions .responsive-action-items .accessibility.action-item-btn.active .accessibility-text svg {
  transform: rotate(180deg);
}
.header-wrapper .header .header-actions .etds-accessibility-container {
  position: relative;
}
.header-wrapper .header .header-actions .etds-accessibility-container .accessibility-text {
  font-size: var(--sub-heading-3-font-size);
  font-weight: 500;
  color: var(--primary);
}

@media (max-width: 1199.98px) {
  .header-wrapper .header .logo-wrap .logo img {
    max-width: 3rem;
    min-height: inherit;
  }
  .header-wrapper .header .logo-wrap .site-meta {
    display: none;
  }
  .header-wrapper .header .header-actions .action-items {
    display: none;
  }
  .header-wrapper .header .header-actions .desktopHideActionItem {
    display: block;
  }
  .header-wrapper .header .header-actions .responsive-action-items {
    display: flex;
  }
  .header-wrapper .header .header-actions .responsive-action-items .responsive-accessibility-content {
    left: 0.9375rem;
    top: calc(100% - 0.5rem);
    max-width: inherit;
    width: calc(100% - 1.875rem);
  }
  .header-wrapper .header .header-actions .responsive-action-items .accessibility.action-item-btn.active svg {
    color: var(--secondary);
  }
  .header-wrapper .header .header-actions .etds-accessibility-container {
    position: static;
  }
  .header-wrapper .header .header-actions .etds-accessibility-container .accessibility-text {
    display: none;
  }
}
.footer-wrapper {
  background-color: var(--primary-variant-1);
  border-top: 1px solid var(--primary-variant-2);
}
.footer-wrapper .footer-content {
  padding: 1.5rem 0 3rem 0;
  display: flex;
  gap: 3.25rem;
  color: var(--primary-variant-6);
}
.footer-wrapper .footer-content .logo-and-social-links {
  max-width: 20.315%;
  width: 100%;
}
.footer-wrapper .footer-content .logo-and-social-links .logo-wrap {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.footer-wrapper .footer-content .logo-and-social-links .logo-wrap .logo img {
  max-height: 3.5rem;
}
.footer-wrapper .footer-content .logo-and-social-links .logo-wrap .site-meta {
  color: var(--primary-variant-6);
}
.footer-wrapper .footer-content .logo-and-social-links .logo-wrap .site-meta .department-name {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 700;
}
.footer-wrapper .footer-content .logo-and-social-links .logo-wrap .site-meta .department-tagline {
  font-size: var(--sub-heading-3-font-size);
  font-weight: 700;
  font-size: 0.6rem;
}
.footer-wrapper .footer-content .logo-and-social-links .social-links-wrap {
  margin-bottom: 1.5rem;
}
.footer-wrapper .footer-content .logo-and-social-links .social-links-wrap .social-links-title {
  font-size: var(--sub-heading-1-font-size);
  font-weight: 500;
  margin-bottom: 1rem;
}
.footer-wrapper .footer-content .logo-and-social-links .social-links-wrap .social-links {
  display: flex;
  padding: 0;
  margin: 0;
  list-style-type: none;
  gap: 1rem;
}
.footer-wrapper .footer-content .logo-and-social-links .updated-on {
  font-size: var(--body-font-3-size);
  font-style: italic;
  margin: 0;
}
.footer-wrapper .footer-content .footer-content-navs {
  width: 100%;
}
.footer-wrapper .footer-content .footer-content-navs .footer-nav-items {
  display: flex;
  gap: 3rem;
}
.footer-wrapper .footer-content .footer-content-navs .footer-nav-items .footer-nav-col {
  max-width: 27.83%;
  width: 100%;
}
.footer-wrapper .footer-content .footer-content-navs .footer-nav-items .footer-nav-col .nav-category-title {
  font-size: var(--sub-heading-1-font-size);
  font-weight: 500;
  margin-bottom: 1.5rem;
}
.footer-wrapper .footer-content .footer-content-navs .footer-nav-items .footer-nav-col ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.footer-wrapper .footer-content .footer-content-navs .footer-nav-items .footer-nav-col ul li {
  margin-bottom: 0.75rem;
}
.footer-wrapper .footer-content .footer-content-navs .footer-nav-items .footer-nav-col ul li:last-child {
  margin-bottom: 0;
}
.footer-wrapper .footer-content .footer-content-navs .footer-nav-items .footer-nav-col ul li a {
  font-size: var(--body-font-2-size);
  font-weight: 400;
  color: var(--dark-variant-5);
  text-decoration: none;
}
.footer-wrapper .footer-content .footer-content-navs .footer-nav-items .footer-nav-col ul li a:focus-visible {
  padding: 0 0.25rem;
}
.footer-wrapper .footer-content .official-sites-col {
  max-width: 23.911%;
  width: 100%;
}
.footer-wrapper .footer-content .official-sites-col .official-sites-title {
  font-size: var(--body-font-2-size);
  font-weight: 400;
  color: var(--dark-variant-5);
}
.footer-wrapper .footer-content .official-sites-col .official-sites {
  margin-bottom: 1rem;
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.footer-wrapper .footer-content .official-sites-col .visitor-count {
  font-size: var(--body-font-3-size);
  font-style: italic;
  color: var(--dark-variant-5);
}
.footer-wrapper .footer-bottom {
  padding: 1rem 0;
  border-top: 1px solid var(--primary-variant-2);
}
.footer-wrapper .footer-bottom .footer-info {
  display: flex;
  gap: 3rem;
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
  color: var(--primary-variant-6);
}
.footer-wrapper .footer-bottom .footer-info .footer-links .navbar-nav {
  flex-wrap: wrap;
  max-width: 320px;
  gap: 0.5rem 0.75rem;
}
.footer-wrapper .footer-bottom .footer-info .footer-links .navbar-nav .nav-item .separator {
  font-size: var(--body-font-2-size);
  font-weight: 400;
}
.footer-wrapper .footer-bottom .footer-info .footer-links .navbar-nav .nav-item .nav-link {
  color: var(--primary-variant-6);
  box-shadow: none;
  padding: 0;
}
.footer-wrapper .footer-bottom .footer-info .footer-links .navbar-nav .nav-item .nav-link:hover {
  color: var(--primary-variant-6);
}
.footer-wrapper .footer-bottom .footer-info .footer-links .navbar-nav .nav-item:last-child {
  display: none;
}

@media (max-width: 991.98px) {
  .footer-wrapper .footer-content {
    flex-wrap: wrap;
    row-gap: 1.5rem;
    column-gap: 1rem;
    padding: 1.5rem 1rem;
  }
  .footer-wrapper .footer-content .logo-and-social-links {
    max-width: 100%;
    border-bottom: 1px solid var(--primary-variant-2);
    padding-bottom: 1.5rem;
  }
  .footer-wrapper .footer-content .footer-content-navs {
    width: auto;
    flex-grow: 1;
  }
  .footer-wrapper .footer-content .footer-content-navs .footer-nav-items {
    gap: 1rem;
    justify-content: space-between;
  }
  .footer-wrapper .footer-content .footer-content-navs .footer-nav-items .footer-nav-col .nav-category-title {
    margin-bottom: 1rem;
  }
  .footer-wrapper .footer-content .footer-content-navs .footer-nav-items .footer-nav-col ul li {
    margin-bottom: 0.5rem;
  }
  .footer-wrapper .footer-content .footer-content-navs .footer-nav-items .footer-nav-col ul li a {
    font-size: var(--body-font-3-size);
  }
  .footer-wrapper .footer-content .official-sites-col {
    max-width: 35.38%;
  }
  .footer-wrapper .footer-content .official-sites-col .official-sites-title {
    font-size: var(--body-font-3-size);
  }
  .footer-wrapper .footer-bottom {
    padding: 1.5rem 0;
  }
  .footer-wrapper .footer-bottom .footer-info {
    flex-direction: column;
    gap: 0.75rem;
    font-size: var(--sub-heading-3-font-size);
    padding: 0 1rem;
  }
  .footer-wrapper .footer-bottom .footer-info .footer-links .navbar-nav {
    max-width: 100%;
  }
}
@media (max-width: 767.98px) {
  .footer-wrapper .footer-content {
    flex-wrap: wrap;
    padding: 1.5rem 0;
    gap: 1.5rem;
  }
  .footer-wrapper .footer-content .logo-and-social-links {
    max-width: 100%;
    border-bottom: 1px solid var(--primary-variant-2);
    padding-bottom: 1.5rem;
  }
  .footer-wrapper .footer-content .official-sites-col {
    max-width: 100%;
  }
  .footer-wrapper .footer-bottom .footer-info {
    display: block;
    text-align: center;
    padding: 0;
  }
  .footer-wrapper .footer-bottom .footer-info .footer-links {
    margin-bottom: 0.75rem;
  }
  .footer-wrapper .footer-bottom .footer-info .footer-links .navbar-nav {
    max-width: 100%;
    justify-content: center;
  }
}
@media (max-width: 575.98px) {
  .footer-wrapper .footer-content .footer-content-navs .footer-nav-items {
    gap: 1.5rem;
    flex-wrap: wrap;
  }
  .footer-wrapper .footer-content .footer-content-navs .footer-nav-items .footer-nav-col {
    max-width: calc(50% - 0.75rem);
  }
  .footer-wrapper .footer-content .footer-content-navs .footer-nav-items .footer-nav-col:last-child {
    max-width: 100%;
  }
}
.nav-wrapper {
  background-color: var(--primary-variant-1);
}
.nav-wrapper .mobile-active-navigation {
  display: none;
}
.nav-wrapper .main-nav .nav > .nav-item:hover > .nav-link {
  font-weight: 700;
  background-color: var(--primary);
}
.nav-wrapper .main-nav .nav > .nav-item:hover > .child-menu-wrapper {
  display: flex;
  overflow: visible;
}
.nav-wrapper .main-nav .nav > .nav-item:focus-within > .child-menu-wrapper {
  display: flex;
  overflow: visible;
}
.nav-wrapper .main-nav .nav > .nav-item.active > .nav-link {
  font-weight: 700;
  color: var(--primary);
  background-color: var(--background-6);
}
.nav-wrapper .main-nav .nav > .nav-item:not(.active):hover > .nav-link:before {
  content: "";
  border: 1px solid var(--background-4);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.nav-wrapper .main-nav .nav > .nav-item > .nav-link {
  font-size: var(--body-font-3-size);
  font-weight: 400;
  padding: 0.5625rem 1rem;
  color: var(--primary-variant-6);
  border-radius: 0;
  cursor: pointer;
}
.nav-wrapper .main-nav .nav > .nav-item .child-menu-wrapper {
  margin: 0;
  padding: 0;
  min-width: fit-content;
  box-shadow: 0px 4px 6px 0px rgba(42, 58, 141, 0.1019607843);
  border-radius: 0;
}
.nav-wrapper .main-nav .nav > .nav-item .child-menu-wrapper .child-menu {
  width: 15rem;
  margin: 0;
  padding: 0.75rem 1rem;
  background-color: var(--background-4);
  border-radius: 0;
  list-style-type: none;
}
.nav-wrapper .main-nav .nav > .nav-item .child-menu-wrapper .child-menu > .nav-item:hover > .nav-link {
  background-color: var(--secondary-variant-2);
  color: var(--secondary-variant-4);
}
.nav-wrapper .main-nav .nav > .nav-item .child-menu-wrapper .child-menu > .nav-item > .nav-link {
  font-size: var(--sub-heading-3-font-size);
  font-weight: 500;
  color: var(--dark-variant-1);
  padding: 0.375rem 0.5rem;
  margin-bottom: 0.25rem;
  border-radius: 0.25rem;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: space-between;
}
.nav-wrapper .main-nav .nav > .nav-item .child-menu-wrapper .child-menu > .nav-item > .nav-link svg {
  flex-shrink: 0;
}
.nav-wrapper .main-nav .nav > .nav-item .child-menu-wrapper .child-menu > .nav-item:last-child > .nav-link {
  margin-bottom: 0;
}
.nav-wrapper .main-nav .nav > .nav-item .child-menu-wrapper .child-menu > .nav-item .child-menu.level-3 {
  display: none;
}
.nav-wrapper .main-nav .nav > .nav-item .child-menu-wrapper .level-3 {
  padding: 1rem 1.5rem;
  background: var(--primary-variant-6);
  border-right: 1px solid var(--primary-variant-8);
  height: 100%;
  width: 19.375rem;
  /*min-width: 10rem;
  max-width: 20rem;
  width: max-content;
  width: -moz-available;*/
}
.nav-wrapper .main-nav .nav > .nav-item .child-menu-wrapper .level-3 .nav-item .nav-link {
  padding: 0;
  justify-content: flex-start;
  gap: 0.25rem;
  margin-bottom: 1rem;
}
.nav-wrapper .main-nav .nav > .nav-item .child-menu-wrapper .level-3 .nav-item:hover .nav-link {
  background-color: var(--primary-variant-6);
}
.nav-wrapper .main-nav .nav > .nav-item .child-menu-wrapper .level-3 .nav-item:last-child .nav-link {
  margin: 0;
}
.nav-wrapper .mobile-main-nav {
  display: none;
}

.new-nav-wrapper .nav-search-wrap {
  display: flex;
  justify-content: space-between;
}
.new-nav-wrapper .nav-search-wrap .search-wrap {
  border: 1px solid var(--primary-variant-2);
  width: 2rem;
  height: 2rem;
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
}
.new-nav-wrapper .nav-search-wrap .search-wrap .search-bar-suggestions {
  visibility: hidden;
  position: absolute;
  left: -13rem;
  width: 15rem;
  top: -16px;
}
.new-nav-wrapper .nav-search-wrap .search-wrap .search-bar-suggestions .input-group .search-bar-keywords-input {
  height: 2rem;
  font-size: var(--sub-heading-3-font-size);
  font-weight: 500;
  padding-left: 0.5rem;
}
.new-nav-wrapper .nav-search-wrap .search-wrap .search-bar-suggestions .input-group .input-group-inset-item .btn {
  margin: 0;
  padding: 0 0.25rem;
}
.new-nav-wrapper nav.main-nav > div {
  display: flex;
}
.new-nav-wrapper nav.main-nav > div .single-nav > .nav-item:not(.active):hover > .nav-link:before {
  content: "";
  border: 1px solid var(--background-4);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.new-nav-wrapper nav.main-nav > div .single-nav > .nav-item > .nav-link > svg {
  transition: all 0.5s;
}
.new-nav-wrapper nav.main-nav > div .single-nav > .nav-item:hover > .nav-link > svg {
  transform: rotateZ(180deg);
}
.new-nav-wrapper nav.main-nav > div .single-nav button {
  border: none;
  background: unset;
}
.new-nav-wrapper nav.main-nav > div .nav-item.active > .nav-link {
  color: var(--primary);
  background-color: var(--background-6);
  font-weight: 700;
}
.new-nav-wrapper nav.main-nav > div .nav-item:not(.active):hover > .nav-link {
  background-color: var(--primary);
  font-weight: 700;
}
.new-nav-wrapper nav.main-nav > div .nav-item .nav-link {
  font-size: var(--body-font-3-size);
  font-weight: 400;
  padding: 0.5625rem 1rem;
  color: var(--primary-variant-6);
  border-radius: 0;
  cursor: pointer;
}
.new-nav-wrapper nav.main-nav > div .nav-item .nav-link:focus-visible {
  display: block;
  outline-offset: -0.25rem;
}
.new-nav-wrapper nav.main-nav > div .nav-item.dropdown:hover .child-menu-wrapper {
  display: flex;
  overflow: visible;
}
.new-nav-wrapper nav.main-nav > div .nav-item.dropdown:focus-within .child-menu-wrapper {
  display: flex;
  overflow: visible;
}
.new-nav-wrapper nav.main-nav > div .nav-item.dropdown:focus .child-menu-wrapper {
  display: flex;
  overflow: visible;
}
.new-nav-wrapper nav.main-nav > div .nav-item.dropdown .child-menu-wrapper {
  margin: 0;
  padding: 0;
  min-width: fit-content;
  box-shadow: 0px 4px 6px 0px rgba(42, 58, 141, 0.1019607843);
  border-radius: 0;
}
.new-nav-wrapper nav.main-nav > div .nav-item.dropdown .child-menu-wrapper .child-menu {
  width: 15rem;
  margin: 0;
  padding: 0.75rem 1rem;
  background-color: var(--background-4);
  border-radius: 0;
  list-style-type: none;
  flex-shrink: 0;
}
.new-nav-wrapper nav.main-nav > div .nav-item.dropdown .child-menu-wrapper .child-menu .nav-item:hover > .nav-link, .new-nav-wrapper nav.main-nav > div .nav-item.dropdown .child-menu-wrapper .child-menu .nav-item.active > .nav-link, .new-nav-wrapper nav.main-nav > div .nav-item.dropdown .child-menu-wrapper .child-menu .nav-item.etds-hover > .nav-link {
  background-color: var(--secondary-variant-2);
  color: var(--secondary-variant-4);
}
.new-nav-wrapper nav.main-nav > div .nav-item.dropdown .child-menu-wrapper .child-menu .nav-item .nav-link {
  font-size: var(--sub-heading-3-font-size);
  font-weight: 500;
  color: var(--dark-variant-1);
  padding: 0.375rem 0.5rem;
  margin-bottom: 0.25rem;
  border-radius: 0.25rem;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: space-between;
}
.new-nav-wrapper nav.main-nav > div .nav-item.dropdown .child-menu-wrapper .child-menu .nav-item:last-child > .nav-link {
  margin-bottom: 0;
}
.new-nav-wrapper nav.main-nav > div .nav-item.dropdown .child-menu-wrapper .child-menu .nav-item .child-menu.level-3 {
  display: none;
}
.new-nav-wrapper nav.main-nav > div .nav-item.dropdown .child-menu-wrapper .level-3 {
  padding: 1rem 1rem;
  background: var(--primary-variant-6);
  border-right: 1px solid var(--primary-variant-8);
  height: 100%;
  width: 19.375rem;
  /*min-width: 10rem;
  max-width: 20rem;
  width: max-content;
  width: -moz-available; */
}
.new-nav-wrapper nav.main-nav > div .nav-item.dropdown .child-menu-wrapper .level-3 .nav-item .nav-link {
  padding: 0.25rem 0.5rem;
  justify-content: flex-start;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}
.new-nav-wrapper nav.main-nav > div .nav-item.dropdown .child-menu-wrapper .level-3 .nav-item .nav-link svg {
  flex-shrink: 0;
  align-self: start;
  margin-top: 1px;
}
.new-nav-wrapper nav.main-nav > div .nav-item.dropdown .child-menu-wrapper .level-3 .nav-item:hover .nav-link {
  background-color: var(secondary-variant-3);
  color: var(--secondary);
}
.new-nav-wrapper nav.main-nav > div .nav-item.dropdown .child-menu-wrapper .level-3 .nav-item.active > .nav-link {
  background-color: transparent;
  color: var(--primary);
  font-weight: 700;
}
.new-nav-wrapper nav.main-nav > div .nav-item.dropdown .child-menu-wrapper .level-3 .nav-item:last-child .nav-link {
  margin: 0;
}
.new-nav-wrapper nav.main-nav > div .nav-item .etds-megamenu {
  position: absolute;
  left: -15rem;
  z-index: 1;
}
.new-nav-wrapper nav.main-nav > div .nav-item .etds-megamenu > div {
  display: flex;
}
.new-nav-wrapper nav.main-nav > div .nav-item .etds-megamenu > div > div div,
.new-nav-wrapper nav.main-nav > div .nav-item .etds-megamenu > div > div section {
  height: 100%;
}
.new-nav-wrapper nav.main-nav > div .nav-item .etds-megamenu .dropdown-menu {
  position: unset;
}
.new-nav-wrapper nav.main-nav > div .nav-item .etds-megamenu .dropdown-menu.child-menu-wrapper {
  box-shadow: none;
  border-right: 1px solid var(--primary-variant-8);
}
.new-nav-wrapper nav.main-nav > div .nav-item .etds-megamenu .dropdown-menu.child-menu-wrapper .list-item-title .nav-section-title {
  font-size: var(--sub-heading-1-font-size);
  font-weight: 700;
  color: var(--primary-variant-7);
  margin: 0.5rem;
  margin-top: 0;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--dark-variant-5);
}
.new-nav-wrapper nav.main-nav > div .nav-item .etds-megamenu .dropdown-menu.child-menu-wrapper .level-3 {
  border: 0;
}

.etds-page-container .nav-wrapper {
  background: transparent;
  margin-bottom: 1.5rem;
}
.etds-page-container .nav-wrapper .container {
  padding: 0;
}
.etds-page-container .nav-wrapper .container .main-nav .nav > .nav-item:hover > .nav-link, .etds-page-container .nav-wrapper .container .main-nav .nav > .nav-item.active > .nav-link, .etds-page-container .nav-wrapper .container .main-nav .nav > .nav-item:focus-within > .nav-link {
  background-color: var(--secondary-variant-3);
  font-size: var(--sub-heading-2-font-size);
  font-weight: 700;
  color: var(--secondary);
  border-bottom: 1px solid var(--secondary);
}
.etds-page-container .nav-wrapper .container .main-nav .nav > .nav-item:last-child .nav-link {
  margin-bottom: 0;
}
.etds-page-container .nav-wrapper .container .main-nav .nav > .nav-item > .nav-link {
  font-size: var(--body-font-2-size);
  font-weight: 400;
  padding: 0.565rem 1.5rem;
  color: var(--primary-variant-7);
  border-bottom: 1px solid var(--dark-variant-5);
  border-radius: 0.125rem 0.125rem 0 0;
}
.etds-page-container .nav-wrapper .container .main-nav .nav > .nav-item > .nav-link svg {
  color: var(--neutral-800);
}
.etds-page-container .nav-wrapper .container .main-nav .nav > .nav-item > .nav-link:focus-visible {
  outline-offset: -0.25rem;
}
.etds-page-container .nav-wrapper .container .main-nav .nav > .nav-item .child-menu-wrapper .level-3-col:nth-child(2) .level-2:after {
  border-right: 1px solid var(--primary-variant-8);
  content: "";
  position: absolute;
  top: 1rem;
  bottom: 1rem;
  left: -1px;
}
.etds-page-container .nav-wrapper .container .main-nav .nav > .nav-item .child-menu-wrapper .child-menu {
  padding: 1rem 1.5rem;
  position: relative;
  width: 15rem;
}
.etds-page-container .nav-wrapper .container .main-nav .nav > .nav-item .child-menu-wrapper .child-menu.level-3 svg {
  display: none;
}
.etds-page-container .nav-wrapper .container .main-nav .nav > .nav-item .child-menu-wrapper .child-menu > .nav-item:hover > .nav-link, .etds-page-container .nav-wrapper .container .main-nav .nav > .nav-item .child-menu-wrapper .child-menu > .nav-item.etds-hover > .nav-link {
  background-color: var(--secondary-variant-2);
  color: var(--secondary-variant-4);
}
.etds-page-container .nav-wrapper .container .main-nav .nav > .nav-item .child-menu-wrapper .child-menu > .nav-item.active > .nav-link {
  color: var(--primary);
  font-weight: 700;
  background-color: transparent;
}
.etds-page-container .nav-wrapper .container .main-nav .nav > .nav-item .child-menu-wrapper .child-menu > .nav-item:last-child .nav-link {
  margin-bottom: 0;
}
.etds-page-container .nav-wrapper .container .main-nav .nav > .nav-item .child-menu-wrapper .child-menu > .nav-item > .nav-link {
  padding: 0.15rem 0.5rem;
  color: var(--dark-variant-2);
  margin-bottom: 0.5rem;
}

.mobile-nav-wrapper {
  display: none;
}
.mobile-nav-wrapper .mobile-nav-toggle {
  padding: 0.5rem 1rem;
  cursor: pointer;
  display: block;
  position: relative;
  display: none;
}
.mobile-nav-wrapper .mob-dpt-section {
  position: absolute;
  top: 0.5rem;
  right: 6.375rem;
}
.mobile-nav-wrapper .mob-dpt-section .text-truncate {
  color: var(--primary-variant-6);
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
  padding-right: 0.625rem;
}
.mobile-nav-wrapper button {
  border: none;
  background: unset;
}
.mobile-nav-wrapper .main-menu.mobile-nav-page {
  border-bottom: 1px solid var(--primary-variant-2);
  color: var(--primary-variant-6);
}
.mobile-nav-wrapper .main-menu.mobile-nav-page li.mobile-nav-item .nav-link {
  color: var(--primary-variant-6);
}
.mobile-nav-wrapper .main-menu.mobile-nav-page .mobile-nav-list {
  background-color: var(--primary-variant-1);
}
.mobile-nav-wrapper .main-menu li.mobile-nav-item:hover {
  background-color: var(--primary);
}
.mobile-nav-wrapper .submenu-header {
  border-bottom: 1px solid var(--primary-variant-2);
  color: var(--primary-variant-6);
  padding: 10px 8px;
}
.mobile-nav-wrapper li.mobile-nav-item .nav-link {
  font-weight: 500;
  font-size: 14px;
}
.mobile-nav-wrapper li.mobile-nav-item .nav-link svg {
  flex-shrink: 0;
}
.mobile-nav-wrapper .submenu.mobile-nav-page li.mobile-nav-item .nav-link {
  color: var(--primary-variant-7);
}
.mobile-nav-wrapper .submenu.mobile-nav-page .mobile-submenu-list {
  background-color: var(--primary-variant-6);
  color: var(--primary-variant-7);
}
.mobile-nav-wrapper .submenu.mobile-nav-page .mobile-submenu-list svg path {
  fill: var(--neutral-800);
}
.mobile-nav-wrapper .submenu li.mobile-nav-item:hover {
  background-color: var(--secondary-variant-2);
}
.mobile-nav-wrapper .submenu li.mobile-nav-item:hover .nav-link {
  color: var(--secondary-variant-4);
}
.mobile-nav-wrapper .submenu li.mobile-nav-item:hover svg path {
  fill: var(--secondary-variant-4);
}
.mobile-nav-wrapper .mobile-nav-drawer {
  margin-top: -43px;
  position: sticky;
  z-index: 988;
  display: none;
  flex-direction: column;
  overflow-y: auto;
  background-color: rgba(207, 207, 207, 0.431372549);
}
.mobile-nav-wrapper .mobile-nav-drawer.open {
  display: none;
}
.mobile-nav-wrapper .mobile-nav-page {
  display: none;
  flex-direction: column;
  height: 100%;
}
.mobile-nav-wrapper .mobile-nav-page.active {
  display: flex;
}
.mobile-nav-wrapper .mobile-nav-page .submenu-header {
  background-color: var(--primary-variant-1);
}
.mobile-nav-wrapper .mobile-nav-page .mobile-nav-list {
  overflow-y: auto;
  max-height: 400px;
}
.mobile-nav-wrapper .submenu-title {
  font-weight: bold;
  font-size: 1.1rem;
  text-align: center;
  flex-grow: 1;
  font-weight: 400;
  font-size: 16px;
}
.mobile-nav-wrapper .submenu-close {
  background: none;
  border: none;
  cursor: pointer;
  color: var(--neutral-1000-2);
}
.mobile-nav-wrapper .submenu-back {
  background: none;
  border: none;
  cursor: pointer;
  color: var(--neutral-1000-2);
}
.mobile-nav-wrapper .mobile-nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mobile-nav-wrapper .mobile-submenu-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mobile-nav-wrapper .mobile-nav-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px 12px 52px;
}
.mobile-nav-wrapper .nav-link {
  text-decoration: none;
  color: var(--neutral-1000-2);
  flex-grow: 1;
}
.mobile-nav-wrapper .submenu-toggle {
  background: none;
  border: none;
  font-size: 1.2rem;
  cursor: pointer;
  color: var(--neutral-800-3);
}
.mobile-nav-wrapper .sub-child-menu .mobile-nav-item {
  padding: 18px 20px;
}
.mobile-nav-wrapper .sub-child-menu a.nav-link {
  gap: 10px;
  display: flex;
  align-items: center;
}
.mobile-nav-wrapper .child-menu li.mobile-nav-item {
  padding-left: 42px;
}
.mobile-nav-wrapper .portlet-content {
  border: unset;
}
.mobile-nav-wrapper .mob-search-section .search-wrap-mob {
  position: absolute;
  top: 0.313rem;
  right: 1.688rem;
}
.mobile-nav-wrapper .mob-search-section .search-wrap-mob button {
  height: unset;
}
.mobile-nav-wrapper .mob-search-section .action-buttons button {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}
.mobile-nav-wrapper .mob-search-section .nav-search-dropdown-mob {
  top: 5.188rem;
}
.mobile-nav-wrapper .mob-search-section .search-wrap {
  border: 0.063rem solid var(--primary-variant-2);
  width: 2rem;
  height: 2rem;
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
}
.mobile-nav-wrapper .mob-search-section .suggestion-wrapper {
  display: flex;
  flex-direction: column;
}
.mobile-nav-wrapper .mob-search-section .btn-advanced-search {
  justify-content: space-around;
}
.mobile-nav-wrapper .mob-prompter-section {
  position: absolute;
  top: 2.563rem;
  right: 1.313rem;
}

.has-edit-mode-menu .mobile-nav-wrapper {
  display: block !important;
}
.has-edit-mode-menu .mobile-nav-wrapper .mobile-nav-toggle {
  display: block !important;
}
.has-edit-mode-menu .mobile-nav-wrapper .mob-dpt-section {
  position: unset !important;
}

@media (max-width: 1199.98px) {
  .new-nav-wrapper {
    display: none;
  }
  .mobile-nav-wrapper {
    display: block;
  }
  .mobile-nav-wrapper .mobile-nav-toggle {
    display: block;
  }
  .mobile-nav-wrapper .mobile-nav-drawer.open {
    display: flex;
  }
  .header-wrapper {
    padding: unset;
  }
  .etds-page-container .nav-wrapper {
    margin-bottom: 0.75rem;
  }
  .etds-page-container .nav-wrapper .container .main-nav {
    display: none;
  }
  .etds-page-container .nav-wrapper .container .mobile-active-navigation {
    display: flex;
    gap: 0.25rem;
    align-items: center;
  }
  .etds-page-container .nav-wrapper .container .mobile-active-navigation svg {
    flex-shrink: 0;
  }
  .etds-page-container .nav-wrapper .container .mobile-active-navigation.closed .menu-closed {
    display: block;
  }
  .etds-page-container .nav-wrapper .container .mobile-active-navigation.closed .menu-opened {
    display: none;
  }
  .etds-page-container .nav-wrapper .container .mobile-active-navigation.opened {
    margin: 0 0.5rem;
    background-color: var(--primary);
    padding: 0.25rem 1rem;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }
  .etds-page-container .nav-wrapper .container .mobile-active-navigation.opened .menu-opened {
    display: block;
  }
  .etds-page-container .nav-wrapper .container .mobile-active-navigation.opened .menu-closed {
    display: none;
  }
  .etds-page-container .nav-wrapper .container .mobile-active-navigation.opened .active-navigation-title {
    color: var(--primary-variant-6);
  }
  .etds-page-container .nav-wrapper .container .mobile-active-navigation .active-navigation-title {
    font-size: var(--h5-font-size);
    font-weight: 700;
    color: var(--primary);
    margin: 0;
  }
  .etds-page-container .nav-wrapper .container .mobile-main-nav {
    position: relative;
    margin: 0 0.5rem;
    z-index: 2;
  }
  .etds-page-container .nav-wrapper .container .mobile-main-nav .nav {
    position: absolute;
    flex-direction: column;
    width: 100%;
    background: var(--primary-variant-6);
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1490196078);
  }
  .etds-page-container .nav-wrapper .container .mobile-main-nav .nav > .nav-item ul {
    margin: 0;
    padding: 0;
    display: none;
  }
  .etds-page-container .nav-wrapper .container .mobile-main-nav .nav > .nav-item.dropdown.hover > .nav-link > span > svg {
    transform: translateY(-50%) rotate(180deg);
  }
  .etds-page-container .nav-wrapper .container .mobile-main-nav .nav > .nav-item.dropdown.hover .level-2 {
    display: block;
    list-style-type: none;
    margin: 0.5rem 0 0.5rem 1.25rem;
    border-left: 1px solid var(--background-6);
  }
  .etds-page-container .nav-wrapper .container .mobile-main-nav .nav > .nav-item.dropdown.hover .level-2 > .nav-item.dropdown.hover > .nav-link > svg {
    transform: translateY(-50%) rotate(180deg);
  }
  .etds-page-container .nav-wrapper .container .mobile-main-nav .nav > .nav-item.dropdown.hover .level-2 > .nav-item.dropdown.hover > .nav-link:focus-visible {
    display: block;
  }
  .etds-page-container .nav-wrapper .container .mobile-main-nav .nav > .nav-item.dropdown.hover .level-2 > .nav-item.dropdown.hover .level-3 {
    display: block;
    list-style-type: none;
    margin: 0.5rem 0 0.5rem 1.75rem;
    border-left: 1px solid var(--background-6);
  }
  .etds-page-container .nav-wrapper .container .mobile-main-nav .nav > .nav-item.dropdown.hover .level-2 > .nav-item.dropdown.hover .level-3 > .nav-item > .nav-link {
    padding: 0.5rem 0.75rem;
    font-size: var(--body-font-3-size);
    font-weight: 400;
    color: var(--dark-variant-2);
  }
  .etds-page-container .nav-wrapper .container .mobile-main-nav .nav > .nav-item.dropdown.hover .level-2 > .nav-item.active > .nav-link {
    font-size: var(--sub-heading-2-font-size);
    font-weight: 700;
    color: var(--primary);
  }
  .etds-page-container .nav-wrapper .container .mobile-main-nav .nav > .nav-item.dropdown.hover .level-2 > .nav-item > .nav-link {
    padding: 0.5rem 2rem 0.5rem 1.5rem;
    font-size: var(--body-font-3-size);
    font-weight: 400;
    color: var(--primary-variant-7);
  }
  .etds-page-container .nav-wrapper .container .mobile-main-nav .nav > .nav-item.dropdown.hover .level-2 > .nav-item > .nav-link > svg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1rem;
    transition: 0.5s;
  }
  .etds-page-container .nav-wrapper .container .mobile-main-nav .nav > .nav-item.active > .nav-link {
    background-color: var(--secondary-variant-1);
    border: 0;
    font-size: var(--sub-heading-2-font-size);
    font-weight: 500;
    color: var(--secondary-600);
  }
  .etds-page-container .nav-wrapper .container .mobile-main-nav .nav > .nav-item.active > .nav-link:before {
    background-image: url(../assets/images/swap_horizontal_circle_active.svg);
  }
  .etds-page-container .nav-wrapper .container .mobile-main-nav .nav > .nav-item > .nav-link {
    padding: 0.625rem 1rem 0.625rem 2.75rem;
    border: 0;
    font-size: var(--body-font-2-size);
    font-weight: 400;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--primary-variant-7);
  }
  .etds-page-container .nav-wrapper .container .mobile-main-nav .nav > .nav-item > .nav-link > span > svg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1rem;
    transition: 0.5s;
  }
  .etds-page-container .nav-wrapper .container .mobile-main-nav .nav > .nav-item > .nav-link:before {
    content: "";
    background-image: url("../assets/images/swap_horizontal_circle.svg");
    position: absolute;
    left: 1rem;
    width: 1.25rem;
    height: 1.25rem;
  }
}
.nav-search-dropdown {
  display: none;
  padding: 0.75rem 1.25rem;
  background-color: var(--secondary-variant-3);
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
  color: var(--primary);
  position: absolute;
  width: 100%;
  z-index: 9;
  top: 36px;
  box-shadow: 0px 4px 6px 0px rgba(42, 58, 141, 0.1019607843);
}
.nav-search-dropdown.active {
  display: block;
}
.nav-search-dropdown .btn-advanced-search {
  white-space: nowrap;
  border: 0;
  color: var(--primary);
}
.nav-search-dropdown .suggestion-wrapper {
  display: flex;
  gap: 1.25rem;
}

.search-bar-suggestions .input-group-inset-item.input-group-inset-item-after {
  border-radius: 0 0.25rem 0.25rem 0;
  border: 1px solid var(--dark-variant-4);
  border-left: 0;
}
.search-bar-suggestions .input-group-inset:focus-visible ~ .input-group-inset-item {
  border-color: var(--primary);
}

@media (max-width: 767.98px) {
  .mobile-nav-wrapper .mob-dpt-section {
    right: 5.188rem;
  }
  .mobile-nav-wrapper .mob-prompter-section {
    right: 0.188rem;
  }
  .mobile-nav-wrapper .mob-search-section .search-wrap-mob {
    right: 0.688rem;
  }
}
.latest-updates-wrapper {
  background-color: var(--secondary-variant-3);
  padding: 0.5rem 0;
  font-size: var(--sub-heading-3-font-size);
  font-weight: 500;
  color: var(--primary);
  border-bottom: 0.5px solid var(--dark-variant-5);
}
.latest-updates-wrapper .latest-updates {
  position: relative;
  display: flex;
  gap: 0.75rem;
}
.latest-updates-wrapper .latest-updates .updates-label {
  flex: 0 0 5.75rem;
  margin: 0;
  font-weight: 700;
}
.latest-updates-wrapper .latest-updates .updates-slider {
  flex-grow: 1;
  overflow: hidden;
}
.latest-updates-wrapper .latest-updates .updates-slider .update-item a:focus-visible {
  box-shadow: inset 0 0 0 0.125rem var(--primary-variant-9);
  border-radius: 0.25rem;
  outline: 0;
}
.latest-updates-wrapper .latest-updates .updates-slider .update-item a:hover {
  text-decoration: none;
  color: var(--primary);
}
.latest-updates-wrapper .latest-updates .updates-slider .update-item div {
  padding: 0.125rem 0.25rem;
}
.latest-updates-wrapper .latest-updates .updates-slider .update-item div:focus-visible {
  box-shadow: inset 0 0 0 0.125rem var(--primary-variant-9);
  border-radius: 0.25rem;
  outline: 0;
}
.latest-updates-wrapper .latest-updates .updates-slider .update-item p {
  margin: 0;
}
.latest-updates-wrapper .latest-updates .slider-actions {
  flex: 0 0 auto;
  align-self: center;
  display: flex;
  gap: 0.75rem;
  align-items: center;
}
.latest-updates-wrapper .latest-updates .slider-actions .slider-btn {
  background-color: transparent;
  border: 0;
  padding: 0;
  font-size: 1.25rem;
  line-height: 1;
  color: var(--primary) !important;
  display: flex;
}

.latest-updates-wrapper-hidden .latest-updates-hidden {
  position: relative;
}
.latest-updates-wrapper-hidden .latest-updates-hidden .btn-open-banner {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.375rem 1rem;
  background-color: var(--primary-variant-5);
  border: 1px solid var(--primary-variant-1);
  border-top: 0;
  color: var(--primary-variant-1);
  font-size: var(--button-font-size);
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  z-index: 1;
}
.latest-updates-wrapper-hidden .latest-updates-hidden .btn-open-banner svg {
  font-size: 1.25rem;
}

@media (max-width: 991.98px) {
  .latest-updates-wrapper .latest-updates {
    flex-wrap: wrap;
  }
  .latest-updates-wrapper .latest-updates .updates-slider {
    width: 100%;
  }
  .latest-updates-wrapper .latest-updates .slider-actions {
    position: absolute;
    top: 0;
    right: 0;
  }
  .latest-updates-wrapper-hidden .latest-updates-hidden .btn-open-banner {
    padding: 0.375rem 0.75rem;
  }
  .latest-updates-wrapper-hidden .latest-updates-hidden .btn-open-banner .btn-text {
    display: none;
  }
}
.document-viewer-modal .modal-dialog {
  margin: 1rem auto;
}
.document-viewer-modal .modal-dialog .modal-content {
  border-radius: 0;
  box-shadow: none;
  border: 0;
}

html[data-contrast=on] .document-viewer-wrapper .doc-view-sidebar .top-element svg {
  color: var(--dark);
}

html[data-contrast=on] .document-viewer-wrapper .doc-view-sidebar .pagination button svg {
  color: var(--dark);
}

.loading-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.15);
}

.document-viewer-wrapper {
  display: flex;
  background-color: var(--primary-100);
}
.document-viewer-wrapper.parallel-reading .doc-view-section .doc-view-toolbar {
  justify-content: end;
}
.document-viewer-wrapper.parallel-reading .doc-view-section .doc-view-content-area {
  height: calc(100% - 50px);
}
.document-viewer-wrapper.parallel-reading .doc-view-section .doc-view-content-area .parallel-viewer-content-container {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
}
.document-viewer-wrapper.parallel-reading .doc-view-section .doc-view-content-area .parallel-viewer-content-container.item-count-3 .sectionContentViewer .content-viewer-header {
  padding: 0.25rem 0.5rem;
  gap: 0.5rem;
}
.document-viewer-wrapper.parallel-reading .doc-view-section .doc-view-content-area .parallel-viewer-content-container.item-count-3 .sectionContentViewer .content-viewer-header .selected-chapter-section-info {
  max-width: 12rem;
}
.document-viewer-wrapper.parallel-reading .doc-view-section .doc-view-content-area .parallel-viewer-content-container.item-count-3 .sectionSelector .radio-wrap {
  display: flex;
  gap: 0.75rem;
}
.document-viewer-wrapper.parallel-reading .doc-view-section .doc-view-content-area .parallel-viewer-content-container.item-count-3 .sectionSelector .radio-wrap .custom-control-label .custom-control-label-text {
  font-size: var(--body-font-3-size);
  font-weight: 400;
  color: var(--neutral-1200);
}
.document-viewer-wrapper.parallel-reading .doc-view-section .doc-view-content-area .parallel-viewer-content-container .sectionContentViewer .content-viewer-header {
  align-items: center;
  padding: 0.25rem 1.25rem;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.document-viewer-wrapper.parallel-reading .doc-view-section .doc-view-content-area .parallel-viewer-content-container .sectionContentViewer .content-viewer-header .selected-chapter-section-info {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: var(--primary-variant-6);
  max-width: 21.5rem;
}
.document-viewer-wrapper.parallel-reading .doc-view-section .doc-view-content-area .parallel-viewer-content-container .sectionContentViewer .content-viewer-header .actions-wrap {
  display: flex;
  gap: 1rem;
}
.document-viewer-wrapper.parallel-reading .doc-view-section .doc-view-content-area .parallel-viewer-content-container .sectionContentViewer .content-viewer-header .actions-wrap .btn-open-in-new-tab {
  font-size: 1.5rem;
}
.document-viewer-wrapper.parallel-reading .doc-view-section .doc-view-content-area .parallel-viewer-content-container .sectionContentViewer .doc-view-content-main {
  position: relative;
  height: calc(100vh - 151px);
  max-height: unset;
  padding: 0.5rem 1rem;
  font-family: "Times New Roman" !important;
  /* div.footprint,
  p.style11 {
  	display: block;
  } */
}
.document-viewer-wrapper.parallel-reading .doc-view-section .doc-view-content-area .parallel-viewer-content-container .sectionContentViewer .doc-view-content-main.taglib-diff-html .etds-section {
  padding: 0;
}
.document-viewer-wrapper.parallel-reading .doc-view-section .doc-view-content-area .parallel-viewer-content-container .sectionContentViewer .doc-view-content-main.taglib-diff-html .etds-section .container {
  padding: 0;
}
.document-viewer-wrapper.parallel-reading .doc-view-section .doc-view-content-area .parallel-viewer-content-container .sectionContentViewer .doc-view-content-main.taglib-diff-html .etds-section .etds-header,
.document-viewer-wrapper.parallel-reading .doc-view-section .doc-view-content-area .parallel-viewer-content-container .sectionContentViewer .doc-view-content-main.taglib-diff-html .etds-section .etds-info-box {
  display: none;
}
.document-viewer-wrapper.parallel-reading .doc-view-section .doc-view-content-area .parallel-viewer-content-container .sectionContentViewer .doc-view-content-main.taglib-diff-html .etds-section .etds-content-box {
  padding: 0;
  border: 0;
  margin: 0;
}
.document-viewer-wrapper.parallel-reading .doc-view-section .doc-view-content-area .parallel-viewer-content-container .sectionContentViewer .doc-view-content-main.taglib-diff-html .doc-view-content-main {
  height: unset;
  max-height: unset;
  padding: 0;
}
.document-viewer-wrapper.parallel-reading .doc-view-section .doc-view-content-area .parallel-viewer-content-container .sectionContentViewer .doc-view-content-main * {
  max-width: 100%;
  font-family: "Times New Roman" !important;
}
.document-viewer-wrapper.parallel-reading .doc-view-section .doc-view-content-area .parallel-viewer-content-container .sectionContentViewer .doc-view-content-main [style="font-family: Symbol"] {
  font-family: "Symbol" !important;
}
.document-viewer-wrapper.parallel-reading .doc-view-section .doc-view-content-area .parallel-viewer-content-container .sectionContentViewer .doc-view-content-main font[face="Courier New"],
.document-viewer-wrapper.parallel-reading .doc-view-section .doc-view-content-area .parallel-viewer-content-container .sectionContentViewer .doc-view-content-main font[face="Courier New"] * {
  font-family: "Courier New" !important;
}
.document-viewer-wrapper.parallel-reading .doc-view-section .doc-view-content-area .parallel-viewer-content-container .sectionContentViewer .doc-view-content-main font[face=Verdana],
.document-viewer-wrapper.parallel-reading .doc-view-section .doc-view-content-area .parallel-viewer-content-container .sectionContentViewer .doc-view-content-main font[face=Verdana] * {
  font-family: "Verdana" !important;
}
.document-viewer-wrapper.parallel-reading .doc-view-section .doc-view-content-area .parallel-viewer-content-container .sectionSelector {
  background-color: var(--primary-variant-5);
  border: 1px solid var(--dark-variant-5);
  border-radius: 0.25rem;
  padding: 1.5rem;
  margin: auto 1rem;
  display: flex;
  justify-content: center;
  box-shadow: 5px 5px 12.2px 0px rgba(0, 0, 0, 0.368627451);
  flex-grow: 1;
  max-width: 25.5rem;
}
.document-viewer-wrapper.parallel-reading .doc-view-section .doc-view-content-area .parallel-viewer-content-container .sectionSelector .parallel-reading-title-wrap {
  position: absolute;
  width: calc(100% - 6rem);
  top: -44px;
  text-align: center;
}
.document-viewer-wrapper.parallel-reading .doc-view-section .doc-view-content-area .parallel-viewer-content-container .sectionSelector .parallel-reading-title-wrap .title {
  font-size: var(--sub-heading-1-font-size);
  font-weight: 500;
  color: var(--primary-variant-6);
  margin: 0;
}
.document-viewer-wrapper.parallel-reading .doc-view-section .doc-view-content-area .parallel-viewer-content-container .sectionSelector .parallel-reading-title-wrap .subtitle {
  font-size: 0.625rem;
  color: var(--primary-variant-6);
  margin: 0;
}
.document-viewer-wrapper.parallel-reading .doc-view-section .doc-view-content-area .parallel-viewer-content-container .sectionSelector .search-wrapper {
  width: 100%;
}
.document-viewer-wrapper.parallel-reading .doc-view-section .doc-view-content-area .parallel-viewer-content-container .sectionSelector .search-wrapper .search-title {
  font-size: var(--body-font-1-size);
  font-weight: 400;
  margin-bottom: 1rem;
  color: var(--neutral-1200);
}
.document-viewer-wrapper.parallel-reading .doc-view-section .doc-view-content-area .parallel-viewer-content-container .sectionSelector .search-wrapper .form-group {
  margin-bottom: 1rem;
}
.document-viewer-wrapper.parallel-reading .doc-view-section .doc-view-content-area .parallel-viewer-content-container .sectionSelector .search-wrapper .form-group .radio-wrap {
  display: flex;
  gap: 0.75rem;
}
.document-viewer-wrapper.parallel-reading .doc-view-section .doc-view-content-area .parallel-viewer-content-container .sectionSelector .search-wrapper .form-group .radio-wrap .custom-control-outside label {
  padding-left: 1.25rem;
}
.document-viewer-wrapper.parallel-reading .doc-view-section .doc-view-content-area .parallel-viewer-content-container .sectionSelector .search-wrapper .form-group .radio-wrap .custom-control-outside .custom-control-label-text {
  font-size: var(--body-font-3-size);
  font-weight: 400;
}
.document-viewer-wrapper.parallel-reading .doc-view-section .doc-view-content-area .parallel-viewer-content-container .sectionSelector .contains_mandatory {
  width: fit-content;
}
.document-viewer-wrapper .doc-view-sidebar {
  background-color: var(--dark-background);
  flex: 0 0 250px;
  max-width: 250px;
  padding: 0.5rem;
}
.document-viewer-wrapper .doc-view-sidebar.collapsed {
  flex: 0 0 68px;
  max-width: 68px;
}
.document-viewer-wrapper .doc-view-sidebar.collapsed .top-element {
  justify-content: center;
}
.document-viewer-wrapper .doc-view-sidebar.collapsed .top-element .site-name-wrap,
.document-viewer-wrapper .doc-view-sidebar.collapsed .top-element .collapse-sidebar-btn {
  display: none;
}
.document-viewer-wrapper .doc-view-sidebar.collapsed .top-element .sidebar-icon {
  display: block;
}
.document-viewer-wrapper .doc-view-sidebar.collapsed .pagination .prev-btn,
.document-viewer-wrapper .doc-view-sidebar.collapsed .pagination .next-btn {
  display: none;
}
.document-viewer-wrapper .doc-view-sidebar.collapsed .additional-actions-wrap .additional-action {
  padding: 0.25rem;
}
.document-viewer-wrapper .doc-view-sidebar.collapsed .additional-actions-wrap .additional-action .title-wrap {
  justify-content: center;
  font-size: var(--body-font-3-size);
  font-weight: 400;
}
.document-viewer-wrapper .doc-view-sidebar.collapsed .additional-actions-wrap .additional-action .title-wrap .title {
  max-width: 44px;
  display: block;
  text-align: center;
}
.document-viewer-wrapper .doc-view-sidebar.collapsed .additional-actions-wrap .additional-action .content,
.document-viewer-wrapper .doc-view-sidebar.collapsed .additional-actions-wrap .additional-action .open-close-content {
  display: none;
}
.document-viewer-wrapper .doc-view-sidebar svg {
  flex-shrink: 0;
}
.document-viewer-wrapper .doc-view-sidebar .top-element {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding: 0.25rem 0 1.25rem;
}
.document-viewer-wrapper .doc-view-sidebar .top-element .site-name-wrap {
  color: var(--neutral-275);
}
.document-viewer-wrapper .doc-view-sidebar .top-element .site-name-wrap .site-name {
  font-size: 13px;
  line-height: 14px;
  margin-bottom: 4px;
}
.document-viewer-wrapper .doc-view-sidebar .top-element .site-name-wrap .tagline {
  font-size: 7px;
  margin-bottom: 0;
}
.document-viewer-wrapper .doc-view-sidebar .top-element svg {
  font-size: 1.5rem;
  color: var(--primary-variant-6);
}
.document-viewer-wrapper .doc-view-sidebar .top-element .sidebar-icon {
  display: none;
}
.document-viewer-wrapper .doc-view-sidebar .pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  margin-bottom: 1.5rem;
}
.document-viewer-wrapper .doc-view-sidebar .pagination button svg {
  color: var(--primary-variant-6);
  width: 10px;
  height: 10px;
}
.document-viewer-wrapper .doc-view-sidebar .pagination .page-number-wrap {
  background: var(--neutral-transparent-50);
  border-radius: 2px;
  padding: 2px 10px;
  color: var(--neutral-1200);
  font-weight: 300;
  font-size: 12px;
}
.document-viewer-wrapper .doc-view-sidebar .additional-actions-wrap .additional-action {
  background-color: var(--neutral-900-blueish);
  border-radius: 0.25rem;
  padding: 0.875rem 0.625rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.document-viewer-wrapper .doc-view-sidebar .additional-actions-wrap .additional-action:not(:last-child) {
  margin-bottom: 0.5rem;
}
.document-viewer-wrapper .doc-view-sidebar .additional-actions-wrap .additional-action .title-wrap {
  font-size: var(--body-font-2-size);
  font-weight: 400;
  color: var(--primary-variant-6);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  background-color: inherit;
  border: inherit;
}
.document-viewer-wrapper .doc-view-sidebar .additional-actions-wrap .additional-action .title-wrap:disabled {
  opacity: 0.4 !important;
  cursor: not-allowed !important;
}
.document-viewer-wrapper .doc-view-sidebar .additional-actions-wrap .additional-action .title-wrap.open-true .open-close-content {
  transform: rotateZ(-180deg);
}
.document-viewer-wrapper .doc-view-sidebar .additional-actions-wrap .additional-action .title-wrap.open-true[aria-haspopup=true] .open-close-content {
  transform: rotateZ(-90deg);
}
.document-viewer-wrapper .doc-view-sidebar .additional-actions-wrap .additional-action .title-wrap .title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  max-width: calc(100% - 1.5rem);
}
.document-viewer-wrapper .doc-view-sidebar .additional-actions-wrap .additional-action .title-wrap .title svg {
  font-size: 1.25rem;
}
.document-viewer-wrapper .doc-view-sidebar .additional-actions-wrap .additional-action .title-wrap .open-close-content {
  font-size: 1.5rem;
  transition: all 0.5s;
}
.document-viewer-wrapper .doc-view-sidebar .additional-actions-wrap .additional-action .content {
  width: 100%;
  border-top: 1px solid #9ca4b1;
  padding-top: 10px;
  margin-top: 0.625rem;
  /* .recent-opened-items {
  	.recent-opened-item {
  		max-width: 100%;
  		background: transparent;
  		border: 0;
  		color: var(--primary-variant-6);
  		@include body-font-2;
  		padding: 0;
  		&:not(:last-child) {
  			margin-bottom: 0.25rem;
  		}
  	}
  } */
}
.document-viewer-wrapper .doc-view-sidebar .additional-actions-wrap .additional-action .content .keyword-title {
  font-size: var(--body-font-3-size);
  font-weight: 400;
  color: var(--primary-variant-6);
  margin-bottom: 0.625rem;
}
.document-viewer-wrapper .doc-view-sidebar .additional-actions-wrap .additional-action .content .keywords-box {
  border-radius: 0.25rem;
  background-color: var(--background-muted);
  min-height: 3.5rem;
  padding: 0.25rem;
  display: flex;
  align-items: start;
  flex-wrap: wrap;
}
.document-viewer-wrapper .doc-view-sidebar .additional-actions-wrap .additional-action .content .keywords-box .keyword {
  font-size: var(--body-font-3-size);
  font-weight: 400;
  background-color: var(--highlight-yellow);
  color: var(--primary-variant-7);
  padding: 0 0.25rem;
  border-radius: 0.125rem;
}
.document-viewer-wrapper .doc-view-sidebar .additional-actions-wrap .additional-action .content .additional-action {
  padding: 0.25rem 0.5rem;
}
.document-viewer-wrapper .doc-view-sidebar .additional-actions-wrap .additional-action .content .additional-action.open-true {
  background-color: var(--background-muted);
}
.document-viewer-wrapper .doc-view-sidebar .additional-actions-wrap .additional-action .content .additional-action .title-wrap {
  font-size: var(--body-font-3-size);
  font-weight: 400;
}
.document-viewer-wrapper .doc-view-sidebar .additional-actions-wrap .additional-action .content .additional-action .title-wrap .open-close-content {
  transform: rotate(-90deg);
}
.document-viewer-wrapper .doc-view-sidebar .additional-actions-wrap .additional-action .content .additional-action .content-popup {
  left: calc(100% + 0.625rem);
}
.document-viewer-wrapper .doc-view-sidebar .additional-actions-wrap .additional-action .content .additional-action .content-popup .recent-opened-items .recent-opened-item {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 700;
}
.document-viewer-wrapper .doc-view-sidebar .additional-actions-wrap .additional-action .content .additional-action .content-popup.position-top {
  top: auto;
  bottom: 0;
}
.document-viewer-wrapper .doc-view-sidebar .additional-actions-wrap .additional-action .content .additional-action .content-popup.position-bottom {
  top: 0;
  bottom: auto;
}
@media (max-width: 767px) {
  .document-viewer-wrapper .doc-view-sidebar .additional-actions-wrap .additional-action .content .additional-action .content-popup {
    left: 0;
  }
  .document-viewer-wrapper .doc-view-sidebar .additional-actions-wrap .additional-action .content .additional-action .content-popup.position-top {
    bottom: 2rem;
    top: auto;
  }
  .document-viewer-wrapper .doc-view-sidebar .additional-actions-wrap .additional-action .content .additional-action .content-popup.position-bottom {
    top: 2rem;
    bottom: auto;
  }
}
.document-viewer-wrapper .doc-view-sidebar .additional-actions-wrap .additional-action .content-popup {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1;
  background: var(--primary-variant-6);
  border: 0;
  border: 1px solid var(--dark-variant-5);
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1607843137);
  color: var(--secondary);
  width: 395px;
  max-width: 90vw;
  padding: 1.25rem 1rem;
  border-radius: 0.25rem;
  max-height: 211px;
  overflow-y: auto;
}
.document-viewer-wrapper .doc-view-sidebar .additional-actions-wrap .additional-action .content-popup .recent-opened-items {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 1rem;
}
.document-viewer-wrapper .doc-view-sidebar .additional-actions-wrap .additional-action .content-popup .recent-opened-items .recent-opened-item {
  color: var(--secondary);
  background: transparent;
  font-size: var(--body-font-2-size);
  font-weight: 400;
  padding: 0 0.125rem 0 0.125rem;
  border: 0;
  margin: 0;
  max-width: 100%;
  white-space: normal;
  text-align: left;
}
.document-viewer-wrapper .doc-view-sidebar .additional-actions-wrap .additional-action .content-popup .recent-opened-items .recent-opened-item:focus-visible {
  outline-offset: 0.125rem;
}
.document-viewer-wrapper .doc-view-sidebar .additional-actions-wrap .additional-action .content-popup.position-top {
  top: auto;
  bottom: 0;
}
.document-viewer-wrapper .doc-view-sidebar .additional-actions-wrap .additional-action .content-popup.position-bottom {
  top: 0;
  bottom: auto;
}
@media (max-width: 767px) {
  .document-viewer-wrapper .doc-view-sidebar .additional-actions-wrap .additional-action .content-popup {
    left: 0;
  }
  .document-viewer-wrapper .doc-view-sidebar .additional-actions-wrap .additional-action .content-popup.position-top {
    bottom: 4rem;
    top: auto;
  }
  .document-viewer-wrapper .doc-view-sidebar .additional-actions-wrap .additional-action .content-popup.position-bottom {
    top: 4rem;
    bottom: auto;
  }
}
.document-viewer-wrapper .doc-view-sidebar .additional-actions-wrap .additional-action.doc-viewer-due-date {
  background-color: var(--background-lightest-pink);
  border: 0.063rem solid var(--doc-viewer-border-line-color);
}
.document-viewer-wrapper .doc-view-sidebar .additional-actions-wrap .additional-action.doc-viewer-due-date .title-wrap {
  border: unset;
}
.document-viewer-wrapper .doc-view-sidebar .additional-actions-wrap .additional-action.doc-viewer-due-date .title-wrap .title-text {
  color: var(--doc-viewer-text-color);
}
.document-viewer-wrapper .doc-view-sidebar .additional-actions-wrap .additional-action.doc-viewer-due-date .title-wrap .lexicon-icon-etds-accordion-icon {
  display: none;
}
.document-viewer-wrapper .doc-view-sidebar .additional-actions-wrap .additional-action.doc-viewer-income-tax-act {
  background-color: var(--primary-variant-8);
  border: 0.063rem solid var(--secondary-variant-4);
}
.document-viewer-wrapper .doc-view-sidebar .additional-actions-wrap .additional-action.doc-viewer-income-tax-act .title-wrap {
  border: unset;
}
.document-viewer-wrapper .doc-view-sidebar .additional-actions-wrap .additional-action.doc-viewer-income-tax-act .title-wrap .title-text {
  color: var(--secondary-variant-4);
}
.document-viewer-wrapper .doc-view-sidebar .additional-actions-wrap .additional-action.doc-viewer-income-tax-act .title-wrap .lexicon-icon-etds-income-tax-act-2025 {
  color: var(--secondary-variant-4);
}
.document-viewer-wrapper .doc-view-sidebar .additional-actions-wrap .additional-action.doc-viewer-income-tax-act .title-wrap .lexicon-icon-etds-accordion-icon {
  display: none;
}
.document-viewer-wrapper .doc-view-sidebar .additional-actions-wrap .additional-action.doc-viewer-income-tax-act .content-popup .recent-opened-items {
  margin-bottom: 1.5rem;
}
.document-viewer-wrapper .doc-view-sidebar .additional-actions-wrap .additional-action.doc-viewer-income-tax-act .content-popup .recent-opened-items:last-child {
  margin-bottom: 0;
}
.document-viewer-wrapper .doc-view-section {
  flex-grow: 1;
  position: relative;
  flex: 0 0 calc(100% - 250px);
  max-width: calc(100% - 250px);
}
.document-viewer-wrapper .doc-view-section.collapsed {
  flex: 0 0 calc(100% - 68px);
  max-width: calc(100% - 68px);
}
.document-viewer-wrapper .doc-view-section .doc-view-toolbar {
  background-color: var(--primary-100);
  height: 50px;
  position: relative;
  padding: 0.25rem 1rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  justify-content: space-between;
}
.document-viewer-wrapper .doc-view-section .doc-view-toolbar .document-title {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
  color: var(--primary);
  max-width: 25vw;
}
.document-viewer-wrapper .doc-view-section .doc-view-toolbar .chapter-section-info {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: var(--primary-variant-6);
}
.document-viewer-wrapper .doc-view-section .doc-view-toolbar .chapter-section-info .chapter-data {
  padding-right: 1rem;
  border-right: 1px solid var(--primary-variant-6);
  min-width: 7rem;
}
.document-viewer-wrapper .doc-view-section .doc-view-toolbar .chapter-section-info .chapter-data p,
.document-viewer-wrapper .doc-view-section .doc-view-toolbar .chapter-section-info .section-data p {
  margin: 0;
}
.document-viewer-wrapper .doc-view-section .doc-view-toolbar .chapter-section-info .chapter-data .chapter-number,
.document-viewer-wrapper .doc-view-section .doc-view-toolbar .chapter-section-info .chapter-data .section-number,
.document-viewer-wrapper .doc-view-section .doc-view-toolbar .chapter-section-info .section-data .chapter-number,
.document-viewer-wrapper .doc-view-section .doc-view-toolbar .chapter-section-info .section-data .section-number {
  font-size: var(--sub-heading-1-font-size);
  font-weight: 500;
  line-height: 1.25;
}
.document-viewer-wrapper .doc-view-section .doc-view-toolbar .chapter-section-info .chapter-data .chapter-title,
.document-viewer-wrapper .doc-view-section .doc-view-toolbar .chapter-section-info .chapter-data .section-title,
.document-viewer-wrapper .doc-view-section .doc-view-toolbar .chapter-section-info .section-data .chapter-title,
.document-viewer-wrapper .doc-view-section .doc-view-toolbar .chapter-section-info .section-data .section-title {
  font-size: var(--sub-heading-3-font-size);
  font-weight: 500;
}
.document-viewer-wrapper .doc-view-section .doc-view-toolbar .actions-wrap {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  flex-shrink: 0;
}
.document-viewer-wrapper .doc-view-section .doc-view-toolbar .actions-wrap .btn-parallel-reading {
  background: var(--primary);
  color: var(--primary-variant-6);
  padding: 0 1rem;
  gap: 0.25rem;
  display: flex;
  align-items: center;
  height: 2.25rem;
}
.document-viewer-wrapper .doc-view-section .doc-view-toolbar .actions-wrap .btn-parallel-reading svg {
  font-size: 1.25rem;
}
@media (max-width: 575px) {
  .document-viewer-wrapper .doc-view-section .doc-view-toolbar .actions-wrap .btn-parallel-reading .btn-text {
    display: none;
  }
}
.document-viewer-wrapper .doc-view-section .doc-view-toolbar .actions-wrap .btn-open-in-new-tab svg {
  font-size: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
}
.document-viewer-wrapper .doc-view-section .doc-view-toolbar .actions-wrap .action-group {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.document-viewer-wrapper .doc-view-section .doc-view-toolbar .actions-wrap .action-group button svg {
  color: var(--secondary-100);
}
.document-viewer-wrapper .doc-view-section .doc-view-toolbar .actions-wrap .action-group button.btn-download-act svg {
  width: 1.25rem;
  height: 1.25rem;
}
.document-viewer-wrapper .doc-view-section .doc-view-toolbar .actions-wrap .action-group button.btn-open-in-new-tab svg {
  width: 1.5rem;
  height: 1.5rem;
}
.document-viewer-wrapper .doc-view-section .doc-view-content-area {
  position: relative;
}
.document-viewer-wrapper .doc-view-section .doc-view-content-area .close-doc-view-modal {
  position: absolute;
  top: 0.5rem;
  right: 0.75rem;
  padding: 0.375rem;
  border-radius: 0.25rem;
  background-color: var(--neutral-900-blueish);
}
.document-viewer-wrapper .doc-view-section .doc-view-content-area .close-doc-view-modal svg {
  font-size: 1.25rem;
  color: var(--primary-variant-6);
}
.document-viewer-wrapper .doc-view-section .doc-view-content-area .doc-view-tabs {
  padding: 0.25rem 3rem 0.25rem 0.25rem;
  background-color: var(--dark-background);
  border: 0;
  gap: 6px;
}
.document-viewer-wrapper .doc-view-section .doc-view-content-area .doc-view-tabs .nav-item {
  padding: 0.625rem 1.5rem;
  border-right-color: var(--neutral-800);
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
  color: var(--dark-variant-3);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0;
  max-width: 100%;
}
.document-viewer-wrapper .doc-view-section .doc-view-content-area .doc-view-tabs .nav-item:focus-visible {
  box-shadow: unset;
  border-radius: 0.25rem;
  outline: 0.125rem solid var(--primary-variant-9);
}
.document-viewer-wrapper .doc-view-section .doc-view-content-area .doc-view-tabs .nav-item .tab-data-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  max-width: 8rem;
}
.document-viewer-wrapper .doc-view-section .doc-view-content-area .doc-view-tabs .nav-item .tab-close {
  display: none;
}
.document-viewer-wrapper .doc-view-section .doc-view-content-area .doc-view-tabs .nav-item .tab-close svg {
  font-size: 1.25rem;
}
.document-viewer-wrapper .doc-view-section .doc-view-content-area .doc-view-tabs .nav-item.active, .document-viewer-wrapper .doc-view-section .doc-view-content-area .doc-view-tabs .nav-item:active {
  background-color: var(--neutral-900-blueish);
  color: var(--primary-variant-6);
  border-radius: 0.25rem;
  border-color: transparent;
}
.document-viewer-wrapper .doc-view-section .doc-view-content-area .doc-view-tabs .nav-item.active:before, .document-viewer-wrapper .doc-view-section .doc-view-content-area .doc-view-tabs .nav-item:active:before {
  content: "";
  background: var(--dark-background);
  height: calc(100% + 2px);
  width: 1px;
  position: absolute;
  left: -2px;
}
.document-viewer-wrapper .doc-view-section .doc-view-content-area .doc-view-tabs .nav-item.active .tab-close, .document-viewer-wrapper .doc-view-section .doc-view-content-area .doc-view-tabs .nav-item:active .tab-close {
  display: block;
  color: var(--primary-variant-6);
}
.document-viewer-wrapper .doc-view-section .doc-view-content-area .doc-view-tabs a:focus-visible {
  margin: 0.25rem 0.5rem;
  outline-offset: 0.125rem;
}
.document-viewer-wrapper .doc-view-section .doc-view-content-area .tab-content .tab-pane {
  padding: 0;
}
.document-viewer-wrapper .doc-view-section .doc-view-content-area .doc-view-content-main {
  position: relative;
  background-color: var(--primary-variant-6);
  height: calc(100vh - 156px);
  overflow: auto;
  padding: 0.5rem 1rem;
}
.document-viewer-wrapper .doc-view-section .doc-view-content-area .doc-view-content-main * {
  max-width: 100%;
  font-family: "Times New Roman" !important;
}
.document-viewer-wrapper .doc-view-section .doc-view-content-area .doc-view-content-main [style="font-family: Symbol"] {
  font-family: "Symbol" !important;
}
.document-viewer-wrapper .doc-view-section .doc-view-content-area .doc-view-content-main font[face="Courier New"],
.document-viewer-wrapper .doc-view-section .doc-view-content-area .doc-view-content-main font[face="Courier New"] * {
  font-family: "Courier New" !important;
}
.document-viewer-wrapper .doc-view-section .doc-view-content-area .doc-view-content-main font[face=Verdana],
.document-viewer-wrapper .doc-view-section .doc-view-content-area .doc-view-content-main font[face=Verdana] * {
  font-family: "Verdana" !important;
}
.document-viewer-wrapper .doc-view-section .doc-view-content-area .doc-view-content-main sup a:focus-visible {
  margin: 0.25rem;
  padding: 0.125rem;
}
.document-viewer-wrapper .etds-check-box {
  display: flex;
  align-items: center;
  justify-items: center;
  color: var(--primary-variant-6);
  font-weight: 400;
}
.document-viewer-wrapper .custom-highlights {
  display: flex;
  gap: 1rem;
  padding-left: 0;
}
.document-viewer-wrapper .custom-highlights .legend-item {
  padding: 0rem 0.5rem 0rem 0.5rem;
  border-radius: 1.625rem;
}
.document-viewer-wrapper .custom-highlights .legend-red {
  background-color: var(--legend-red) !important;
}
.document-viewer-wrapper .custom-highlights .legend-green {
  background-color: var(--legend-green) !important;
}

.footnote-section {
  position: absolute;
  bottom: 0;
  right: 0.25rem;
  left: 0;
  background-color: var(--primary-stroke-10);
  padding: 0.75rem;
}
.footnote-section .footnote-actions {
  position: absolute;
  top: 9px;
  right: 11px;
  display: flex;
  gap: 1rem;
  align-items: center;
}
.footnote-section .footnote-actions .btn {
  font-size: var(--button-font-size);
  font-weight: 500;
  color: var(--primary);
}
.footnote-section .footnote-actions .print-footnote .btn-text {
  margin-right: 0.25rem;
}
.footnote-section .footnote-actions .print-footnote svg {
  width: 20px;
  height: 20px;
}
.footnote-section .footnote-actions .close-footnote {
  border: 1px solid var(--primary);
  color: var(--primary);
  height: 1.75rem;
  padding: 0 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  background-color: var(--primary-variant-6);
}
.footnote-section .footnote-actions .close-footnote svg {
  font-size: 1.25rem;
}
.footnote-section .footnote-heading {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 700;
  color: var(--primary-900);
  margin-bottom: 0.625rem;
}
.footnote-section .footnote-content {
  font-family: "Times New Roman" !important;
  color: var(--primary-900);
  max-height: 8rem;
  overflow: auto;
  margin-right: -1rem;
  padding-right: 1rem;
  font-family: "Times New Roman" !important;
  /* p {
  	margin: 0;
  	margin-left: 1.5rem;
  } */
}
.footnote-section .footnote-content * {
  font-family: "Times New Roman" !important;
}
.footnote-section .footnote-content [style="font-family: Symbol"] {
  font-family: "Symbol" !important;
}
.footnote-section .footnote-content font[face="Courier New"],
.footnote-section .footnote-content font[face="Courier New"] * {
  font-family: "Courier New" !important;
}
.footnote-section .footnote-content font[face=Verdana],
.footnote-section .footnote-content font[face=Verdana] * {
  font-family: "Verdana" !important;
}
.footnote-section a:focus-visible {
  outline-offset: 0.125rem;
  margin: 0.25rem;
  padding: 0.25rem;
}

.right-content .footnote-section {
  right: 0;
}

/* Parallel Reading - Show Changes CSS */
.document-viewer-wrapper .doc-view-content-area .show-changes-wrap {
  display: flex;
  background-color: var(--primary-variant-5);
  border: 1px solid var(--primary-stroke-30);
  border-radius: 0.25rem;
  margin-left: 0.75rem;
  color: var(--primary);
  padding: 2px 0.75rem;
  gap: 0.5rem;
  align-self: center;
}
.document-viewer-wrapper .doc-view-content-area .show-changes-wrap input[type=checkbox] {
  width: 1.125rem;
  height: 1.125rem;
  margin: 0;
}
.document-viewer-wrapper .doc-view-content-area .show-changes-wrap input[type=checkbox]:checked {
  background-color: var(--secondary-variant-4);
  border-color: var(--secondary-variant-4);
}
.document-viewer-wrapper .doc-view-content-area .show-changes-wrap .label-text {
  font-size: var(--sub-heading-3-font-size);
  font-weight: 500;
  color: var(--primary);
}
.document-viewer-wrapper .doc-view-content-area .show-changes-wrap svg {
  font-size: 1.125rem;
}
.document-viewer-wrapper .doc-view-content-area .taglib-diff-html div.diff-removed-image {
  background: #fdc6c6 url(../images/diff/minus.png);
}
.document-viewer-wrapper .doc-view-content-area .taglib-diff-html div.diff-added-image {
  background: #cfc url(../images/diff/plus.png) no-repeat;
}
.document-viewer-wrapper .doc-view-content-area .taglib-diff-html div.diff-removed-image,
.document-viewer-wrapper .doc-view-content-area .taglib-diff-html div.diff-added-image {
  height: 300px;
  margin: 2px;
  opacity: 0.55;
  position: absolute;
  width: 200px;
}
.document-viewer-wrapper .doc-view-content-area .taglib-diff-html span.diff-html-added img {
  border: 2px solid #cfc;
}
.document-viewer-wrapper .doc-view-content-area .taglib-diff-html span.diff-html-changed {
  background: url(../images/diff/underline.png) bottom repeat-x;
}
.document-viewer-wrapper .doc-view-content-area .taglib-diff-html span.diff-html-changed img {
  border: 2px dotted #009;
}
.document-viewer-wrapper .doc-view-content-area .taglib-diff-html span.diff-html-removed img {
  border: 2px solid #fdc6c6;
}
.document-viewer-wrapper .doc-view-content-area .taglib-diff-html .diff-html-changed {
  background-image: none;
  border-bottom: 2px dotted #009ae5;
}

div#viewer-0 .taglib-diff-html span.diff-html-added {
  display: none;
}
div#viewer-0 .taglib-diff-html span.diff-html-removed {
  background-color: #fdc6c6;
  font-size: 1em;
  text-decoration: none;
}

div#viewer-1 .taglib-diff-html span.diff-html-added {
  background-color: #cfc;
  font-size: 1em;
}
div#viewer-1 .taglib-diff-html span.diff-html-removed {
  display: none;
}

/* Parallel Reading - Show Changes CSS */
/* Show Changes - Single Viewer CSS - START*/
.content-comparision-view .taglib-diff-html span.diff-html-added {
  background-color: #cfc;
  font-size: 1em;
}
.content-comparision-view .taglib-diff-html span.diff-html-removed {
  background-color: #fdc6c6;
  font-size: 1em;
  text-decoration: none;
}
.content-comparision-view .taglib-diff-html span.diff-html-changed {
  background-image: none;
  border-bottom: none !important;
}

.content-comparision-reversed-view .taglib-diff-html span.diff-html-added {
  background-color: #fdc6c6;
  font-size: 1em;
}
.content-comparision-reversed-view .taglib-diff-html span.diff-html-removed {
  background-color: #cfc;
  font-size: 1em;
  text-decoration: none;
}
.content-comparision-reversed-view .taglib-diff-html span.diff-html-changed {
  background-image: none;
  border-bottom: none !important;
}

/* Show Changes - Single Viewer CSS - END*/
/* Document Viewer Common Style */
.doc-view-content-main {
  font-family: "Times New Roman" !important;
  /* OLD style for ACTS === START*/
  /* OLD style for ACTS === START*/
}
.doc-view-content-main.print-with-footnote div.footprint,
.doc-view-content-main.print-with-footnote p.style11 {
  display: block !important;
}
.doc-view-content-main div.footprint,
.doc-view-content-main p.style11 {
  display: none;
}
.doc-view-content-main .tx {
  margin-top: -1pt;
  margin-bottom: 4pt;
  text-align: justify;
  font-size: 12pt;
}
.doc-view-content-main .indent1 {
  display: block;
  margin-left: 10mm;
  margin-bottom: 4pt;
  text-indent: -7mm;
  margin-top: -1pt;
  text-align: justify;
  font-size: 12pt;
}
.doc-view-content-main .indent1A {
  display: block;
  margin-left: 14mm;
  margin-bottom: 4pt;
  text-indent: -7mm;
  margin-top: -1pt;
  text-align: justify;
  font-size: 12pt;
}
.doc-view-content-main .indent2 {
  display: block;
  margin-left: 22mm;
  margin-bottom: 4pt;
  text-indent: -8mm;
  margin-top: -1pt;
  text-align: justify;
  font-size: 12pt;
}
.doc-view-content-main .indent2A {
  display: block;
  margin-left: 24mm;
  margin-bottom: 4pt;
  text-indent: -7mm;
  margin-top: -1pt;
  text-align: justify;
  font-size: 12pt;
}
.doc-view-content-main .indent3 {
  display: block;
  margin-left: 32mm;
  margin-bottom: 4pt;
  text-indent: -7mm;
  margin-top: -1pt;
  text-align: justify;
  font-size: 12pt;
}
.doc-view-content-main .indent4 {
  display: block;
  margin-left: 40mm;
  margin-bottom: 4pt;
  text-indent: -7mm;
  margin-top: -1pt;
  text-align: justify;
  font-size: 12pt;
}
.doc-view-content-main .indent5 {
  display: block;
  margin-left: 48mm;
  margin-bottom: 4pt;
  text-indent: -7mm;
  margin-top: -1pt;
  text-align: justify;
  font-size: 12pt;
}
.doc-view-content-main .indent6 {
  display: block;
  margin-left: 56mm;
  margin-bottom: 4pt;
  text-indent: -7mm;
  margin-top: -1pt;
  text-align: justify;
  font-size: 12pt;
}
.doc-view-content-main .indent3A {
  display: block;
  margin-left: 34mm;
  margin-bottom: 4pt;
  text-indent: -8mm;
  margin-top: -1pt;
  text-align: justify;
  font-size: 12pt;
}
.doc-view-content-main .dgthreedigest {
  display: block;
  text-indent: 0em;
  margin-top: 0em;
  margin-left: 0mm;
  margin-right: 0mm;
  margin-bottom: 0.5em;
  font-size: 12pt;
  font-weight: bold;
  font-family: "Arial";
  text-align: justify;
}
.doc-view-content-main .dgbullettext {
  display: block;
  text-indent: 0em;
  margin-top: 0em;
  margin-left: 0mm;
  margin-right: 0mm;
  margin-bottom: 0.5em;
  font-size: 12pt;
  font-family: "Arial";
  text-align: justify;
}
.doc-view-content-main .threedigest {
  display: block;
  text-indent: 0em;
  margin-top: 0em;
  margin-left: 8mm;
  margin-right: 8mm;
  margin-bottom: 0.5em;
  font-size: 12pt;
  font-weight: bold;
  font-family: "Arial";
  text-align: justify;
}
.doc-view-content-main .bullettext {
  display: block;
  text-indent: 0em;
  margin-top: 0em;
  margin-left: 8mm;
  margin-right: 8mm;
  margin-bottom: 0.5em;
  font-size: 12pt;
  font-family: "Arial";
  text-align: justify;
}
.doc-view-content-main .centerbox {
  display: block;
  margin-top: 12pt;
  margin-bottom: 12pt;
  text-align: center;
  text-indent: 0em;
  color: #e4e4e4;
}
.doc-view-content-main .citiation {
  display: block;
  text-indent: 0em;
  margin-top: 0em;
  margin-bottom: 4pt;
  font-size: 12pt;
  font-weight: bold;
  font-family: "Arial";
  text-align: center;
}
.doc-view-content-main .court {
  display: block;
  text-indent: 0em;
  margin-top: 0em;
  margin-bottom: 0.5em;
  font-size: 12pt;
  font-weight: bold;
  font-family: "Arial";
  text-transform: uppercase;
  text-align: center;
}
.doc-view-content-main .party {
  display: block;
  text-indent: 0em;
  margin-top: 0em;
  margin-bottom: 0.5em;
  font-size: 12pt;
  font-weight: bold;
  font-family: "Arial";
  text-align: center;
}
.doc-view-content-main .verse {
  display: block;
  text-indent: 0em;
  margin-top: 0em;
  margin-bottom: 0.5em;
  font-size: 12pt;
  font-weight: bold;
  font-family: "Arial";
  text-align: center;
  font-style: italic;
}
.doc-view-content-main .member {
  display: block;
  text-indent: 0em;
  margin-top: 0em;
  margin-bottom: 0em;
  font-size: 12pt;
  font-family: "Arial";
  text-align: center;
  text-transform: uppercase;
}
.doc-view-content-main .hnnote {
  display: block;
  text-indent: 0em;
  margin-top: 18pt;
  margin-bottom: 0.5em;
  font-size: 12pt;
  font-weight: bold;
  font-family: "Arial";
  text-align: justify;
}
.doc-view-content-main .h1 {
  display: block;
  text-indent: 0em;
  margin-top: 4pt;
  margin-bottom: 0em;
  font-size: 12pt;
  font-weight: bold;
  text-align: left;
}
.doc-view-content-main hr {
  margin-top: -1pt;
}
.doc-view-content-main .rightbox {
  display: block;
  margin-top: 12pt;
  margin-bottom: 12pt;
  text-align: right;
  text-indent: 0em;
}
.doc-view-content-main .leftstar {
  display: block;
  margin-left: 8mm;
  margin-bottom: 4pt;
  text-indent: 0em;
  font-size: 12pt;
}
.doc-view-content-main .quote {
  display: block;
  margin-left: 8mm;
  margin-bottom: 4pt;
  text-indent: 0em;
  margin-top: -1pt;
  text-align: justify;
  font-size: 12pt;
}
.doc-view-content-main .stathead1 {
  display: block;
  margin-top: 0pt;
  margin-bottom: 0pt;
  text-align: center;
  text-indent: 0em;
  font-size: 12pt;
  font-family: "Arial";
  font-weight: bold;
  text-transform: uppercase;
}
.doc-view-content-main .stathead2 {
  display: block;
  margin-top: 6pt;
  margin-bottom: 6pt;
  text-align: center;
  text-indent: 0em;
  font-size: 10pt;
  font-family: "Arial";
  font-weight: bold;
  text-transform: uppercase;
}
.doc-view-content-main .arthead1 {
  display: block;
  text-indent: 0em;
  margin-top: 6pt;
  margin-bottom: 6pt;
  font-size: 14pt;
  font-family: "Arial";
  text-align: center;
  font-weight: bold;
}
.doc-view-content-main .arthead2 {
  display: block;
  text-indent: 0em;
  margin-top: 0em;
  margin-bottom: 6pt;
  font-size: 12pt;
  font-family: "Arial";
  text-align: center;
  font-weight: bold;
}
.doc-view-content-main .artrighttext {
  display: block;
  text-indent: 0em;
  margin-top: 0em;
  margin-bottom: 0em;
  font-size: 10pt;
  text-align: right;
  text-transform: uppercase;
  font-weight: bold;
}
.doc-view-content-main .artrighttext1 {
  display: block;
  text-indent: 0em;
  margin-top: 0em;
  margin-bottom: 6pt;
  font-size: 10pt;
  text-align: right;
}
.doc-view-content-main .artcircle {
  display: block;
  margin-top: 6pt;
  margin-bottom: 0pt;
  text-align: right;
  text-indent: 0em;
  font-size: 20pt;
}
.doc-view-content-main .large {
  display: inline;
  text-indent: 0em;
  font-size: 16pt;
}
.doc-view-content-main .allborder table {
  border: 1px solid var(--neutral-1200);
}
.doc-view-content-main .allborder td {
  border: 1px solid var(--neutral-1200);
}
.doc-view-content-main .allborder {
  margin-top: -1pt;
  margin-bottom: 4pt;
  text-align: justify;
  font-size: 12pt;
  border-collapse: collapse;
  width: 100%;
}
.doc-view-content-main .allborder1 {
  border: 1px solid var(--neutral-1200);
  margin-top: -1pt;
  margin-bottom: 4pt;
  text-align: justify;
  font-size: 12pt;
  border-collapse: collapse;
}
.doc-view-content-main .topbotrule {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
.doc-view-content-main .toprule {
  border-top: 1px solid black;
}
.doc-view-content-main .botrule {
  border-bottom: 1px solid black;
}
.doc-view-content-main .leftrule {
  border-left: 1px solid black;
}
.doc-view-content-main .rightrule {
  border-right: 1px solid black;
}
.doc-view-content-main .leftrightrule {
  border-left: 1px solid black;
  border-right: 1px solid black;
}
.doc-view-content-main .toprightrule {
  border-top: 1px solid black;
  border-right: 1px solid black;
}
.doc-view-content-main .topleftrule {
  border-top: 1px solid black;
  border-left: 1px solid black;
}
.doc-view-content-main .topleftrightrule {
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
}
.doc-view-content-main .botrightrule {
  border-bottom: 1px solid black;
  border-right: 1px solid black;
}
.doc-view-content-main .botleftrule {
  border-bottom: 1px solid black;
  border-left: 1px solid black;
}
.doc-view-content-main .botrightlefttrule {
  border-bottom: 1px solid black;
  border-right: 1px solid black;
  border-left: 1px solid black;
}
.doc-view-content-main .viewerFooter {
  width: 100%;
  text-align: center;
  color: red;
  float: left;
  font-size: 11px;
}
.doc-view-content-main a {
  color: var(--secondary);
}
.doc-view-content-main a:focus-visible {
  text-indent: 0;
}
.doc-view-content-main a:focus-visible,
.doc-view-content-main a b:focus-visible {
  text-decoration: underline;
  padding: 0 0.25rem;
}
.doc-view-content-main * {
  max-width: 100%;
  font-family: "Times New Roman" !important;
}
.doc-view-content-main [style="font-family: Symbol"] {
  font-family: "Symbol" !important;
}
.doc-view-content-main font[face="Courier New"],
.doc-view-content-main font[face="Courier New"] * {
  font-family: "Courier New" !important;
}
.doc-view-content-main font[face=Verdana],
.doc-view-content-main font[face=Verdana] * {
  font-family: "Verdana" !important;
}
.doc-view-content-main small,
.doc-view-content-main .small {
  font-weight: inherit;
  font-size: smaller;
}

@media (max-width: 1279.98px) {
  .document-viewer-modal .modal-dialog {
    max-width: calc(100% - 3rem);
  }
  .document-viewer-wrapper.parallel-reading .doc-view-section .doc-view-content-area .parallel-viewer-content-container .sectionContentViewer-left-section {
    background-color: var(--secondary-100);
  }
  .document-viewer-wrapper.parallel-reading .doc-view-section .doc-view-content-area .parallel-viewer-content-container .sectionContentViewer-right-section {
    background-color: #dbc1fc;
  }
  .document-viewer-wrapper.parallel-reading .doc-view-section .doc-view-content-area .parallel-viewer-content-container .sectionContentViewer .content-viewer-header .selected-chapter-section-info {
    display: flex;
    align-items: center;
    gap: 1rem;
    color: var(--primary-variant-6);
    max-width: 21.5rem;
  }
  .document-viewer-wrapper.parallel-reading .doc-view-section .doc-view-content-area .parallel-viewer-content-container .sectionContentViewer .content-viewer-header .section-data {
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
  }
}
@media (max-width: 991.98px) {
  .document-viewer-wrapper .doc-view-section .doc-view-toolbar .document-title {
    max-width: 10rem;
  }
  .document-viewer-wrapper .doc-view-section .doc-view-content-area .doc-view-content-main {
    height: calc(100vh - 50px);
  }
}
@media (max-width: 767.98px) {
  .document-viewer-modal .modal-dialog {
    max-width: calc(100% - 2rem);
  }
  .footnote-section .footnote-actions .close-footnote {
    padding: 0 0.25rem;
  }
  .footnote-section .footnote-actions .close-footnote .btn-text {
    display: none;
  }
  .document-viewer-wrapper .doc-view-section .doc-view-content-area .doc-view-tabs .nav-item {
    border: none;
  }
}
.document-viewer-wrapper .doc-view-section .doc-view-content-area .doc-view-content-main a.view-more-component:focus-visible,
.document-viewer-wrapper .doc-view-section .doc-view-content-area .doc-view-content-main a.view-full-year:focus-visible {
  padding: 0 1.5rem 0 0;
}

.modal-backdrop.show {
  opacity: 0.6;
}

.modal-wrapper .modal-dialog {
  max-width: 408px !important;
}
.modal-wrapper .modal-body {
  padding: 24px 24px 8px;
}
.modal-wrapper .modal-content .modal-heading {
  color: var(--primary);
}
.modal-wrapper .modal-content h6 {
  font-weight: 700;
  font-size: 14px;
  color: var(--primary-variant-7);
}
.modal-wrapper .modal-content p {
  font-weight: 400;
  font-size: 12px;
  color: var(--primary-variant-7);
}
.modal-wrapper .modal-content a {
  color: var(--secondary);
  font-weight: 400;
  font-size: 14px;
  padding: 0 4px;
}
.modal-wrapper .modal-content .flex-gap {
  gap: 4px;
}
.modal-wrapper .link-section a {
  line-height: 0%;
  word-break: break-all;
}
.modal-wrapper .modal-footer-section {
  padding: 12px 24px 16px 24px;
  background: var(--secondary-variant-3);
}
.modal-wrapper .modal-footer-section button {
  border: 1px solid var(--primary);
  border-radius: 4px;
  font-weight: 500;
  font-size: 14px;
  color: var(--primary);
}

.modal-social-media .social-icons {
  margin-bottom: 1.25rem;
  justify-content: space-between;
}
.modal-social-media .social-icon {
  border: 0.063rem solid var(--secondary-bg-30);
  border-radius: 0.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-social-media .social-icon svg {
  font-size: x-large;
  fill: var(--secondary);
}
.modal-social-media .social-icon a {
  padding: 0.438rem;
}
.modal-social-media .social-icon a:focus-visible {
  border-radius: unset;
  outline-offset: 0.125rem;
}
.modal-social-media .you-tube.social-icon {
  padding-bottom: 0rem;
}
.modal-social-media .link-section {
  border: 0.063rem solid var(--dark-variant-5);
  border-radius: 0.25rem;
  padding: 0.75rem;
}
.modal-social-media .link-section .title {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
}
.modal-social-media .heading-line {
  margin-top: 0.75rem;
  margin-bottom: 1.25rem;
}
.modal-social-media .modal-body {
  padding: 1.5rem 1.5rem 1.5rem;
}
.modal-social-media .title {
  margin-bottom: 0.75rem;
}
.modal-social-media .url {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 700;
  color: var(--secondary);
  margin-bottom: 0px;
  border-right: 0.031rem solid var(--dark-variant-5);
  padding-right: 0.75rem;
  margin-right: 0.75rem;
  word-break: break-all;
}
.modal-social-media .copy-section {
  display: flex;
  align-items: center;
}

.overflow-visible-modal .modal-content,
.overflow-visible-modal .modal-body {
  overflow: visible;
}

.disclaimer-modal .modal-msg {
  margin-bottom: 1.5rem;
  padding: 1.5rem;
  background-color: var(--primary-variant-5) !important;
  border-radius: 0.5rem;
}
.disclaimer-modal .modal-body {
  padding-bottom: 0;
}
.disclaimer-modal .modal-footer-section-mobile {
  padding: 0.75rem 1.5rem 1rem 1.5rem;
  background-color: var(--primary-variant-5) !important;
}

.dropdown-container {
  position: relative;
}
.dropdown-container.disabled {
  pointer-events: none;
  color: var(--dark-variant-2);
}
.dropdown-container.disabled .selected-item {
  border-color: var(--dark-variant-5);
  background-color: var(--neutral-stroke-10);
}
.dropdown-container .down-arrow-icon {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  font-size: 1.25rem;
  transform: translateY(-50%);
  color: var(--neutral-800);
  transition: all 0.5s;
}
.dropdown-container .down-arrow-icon.open {
  transform: translateY(-50%) rotate(180deg);
}
.dropdown-container .selected-item {
  height: calc(2.25rem + 1px);
  border-radius: 0.25rem;
  border: 1px solid var(--dark-variant-4);
  padding: 0.5rem 2.5rem 0.5rem 0.75rem;
  font-size: var(--body-font-2-size);
  font-weight: 400;
  user-select: none;
}
.dropdown-container .selected-item:focus {
  background-color: transparent;
  border-color: var(--primary);
  box-shadow: none;
  color: var(--input-focus-color, var(--neutral-7));
  outline: 0;
}
.dropdown-container .selected-item.placeholder {
  font-size: var(--body-font-2-size);
  color: var(--dark-variant-2);
}
.dropdown-container .selected-item:focus-visible, .dropdown-container .selected-item.open {
  box-shadow: unset;
  border-radius: 0.25rem;
  outline: 0.125rem solid var(--primary-variant-9);
}
.dropdown-container .dropdown-content {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  border: 1px solid var(--neutral-light);
  border-radius: 0.25rem;
  background-color: var(--primary-variant-6);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  margin-top: 0.5rem;
  padding: 0.25rem 0;
}
.dropdown-container .search-input {
  width: 100%;
  padding: 0.5rem 0.75rem;
  box-sizing: border-box;
  border: none;
  border-bottom: 1px solid #eee;
  outline: none;
  font-size: var(--body-font-2-size);
  font-weight: 400;
}
.dropdown-container .items-list {
  max-height: 300px;
  overflow-y: auto;
}
.dropdown-container .item {
  padding: 0.75rem 0.75rem 0.75rem 1rem;
  font-size: var(--body-font-2-size);
  font-weight: 400;
  cursor: pointer;
}
.dropdown-container .item.selected, .dropdown-container .item.active.selected {
  background-color: var(--secondary);
  color: var(--primary-variant-6);
}
.dropdown-container .item.active, .dropdown-container .item:hover, .dropdown-container .item.hover {
  background-color: var(--secondary-variant-3);
  color: var(--primary-variant-7);
}
.dropdown-container .item.active {
  outline: 0.125rem solid var(--primary-variant-9);
  outline-offset: -0.125rem;
}
.dropdown-container .loading,
.dropdown-container .no-items,
.dropdown-container .no-more-items {
  padding: 0.75rem 0.75rem 0.75rem 1rem;
  text-align: center;
  color: var(--secondary);
  font-style: italic;
}

.scene {
  display: inline-block;
  width: 100%;
  height: 191px;
  perspective: 600px;
  background-color: transparent;
}
.scene .card-flip {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
  transform-style: preserve-3d;
  transform-origin: center right;
  transition: transform 0.5s;
  background-color: var(--secondary-variant-1);
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.08);
  border-radius: 0.75rem;
}
.scene .card-flip.is-flipped {
  transform: translateX(-100%) rotateY(-180deg);
}
.scene .card-flip img {
  width: min(3rem, 48px);
  height: min(3rem, 48px);
}
.scene .card-flip .title {
  line-height: 30px;
  color: var(--primary);
  letter-spacing: 0.12px;
  text-align: center;
  font-size: min(var(--h4-font-size), 20px);
}
.scene .card-flip button {
  background: unset;
  border: none;
}
.scene .card-flip .flip-btn {
  z-index: 1;
  color: var(--neutral-800);
}
.scene .card__face {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  display: flex;
  align-items: center;
  flex-direction: column;
  cursor: default;
}
.scene .card__face > :last-child {
  align-self: flex-end;
}
.scene .card__face.card__face--front {
  padding: 9px;
  gap: 1.25rem;
  justify-content: flex-end;
}
.scene .card__face.card__face--back {
  padding: 20px 9px 12px 20px;
  justify-content: space-between;
}
.scene .card__face.card__face--back > :first-child {
  align-self: flex-start;
}
.scene .card__face.card__face--back .no-results-wrapper .lexicon-icon,
.scene .card__face.card__face--back .no-results-wrapper .adjust-filter-text {
  display: none;
}
.scene .card__face.card__face--back .no-results-wrapper .no-result-title {
  margin: 0;
  padding: 2rem 0;
}
.scene .card__face--back {
  transform: rotateY(180deg);
}
.scene .content,
.scene .tile-button {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 9px;
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  width: 100%;
  max-height: 118px;
  overflow-y: auto;
  overflow-x: hidden;
}
.scene .content::-webkit-scrollbar,
.scene .tile-button::-webkit-scrollbar {
  width: 0.25rem;
}
.scene .content::-webkit-scrollbar-thumb,
.scene .tile-button::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 0.25rem;
}
.scene .content::-webkit-scrollbar-track,
.scene .tile-button::-webkit-scrollbar-track {
  background-color: transparent;
}
.scene .bottom-link {
  position: absolute;
  bottom: 16px;
  left: 20px;
}
.scene .content-section {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.scene .link-type::after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 0.25rem;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjMzMzMgMTMuMzMzM0gxLjY2NjY3VjEuNjY2NjdINy41VjBIMS42NjY2N0MwLjc0MTY2NyAwIDAgMC43NSAwIDEuNjY2NjdWMTMuMzMzM0MwIDE0LjI1IDAuNzQxNjY3IDE1IDEuNjY2NjcgMTVIMTMuMzMzM0MxNC4yNSAxNSAxNSAxNC4yNSAxNSAxMy4zMzMzVjcuNUgxMy4zMzMzVjEzLjMzMzNaTTkuMTY2NjcgMFYxLjY2NjY3SDEyLjE1ODNMMy45NjY2NyA5Ljg1ODMzTDUuMTQxNjcgMTEuMDMzM0wxMy4zMzMzIDIuODQxNjdWNS44MzMzM0gxNVYwSDkuMTY2NjdaIiBmaWxsPSIjMkEzQThEIi8+Cjwvc3ZnPgo=");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  vertical-align: middle;
}
.scene .bottom-link:focus-visible,
.scene .link-type:focus-visible {
  padding: 0.125rem 0.25rem;
  outline-offset: -0.125rem;
}
.scene a.link-type {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  color: var(--primary);
  text-decoration: none;
}
.scene.other-link .card__face.card__face--back > :first-child {
  width: 100%;
}
.scene.other-link .other-link-type {
  padding-bottom: 0.25rem;
  border-bottom: 1px solid var(--dark-variant-5);
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-right: 1px;
  margin-left: 0;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid var(--dark-variant-5);
  width: 100%;
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  color: var(--primary);
  align-items: center;
  text-decoration: none;
}
.scene.other-link .other-link-type span {
  width: 100%;
}
.scene.other-link .other-link-type:focus-visible {
  outline-offset: -0.25rem;
  padding: 0.25rem 0.5rem;
}
.scene.other-link .content {
  max-height: 118px;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.scene.other-link .content::-webkit-scrollbar {
  width: 0.25rem;
}
.scene.other-link .content::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 0.25rem;
}
.scene.other-link .content::-webkit-scrollbar-track {
  background-color: transparent;
}
.scene.other-link .bottom-link {
  position: absolute;
  bottom: 0px;
  left: 1px;
  width: 100%;
  border-radius: 0 0 0.75rem 0.75rem;
  align-self: flex-start;
  padding: 1rem 0 1rem 0px;
  background: var(--primary-variant-8);
  border-top: 1px solid var(--secondary-bg-30);
}
.scene.other-link .bottom-link .link-type {
  margin-left: 1.25rem;
}
.scene.other-link.home-flip-card .tile-button {
  overflow-y: auto;
  max-height: 7.188rem;
}
.scene.other-link.home-flip-card .tile-button .other-link-type {
  text-align: start;
  display: block;
}
.scene.other-link.home-flip-card .tile-button .other-link-type svg {
  margin-bottom: 0.125rem;
}

.home-section-flip-card .text-left {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tile-button button span {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  text-decoration: none;
  color: var(--primary);
}

.pl-20 {
  padding-left: 1.25rem;
}

.font-weight-medium {
  font-weight: 500;
}

.content-wrapper-outer-border {
  padding: 1rem;
  border: 1px solid var(--dark-variant-5);
  border-radius: 0.25rem;
  background-color: var(--primary-variant-6);
}

.gray-box-wrapper {
  background-color: var(--primary-variant-5);
  padding: 1.5rem;
  border-radius: 0.25rem;
}
@media (max-width: 767.98px) {
  .gray-box-wrapper {
    padding: 1rem;
  }
}

.element-h4 {
  font-size: var(--h4-font-size);
  font-weight: 700;
  color: var(--neutral-1200);
}
@media (max-width: 767.98px) {
  .element-h4 {
    font-size: var(--sub-heading-1-font-size);
    font-weight: 700;
  }
}

.element-p {
  font-size: var(--sub-heading-1-font-size);
  font-weight: 400;
  color: var(--neutral-1200);
  margin-bottom: 1rem;
}
@media (max-width: 767.98px) {
  .element-p {
    font-size: var(--body-font-3-size);
    font-weight: 400;
  }
}

.element-a {
  color: var(--secondary);
  text-decoration: underline;
  word-break: break-all;
}

.element-a-parent-color {
  color: inherit;
}

.element-a-with-icon {
  background: url("../assets/images/etds-open-in-new-tab.svg") no-repeat right center;
  padding-right: 1.5rem;
}

.element-a-with-up-arrow {
  background: url("../assets/images/etds-up-arrow-sm.svg") no-repeat right 4px center;
  padding-right: 1.5rem;
}

.common-list {
  font-size: var(--sub-heading-1-font-size);
  font-weight: 400;
  color: var(--primary-variant-7);
  margin-bottom: 1rem;
  padding-left: 5px;
  list-style-position: inside;
}
@media (max-width: 767.98px) {
  .common-list {
    font-size: var(--body-font-3-size);
    font-weight: 400;
  }
}

.list-small-dots {
  padding-left: 0;
  margin-bottom: 0;
  list-style-position: inside;
  list-style-type: none;
}
.list-small-dots li::before {
  content: "•";
  vertical-align: middle;
  padding: 0 8px;
}

.blue-box-with-number {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  border: 1px solid var(--secondary-bg-30);
  background-color: var(--background-4);
  border-radius: 0.25rem;
  padding: 1rem;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: flex-start;
  min-height: 5rem;
  color: var(--dark-variant-1);
  margin-bottom: 1rem;
}
.blue-box-with-number .box-number {
  font-size: var(--sub-heading-3-font-size);
  font-weight: 700;
  min-width: 1.25rem;
  height: 1.25rem;
  text-align: center;
  line-height: 1rem;
  border-radius: 50%;
  border: 2px solid var(--dark-variant-1);
  color: var(--dark-variant-1);
}
.blue-box-with-number.box-number-align-top {
  align-items: flex-start;
  padding: 0.75rem 1rem;
  min-height: 4.0625rem;
}
@media (max-width: 767.98px) {
  .blue-box-with-number {
    min-height: inherit;
    padding: 0.9375rem 0.875rem;
    margin-bottom: 0.5rem;
  }
  .blue-box-with-number .box-number {
    margin-top: 1px;
    align-self: flex-start;
  }
}

.go-know-more {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  color: var(--primary-variant-7);
}
.go-know-more .go-bold {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
}

.timeline-section {
  position: relative;
  padding-left: 2rem;
  padding-bottom: 0.75rem;
}
.timeline-section::after {
  content: "";
  position: absolute;
  top: 0.3125rem;
  left: -2px;
  width: 1rem;
  height: 1rem;
  background: var(--background-6);
  border: 2px solid var(--background-6);
  border-radius: 50%;
}
.timeline-section:last-child {
  padding-bottom: 0;
}
.timeline-section:last-child::before {
  height: 0.625rem;
}
.timeline-section::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 5px;
  width: 2px;
  height: 100%;
  background-image: repeating-linear-gradient(to bottom, var(--background-6), var(--background-6) 10px, transparent 10px, transparent 20px);
}
.timeline-section .timeline-year {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  padding-bottom: 0.375rem;
}
.timeline-section .timeline-content {
  font-size: var(--sub-heading-3-font-size);
  font-weight: 400;
  background: var(--background-6);
  border-radius: 0.25rem;
  padding: 0.625rem;
}
.timeline-section .timeline-content .timeline-content-list {
  padding-left: 0.625rem;
  margin-bottom: 0;
  list-style-position: inside;
  list-style-type: disc;
}

.page-notification {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  background-color: var(--secondary-variant-3);
  border: 1px solid var(--secondary-300);
  color: var(--secondary);
  border-radius: 0.25rem;
  padding: 0.75rem;
}
.page-notification strong {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 700;
}
.page-notification.page-notification-font-12 {
  font-size: var(--sub-heading-3-font-size);
  font-weight: 400;
}
.page-notification.page-notification-font-12 strong {
  font-size: var(--sub-heading-3-font-size);
  font-weight: 700;
}
.page-notification.page-note .page-notification-title {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 0.5rem;
}
.page-notification.page-note .page-notification-content {
  margin-left: 22px;
}
.page-notification.page-note .page-notification-content p:last-child {
  margin-bottom: 0;
}

.accordion-section {
  border: 1px solid var(--secondary-variant-2);
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.accordion-section .accordion-btn-expColl {
  background-color: var(--secondary-variant-2);
  color: var(--primary-variant-1);
  padding: 1.125rem 1.5rem;
  border-radius: 0.25rem 0.25rem 0 0;
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.accordion-section .accordion-btn-expColl .accordion-title {
  font-size: var(--sub-heading-1-font-size);
  font-weight: 700;
  text-align: left;
}
.accordion-section .accordion-btn-expColl .expand-text {
  display: none;
}
.accordion-section .accordion-btn-expColl span {
  padding-right: 1.5rem;
  position: relative;
  display: inline-block;
}
.accordion-section .accordion-btn-expColl span::after {
  content: "";
  background: url("../assets/images/etds-down-arrow.svg") no-repeat right center;
  position: absolute;
  right: 0;
  top: 0;
  width: 1.25rem;
  height: 1.25rem;
  transition: transform 0.3s ease;
  transform: rotate(180deg);
}
.accordion-section .accordion-btn-expColl.collapsed {
  color: var(--primary-variant-1);
  border-radius: 0.25rem;
}
.accordion-section .accordion-btn-expColl.collapsed .expand-text {
  display: inline-block;
}
.accordion-section .accordion-btn-expColl.collapsed .collapse-text {
  display: none;
}
.accordion-section .accordion-btn-expColl.collapsed span::after {
  transform: rotate(0deg);
  top: -0.1875rem;
}
.accordion-section .accordion-body {
  padding: 1.5rem;
}
.accordion-section .rounded-table-no-space {
  background-color: var(--secondary-variant-2);
  padding: 0 !important;
}
.accordion-section .rounded-table-no-space .rounded-table {
  border-color: var(--dark-variant-5);
}

.rounded-table {
  border: 1px solid #909296;
  border-radius: 0.25rem;
  margin-bottom: 0;
}
.rounded-table .etds-table-striped {
  background: var(--primary-variant-6);
  border-collapse: collapse;
  border-radius: 0.25rem;
  overflow: hidden;
  width: 100%;
  margin: 0;
}
.rounded-table .etds-table-striped td,
.rounded-table .etds-table-striped th {
  vertical-align: middle;
  color: var(--primary-variant-7);
  border: 0;
  height: auto;
}
.rounded-table .etds-table-striped thead th {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 700;
  padding: 0.75rem 1rem;
  background: var(--primary-variant-4);
}
.rounded-table .etds-table-striped tbody tr td {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  padding: 0.5625rem 1rem;
}
.rounded-table .etds-table-striped tbody tr td a {
  color: var(--secondary);
  text-decoration: underline;
}
.rounded-table .etds-table-striped tbody tr td strong {
  font-weight: 700;
}
.rounded-table .etds-table-striped tbody tr:nth-of-type(even) td {
  background: var(--primary-variant-5);
}
.rounded-table .etds-table-striped tbody tr:nth-child(odd) td {
  background-color: var(--primary-variant-6);
}
.rounded-table .table-thead-title {
  border-bottom: 4px solid var(--primary-variant-6);
}
.rounded-table .table-thead-title th {
  background-color: var(--secondary-variant-3) !important;
  color: var(--primary-variant-1);
  padding: 0.5rem 1.5rem !important;
}
.rounded-table tbody + thead > .table-thead-title {
  border-top: 4px solid var(--primary-variant-6);
}

.percent-blue-box {
  padding: 1rem 0.75rem;
  border: 1px solid #0675e2;
  background-color: #f9faff;
  border-radius: 0.25rem;
}

.percent-blue-box-title {
  font-size: var(--sub-heading-1-font-size);
  font-weight: 700;
  color: var(--primary);
  margin-bottom: 1.125rem;
}

.blue-box-title-with-pdf-icon {
  font-size: var(--sub-heading-1-font-size);
  font-weight: 700;
  padding: 1.125rem 3rem 1.125rem 1.5rem;
  background: var(--primary-variant-6) url("../assets/images/etds-pdf-icon.svg") no-repeat right 1.5rem center;
  color: var(--primary);
  border: 1px solid var(--secondary-bg-30);
  border-radius: 0.25rem;
  margin-bottom: 1rem;
  display: block;
  word-break: break-word;
}
.blue-box-title-with-pdf-icon:last-child {
  margin-bottom: 0;
}

.blue-box-title-with-pdf-icon:hover {
  text-decoration: none;
  color: var(--primary);
}

.blue-box-title-with-pdf-icon:focus-visible {
  display: block;
}

.pro-tip-box {
  border: 1px solid var(--secondary-300);
  padding: 0.75rem;
  border-radius: 0.25rem;
  background-color: var(--secondary-variant-3);
  display: flex;
  gap: 0.5rem;
  color: var(--secondary);
}
.pro-tip-box svg {
  flex-shrink: 0;
  font-size: 1.25rem;
}

.anchor-link-with-left-icon {
  padding-left: 1.5rem;
  background: url("../assets/images/etds-open-in-new-tab.svg") no-repeat left center;
  color: var(--secondary);
}
.anchor-link-with-left-icon:hover {
  color: var(--secondary);
}

.anchor-link-with-right-icon {
  padding-right: 1.5rem;
  background: url("../assets/images/etds-open-in-new-tab.svg") no-repeat right center;
  color: var(--secondary);
}
.anchor-link-with-right-icon:hover {
  color: var(--secondary);
}

.crs-section .crs-container {
  background-color: var(--primary-variant-5);
}
.crs-section .crs-container .crs-title {
  color: var(--neutral-1200);
  margin-bottom: 1.5rem;
}
.crs-section .crs-container .crs-description {
  font-size: var(--sub-heading-1-font-size);
  font-weight: 500;
  color: var(--neutral-1200);
}
.crs-section .crs-container .crs-link {
  font-size: var(--sub-heading-1-font-size);
  font-weight: 400;
  color: var(--secondary);
  text-decoration: underline;
}
.crs-section .crs-container .crs-subtext {
  font-size: var(--sub-heading-1-font-size);
  font-weight: 500;
}

.crs-link-block {
  color: var(--primary);
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
  text-transform: capitalize;
  margin-left: 0.75rem;
}

.guidance-section {
  border: 2px solid var(--primary-variant-8);
  border-radius: 4px;
  background-color: #f9faff;
}
.guidance-section .section-title {
  color: var(--primary);
  padding-left: 0.75rem;
}
.guidance-section .header-controls {
  display: flex;
  align-items: center;
  gap: 0.625px;
}
.guidance-section .header-controls .collapse-box {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 0;
  padding-right: 0;
  background-color: var(--background-4);
}
.guidance-section .header-controls .toggle-text {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
  text-transform: capitalize;
  color: var(--primary);
}
.guidance-section .guidance-accordion-wrapper {
  gap: 1rem;
  margin-bottom: 1rem;
}
.guidance-section .guidance-accordion-wrapper .guidance-accordion {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.guidance-section .guidance-accordion-wrapper .guidance-accordion .guidance-accordion-item {
  border-radius: 4px;
  border: 1px solid var(--primary-variant-8);
  background-color: var(--primary-variant-6);
}
.guidance-section .guidance-accordion-wrapper .guidance-accordion .guidance-accordion-item .collapse-box {
  background-color: var(--background-4);
}
.guidance-section .guidance-accordion-wrapper .guidance-accordion .guidance-accordion-item .accordion-header {
  font-size: var(--sub-heading-1-font-size);
  font-weight: 700;
  color: var(--primary);
}
.guidance-section .guidance-accordion-wrapper .guidance-accordion .guidance-accordion-item .accordion-body {
  padding: 1rem;
}

.guidance-accordion-card {
  border: 1px solid var(--secondary-bg-30);
  border-radius: 4px;
  padding: 1rem;
  margin-bottom: 0.75rem;
  padding-bottom: 6px;
}
.guidance-accordion-card .note-header {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 1.875rem;
}
.guidance-accordion-card .note-header .note-title-container {
  display: flex;
  gap: 7px;
}
.guidance-accordion-card .note-header .note-title {
  font-size: var(--sub-heading-1-font-size);
  font-weight: 700;
  color: var(--primary);
}
.guidance-accordion-card .note-header .note-link {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  color: var(--primary);
  display: flex;
  gap: 5px;
  align-items: center;
  text-decoration: underline;
  white-space: nowrap;
}
.guidance-accordion-card .note-date {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  margin-top: 0.5rem;
}

@media (max-width: 767px) {
  .guidance-section .section-title {
    font-size: var(--sub-heading-1-font-size);
    font-weight: 700;
  }
  .guidance-section .header-controls .toggle-text {
    font-size: var(--sub-heading-2-font-size);
    font-weight: 500;
  }
  .guidance-section .guidance-accordion-wrapper .guidance-accordion .guidance-accordion-item .accordion-header {
    font-size: var(--sub-heading-2-font-size);
    font-weight: 700;
  }
  .guidance-accordion-card .note-header .note-title {
    font-size: var(--sub-heading-2-font-size);
    font-weight: 700;
  }
  .guidance-accordion-card .note-date {
    font-size: var(--body-font-3-size);
    font-weight: 400;
  }
}
.circulars-section {
  border: 2px solid var(--primary-variant-8);
  border-radius: 4px;
  background-color: #f9faff;
}
.circulars-section .content-container {
  border: 0;
  margin-bottom: 0;
}
.circulars-section .section-title {
  color: var(--primary);
}
.circulars-section .header-controls {
  display: flex;
  align-items: center;
  gap: 0.625px;
}
.circulars-section .header-controls .toggle-text {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
  text-transform: capitalize;
  color: var(--primary);
}
.circulars-section .header-controls .collapse-box {
  padding: 0;
  background-color: transparent;
}
.circulars-section .circulars-accordion-wrapper {
  margin-top: 0.875rem;
  gap: 1rem;
}
.circulars-section .circulars-accordion-wrapper .circulars-accordion .accordion-header {
  font-size: var(--sub-heading-1-font-size);
  font-weight: 700;
  color: var(--primary);
  background-color: var(--background-4);
  padding: 0.75rem;
}

.circular-accordion-card-1 {
  border: 1px solid var(--secondary-bg-30);
  border-radius: 4px;
  padding: 1rem;
  margin-bottom: 0.75rem;
  padding-bottom: 6px;
}
.circular-accordion-card-1 .accordion-card-header {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
.circular-accordion-card-1 .accordion-card-header .accordion-card-title-container {
  display: flex;
  gap: 7px;
}
.circular-accordion-card-1 .accordion-card-header .accordion-card-title {
  font-size: var(--sub-heading-1-font-size);
  font-weight: 700;
  color: var(--primary);
}
.circular-accordion-card-1 .accordion-card-header .accordion-card-link {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  color: var(--primary);
  display: flex;
  gap: 5px;
  align-items: center;
  text-decoration: underline;
  white-space: nowrap;
}

.circular-accordion-card-2 {
  background-color: var(--primary-variant-6);
  border: 1px solid var(--secondary-bg-30);
  border-radius: 4px;
  padding: 1rem;
  margin-bottom: 0.75rem;
  padding-bottom: 6px;
}
.circular-accordion-card-2 .accordion-card-header {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
.circular-accordion-card-2 .accordion-card-header .accordion-card-title-container {
  display: flex;
  gap: 7px;
}
.circular-accordion-card-2 .accordion-card-header .accordion-card-title {
  font-size: var(--sub-heading-1-font-size);
  font-weight: 700;
  color: var(--primary);
}
.circular-accordion-card-2 .accordion-card-header .accordion-card-link {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  color: var(--primary);
  display: flex;
  gap: 5px;
  align-items: center;
  text-decoration: underline;
  white-space: nowrap;
}

.exchange-info-section .exchange-info-title {
  color: var(--primary);
}
.exchange-info-section .card-header {
  background: var(--secondary-variant-2);
}
.exchange-info-section .card-header .card-title {
  font-size: var(--sub-heading-1-font-size);
  font-weight: 700;
  color: var(--primary);
}

.exchange-info-card {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-radius: 4px;
  border: 2px solid var(--secondary-variant-2);
  display: flex;
  flex-direction: column;
  padding: 0;
}
.exchange-info-card .content-text {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  color: var(--neutral-1200);
}
.exchange-info-card .read-more-link {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  color: var(--secondary);
  text-decoration: underline;
}

.cbdt-section {
  border: 0.5px solid #0675e2;
  border-radius: 4px;
  background-color: #f9faff;
  padding: 1rem 0.75rem;
}
.cbdt-section .cbdt-accordion-wrapper {
  gap: 1rem;
}
.cbdt-section .cbdt-accordion-wrapper .cbdt-accordion .accordion-body {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.cbdt-accordion-card {
  border: 1px solid var(--secondary-bg-30);
  border-radius: 4px;
  padding: 1rem 1.5rem;
  margin-bottom: 0.75rem;
  background-color: var(--primary-variant-6);
}
.cbdt-accordion-card .accordion-card-header {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 0.625rem;
}
.cbdt-accordion-card .accordion-card-header .accordion-card-title-container {
  display: flex;
  gap: 0.5rem;
}
.cbdt-accordion-card .accordion-card-header .accordion-card-title {
  font-size: var(--sub-heading-1-font-size);
  font-weight: 700;
  color: var(--primary);
}
.cbdt-accordion-card .accordion-card-header .accordion-card-link {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  color: var(--primary);
  display: flex;
  gap: 5px;
  align-items: center;
  text-decoration: underline;
  white-space: nowrap;
}

.eoir-section .eoir-content-wrapper {
  border: 1px solid var(--dark-variant-5);
}
.eoir-section .card-main-section {
  background-color: var(--primary-variant-6);
  border-radius: 4px;
}
.eoir-section .card-main-section .card {
  border: 1px solid var(--primary-variant-3);
}
.eoir-section .card-main-section .card .eoir-card-header-bg {
  background-color: var(--primary-variant-4);
}
.eoir-section .card-main-section .card .eoir-card-body-bg {
  background-color: var(--primary-variant-5);
}
.eoir-section .card-main-section .card .card-header .eoir-section-title {
  font-size: var(--sub-heading-1-font-size);
  font-weight: 700;
  color: var(--primary-800);
}
.eoir-section .card-main-section .card .card-body .eoir-content-text {
  color: var(--neutral-1200);
  font-size: var(--body-font-1-size);
  font-weight: 400;
}
.eoir-section .card-main-section .card .card-body .eoir-peer-review-link {
  color: var(--primary);
  text-decoration: none;
  font-size: var(--body-font-2-size);
  font-weight: 400;
}
.eoir-section .card-main-section .card .card-body .eoir-peer-review-link:hover {
  text-decoration: none;
  color: var(--primary);
}
.eoir-section .eoir-header-title {
  color: var(--primary);
}
.eoir-section .eoir-external-link-icon {
  width: 1rem;
  height: 1rem;
  margin-left: 5px;
}
.eoir-section .eoir-download-icon {
  width: 1rem;
  height: 1rem;
  margin-right: 5px;
}

.important-link-section {
  box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 6px;
}
.important-link-section .title {
  font-size: var(--h5-font-size);
  font-weight: 700;
  color: var(--primary);
}

.important-link-item {
  background-color: var(--primary-stroke-2);
  border-top: 2px solid #dfe0e2 !important;
  color: var(--secondary);
  font-size: var(--body-font-2-size);
  font-weight: 400;
}
.important-link-item:hover {
  color: var(--secondary);
}
.important-link-item .eoir-footer-sub-title {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 700;
  color: var(--primary);
  word-break: break-word;
}
.important-link-item .eoir-link-text {
  color: var(--secondary);
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
}
.important-link-item .eoir-link-text:hover {
  text-decoration: none;
  color: var(--secondary);
}
.important-link-item .eoir-link-download {
  color: var(--primary);
  font-size: var(--body-font-2-size);
  font-weight: 400;
  gap: 0.625rem;
}
.important-link-item .eoir-link-download:hover {
  background-color: transparent;
  color: var(--primary);
}

.important-link-item-last {
  border-bottom: 2px solid var(--dark-variant-5) !important;
}

.redirection-link {
  display: flex;
  align-items: center;
  gap: 5px;
}
.redirection-link span {
  font-size: var(--body-font-2-size);
  font-weight: 400;
  color: var(--secondary);
  text-decoration: underline;
}

@media (max-width: 767px) {
  .eoir-section .card-main-section .card .card-header .eoir-section-title {
    font-size: var(--sub-heading-2-font-size);
    font-weight: 700;
  }
  .eoir-section .card-main-section .card .card-body .eoir-content-text {
    font-size: var(--body-font-3-size);
    font-weight: 400;
  }
  .eoir-section .card-main-section .card .card-body .eoir-peer-review-link {
    font-size: var(--body-font-2-size);
    font-weight: 400;
  }
  .eoir-section .eoir-header-title {
    font-size: var(--h4-font-size);
    font-weight: 700;
  }
  .important-link-section .title {
    font-size: var(--h5-font-size);
    font-weight: 700;
  }
  .important-link-item {
    font-size: var(--body-font-2-size);
    font-weight: 400;
  }
  .important-link-item .eoir-footer-sub-title {
    font-size: var(--sub-heading-3-font-size);
    font-weight: 700;
    word-break: break-word;
  }
  .important-link-item .eoir-link-download {
    font-size: var(--body-font-3-size);
    font-weight: 400;
  }
}
.jurisdiction-section {
  background-color: var(--primary-variant-6);
}
.jurisdiction-section .card {
  padding: 1.25rem 1rem;
  border: 1px solid var(--dark-variant-5);
  box-shadow: none;
}
.jurisdiction-section .card .card-header {
  padding-left: 0;
  padding: 0;
}
.jurisdiction-section .card .card-header h5 {
  color: var(--primary);
}
.jurisdiction-section .card .card-header .collapse-box {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  background-color: var(--primary-variant-6);
  padding: 0;
}
.jurisdiction-section .card .card-header .collapse-text,
.jurisdiction-section .card .card-header .expand-text {
  font-size: var(--body-font-3-size);
  font-weight: 400;
  color: var(--secondary);
  color: var(--primary);
}

.contact-table {
  border: 1px solid var(--dark-variant-5);
  border-radius: 4px;
}
.contact-table .table-responsive {
  border-radius: 4px;
}
.contact-table .table-responsive .table th,
.contact-table .table-responsive .table td {
  border: none !important;
}
.contact-table .table-responsive .table thead tr {
  background-color: var(--primary-variant-5);
}
.contact-table .table-responsive .table thead tr th {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 700;
  color: var(--primary-variant-7);
}
.contact-table .table-responsive .table tbody tr td {
  font-size: var(--body-font-2-size);
  font-weight: 400;
  color: var(--primary-variant-7);
}
.contact-table .table-responsive .table tbody tr .view-more {
  font-size: var(--body-font-3-size);
  font-weight: 400;
  color: var(--secondary);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.contact-table .table-responsive .table tbody tr:nth-child(even) {
  background-color: var(--primary-variant-5);
}

@media (max-width: 767px) {
  .jurisdiction-section .card .card-header h5 {
    font-size: var(--sub-heading-2-font-size);
    font-weight: 700;
  }
  .jurisdiction-section .card .card-header .collapse-box {
    display: flex;
    align-items: center;
    gap: 0.625rem;
  }
  .contact-table .table thead tr th {
    font-size: var(--sub-heading-3-font-size);
    font-weight: 700;
  }
  .contact-table .table tbody tr td {
    font-size: var(--body-font-3-size);
    font-weight: 400;
  }
  .contact-table .table tbody tr .view-more {
    font-size: var(--body-font-3-size);
    font-weight: 400;
  }
  .contact-table .table tbody tr:nth-child(even) {
    background-color: var(--primary-variant-5);
  }
}
.officer-popup {
  padding-top: 0;
}
.officer-popup .modal-body {
  background-color: var(--primary-variant-6);
  border-radius: 4px;
}
.officer-popup .modal-body .modal-heading {
  color: var(--primary);
}
.officer-popup .modal-body .details-wrapper {
  display: flex;
  gap: 2.25rem;
}
.officer-popup .modal-body .details-wrapper .details-section {
  border-radius: 4px;
}
.officer-popup .modal-body .details-wrapper .details-section .section-title {
  color: var(--primary);
}
.officer-popup .modal-body .details-wrapper .details-section .detail-label {
  font-size: var(--sub-heading-1-font-size);
  font-weight: 700;
  margin-bottom: 0.5rem;
  font-size: 16px;
  font-weight: 700;
}
.officer-popup .modal-body .details-wrapper .details-section .detail-para {
  font-size: var(--body-font-1-size);
  font-weight: 400;
  font-size: 16px;
  font-weight: 400;
}
.officer-popup .modal-body .vertical-line {
  border: 1px solid var(--neutral-275);
  padding: 0;
}

.pan-status-section {
  background-color: var(--primary-variant-5);
  padding: 1.25rem;
}
.pan-status-section .pan-title {
  font-size: var(--h4-font-size);
  font-weight: 500;
}
.pan-status-section .pan-subtitle {
  font-size: var(--sub-heading-1-font-size);
  font-weight: 700;
}
.pan-status-section .option-cards {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2.5rem;
  flex-wrap: wrap;
}
.pan-status-section .info-container {
  gap: 1.875rem;
}
.pan-status-section .info-container .click-instruction {
  color: var(--primary-variant-7);
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
  max-width: 300px;
}
.pan-status-section .protean-link {
  font-size: var(--body-font-2-size);
  font-weight: 400;
  color: var(--secondary);
  gap: 0.625rem;
  align-items: center;
}
.pan-status-section .see-more-link {
  margin-top: 1rem;
  font-size: var(--body-font-2-size);
  font-weight: 400;
  color: var(--secondary);
  text-decoration: underline;
}

.pan-option-card {
  padding: 0.75rem 0.93rem;
  border-radius: 1px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.625rem;
  border: 1px solid var(--secondary-bg-30);
  background-color: var(--background-4);
  border-radius: 4px;
}
.pan-option-card .card-desc {
  font-size: var(--body-font-2-size);
  font-weight: 400;
  color: var(--dark-variant-1);
}
.pan-option-card .number span {
  font-size: 10px;
  color: var(--dark-variant-2);
  font-weight: 700;
}
.pan-option-card .link-box {
  font-size: var(--body-font-2-size);
  font-weight: 400;
  color: var(--dark-variant-1);
}
.pan-option-card .link {
  font-size: var(--body-font-2-size);
  font-weight: 400;
  color: var(--dark-variant-1);
  word-break: break-all;
  flex: 1;
  line-height: 1.4;
  text-decoration: underline;
}

@media (max-width: 767px) {
  .pan-option-card {
    max-width: 700px;
  }
  .pan-status-section .info-container .click-instruction {
    max-width: 700px;
  }
}
.faq-card {
  border: 1px solid var(--secondary-bg-30);
  border-radius: 4px;
}
.faq-card .faq-body {
  background-color: var(--primary-variant-6);
  padding: 1.5rem;
  border-radius: 4px;
}
.faq-card .faq-body .answer {
  font-size: var(--body-font-2-size);
  font-weight: 400;
  color: var(--neutral-1200);
  margin: 0;
  margin-bottom: 1.5rem;
}

.faq-list .faq-question {
  padding: 0.75rem;
  border-top: 1px solid var(--dark-variant-5);
  margin: 0;
}
.faq-list:last-child {
  border-bottom: 1px solid var(--dark-variant-5);
}

.blue-header-card {
  background-color: var(--secondary-variant-2);
  margin: 0;
  padding: 1.125rem 1.5rem;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.blue-header-card .main-heading {
  font-size: var(--sub-heading-1-font-size);
  font-weight: 700;
  color: var(--primary);
  margin: 0;
}

.exemption-table {
  background-color: var(--primary-variant-6);
}
.exemption-table .table-container {
  border: 1px solid var(--dark-variant-3);
  border-radius: 4px;
}
.exemption-table .table-container .table-responsive {
  border-radius: 4px;
}
.exemption-table .table-container .table-responsive .table th,
.exemption-table .table-container .table-responsive .table td {
  border: none !important;
}
.exemption-table .table-container .table-responsive .table thead tr {
  background-color: var(--primary-variant-6);
}
.exemption-table .table-container .table-responsive .table thead tr th {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 700;
  color: var(--primary-variant-7);
}
.exemption-table .table-container .table-responsive .table tbody tr td {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
  color: var(--primary-variant-7);
}
.exemption-table .table-container .table-responsive .table tbody tr:nth-child(odd) {
  background-color: var(--primary-variant-4);
}

.exemption-table {
  background-color: var(--primary-variant-5);
  padding: 0.75rem 1.5rem 1.5rem;
}
.exemption-table .section-wrapper {
  border-top: 1px solid var(--dark-variant-5);
  padding-top: 1rem;
  display: flex;
  gap: 1.875rem;
}

.relevant-section-label {
  font-size: var(--sub-heading-3-font-size);
  font-weight: 500;
  color: var(--primary);
}

.info-box {
  background-color: var(--primary-variant-5);
  padding: 1rem 1.5rem;
  gap: 5px;
}
.info-box .info-text {
  font-size: var(--body-font-2-size);
  font-weight: 400;
  color: var(--primary-variant-7);
}

.bba-section {
  background-color: var(--primary-variant-5);
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.bba-accordion-step-1,
.bba-accordion-step-2 {
  border: 1px solid var(--secondary-bg-30);
  padding: 0.75rem 1rem 1.125rem 1rem;
  display: flex;
  justify-content: space-between;
  border-radius: 4px;
  gap: 1.875rem;
  align-items: center;
}
.bba-accordion-step-1 span,
.bba-accordion-step-1 ul li,
.bba-accordion-step-1 p,
.bba-accordion-step-1 ol li,
.bba-accordion-step-2 span,
.bba-accordion-step-2 ul li,
.bba-accordion-step-2 p,
.bba-accordion-step-2 ol li {
  font-size: var(--body-font-2-size);
  font-weight: 400;
  color: var(--dark-variant-1);
}

.info-card-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.info-card {
  border: 1px solid var(--secondary-bg-30);
  padding: 0.75rem 1rem;
  background-color: var(--primary-variant-6);
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
}
.info-card .info-card-title {
  font-size: var(--sub-heading-1-font-size);
  font-weight: 700;
  color: var(--primary);
}
.info-card .info-card-link {
  font-size: var(--body-font-2-size);
  font-weight: 400;
  color: var(--secondary);
  display: flex;
  gap: 6px;
  align-items: center;
  text-decoration: underline;
}

@media (max-width: 767px) {
  .info-card .info-card-title {
    font-size: var(--sub-heading-3-font-size);
    font-weight: 700;
  }
}
.tax-info-accordion {
  background-color: var(--primary-variant-5);
}
.tax-info-accordion .content-section {
  padding: 1.5rem;
  border-radius: 4px;
}
.tax-info-accordion .content-section .mode-section {
  padding: 1.5rem;
  background-color: var(--background-4);
}
.tax-info-accordion .content-section .mode-section .header-container .accordion-btn-expColl {
  justify-content: center;
  background-color: transparent;
}
.tax-info-accordion .content-section .expand-text {
  font-size: var(--button-font-size);
  font-weight: 500;
  color: var(--primary);
}
.tax-info-accordion .content-section .accordion-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.tax-info-accordion .content-section .redirection-links-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.3012rem;
}

.mode-accordion {
  border: 1px solid var(--secondary-bg-30);
  border-radius: 4px;
}
.mode-accordion .accordion-desc {
  background-color: var(--primary-variant-6);
  padding: 1.5rem;
  border-radius: 4px;
}
.mode-accordion .accordion-desc p {
  font-size: var(--body-font-2-size);
  font-weight: 400;
}
.mode-accordion .accordion-desc .relevant-text {
  font-size: var(--sub-heading-3-font-size);
  font-weight: 500;
  color: var(--primary);
  border-top: 1px solid var(--dark-variant-5);
  padding-top: 1.875rem;
}
.mode-accordion .accordion-desc a {
  font-size: var(--body-font-2-size);
  font-weight: 400;
  color: var(--secondary);
}
.mode-accordion .accordion-header {
  display: flex;
  justify-content: space-between;
  background-color: var(--primary-variant-6);
  align-items: center;
  background-color: var(--secondary-variant-2);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.mode-accordion .accordion-header h6 {
  font-size: var(--sub-heading-1-font-size);
  font-weight: 700;
  color: var(--primary);
}

.important-note-card {
  border: 1px solid var(--secondary-300);
  background-color: var(--secondary-variant-3);
  margin-top: 1.25rem;
  padding: 0.75rem;
  border-radius: 4px;
}
.important-note-card .note-heading {
  display: flex;
  gap: 0.625rem;
  align-items: center;
}
.important-note-card .note-heading span {
  font-size: var(--sub-heading-1-font-size);
  font-weight: 700;
  color: var(--secondary);
}
.important-note-card .note-desc {
  font-size: var(--body-font-1-size);
  font-weight: 400;
  color: var(--secondary);
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  margin-top: 0.625rem;
}

.redirection-link {
  display: flex;
  align-items: center;
  gap: 5px;
}
.redirection-link span {
  font-size: var(--body-font-2-size);
  font-weight: 400;
  color: var(--secondary);
  text-decoration: underline;
}

.tds-video-section {
  background-color: var(--primary-variant-5);
}
.tds-video-section .tds-title {
  font-size: var(--h4-font-size);
  font-weight: 500;
  color: var(--neutral-1200);
}
.tds-video-section .tds-videos-wrapper {
  display: flex;
  gap: 1.5rem;
}

.tds-video-card {
  overflow: hidden;
  margin-bottom: 1rem;
}
.tds-video-card .tds-video-title {
  font-size: var(--sub-heading-1-font-size);
  font-weight: 400;
  color: var(--neutral-1200);
}

.tds-video-wrapper {
  background: var(--neutral-1200);
  height: 200px;
  width: 297px;
}

.tds-video-player {
  width: 100%;
  height: 100%;
  background: var(--neutral-1200);
}

.tds-video-player::-webkit-media-controls-panel {
  background: transparent !important;
}

.open-in-new-tab--bg a {
  background: var(--primary-variant-6) url("../assets/images/etds-open-in-new-tab.svg") no-repeat right 1.5rem center !important;
}

.view-more-component,
.view-full-year {
  padding: 0 1.5rem 0 0;
  background: var(--primary-variant-6) url("../assets/images/etds-right-arrow.svg") no-repeat right;
  color: var(--secondary);
  text-decoration: underline;
  display: block;
  width: fit-content;
  margin-left: auto;
  font-size: var(--body-font-2-size);
  font-weight: 400;
}

.view-more-component:focus-visible {
  display: block;
}

.percent-blue-box--subtitle .blue-box-title-with-pdf-icon--subtitle {
  display: flex;
  flex-direction: column;
  background: none;
  gap: 0.5rem;
  background-color: var(--primary-variant-6);
}
.percent-blue-box--subtitle .blue-box-title-with-pdf-icon--subtitle p {
  margin-bottom: 0.25rem;
  font-size: var(--sub-heading-1-font-size);
  font-weight: 700;
}
.percent-blue-box--subtitle .blue-box-title-with-pdf-icon--subtitle a {
  width: fit-content;
  padding-right: 2rem;
  background: url("../assets/images/etds-pdf-icon.svg") no-repeat right;
  font-size: var(--body-font-2-size);
  font-weight: 400;
  text-decoration: underline;
}
.percent-blue-box--subtitle .blue-box-title-with-pdf-icon--subtitle a:hover {
  color: var(--primary);
}

.element-a-with-icon--gray {
  background: url("../assets/images/etds-open-in-new-tab-gray.svg") no-repeat right center;
  padding-right: 1.5rem;
}

.tds-html-wrapper .allCollapseHeading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  margin-bottom: 1.5rem;
}
.tds-html-wrapper .allCollapseHeading h2 {
  font-size: var(--h3-font-size);
  font-weight: 700;
  color: var(--primary);
}
.tds-html-wrapper .allCollapseBtn {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  color: var(--primary);
  text-decoration: none;
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
}
.tds-html-wrapper .allCollapseBtn .downArrow {
  transition: all 0.5s;
}
.tds-html-wrapper .allCollapseBtn.active .collapseBtnText.collapse {
  display: block;
}
.tds-html-wrapper .allCollapseBtn.active .collapseBtnText.expand {
  display: none;
}
.tds-html-wrapper .allCollapseBtn.active .downArrow {
  transform: rotateZ(180deg);
}
.tds-html-wrapper .allCollapseBtn .collapseBtnText.collapse {
  display: none;
}
.tds-html-wrapper .accordionGroup .panel {
  margin-bottom: 0.625rem;
  background-color: var(--primary-variant-5);
  padding: 1.5rem;
  border-radius: 0.25rem;
}
.tds-html-wrapper .accordionGroup .panel:last-child {
  margin-bottom: 0;
}
.tds-html-wrapper .accordionGroup .panel .panel-heading {
  padding: 0;
  user-select: none;
}
.tds-html-wrapper .accordionGroup .panel .panel-heading h3 {
  font-size: var(--h4-font-size);
  font-weight: 700;
}
.tds-html-wrapper .accordionGroup .panel .panel-body {
  display: none;
  padding: 0;
}
.tds-html-wrapper .accordionGroup .panel .panel-body.open {
  display: block;
}
.tds-html-wrapper .accordion-toggle {
  width: 100%;
  text-align: left;
  background: none;
  border: none;
  font-size: var(--body-font-1-size);
  font-weight: 400;
  cursor: pointer;
  position: relative;
  padding: 0;
}
.tds-html-wrapper .accordion-toggle[aria-expanded=false] .accordionHeading {
  margin-bottom: 0px;
}
.tds-html-wrapper .accordion-toggle[aria-expanded=false] .expand {
  display: block;
}
.tds-html-wrapper .accordion-toggle[aria-expanded=true] .collapse {
  display: block;
}
.tds-html-wrapper .accordion-toggle[aria-expanded=true] .downArrow {
  transform: rotateZ(180deg);
}
.tds-html-wrapper .accordion-toggle .downArrow {
  transition: all 0.5s;
}
.tds-html-wrapper .accordion-toggle .accordionHeading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  margin-bottom: 1rem;
}
.tds-html-wrapper .accordion-toggle .collapseBtnText {
  display: none;
}
.tds-html-wrapper .accordion-option {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 1rem 0;
}
.tds-html-wrapper .accordion-option .title {
  font-size: var(--h4-font-size);
  font-weight: 700;
  margin: 0;
}
.tds-html-wrapper .accordionGroup {
  border: 1px solid var(--dark-variant-5);
  padding: 1rem;
  background-color: var(--neutral-100);
  border-radius: 0.25rem;
}
.tds-html-wrapper .collapseBtn {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  color: var(--primary);
  text-decoration: none;
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
}
.tds-html-wrapper .accordionContent p,
.tds-html-wrapper .accordionContent ol li,
.tds-html-wrapper .accordionContent ul li {
  font-size: var(--sub-heading-1-font-size);
  font-weight: 400;
  color: var(--text-tertiary);
  box-shadow: none;
}
.tds-html-wrapper .accordionContent ul,
.tds-html-wrapper .accordionContent ol {
  padding-left: 1.125rem;
  margin: 0;
  margin-top: 0.375rem;
}
.tds-html-wrapper .accordionContent .bxList {
  counter-reset: step-counter;
  list-style: none;
  padding-left: 0;
  margin: 0 auto;
  margin-top: 1rem;
}
.tds-html-wrapper .bxList li {
  background: var(--background-4);
  border: 1px solid var(--keyboard-gray-mid);
  border-radius: 0.5rem;
  padding: 1.875rem 1rem;
  margin-bottom: 1rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  position: relative;
  display: grid;
  grid-template-columns: 1.125rem 1fr;
  gap: 0.5rem;
}
.tds-html-wrapper .bxList > li::before {
  content: counter(step-counter);
  counter-increment: step-counter;
  color: var(--dark-variant-2);
  border-radius: 50%;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--sub-heading-3-font-size);
  font-weight: 700;
  border: 1px solid var(--dark-variant-2);
  margin-top: 0.125rem;
}
.tds-html-wrapper .bxList a {
  color: var(--secondary);
  text-decoration: none;
  word-break: break-all;
}
.tds-html-wrapper .bxList a:hover {
  text-decoration: underline;
}
.tds-html-wrapper .bxList ul {
  margin-top: 0px;
  padding-left: 0.5rem;
  border: 0;
}
.tds-html-wrapper .bxList ul li {
  border: 0;
  padding: 0;
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
.tds-html-wrapper .bxList ul li::before {
  content: "";
  width: 0.25rem;
  height: 0.25rem;
  background-color: var(--dark-variant-1);
  display: inline-block;
  border-radius: 3rem;
}
.tds-html-wrapper .accordionContent p a {
  color: var(--secondary);
  text-decoration: underline;
  word-break: break-all;
}
.tds-html-wrapper .allCollapseBtn,
.tds-html-wrapper .collapseBtn {
  white-space: nowrap;
}

@media (max-width: 575.98px) {
  .pan-status-section .option-cards {
    grid-template-columns: 1fr;
  }
  .important-note-card .mode-accordion .accordion-header .accordion-btn-expColl {
    flex-direction: column;
    padding: 0.5rem;
    gap: 0.5rem;
  }
  .important-note-card .mode-accordion .accordion-desc {
    padding: 0.5rem;
  }
  .tds-html-wrapper .allCollapseHeading h2 {
    font-size: var(--h4-font-size);
    font-weight: 700;
  }
  .tds-html-wrapper .accordionGroup .panel .panel-heading h3 {
    font-size: var(--sub-heading-1-font-size);
    font-weight: 700;
  }
  .tds-html-wrapper .accordionContent p,
  .tds-html-wrapper .accordionContent ol li,
  .tds-html-wrapper .accordionContent ul li {
    font-size: var(--sub-heading-2-font-size);
    font-weight: 400;
  }
  .tds-html-wrapper .bxList li {
    padding: 1.25rem 1rem;
  }
  .tds-html-wrapper .bxList > li::before {
    margin-top: 1px;
  }
}
.etds-cca-container .accordion-body p {
  padding: 0 1.5rem;
}

.print-watermark {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 874px;
  height: 596px;
  transform: translate(-50%, -50%);
  background: url("../assets/images/Income-Tax-Department.svg") no-repeat center;
  background-size: contain;
  opacity: 0.1;
  z-index: 9999;
  pointer-events: none;
}

html[lang=hi-IN] .print-watermark {
  background: url("../assets/images/Income-Tax-Department-Hindi.svg") no-repeat center;
}

/* Activate watermark ONLY during print */
body.printing .print-watermark {
  display: block;
}

@media print {
  .header-wrapper .header-actions,
  .header-wrapper .header .header-actions .responsive-action-items,
  .nav-wrapper,
  .latest-updates-wrapper,
  .breadcrumb-wrapper,
  .footer-wrapper {
    display: none !important;
  }
  .header-wrapper .header .logo-wrap .site-meta {
    display: block !important;
  }
  body {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    background: var(--primary-variant-6); /* or match screen */
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    background-color: inherit;
    /* &::before {
    	content: '';
    	position: fixed;
    	top: 50%;
    	left: 50%;
    	width: 874px;
    	height: 596px;
    	transform: translate(-50%, -50%);
    	background-image: url('../assets/images/Income-Tax-Department.svg');
    	background-repeat: no-repeat;
    	background-size: contain;
    	opacity: 0.1;
    	z-index: 9999;
    	pointer-events: none;
    } */
  }
  * {
    box-shadow: none !important;
    text-shadow: none !important;
  }
  html,
  body {
    width: 100%;
    height: 100%;
    overflow: visible;
  }
  html[lang=hi-IN] p,
  html[lang=hi-IN] div {
    line-height: 1.45;
  }
  .header-wrapper .header .logo-wrap .logo img {
    width: 136px !important;
    height: 92px !important;
    max-height: unset !important;
    max-width: unset !important;
  }
  .parallel-viewer-content-container .doc-view-content-main.taglib-diff-html .doc-view-content-main {
    height: unset;
    max-height: unset;
    padding: 0;
  }
  .parallel-viewer-content-container .doc-view-content-main.taglib-diff-html .etds-section,
  .parallel-viewer-content-container .doc-view-content-main.taglib-diff-html .container {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    min-width: unset !important;
  }
  /* Remove unwanted elements if needed */
  .no-print {
    display: none !important;
  }
}
.etds-cca-container {
  padding: 1.25rem 1rem;
  background-color: var(--primary-variant-6);
  border: 1px solid var(--dark-variant-5);
  border-radius: 0.25rem;
}
.etds-cca-container .left-sidebar {
  box-shadow: none !important;
  margin-right: 0 !important;
}
.etds-cca-container .page-with-sidebar {
  border: 1px solid var(--dark-variant-5);
  border-radius: 0.25rem;
}
.etds-cca-container .page-with-sidebar .page-sidebar .page-sidebar-navigation .additional-action .title-wrap .title:focus-visible {
  outline: 0.125rem solid var(--primary-variant-9);
  outline-offset: 0.125rem;
}
.etds-cca-container .page-sidebar {
  border-right: 1px solid var(--dark-variant-5);
  border-radius: 0;
  align-self: unset !important;
}
.etds-cca-container .page-content-wrap .left-sidebar {
  max-height: unset;
}
.etds-cca-container .page-main-content-section {
  background: none !important;
  border: none !important;
  padding: 1.5rem 1.25rem;
}

.directorates {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 1.5rem 1rem;
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.0784313725);
  border-radius: 0.25rem;
}
.directorates.aeoi-page {
  box-shadow: none;
  border: 1px solid var(--dark-variant-5);
  padding: 1.25rem 1rem;
  gap: 1rem;
}
.directorates.aeoi-page .directorates__link-row {
  padding-right: 0;
  border-top: 0;
  background-color: transparent;
}
.directorates.aeoi-page .directorates__link-row.download-file .directorates__link .directorates__a {
  border: 1px solid var(--primary);
  border-radius: 0.25rem;
  padding: 0.25rem 2.5rem 0.25rem 1rem;
  color: var(--primary);
  font-weight: 500;
}
.directorates.aeoi-page .directorates__link-row.download-file .directorates__link svg {
  color: var(--primary);
  top: calc(0.25rem + 1px);
  right: 1rem;
}
.directorates.aeoi-page .directorates__link-row .directorates__link .directorates__a {
  text-decoration: none;
  padding-right: 1.5rem;
}
.directorates.aeoi-page .directorates__link-row .directorates__link .directorates__a:hover {
  text-decoration: underline;
}
.directorates.aeoi-page .directorates__link-row .directorates__link svg {
  color: var(--secondary);
}

.directorates__link-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.directorates__link-row {
  border-top: 1px solid var(--dark-variant-5);
  border-bottom: 1px solid var(--dark-variant-5);
  background-color: var(--primary-stroke-2);
  padding: 0.625rem 0.5rem;
}

.directorates__link svg {
  color: var(--secondary);
}

.directorates__h3,
.directorates__p {
  margin-bottom: 0;
  color: var(--primary);
}

.directorates__a,
.directorates__a:hover {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  color: var(--secondary);
  text-decoration: underline;
}

.etds-cca-dg .card {
  box-shadow: none;
  border: 1px solid var(--dark-variant-5);
  border-radius: 4px;
}
.etds-cca-dg .card-title {
  color: var(--primary);
}
.etds-cca-dg .card-title a {
  display: flex;
  gap: 0.75rem;
  color: var(--primary);
}
.etds-cca-dg .card-title a:hover {
  color: var(--primary);
}
.etds-cca-dg .form-group-autofit {
  margin-bottom: 0 !important;
}
.etds-cca-dg .card-body {
  border: none !important;
}
.etds-cca-dg .card-body .etds-tender-download-button {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.etds-cca-dg .card-body .etds-tender-download-button p {
  color: var(--primary);
}

.etds-cca-dg-modal .etds-cca-dg-modal__h5,
.etds-cca-dg-modal .etds-cca-dg-modal-download__h5 {
  color: var(--primary);
}
.etds-cca-dg-modal .etds-cca-dg-modal-body {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1.25rem 1.5rem;
}
.etds-cca-dg-modal .etds-cca-dg-modal-body .etds-cca-dg-modal-body-top {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.etds-cca-dg-modal .etds-cca-dg-modal-body .etds-cca-dg-modal-body-top .etds-cca-dg-modal__h5 {
  width: 100%;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--dark-variant-5);
}
.etds-cca-dg-modal .etds-cca-dg-modal-body .etds-cca-dg-modal-body-top .etds-cca-dg-modal-i__p,
.etds-cca-dg-modal .etds-cca-dg-modal-body .etds-cca-dg-modal-body-top .etds-cca-dg-modal-i svg {
  color: var(--secondary);
}
.etds-cca-dg-modal .etds-cca-dg-modal-body .etds-cca-dg-modal-body-top .etds-cca-dg-modal-i__p {
  display: inline;
  font-size: 0.75rem;
}
.etds-cca-dg-modal .etds-cca-dg-modal-body .etds-cca-dg-modal-body-top .etds-cca-dg-modal-i__p a {
  color: inherit;
  text-decoration: underline;
}
.etds-cca-dg-modal .etds-cca-dg-modal-body .etds-cca-dg-modal-download {
  border: 1px solid var(--secondary-bg-30);
  border-radius: 0.25rem;
}
.etds-cca-dg-modal .etds-cca-dg-modal-body .etds-cca-dg-modal-download .etds-cca-dg-modal-download__h5 {
  padding: 1.125rem 1.5rem;
  background-color: var(--secondary-variant-2);
}
.etds-cca-dg-modal .etds-cca-dg-modal-body .etds-cca-dg-modal-download .etds-cca-dg-modal-table {
  padding: 1.5rem;
  overflow: auto;
  max-height: 280px;
}
.etds-cca-dg-modal .etds-cca-dg-modal-body .etds-cca-dg-modal-download .etds-cca-dg-modal-table .row {
  padding: 0.625rem 1rem;
}
.etds-cca-dg-modal .etds-cca-dg-modal-body .etds-cca-dg-modal-download .etds-cca-dg-modal-table .etds-cca-dg-modal-table__header {
  border: 1px solid var(--dark-variant-5);
  border-bottom: none;
  border-radius: 0.25rem 0.25rem 0 0;
  background-color: var(--primary-variant-5);
}
.etds-cca-dg-modal .etds-cca-dg-modal-body .etds-cca-dg-modal-download .etds-cca-dg-modal-table .etds-cca-dg-modal-table__header div {
  font-weight: bold !important;
}
.etds-cca-dg-modal .etds-cca-dg-modal-body .etds-cca-dg-modal-download .etds-cca-dg-modal-table .row {
  border-left: 1px solid var(--dark-variant-5);
  border-right: 1px solid var(--dark-variant-5);
  align-items: center;
}
.etds-cca-dg-modal .etds-cca-dg-modal-body .etds-cca-dg-modal-download .etds-cca-dg-modal-table .row div {
  font-weight: 500;
}
.etds-cca-dg-modal .etds-cca-dg-modal-body .etds-cca-dg-modal-download .etds-cca-dg-modal-table .row:last-child {
  border-bottom: 1px solid var(--dark-variant-5);
  border-radius: 0 0 0.25rem 0.25rem;
}
.etds-cca-dg-modal .etds-cca-dg-modal-body .etds-cca-dg-modal-download-mobile {
  display: none;
  max-height: 20rem;
  overflow-y: auto;
  overflow-x: hidden;
}
.etds-cca-dg-modal .etds-cca-dg-modal-body .etds-cca-dg-modal-download-mobile .download-items .download-item {
  padding: 0.75rem 1rem;
  border: 1px solid var(--dark-variant-4);
  border-radius: 0.25rem;
}
.etds-cca-dg-modal .etds-cca-dg-modal-body .etds-cca-dg-modal-download-mobile .download-items .download-item:not(:last-child) {
  margin-bottom: 1rem;
}
.etds-cca-dg-modal .etds-cca-dg-modal-body .etds-cca-dg-modal-download-mobile .download-items .download-item p {
  word-break: break-word;
}
.etds-cca-dg-modal .etds-cca-dg-modal-body .etds-cca-dg-modal-download-mobile .download-items .download-item .label-title {
  color: var(--dark-variant-2);
}
.etds-cca-dg-modal .etds-cca-dg-modal-body .etds-cca-dg-modal-download-mobile .download-items .download-item .etds-misc__button {
  justify-content: center;
  width: 100%;
  margin-top: 0.75rem;
}
.etds-cca-dg-modal .etds-cca-dg-modal-footer {
  padding: 0.75rem 1.5rem;
  background-color: var(--primary-variant-5);
}
.etds-cca-dg-modal .etds-cca-dg-modal-footer .etds-cca-dg-modal__close-btn {
  padding: 0.5rem 1.5rem;
  background-color: var(--primary-variant-6);
  color: var(--primary);
  border: 1px solid var(--primary);
  border-radius: 0.25rem;
}
.etds-cca-dg-modal .modal-dialog {
  min-width: 52.375rem;
}
.etds-cca-dg-modal .modal-content {
  max-height: unset !important;
}

.cca-regions {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  border: 1px solid var(--secondary-200);
  border-radius: 0.25rem;
  background-color: var(--secondary-variant-3);
}
.cca-regions .cca-regions-texts {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.cca-regions .cca-regions-maps {
  padding: 1rem;
  display: flex;
  gap: 1.5rem;
  justify-content: space-between;
  border: 1px solid var(--dark-variant-5);
  border-radius: 0.25rem;
  background-color: var(--primary-variant-6);
}
.cca-regions .cca-regions-maps div {
  width: 50%;
}
.cca-regions .cca-regions-maps div img {
  width: 100%;
  object-fit: contain;
}
.cca-regions .cca-regions-maps .full-image {
  border: 1px solid var(--dark-variant-5);
  border-radius: 0.25rem;
}
.cca-regions .cca-regions-maps .full-image img {
  width: 70%;
  height: 100%;
  margin: 0 auto;
  display: flex;
  padding: 0.25rem;
}
.cca-regions .cca-regions-maps .region-image {
  padding: 4.25rem 1.375rem 1.25rem 1.375rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  border: 1px solid var(--dark-variant-5);
  border-radius: 0.25rem;
}
.cca-regions .cca-regions-maps .region-image button {
  width: fit-content;
  margin-left: auto;
}

.pr-ccit-images {
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
}
.pr-ccit-images picture {
  border: 1px solid var(--dark-variant-5);
  border-radius: 0.25rem;
  width: 50%;
}
.pr-ccit-images picture img {
  max-width: 100%;
  max-height: 24.375rem;
}

@media (max-width: 767.98px) {
  .etds-cca-dg-modal .modal-dialog {
    min-width: unset;
  }
  .directorates.aeoi-page .directorates__link-row .directorates__link .directorates__a {
    width: auto;
    visibility: visible;
  }
  .directorates.aeoi-page .directorates__link-row .directorates__link svg {
    top: 0;
  }
  .etds-cca-dg-modal .modal-content {
    min-width: unset;
  }
  .etds-cca-container .page-with-sidebar .page-sidebar .page-sidebar-navigation .additional-action .title-wrap .title {
    padding-left: 1.75rem !important;
  }
}
@media (max-width: 480.98px) {
  .directorates.aeoi-page .directorates__link-row .directorates__p {
    word-break: break-word;
    font-size: var(--sub-heading-3-font-size);
    font-weight: 700;
  }
  .directorates.aeoi-page .directorates__link-row .directorates__link .directorates__a {
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    padding: 0 !important;
    opacity: 0;
    overflow: hidden;
  }
  .directorates.aeoi-page .directorates__link-row .directorates__link svg {
    position: static;
  }
}
.cca-header {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.cca-header .cca-header-texts__h2 {
  font-size: var(--h3-font-size);
  font-weight: 700;
  color: var(--primary);
}
.cca-header .cca-header-login-btn {
  display: flex;
  gap: 0.25rem;
}
.cca-header .cca-header-login-btn:focus-visible {
  margin-top: 0.5rem;
}
.cca-header .cca-header-login-btn p {
  line-height: 1.125rem;
}
.cca-header .cca-header-texts__p {
  color: var(--primary);
}

.tax-survey-button {
  border: 1px solid var(--primary);
  color: var(--primary);
  line-height: normal;
}

.tax-survey-button:hover {
  background-color: inherit;
  border-color: var(--primary);
  color: var(--primary);
}

.etds-cca-container .tabs-container {
  display: flex;
  border: 1px solid var(--dark-variant-5);
  border-radius: 0.25rem;
}
.etds-cca-container .tabs-container .tabs-sidebar {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 300px;
  padding: 1.25rem 1rem;
  background-color: var(--secondary-info-bg-2);
  border-right: 1px solid var(--dark-variant-5);
}
.etds-cca-container .tabs-container .tabs-content {
  padding: 1.5rem 1.25rem;
  width: 100%;
  overflow: scroll;
}
.etds-cca-container .tabs-container .tabs-content .etds-page-main-content {
  padding: 0;
}
.etds-cca-container .tabs-container .tabs-content::-webkit-scrollbar {
  display: none;
}
.etds-cca-container .tabs-container .text-truncate {
  max-width: 31.25rem;
}
.etds-cca-container .cca-tab-item {
  display: flex;
  justify-content: space-between;
  padding: 0.75rem;
  background-color: var(--secondary-variant-3);
  position: relative;
  border-radius: 0.25rem;
}
.etds-cca-container .cca-tab-item a,
.etds-cca-container .cca-tab-item a span,
.etds-cca-container .cca-tab-item .cca-submenu-toggle,
.etds-cca-container .cca-tab-item .cca-submenu-item p,
.etds-cca-container .cca-tab-item p {
  font-size: var(--body-font-2-size);
  font-weight: 400;
  color: var(--primary-variant-7);
  text-decoration: none;
  position: relative;
}
.etds-cca-container .cca-tab-item svg {
  color: var(--neutral-800);
  position: absolute;
  right: 0.75rem;
}
.etds-cca-container .cca-tab-item a {
  width: 100%;
  z-index: 9;
}
.etds-cca-container .cca-tab-item *:focus-visible {
  padding: 0.125rem;
}
.etds-cca-container .highlight-background,
.etds-cca-container .is-open {
  background-color: var(--primary-variant-8);
}
.etds-cca-container .highlight-background a,
.etds-cca-container .highlight-background a span,
.etds-cca-container .highlight-background .highlight-background__text,
.etds-cca-container .is-open a,
.etds-cca-container .is-open a span,
.etds-cca-container .is-open .highlight-background__text {
  color: var(--secondary-600);
  font-weight: 700;
}
.etds-cca-container .tabs-sidebar-fragment div,
.etds-cca-container .tabs-sidebar-fragment .portlet {
  height: 100%;
}
.etds-cca-container .tabs-sidebar-fragment .cca-tab-item {
  height: unset;
}
.etds-cca-container .cca-submenu-toggle {
  display: flex;
  align-items: center;
}
.etds-cca-container .cca-submenu-toggle svg {
  position: unset;
  color: var(--secondary-700);
}
.etds-cca-container .is-open svg {
  transform: rotate(180deg);
}
.etds-cca-container .cca-submenu {
  display: none;
  flex-direction: column;
  gap: 0.25rem;
  padding-bottom: 0.25rem;
  border-bottom: 0.063rem solid var(--neutral-300);
}
.etds-cca-container .cca-submenu .cca-submenu-item {
  display: flex;
  gap: 0.5rem;
  padding: 0.75rem;
  font-size: var(--body-font-2-size);
  font-weight: 400;
  color: var(--primary-variant-7);
  text-decoration: none;
  position: relative;
  padding-left: 1.25rem;
  border-radius: 0.25rem;
}
.etds-cca-container .cca-submenu .cca-submenu-item svg {
  color: var(--dark-variant-1);
  flex-shrink: 0;
}
.etds-cca-container .cca-submenu .cca-submenu-item svg:last-child {
  margin-left: auto;
}
.etds-cca-container .cca-submenu .cca-submenu-item:hover, .etds-cca-container .cca-submenu .cca-submenu-item:focus-visible {
  background-color: var(--primary-variant-5);
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.etds-cca-container .cca-submenu .cca-submenu-item.highlight-background {
  background-color: var(--primary-variant-4);
  color: var(--primary);
}
.etds-cca-container .cca-submenu .cca-submenu-item.highlight-background p {
  font-weight: 700;
}
.etds-cca-container .cca-submenu .cca-submenu-item.highlight-background svg {
  color: var(--primary);
}
.etds-cca-container .cca-submenu .cca-submenu-item.cca-submenu-item--disabled svg {
  color: var(--neutral-500);
}
.etds-cca-container .cca-submenu-toggle {
  border: 0;
}

@media (max-width: 575.98px) {
  .cca-header a {
    width: 100%;
  }
  .cca-regions .cca-regions-maps .region-image {
    padding: 0 0 0.375rem 0;
    gap: 0.375rem;
  }
  .cca-regions .cca-regions-maps .region-image .btn {
    margin-right: 0.375rem;
  }
  .etds-cca-dg-modal .etds-cca-dg-modal-body .etds-cca-dg-modal-download {
    display: none;
  }
  .etds-cca-dg-modal .etds-cca-dg-modal-body .etds-cca-dg-modal-download-mobile {
    display: block;
  }
  .etds-cca-dg-modal .etds-cca-dg-modal-footer {
    background-color: var(--secondary-variant-3);
  }
  .etds-cca-dg-modal .etds-cca-dg-modal-footer button {
    width: 100%;
  }
}
.etds-cca-dg-navs-mobile-menu {
  display: none;
  margin: 1rem;
  padding: 0;
  border: none;
  background: none;
  width: fit-content;
}
.etds-cca-dg-navs-mobile-menu * {
  color: var(--primary);
}
.etds-cca-dg-navs-mobile-menu svg:nth-child(2) {
  display: none;
}
.etds-cca-dg-navs-mobile-menu:focus-visible {
  outline-offset: 0.125rem;
}

@media (max-width: 990.98px) {
  .etds-cca-container:has(.etds-cca-dg-navs-mobile-menu) {
    padding: 3rem 1rem !important;
  }
  .etds-cca-container .tabs-container {
    flex-direction: column;
  }
  .etds-cca-container .tabs-container .tabs-sidebar {
    background: var(--primary-variant-6);
    padding: 1rem;
    display: none;
  }
  .etds-cca-container .etds-cca-dg-navs-mobile-menu {
    display: flex;
    gap: 0.25rem;
    align-items: center;
    position: absolute;
    top: -3.375rem;
    left: -1.313rem;
  }
  .etds-cca-container .pr-ccit-images {
    flex-direction: column;
  }
  .etds-cca-container .pr-ccit-images picture {
    width: 100%;
  }
  .official-deps .child-menu {
    min-width: 11.688rem !important;
  }
  .etds-cca-natweb-mainwrapper .etds-table-striped .etds-natweb__button {
    font-size: 0.563rem !important;
  }
}
.etds-cca-dg-modal-table .table-radius {
  border: 1px solid var(--dark-variant-5);
  border-radius: 4px;
  overflow: hidden;
  margin-left: -12px;
  margin-right: -12px;
}

.home-modal-table-whats-new {
  font-size: var(--body-font-1-size);
}
.home-modal-table-whats-new tbody {
  background: none;
}
.home-modal-table-whats-new th {
  background-color: var(--primary-variant-5);
  font-weight: bold !important;
}
.home-modal-table-whats-new td {
  font-weight: 500;
}
.home-modal-table-whats-new .sizeTh {
  width: 25%;
}
.home-modal-table-whats-new .linkTh {
  width: 25%;
}

.home-modal-table-whats-new th,
.home-modal-table-whats-new td {
  border: 0;
  padding: 0.625rem 1rem;
  height: auto;
  color: var(--font-color-basic);
}

.etds-cca-container .etds-misc .etds-misc-cards .card-print-btn-with-date-new-tag .card-right-side {
  min-width: fit-content;
}

@media (max-width: 1279.98px) {
  .etds-cca-container .tabs-container .tabs-sidebar {
    width: 12.188rem;
    min-width: unset;
  }
  .etds-cca-container .tabs-container .tabs-sidebar .cca-tab-item:has(svg) a {
    padding-right: 0.75rem;
  }
  .etds-cca-container .etds-misc .etds-misc-cards .card-print-btn-with-date-new-tag .card-left-side {
    flex: 0 1 50%;
  }
  .etds-cca-container .etds-misc .etds-misc-cards .card-print-btn-with-date-new-tag .card-right-side {
    flex: 0 1 40%;
  }
}
@media (max-width: 991.98px) {
  .etds-cca-container .tabs-container .tabs-sidebar {
    width: unset;
    border: none;
    padding-bottom: 0 !important;
  }
}
.cca-dg-kms-dropdown-wrapper {
  position: relative;
  width: fit-content;
}
.cca-dg-kms-dropdown-wrapper .cca-dg-kms-dropdown {
  position: absolute;
  top: 44px;
  z-index: 9999;
  display: none;
  min-width: 10.563rem;
  padding: 0;
  list-style-type: none;
  background-color: var(--neutral-100);
  border-radius: 0.25rem;
}
.cca-dg-kms-dropdown-wrapper .cca-dg-kms-dropdown .etds-kms-dg-link {
  display: block;
  padding: 0.75rem 1rem;
  font-size: var(--body-font-2-size);
  font-weight: 400;
  color: var(--primary-variant-7);
  text-decoration: none;
  position: relative;
}
.cca-dg-kms-dropdown-wrapper .cca-dg-kms-dropdown .etds-kms-dg-link:hover, .cca-dg-kms-dropdown-wrapper .cca-dg-kms-dropdown .etds-kms-dg-link:focus-visible {
  background-color: var(--tt-secondary);
  color: var(--neutral-100);
  outline-offset: -0.25rem;
}
.cca-dg-kms-dropdown-wrapper .cca-dg-kms-dropdown li:first-child a {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.cca-dg-kms-dropdown-wrapper .cca-dg-kms-dropdown li:last-child a {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.cca-dg-kms-dropdown-wrapper .cca-dg-kms-btn {
  background-color: var(--primary-stroke-10);
  border-color: var(--primary-800);
  height: unset;
}
.cca-dg-kms-dropdown-wrapper .cca-dg-kms-btn span,
.cca-dg-kms-dropdown-wrapper .cca-dg-kms-btn svg {
  color: var(--primary-800);
}
.cca-dg-kms-dropdown-wrapper .cca-dg-kms-btn .etds-kms-svg-rotate {
  transform: rotate(180deg);
}

.etds-tax-defaulter--border {
  border: 1px solid var(--dark-variant-5);
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  overflow: auto;
}

.etds-tax-defaulter {
  gap: 1rem;
}
.etds-tax-defaulter .etds-tax-defaulter-content {
  display: flex;
  flex-direction: column;
}
.etds-tax-defaulter .etds-tax-defaulter-content .etds-tax-defaulter-card {
  display: flex;
  padding: 0.75rem 0;
  background-color: var(--primary-variant-6);
}
.etds-tax-defaulter .etds-tax-defaulter-content .etds-tax-defaulter-card .etds-tax-defaulter-card-45 {
  display: flex;
  flex: 4.5;
  align-items: center;
}
.etds-tax-defaulter .etds-tax-defaulter-content .etds-tax-defaulter-card .etds-tax-defaulter-card-45 .etds-tax-defaulter-card-3 {
  flex: 3;
}
.etds-tax-defaulter .etds-tax-defaulter-content .etds-tax-defaulter-card .etds-tax-defaulter-card-45 .etds-tax-defaulter-card-1 {
  flex: 1;
}
.etds-tax-defaulter .etds-tax-defaulter-content .etds-tax-defaulter-card .etds-tax-defaulter-card--btn {
  background: none;
  border: none;
  padding: 0;
}
.etds-tax-defaulter .etds-tax-defaulter-content .etds-tax-defaulter-card .etds-tax-defaulter-card--btn svg {
  color: var(--neutral-800);
  width: 0.75rem;
  height: 0.75rem;
}
.etds-tax-defaulter .etds-tax-defaulter-content .etds-tax-defaulter-card .etds-tax-defaulter-card--btn:focus-visible {
  margin-left: 1rem;
}
.etds-tax-defaulter .etds-tax-defaulter-content .etds-tax-defaulter-card p {
  padding: 0 1rem;
}
.etds-tax-defaulter .etds-tax-defaulter-content .etds-tax-defaulter-card-width-10 {
  flex: 0.35;
}
.etds-tax-defaulter .etds-tax-defaulter-content .etds-tax-defaulter-card-widht-90 {
  flex: 9;
}
.etds-tax-defaulter .etds-tax-defaulter-content p {
  margin-bottom: 0;
}
.etds-tax-defaulter .etds-tax-defaulter-content .etds-tax-defaulter-card-wrapper:nth-child(odd) .etds-tax-defaulter-card {
  background-color: var(--primary-variant-5);
}
.etds-tax-defaulter .etds-tax-defaulter-content .etds-tax-defaulter-card--header {
  border-bottom: 1px solid var(--secondary);
  background-color: var(--primary-variant-4);
}
.etds-tax-defaulter .etds-tax-defaulter-content .etds-tax-defaulter-card--header p {
  font-weight: 700;
}
.etds-tax-defaulter .etds-tax-defaulter-content .etds-tax-defaulter-card-dropdown-content {
  display: flex;
  border-bottom: 1px solid var(--secondary);
  overflow: scroll;
  background-color: var(--primary-variant-6);
}
.etds-tax-defaulter .etds-tax-defaulter-content .etds-tax-defaulter-card-dropdown-content .etds-tax-defaulter-table td {
  padding: 0.75rem 1rem;
  font-size: var(--body-font-2-size);
  font-weight: 400;
  width: 26%;
  vertical-align: top;
  background-color: var(--primary-variant-6);
}
.etds-tax-defaulter .etds-tax-defaulter-content .etds-tax-defaulter-card-dropdown-content .etds-tax-defaulter-table td:nth-child(odd) {
  background-color: var(--primary-variant-4);
  font-weight: 700;
}
.etds-tax-defaulter .etds-tax-defaulter-content .etds-tax-defaulter-card-dropdown-content .etds-tax-defaulter-table td:nth-child(3) {
  width: 20%;
}
.etds-tax-defaulter .etds-tax-defaulter-content .etds-tax-defaulter-card-dropdown-content::-webkit-scrollbar {
  display: none;
}
.etds-tax-defaulter .error-wrapper .custom-error {
  position: unset;
}
.etds-tax-defaulter .form-control[readonly] {
  border-color: var(--dark-variant-4);
}
.etds-tax-defaulter .css-1bn53lx {
  height: calc(2.25rem + 1px);
}
.etds-tax-defaulter .etds-tax-defaulter-range-text {
  font-size: var(--body-font-3-size);
  font-weight: 400;
  margin-bottom: 0.5rem;
}
.etds-tax-defaulter .input-group-item select option {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 700;
}
.etds-tax-defaulter select.form-control {
  background: url("../assets/images/etds-down-arrow-gray.svg") no-repeat right 0.25rem center;
  background-size: 1.25em 1.25em;
}
.etds-tax-defaulter .etds-tax-defaulter-range-selector .input-group-item {
  flex: 3;
}
.etds-tax-defaulter .etds-tax-defaulter-range-selector .input-group-item:first-child {
  flex: 1.1;
}
.etds-tax-defaulter .label-tooltip-icon-wrap {
  display: inline-block;
  line-height: 0px;
  color: var(--neutral-800);
}
.etds-tax-defaulter .MuiOutlinedInput-notchedOutline {
  border-color: var(--dark-variant-4);
}
@media (max-width: 575.98px) {
  .etds-tax-defaulter .etds-tax-defaulter-card--btn {
    margin-left: 1rem;
  }
  .etds-tax-defaulter .etds-tax-defaulters-table-container {
    width: max-content;
  }
}

.global-banner-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
}
.global-banner-wrapper .gradient-background {
  background-image: linear-gradient(to right, var(--primary-variant-2), transparent);
  position: absolute;
  width: 70%;
  height: 100%;
  background-image: linear-gradient(to right, var(--primary-variant-2) 0%, var(--primary-variant-2) 75%, rgba(80, 93, 162, 0.7) 87%, rgba(80, 93, 162, 0.4) 95%, rgba(80, 93, 162, 0) 100%);
}
.global-banner-wrapper .global-banner {
  height: 235px;
  background-repeat: no-repeat;
  background-position: 100%;
  background-size: auto 100%;
}
.global-banner-wrapper .global-banner .banner-title {
  font-weight: 700;
  font-size: 40px;
  color: var(--primary-variant-6);
  padding-top: 24px;
  position: relative;
}
.global-banner-wrapper .tabs-wrapper {
  position: relative;
  width: 100%;
}
.global-banner-wrapper .tabs-wrapper .tabs {
  display: flex;
  gap: 8px;
  position: absolute;
  top: -48px;
}
.global-banner-wrapper .tabs-wrapper .tabs .tab {
  background: var(--secondary);
  border-radius: 8px 8px 0px 0px;
  cursor: pointer;
  font-weight: 600;
  font-size: 16px;
  color: var(--primary-variant-6);
  padding: 12px 28px;
  border: none;
  outline-offset: 0.125rem;
}
.global-banner-wrapper .tabs-wrapper .tabs .tab.active {
  background: var(--primary);
}
.global-banner-wrapper .tabs-wrapper .info-bar {
  background-color: var(--primary);
}
.global-banner-wrapper .tabs-wrapper .info-bar .container {
  display: flex;
  flex-direction: row;
  gap: 30px;
  padding-top: 12px;
  padding-bottom: 12px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  width: 100%;
  scroll-behavior: smooth;
  /* Firefox support */
  scrollbar-color: #7f8ccf transparent;
  scrollbar-width: thin;
}
.global-banner-wrapper .tabs-wrapper .info-bar .container::-webkit-scrollbar {
  height: 8px;
}
.global-banner-wrapper .tabs-wrapper .info-bar .container::-webkit-scrollbar-thumb {
  background: #7f8ccf;
  border-radius: 4px;
}
.global-banner-wrapper .tabs-wrapper .info-bar .container::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
}
.global-banner-wrapper .tabs-wrapper .info-bar .info-item {
  flex: 0 0 286px;
  max-width: 286px;
  display: flex;
  align-items: center;
  gap: 1rem;
  color: var(--primary-variant-6);
  font-size: 14px;
  line-height: 1.4;
  word-wrap: break-word;
  white-space: normal;
  justify-content: space-between;
}
.global-banner-wrapper .tabs-wrapper .info-bar .info-item a {
  color: var(--primary-variant-6);
}
.global-banner-wrapper .tabs-wrapper .info-bar .info-item span {
  display: inline-block;
}
.global-banner-wrapper .tabs-wrapper .info-bar .info-item svg {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
}

@media (min-width: 1600px) {
  .global-banner-wrapper .global-banner {
    background-size: 50% 100%;
    background-position: right center;
    height: 300px;
  }
}
@media (max-width: 767px) {
  .global-banner-wrapper .global-banner {
    height: 177px;
    background-position: 75% 50%;
  }
  .global-banner-wrapper .global-banner .banner-title {
    font-size: 30px;
  }
  .global-banner-wrapper .tabs-wrapper .tabs {
    top: -2.625rem;
  }
  .global-banner-wrapper .tabs-wrapper .tabs .tab {
    font-size: 0.75rem;
  }
  .tabs {
    top: -44px;
  }
  .tabs .tab {
    padding: 10px 16px;
    font-size: 16px;
  }
}
@media (max-width: 360px) {
  .global-banner-wrapper .global-banner {
    height: 150px;
    background-position: 80% 50%;
  }
  .global-banner-wrapper .global-banner .banner-title {
    padding-top: 16px;
    font-size: 20px;
  }
  .global-banner-wrapper .tabs-wrapper .tabs {
    top: -1.75rem !important;
  }
  .global-banner-wrapper .tabs-wrapper .tabs .tab {
    padding: 5px 12px;
    font-size: 12px;
  }
  .global-banner-wrapper .tabs-wrapper .info-bar .info-item {
    font-size: 12px;
  }
  .global-banner-wrapper .tabs-wrapper .info-bar .info-item svg {
    width: 15px;
    height: 15px;
  }
}
.eoi-card {
  border: 1px solid var(--secondary-bg-30);
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.eoi-card .eoi-card-header {
  padding: 0.75rem 1.25rem;
  background-color: var(--secondary-variant-2);
  color: var(--primary);
}
.eoi-card .eoi-card-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.5rem;
}
.eoi-card .eoi-card-content .eoi-card-content__read-more {
  text-decoration: underline;
  color: var(--secondary);
}
.eoi-card h4,
.eoi-card a,
.eoi-card p {
  margin-bottom: 0;
}

.etds-prompters .etds-natweb-notifications {
  flex-direction: row-reverse;
  gap: 0.875rem;
  top: 0.875rem;
}
.etds-prompters .etds-natweb-notifications .etds-natweb-notifications-icon {
  background-color: var(--primary-variant-1);
  border: 0.063rem solid var(--primary-variant-2);
  width: 2rem;
  height: 2rem;
  border-radius: 0.25rem;
  display: flex;
  justify-content: center;
  padding: 0 !important;
}
.etds-prompters .etds-natweb-notifications .etds-natweb-notifications-icon .etds-natweb-red-dot--count {
  left: -0.438rem;
  top: -0.438rem;
  border: none;
  padding-top: 0.1rem;
  background-color: #b3261d;
}
.etds-prompters .etds-natweb-notifications .etds-natweb-notifications-icon .etds-prompters-icon-wrapper {
  padding: 0.25rem;
  border-radius: 0.875rem;
  display: flex;
}
.etds-prompters .etds-natweb-notifications .etds-natweb-notifications-icon:focus-visible {
  outline-offset: -0.125rem;
}
.etds-prompters .etds-natweb-notifications .etds-natweb-notifications-icon.active {
  background-color: var(--background-6);
  border: 0.063rem solid var(--background-6);
}
.etds-prompters .etds-natweb-notifications .etds-natweb-notifications-card {
  max-width: 408px;
  gap: 0;
  border: none;
  overflow: hidden;
  padding: 0;
}
.etds-prompters .etds-natweb-notifications .etds-natweb-notifications-card .etds-natweb-notifications-card-header {
  margin: 1.25rem 1.5rem 0;
}
.etds-prompters .etds-natweb-notifications .etds-natweb-notifications-card .etds-natweb-notifications-card-header .h3 {
  color: var(--primary-purple);
  font-size: var(--h5-font-size);
  font-weight: 700;
  margin-bottom: 0;
}
.etds-prompters .etds-natweb-notifications .etds-natweb-notifications-card .etds-natweb-notifications-card-header h3 {
  color: var(--primary-purple);
}
.etds-prompters .etds-natweb-notifications .etds-natweb-notifications-card .etds-natweb-notifications-card-header button {
  border: none;
  background: none;
}
.etds-prompters .etds-natweb-notifications .etds-natweb-notifications-card .etds-natweb-notifications-card-header button svg {
  color: var(--primary-purple);
  height: 1.75rem;
  width: 1.75rem;
}
.etds-prompters .etds-natweb-notifications .etds-natweb-notifications-card .etds-natweb-notifications-card-header:after {
  content: "";
  position: absolute;
  width: 1.063rem;
  height: 0.938rem;
  right: 0.5rem;
  top: 2.563rem;
  background: var(--neutral-100);
  transform: rotateZ(45deg);
}
.etds-prompters .etds-natweb-notifications .etds-natweb-notifications-card .etds-natweb-notifications-cards {
  max-height: 200px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  margin-top: 1.25rem;
}
.etds-prompters .etds-natweb-notifications .etds-natweb-notifications-card .etds-natweb-notifications-cards .etds-natweb-notifications-card-row {
  padding: 0.75rem 1.5rem;
}
.etds-prompters .etds-natweb-notifications .etds-natweb-notifications-card .etds-natweb-notifications-cards .etds-natweb-notifications-card-row .etds-prompters-card-row-svg-wrapper {
  background-color: var(--secondary-purple);
  padding: 0.25rem;
  height: fit-content;
  border-radius: 0.25rem;
  position: relative;
}
.etds-prompters .etds-natweb-notifications .etds-natweb-notifications-card .etds-natweb-notifications-cards .etds-natweb-notifications-card-row .etds-prompters-card-row-svg-wrapper svg {
  color: var(--primary-purple);
}
.etds-prompters .etds-natweb-notifications .etds-natweb-notifications-card .etds-natweb-notifications-cards .etds-natweb-notifications-card-row .etds-prompters-card-row-svg-wrapper p {
  position: absolute;
  top: -0.25rem;
  right: -0.25rem;
}
.etds-prompters .etds-natweb-notifications .etds-natweb-notifications-card .etds-natweb-notifications-cards .etds-natweb-notifications-card-row .etds-natweb-notifications-card-content {
  gap: 0.5rem;
}
.etds-prompters .etds-natweb-notifications .etds-natweb-notifications-card .etds-natweb-notifications-cards .etds-natweb-notifications-card-row .etds-natweb-notifications-card-content .etds-natweb-notifications-card-content-header .etds-natweb-notifications-card-content__p {
  font-size: var(--sub-heading-3-font-size);
  font-weight: 700;
}
.etds-prompters .etds-natweb-notifications .etds-natweb-notifications-card .etds-natweb-notifications-cards .etds-natweb-notifications-card-row .etds-natweb-notifications-card-content .etds-natweb-notifications-card-content-footer .etds-natweb-notifications-card-content-footer__p {
  font-size: var(--sub-heading-3-font-size);
  font-weight: 400;
}
.etds-prompters .etds-natweb-notifications .etds-natweb-notifications-card .etds-natweb-notifications-cards .etds-natweb-notifications-card-row .etds-natweb-notifications-card-content .etds-natweb-notifications-card-content-footer .etds-natweb-notifications-card-content-footer__button {
  background-color: var(--primary-purple);
  color: var(--primary-variant-6);
  border: none;
}
.etds-prompters .etds-natweb-notifications .etds-natweb-notifications-card-footer {
  padding: 0.75rem 1rem;
  background-color: var(--secondary-purple);
}
.etds-prompters .etds-natweb-notifications .etds-natweb-notifications-card-footer button {
  background: none;
  border: none;
  display: block;
  margin: 0 auto;
  padding: 0.469rem;
  font-size: var(--button-font-size);
  font-weight: 500;
  color: var(--primary-purple);
}

.etds-prompters--announcement .etds-natweb-notifications .etds-natweb-notifications-card {
  padding-bottom: 1.25rem;
}
.etds-prompters--announcement .etds-natweb-notifications .etds-natweb-notifications-card .etds-natweb-notifications-cards {
  max-height: 288px;
}
.etds-prompters--announcement .etds-natweb-notifications .etds-natweb-notifications-card .etds-natweb-notifications-cards .etds-natweb-notifications-card-row .etds-natweb-notifications-card-content .etds-natweb-notifications-card-content-header .etds-natweb-notifications-card-content__p {
  font-size: var(--body-font-3-size);
  font-weight: 400;
}
.etds-prompters--announcement .etds-natweb-notifications .etds-natweb-notifications-card .etds-natweb-notifications-cards .etds-natweb-notifications-card-row .etds-natweb-notifications-card-content .etds-natweb-notifications-card-content-footer {
  justify-content: space-between;
}
.etds-prompters--announcement .etds-natweb-notifications .etds-natweb-notifications-card .etds-natweb-notifications-cards .etds-natweb-notifications-card-row .etds-natweb-notifications-card-content .etds-natweb-notifications-card-content-footer .etds-natweb-notifications-card-content-footer__p {
  font-size: var(--body-font-3-size);
  font-style: italic;
  color: var(--dark-variant-2);
}

@media (max-width: 991.98px) {
  .etds-prompters .etds-natweb-notifications .etds-natweb-notifications-icon .etds-natweb-red-dot--count {
    top: -0.375rem;
  }
}
@media (max-width: 575.98px) {
  .etds-prompters .etds-natweb-notifications .etds-natweb-notifications-card {
    max-width: 20.5rem;
  }
  .etds-prompters .etds-natweb-notifications .etds-natweb-notifications-card .etds-natweb-notifications-cards {
    max-height: 27.563rem;
  }
}
.etds-natweb-notifications-icon:focus-visible,
.etds-natweb-notifications-card-header button:focus-visible,
.etds-natweb-notifications-card-footer button:focus-visible,
.etds-natweb-notifications-card-content-footer__p a:focus-visible {
  outline-offset: 0.125rem;
}

.etds-natweb-notifications-card-content-footer__p a:focus-visible {
  margin: 0 0.25rem;
}

.etds-natweb-notifications-card-content-footer__p a {
  text-decoration: underline;
}

html[data-contrast=on] .etds-prompters .etds-natweb-notifications .etds-natweb-notifications-card .etds-natweb-notifications-cards .etds-natweb-notifications-card-row .etds-natweb-notifications-card-content .etds-natweb-notifications-card-content-footer .etds-natweb-notifications-card-content-footer__button {
  color: var(--neutral-100);
}

html[data-contrast=on] .MuiPickersInputBase-root {
  border-radius: 5px;
  color: var(--neutral-100);
  border: 1px solid var(--dark-variant-4);
}

html[data-contrast=on] p.blurr-text {
  color: var(--primary) !important;
}

html[data-contrast=on] .etds-natweb-reports .etds-cca-natweb .etds-dcu-card--success {
  background-color: transparent;
}

html[data-contrast=on] .etds-natweb-reports .etds-cca-natweb .etds-dcu-card--success .etds-dcu-report-details .etds-dcu-report-name {
  color: var(--primary);
}

/* dark theme css */
html[data-contrast=on] {
  /*.dropdown-menu .dropdown-item.active{
  color: black;
  }*/
}
html[data-contrast=on] .etds-prompters .etds-natweb-notifications .etds-natweb-notifications-card .etds-natweb-notifications-cards .etds-natweb-notifications-card-row .etds-natweb-notifications-card-content .etds-natweb-notifications-card-content-footer .etds-natweb-notifications-card-content-footer__button {
  color: var(--neutral-100);
}
html[data-contrast=on] .MuiPickersInputBase-root {
  border-radius: 5px;
  color: var(--neutral-100);
  border: 1px solid var(--dark-variant-4);
}
html[data-contrast=on] p.blurr-text {
  color: var(--primary) !important;
}
html[data-contrast=on] .etds-natweb-reports .etds-cca-natweb .etds-dcu-card--success {
  background-color: transparent;
}
html[data-contrast=on] .etds-natweb-reports .etds-cca-natweb .etds-dcu-card--success .etds-dcu-report-details .etds-dcu-report-name {
  color: var(--primary);
}
html[data-contrast=on] button.focus, html[data-contrast=on] button:focus-visible, html[data-contrast=on] .btn.focus, html[data-contrast=on] .btn:focus-visible, html[data-contrast=on] div.focus, html[data-contrast=on] div:focus-visible, html[data-contrast=on] input.focus, html[data-contrast=on] input:focus-visible, html[data-contrast=on] select.focus, html[data-contrast=on] select:focus-visible, html[data-contrast=on] textarea.focus, html[data-contrast=on] textarea:focus-visible {
  outline: 0.125rem solid var(--secondary);
}
html[data-contrast=on] .global-banner-wrapper .tabs-wrapper .tabs .tab:focus-visible {
  outline: 0.125rem solid var(--primary-variant-9);
}
html[data-contrast=on] .dropdown-container .selected-item:focus-visible, html[data-contrast=on] .dropdown-container .selected-item.open {
  outline: 0.125rem solid var(--secondary);
}
html[data-contrast=on] .basic-income-tax-content .alphabet-section .btn-alphabet {
  color: var(--font-color-basic);
}
html[data-contrast=on] .cca-header .cca-header-login-btn {
  background-color: transparent;
  color: var(--font-color-basic);
}
html[data-contrast=on] .cca-header .cca-header-login-btn svg path {
  fill: var(--primary);
}
html[data-contrast=on] .element-a-with-icon--gray {
  background: url("../assets/images/etds-yellow_open_in_new.svg") no-repeat right center;
}
html[data-contrast=on] .percent-blue-box {
  background-color: var(--background-4);
  border: 1px solid var(--dark-variant-5);
}
html[data-contrast=on] .blue-box-title-with-pdf-icon {
  background: var(--primary-variant-6) url("../assets/images/etds-white-pdf-icon.svg") no-repeat right 1.5rem center;
}
html[data-contrast=on] .rounded-table .table-thead-title th {
  color: var(--font-color-basic);
}
html[data-contrast=on] .accordion-section .accordion-btn-expColl {
  color: var(--primary);
}
html[data-contrast=on] .contact-modal-html-content .content-group .content-group-title {
  color: var(--font-color-basic);
}
html[data-contrast=on] .pdf-link-document-viewer-item svg path {
  fill: var(--primary);
}
html[data-contrast=on] .video-listing-wrapper .tag-list .btn-tag {
  color: var(--primary-font-color);
}
html[data-contrast=on] .video-listing-wrapper .tag-list .btn-tag.active {
  color: var(--primary-variant-6) !important;
}
html[data-contrast=on] .publicity-campaign-content-wrapper .video-content-wrapper .title-wrap .event-title {
  color: var(--primary);
}
html[data-contrast=on] .pdf-with-arrow-link-section {
  background: transparent;
  border: 1px solid var(--secondary-bg-30);
}
html[data-contrast=on] .tax-survey-success .alert-success {
  background: #f5fbf6;
}
html[data-contrast=on] .etds-registration-portal .verified-email {
  color: var(--primary);
}
html[data-contrast=on] .etds-forgot-password-portal .register-otp-timer {
  color: var(--font-color-basic);
}
html[data-contrast=on] .otp-input-wrapper .custom-success {
  color: var(--primary);
}
html[data-contrast=on] .register-otp-timer {
  color: var(--font-color-basic);
}
html[data-contrast=on] .register-otp-timer .otp-timer {
  color: var(--primary);
}
html[data-contrast=on] .etds-register-as-new-user-header p {
  color: var(--font-color-basic);
}
html[data-contrast=on] .list-item-faq .list-item-nav .list-item-nav-faq {
  color: var(--primary);
}
html[data-contrast=on] .gm-style .gm-style-iw-c {
  background-color: black;
}
html[data-contrast=on] .dropdown-menu-select.dropdown-menu .inline-scroller li {
  color: var(--font-color-basic) !important;
}
html[data-contrast=on] .dropdown-menu-select.dropdown-menu .inline-scroller li ul li button {
  color: var(--font-color-basic) !important;
}
html[data-contrast=on] .dropdown-item.active {
  background: transparent;
}
html[data-contrast=on] .etds-us-3 .etds-us-3__sub-groups :has(> .etds-us-3__sub-group) {
  background-color: transparent;
}
html[data-contrast=on] .etds-us-3 .etds-us-3__sub-groups .etds-us-3__sub-group .etds-us-3__rows .etds-us-3__row {
  background-color: transparent;
  border: 1px solid var(--dark-variant-5);
}
html[data-contrast=on] .etds-page-main-content .search-wrapper .search-box .compare-tab-content .compare-desc {
  color: var(--font-color-basic);
}
html[data-contrast=on] .password-section-wrapper .info-box li.success {
  color: var(--primary);
}
html[data-contrast=on] .forget-password-steps .otp-success {
  color: var(--primary);
}
html[data-contrast=on] .purple-card .awaiting-selection {
  color: var(--font-color-basic);
}
html[data-contrast=on] .etds-card-blue-card.purple-card .etds-card-blue-link-view .etds-card-blue-link-box a {
  color: black;
}
html[data-contrast=on] .etds-page-main-content .search-wrapper .search-box .compare-tab-content .compare-selected-sections-wrap .compare-selected-sections .selected-section .section-content .section-data .section-desc {
  color: var(--font-color-basic);
}
html[data-contrast=on] .directorates.aeoi-page .directorates__link-row {
  background-color: var(--primary-stroke-2);
}
html[data-contrast=on] table tbody {
  background-color: inherit;
}
html[data-contrast=on] .who-we-are-wrapper .c-empty-state-text {
  color: var(--primary);
}
html[data-contrast=on] .custom-table-wrapper .table-responsive table td:nth-child(4) {
  color: var(--primary);
}
html[data-contrast=on] .kms-wrapper .right-content {
  background-color: var(--background-4) !important;
}
html[data-contrast=on] .circulars-section {
  background-color: var(--background-4);
}
html[data-contrast=on] .aeoi-card-bg {
  background-color: var(--background-4) !important;
}
html[data-contrast=on] .aeoi-html-content:last-child {
  background-color: var(--background-4);
}
html[data-contrast=on] .publicity-campaign-content-wrapper .title-wrap h2 {
  color: var(--primary);
}
html[data-contrast=on] .etds-select__placeholder {
  color: var(--dark-variant-2) !important;
}
html[data-contrast=on] .who-we-are-wrapper .c-empty-state-text {
  color: var(--primary);
}
html[data-contrast=on] .dropdown-menu .dropdown-item {
  color: var(--primary);
}
html[data-contrast=on] a.dropdown-item.active {
  background-color: inherit;
  color: white !important;
}
html[data-contrast=on] .etds-checkbox-selection-section {
  background: transparent;
}
html[data-contrast=on] .tax-calendar-wrapper .description p {
  color: var(--font-color-basic);
}
html[data-contrast=on] .tax-gyan-wrapper .choose-level-wrapper .label-tag {
  color: var(--primary);
}
html[data-contrast=on] .tax-gyan-wrapper .choose-level-wrapper .desc {
  color: var(--font-color-basic);
}
html[data-contrast=on] .right-user svg path {
  fill: black;
}
html[data-contrast=on] .tax-gyan-wrapper .time-text {
  color: var(--primary) !important;
}
html[data-contrast=on] .tax-gyan-wrapper .option-wrong span {
  color: black;
}
html[data-contrast=on] .tax-gyan-wrapper .option-correct span {
  color: black;
}
html[data-contrast=on] .tax-gyan-wrapper .trivia-label {
  color: black;
}
html[data-contrast=on] .tax-gyan-wrapper .quiz-content-box .quiz-score-section .quiz-status-row .quiz-status-card .quiz-wrong-answer,
html[data-contrast=on] .tax-gyan-wrapper .quiz-success-content-box .quiz-score-section .quiz-status-row .quiz-status-card .quiz-wrong-answer {
  color: red;
}
html[data-contrast=on] .tax-gyan-wrapper .etds-quiz-answers .question-box-section.wrong .answer {
  color: var(--error) !important;
}
html[data-contrast=on] .tax-gyan-wrapper .etds-quiz-answers .question-box-section.not-attempted .answer {
  color: var(--font-color-basic) !important;
}
html[data-contrast=on] .tax-gyan-wrapper .etds-quiz-answers .question-box-section.wrong .question-score {
  color: black;
  background-color: #FBCBCD;
}
html[data-contrast=on] .tax-gyan-wrapper .etds-quiz-answers .question-box-section.correct .answer {
  color: var(--primary);
}
html[data-contrast=on] .tax-gyan-wrapper .etds-quiz-answers .question-box-section.correct .answer {
  color: #D3EED8;
}
html[data-contrast=on] .view-all-wrapper a {
  color: var(--primary);
}
html[data-contrast=on] .view-all-wrapper svg path {
  fill: var(--primary);
}
html[data-contrast=on] .kms-wrapper .page-with-sidebar {
  background-color: transparent;
}
html[data-contrast=on] .etds-relevant-provisions__section-dropdown {
  background: var(--background-4);
  border: 1px solid var(--secondary-bg-30);
}
html[data-contrast=on] .etds-natweb-notifications .etds-natweb-red-dot {
  background-color: var(--error) !important;
}
html[data-contrast=on] .tax-gyan-wrapper .option-correct {
  background-color: #f5fbf6 !important;
  border: 1px solid #c2e5cb !important;
}
html[data-contrast=on] .tax-gyan-wrapper .trivia-box {
  background-color: #e7f3fe !important;
}
html[data-contrast=on] .tax-gyan-wrapper .trivia-box .trivia-text {
  color: var(--neutral-1000-2) !important;
}
html[data-contrast=on] .tax-gyan-wrapper .option-wrong {
  background-color: #fbf4f4 !important;
  border: 1px solid #e8bebb !important;
}

.rss-subscribe-links .container-fluid {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.rss-subscribe-links .container-fluid .rss-subscribe-link-row {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.75rem 1rem;
  border-radius: 0.25rem;
}
.rss-subscribe-links .container-fluid .rss-subscribe-link-row .rss-subscribe-link-row__p {
  color: var(--primary);
  margin-bottom: 0;
}
.rss-subscribe-links .container-fluid .rss-subscribe-link-row .rss-subscribe-link {
  display: flex;
  gap: 0.5rem;
  background: none;
  border: none;
  padding: 0.125rem 0.25rem;
}
.rss-subscribe-links .container-fluid .rss-subscribe-link-row .rss-subscribe-link .rss-subscribe-link__p,
.rss-subscribe-links .container-fluid .rss-subscribe-link-row .rss-subscribe-link svg {
  color: var(--secondary);
}
.rss-subscribe-links .rss-subscribe-link__p {
  text-decoration: underline;
  text-underline-offset: 0.125em;
}

.rss-subscribe-link-row--rss-feeds {
  background-color: var(--secondary-variant-3);
  border: 1px solid var(--secondary-bg-30);
}

.rss-subscribe-link-row--rss-tender-feeds {
  background-color: var(--background-4);
  border: 1px solid var(--dark-variant-5);
}

.rss-pop-up .rss-pop-up-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.25rem 1.5rem;
  background-color: var(--primary-variant-6);
  border-radius: 0.5rem 0.5rem 0 0;
}
.rss-pop-up .rss-pop-up-content .rss-pop-up__h3 {
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--dark-variant-5);
  color: var(--primary);
  font-size: 1.125rem;
  font-weight: 700;
}
.rss-pop-up .rss-pop-up-content .rss-pop-up-link {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0.75rem;
  border: 1px solid var(--dark-variant-5);
  border-radius: 0.25rem;
}
.rss-pop-up .rss-pop-up-content .rss-pop-up-link .rss-pop-up-url {
  display: flex;
  gap: 0.75rem;
  position: relative;
}
.rss-pop-up .rss-pop-up-content .rss-pop-up-link .rss-pop-up-url .rss-pop-up-url__a {
  padding-right: 0.75rem;
  border-right: 1px solid var(--dark-variant-5);
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--secondary);
  word-break: break-word;
}
.rss-pop-up .rss-pop-up-content .rss-pop-up-link .rss-pop-up-url .rss-pop-up-url__button {
  background: none;
  border: none;
  color: var(--primary);
}
.rss-pop-up .rss-pop-up-close {
  padding: 0.75rem 1.5rem;
  background-color: var(--primary-variant-5);
  border-radius: 0 0 0.5rem 0.5rem;
}
.rss-pop-up .rss-pop-up-close .rss-pop-up-close__button {
  border: 1px solid var(--primary);
  color: var(--primary);
}

.rss-pop-up__p p {
  margin-bottom: 0 !important;
}

.rss-pop-up-url__a {
  max-height: 5rem;
  overflow-y: auto;
  display: inline-block;
  line-height: 1.25rem;
  scrollbar-width: thin;
  -ms-overflow-style: none;
}
.rss-pop-up-url__a::-webkit-scrollbar {
  display: none;
}

@media (max-width: 767.98px) {
  .rss-subscribe-link__p {
    font-size: 0;
  }
  .rss-how-to .rss-steps {
    flex-wrap: wrap;
  }
}
.rss-how-to {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1.5rem;
  background-color: var(--primary-variant-5);
  border-radius: 0.25rem;
}
.rss-how-to .rss-steps {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}
.rss-how-to .rss-steps .rss-step {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  padding: 1.5rem 1rem;
  background-color: var(--background-5);
  border: 1px solid var(--secondary-bg-30);
  border-radius: 0.25rem;
}
.rss-how-to .rss-steps .rss-step svg {
  height: 2rem;
  width: 2rem;
}
.rss-how-to .rss-steps .rss-step p {
  color: var(--dark-variant-1);
}
.rss-how-to h3 {
  font-size: 1.25rem;
  font-weight: 500;
}
.rss-how-to .subtitle {
  font-size: 1rem;
}
.rss-how-to .footer-text {
  font-size: 0.875rem;
  font-weight: 500;
}

/* Specific Page CSS */
.etds-page-main-content {
  padding: 1.5rem 0;
  /* DTAA STYLE */
}
.etds-page-main-content.page-title-black .page-title-wrap .page-title {
  color: var(--primary-variant-7);
}
.etds-page-main-content .page-title-wrap {
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.etds-page-main-content .page-title-wrap.act-title-wrap {
  gap: 2.5rem;
}
.etds-page-main-content .page-title-wrap.act-title-wrap.false .page-title {
  max-width: 44.6875rem;
}
.etds-page-main-content .page-title-wrap.act-title-wrap.has-download {
  flex-direction: column;
  align-items: start;
  gap: 1rem;
}
.etds-page-main-content .page-title-wrap .page-title {
  color: var(--primary);
  font-size: var(--h3-font-size);
  font-weight: 700;
  line-height: 2.25rem;
  margin: 0;
}
.etds-page-main-content .page-title-wrap .page-title-right-area > div {
  display: flex;
  gap: 1rem;
}
.etds-page-main-content .page-content-wrap {
  padding: 1.5rem 1rem;
  background-color: var(--primary-variant-6);
  border: 1px solid var(--dark-variant-5);
  border-radius: 0.25rem;
}
.etds-page-main-content .page-content-wrap .section-title-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--dark-variant-5);
  margin-bottom: 1rem;
}
.etds-page-main-content .page-content-wrap .section-title-wrap .section-title {
  font-size: var(--h5-font-size);
  font-weight: 700;
  color: var(--primary);
  margin: 0;
}
.etds-page-main-content .page-content-wrap .section-title-wrap .view-all-link {
  text-decoration: none;
  font-size: var(--body-font-3-size);
  font-weight: 400;
  color: var(--secondary);
}
.etds-page-main-content .page-content-wrap .tax-laws-and-rules {
  margin-bottom: 1.75rem;
}
.etds-page-main-content .page-content-wrap .tax-laws-and-rules .acts-list {
  row-gap: 1rem;
}
.etds-page-main-content .page-content-wrap .tax-laws-and-rules-sections-wrap > div > div[class*=lfr-layout-structure-item]:last-child .tax-laws-and-rules {
  margin: 0;
}
.etds-page-main-content .other-links {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-shrink: 0;
  flex-wrap: wrap;
}
.etds-page-main-content .other-links .view-all-acts {
  text-decoration: none;
  border: 1px solid var(--primary);
  color: var(--primary);
  border-radius: 0.25rem;
  background: var(--primary-variant-6);
  padding: 0rem 1rem;
  height: 2.25rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0.5rem;
  font-size: var(--button-font-size);
  font-weight: 500;
}
.etds-page-main-content .other-links .view-all-acts svg {
  font-size: 1.25rem;
}
.etds-page-main-content .other-links .download-act {
  text-decoration: none;
  background-color: var(--secondary-variant-3);
  border: 1px solid var(--primary);
  color: var(--primary);
  border-radius: 0.25rem;
  padding: 0.25rem 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  height: 2.25rem;
}
.etds-page-main-content .other-links .download-act .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
}
.etds-page-main-content .other-links .download-act .file-icon {
  background-color: #d6eedd;
}
.etds-page-main-content .other-links .download-act .file-icon svg {
  width: 1.5rem;
  height: 1.5rem;
}
.etds-page-main-content .other-links .download-act .title {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 700;
}
.etds-page-main-content .other-links .download-act .download-act-btn {
  border: 1px solid var(--primary);
  color: var(--primary);
  background-color: var(--primary-variant-6);
  border-radius: 0.25rem;
  padding: 0.25rem 0.75rem;
  height: unset;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: var(--button-font-size);
  font-weight: 500;
}
.etds-page-main-content .other-links .download-act .download-act-btn svg {
  font-size: 1.25rem;
}
.etds-page-main-content .other-links.publicity-campaign-download .download-act {
  padding: 0.5rem 0.75rem;
  height: 3rem;
  gap: 0.5rem;
}
.etds-page-main-content .other-links.publicity-campaign-download .download-act .pdf-icon {
  background-color: #d6eedd;
  width: 2rem;
  height: 2rem;
}
.etds-page-main-content .other-links.publicity-campaign-download .download-act .title {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
  max-width: 25.875rem;
}
.etds-page-main-content .other-links.publicity-campaign-download .download-act .download-icon {
  color: var(--neutral-800);
  width: 2rem;
  height: 2rem;
}
.etds-page-main-content .search-wrapper {
  padding: 1.25rem 1rem;
  border-radius: 0.25rem;
  border: 1px solid var(--dark-variant-5);
  margin-bottom: 1.5rem;
  background-color: var(--primary-variant-6);
}
.etds-page-main-content .search-wrapper .search-box {
  border-bottom: 0.5px solid var(--neutral-300);
  margin-bottom: 1.5rem;
}
.etds-page-main-content .search-wrapper .search-box .search-title {
  font-size: var(--h5-font-size);
  font-weight: 700;
  color: var(--primary-variant-7);
  border-bottom: 1px solid var(--dark-variant-5);
  padding-bottom: 0.75rem;
  margin-bottom: 1.75rem;
}
.etds-page-main-content .search-wrapper .search-box .tab-style {
  padding: 0;
  margin: 0;
  border-bottom: 1px solid var(--dark-variant-5);
  margin-bottom: 1.5rem;
  list-style-type: none;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
}
.etds-page-main-content .search-wrapper .search-box .tab-style::-webkit-scrollbar {
  height: 0.25rem;
}
.etds-page-main-content .search-wrapper .search-box .tab-style::-webkit-scrollbar-track {
  background-color: #ebebeb;
  -webkit-border-radius: 0.25rem;
  border-radius: 0.25rem;
}
.etds-page-main-content .search-wrapper .search-box .tab-style::-webkit-scrollbar-thumb {
  -webkit-border-radius: 0.25rem;
  border-radius: 0.25rem;
  background: var(--dark-variant-4);
}
.etds-page-main-content .search-wrapper .search-box .tab-style.sub-heading-2-bold h5 {
  margin: 0;
  font-size: var(--sub-heading-2-font-size);
  font-weight: 700;
}
.etds-page-main-content .search-wrapper .search-box .tab-style li {
  color: var(--primary-variant-7);
  padding: 0;
  height: 2.5rem;
  display: flex;
  align-items: center;
  margin-bottom: -1px;
  cursor: pointer;
  font-size: var(--body-font-2-size);
  font-weight: 400;
  min-width: fit-content;
  position: relative;
}
.etds-page-main-content .search-wrapper .search-box .tab-style li.active {
  color: var(--secondary);
  background-color: var(--secondary-variant-3);
  font-weight: 700;
}
.etds-page-main-content .search-wrapper .search-box .tab-style li.active a,
.etds-page-main-content .search-wrapper .search-box .tab-style li.active button {
  color: var(--secondary);
  background-color: var(--secondary-variant-3);
  font-weight: 700;
  border-bottom: 2px solid var(--secondary);
}
.etds-page-main-content .search-wrapper .search-box .tab-style li.active a:after,
.etds-page-main-content .search-wrapper .search-box .tab-style li.active button:after {
  content: "";
  border-bottom: 1px solid var(--secondary);
  bottom: 0px;
  left: 0;
  right: 0;
  position: absolute;
}
.etds-page-main-content .search-wrapper .search-box .tab-style li.active a:focus-visible,
.etds-page-main-content .search-wrapper .search-box .tab-style li.active button:focus-visible {
  outline-offset: -0.4rem;
  border-radius: 0;
}
.etds-page-main-content .search-wrapper .search-box .tab-style li a {
  color: var(--primary-variant-7);
  text-decoration: none;
  height: 2.5rem;
  padding: 0.5rem 1.5rem;
}
.etds-page-main-content .search-wrapper .search-box .tab-style li a:focus-visible {
  outline-offset: -0.25rem;
}
.etds-page-main-content .search-wrapper .search-box .tab-style li button {
  color: var(--primary-variant-7);
  display: block;
  height: 2.5rem;
  padding: 0.5rem 1.5rem;
}
.etds-page-main-content .search-wrapper .search-box .tab-style li button:focus-visible {
  outline-offset: -0.25rem;
}
.etds-page-main-content .search-wrapper .search-box .tab-style button {
  display: none;
  background: none;
  border: none;
  width: 100%;
  justify-content: end;
  align-items: center;
}
.etds-page-main-content .search-wrapper .search-box .tab-style button svg {
  height: 20px;
  width: 20px;
  color: var(--neutral-800);
}
.etds-page-main-content .search-wrapper .search-box .tab-style .btn-dropdown {
  outline-offset: -0.25rem;
}
.etds-page-main-content .search-wrapper .search-box .compare-tab-content .compare-desc {
  font-size: var(--body-font-2-size);
  font-weight: 400;
  color: var(--neutral-800-2);
  margin-bottom: 1.25rem;
}
.etds-page-main-content .search-wrapper .search-box .compare-tab-content .compare-desc strong {
  font-weight: 700;
  color: var(--primary-variant-7);
}
.etds-page-main-content .search-wrapper .search-box .compare-tab-content .compare-filter-box {
  margin-bottom: 1.5rem;
}
.etds-page-main-content .search-wrapper .search-box .compare-tab-content .compare-selected-sections-wrap .selected-sections-title {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 700;
  color: var(--primary-variant-7);
  margin-bottom: 1.25rem;
}
.etds-page-main-content .search-wrapper .search-box .compare-tab-content .compare-selected-sections-wrap .no-sections-selected {
  background-color: var(--neutral-stroke-5);
  border: 1px dashed var(--dark-variant-4);
  border-radius: 0.25rem;
  margin-bottom: 1.25rem;
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.75rem;
  gap: 0.5rem;
}
.etds-page-main-content .search-wrapper .search-box .compare-tab-content .compare-selected-sections-wrap .no-sections-selected svg {
  width: 18px;
  height: 18px;
}
.etds-page-main-content .search-wrapper .search-box .compare-tab-content .compare-selected-sections-wrap .compare-selected-sections .selected-section {
  background-color: var(--background-4);
  border-radius: 0.25rem;
  border: 1px solid var(--secondary);
  padding: 0.5rem 0.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.etds-page-main-content .search-wrapper .search-box .compare-tab-content .compare-selected-sections-wrap .compare-selected-sections .selected-section .section-content {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  max-width: calc(100% - 2.25rem);
}
.etds-page-main-content .search-wrapper .search-box .compare-tab-content .compare-selected-sections-wrap .compare-selected-sections .selected-section .section-content .doc-icon {
  padding: 0.5rem;
  border-radius: 0.25rem;
  background-color: var(--secondary-variant-1);
  line-height: 0;
}
.etds-page-main-content .search-wrapper .search-box .compare-tab-content .compare-selected-sections-wrap .compare-selected-sections .selected-section .section-content .doc-icon svg {
  width: 1.25rem;
  height: 1.25rem;
  color: var(--secondary);
}
.etds-page-main-content .search-wrapper .search-box .compare-tab-content .compare-selected-sections-wrap .compare-selected-sections .selected-section .section-content .section-data .section-title {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
  color: var(--primary-variant-7);
  margin: 0;
}
.etds-page-main-content .search-wrapper .search-box .compare-tab-content .compare-selected-sections-wrap .compare-selected-sections .selected-section .section-content .section-data .section-desc {
  font-size: var(--body-font-3-size);
  font-weight: 400;
  color: var(--neutral-800-2);
  margin: 0;
}
.etds-page-main-content .search-wrapper .search-box .compare-tab-content .compare-selected-sections-wrap .compare-selected-sections .selected-section .remove-section {
  width: 1.25rem;
  height: 1.25rem;
  color: var(--error);
  flex-shrink: 0;
}
.etds-page-main-content .search-wrapper .search-box .compare-tab-content .compare-selected-sections-wrap .compare-selected-sections .alert-warning {
  border-color: #db8900;
  background-color: #fffbf2;
  color: #945301;
  margin: 0;
  margin-top: 0.25rem;
  padding: 0.75rem 1rem;
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
}
.etds-page-main-content .search-wrapper .search-box .compare-tab-content .compare-selected-sections-wrap .compare-selected-sections .alert-warning .lead {
  color: #945301;
  font-weight: 700;
}
.etds-page-main-content .search-wrapper .search-box .btn-reset {
  color: var(--primary);
}
.etds-page-main-content .search-wrapper .search-box .btn-reset:disabled {
  color: var(--dark-variant-3);
}
.etds-page-main-content .sort-views-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
}
.etds-page-main-content .sort-views-wrapper .allActsFilter {
  display: flex;
  padding: 0.25rem;
  align-items: center;
  border-radius: 0.25rem;
  background: var(--neutral-100);
  gap: 1.25rem;
}
@media (max-width: 414px) {
  .etds-page-main-content .sort-views-wrapper .allActsFilter {
    display: block;
  }
}
.etds-page-main-content .sort-views-wrapper .allActsFilter .btn-group {
  display: flex;
  padding: 0.25rem;
  align-items: center;
  border-radius: 0.25rem;
  border: 0.5px solid var(--neutral-400);
  background: var(--neutral-100);
}
.etds-page-main-content .sort-views-wrapper .allActsFilter .btn-group .allActButton {
  display: flex;
  height: 1.75rem;
  min-width: 3.5rem;
  padding: 0 0.75rem;
  justify-content: center;
  align-items: center;
  border-radius: 0.125rem;
  background: var(--tt-secondary);
  color: var(--neutral-100);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.3125rem;
  letter-spacing: 0.0075rem;
  border: none;
}
.etds-page-main-content .sort-views-wrapper .allActsFilter .btn-group .allActButton:hover {
  background: var(--tt-secondary-300);
  color: var(--neutral-100);
}
.etds-page-main-content .sort-views-wrapper .allActsFilter .btn-group .allActButtonDynmic {
  display: flex;
  height: 1.75rem;
  min-width: 3.5rem;
  padding: 0 0.75rem;
  justify-content: center;
  align-items: center;
  border-radius: 0.125rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.3125rem;
  letter-spacing: 0.0075rem;
  border: none;
}
.etds-page-main-content .sort-views-wrapper .allActsFilter .btn-group .allActButtonDynmic.act-type-0 {
  background: var(--act-type-0);
  color: var(--act-type-primary-0);
}
.etds-page-main-content .sort-views-wrapper .allActsFilter .btn-group .allActButtonDynmic.act-type-0:hover {
  background: #9bb8ef;
  color: #054b9a;
}
.etds-page-main-content .sort-views-wrapper .allActsFilter .btn-group .allActButtonDynmic.act-type-1 {
  background: var(--act-type-1);
  color: var(--act-type-primary);
}
.etds-page-main-content .sort-views-wrapper .allActsFilter .btn-group .allActButtonDynmic.act-type-1:hover {
  background: #c8e6c9;
  background: #e1bee7;
  color: #4a148c;
}
.etds-page-main-content .sort-views-wrapper .allActsFilter .btn-group .allActButtonDynmic.act-type-2 {
  background: var(--act-type-2);
  color: var(--act-type-2-color);
}
.etds-page-main-content .sort-views-wrapper .allActsFilter .btn-group .allActButtonDynmic.act-type-2:hover {
  background: #c8e6c9;
  color: #1b5e20;
}
.etds-page-main-content .sort-views-wrapper .allActsFilter .btn-group .allActButtonDynmic.act-type-3 {
  background: var(--act-type-3);
  color: var(--act-type-3-color);
}
.etds-page-main-content .sort-views-wrapper .allActsFilter .btn-group .allActButtonDynmic.act-type-3:hover {
  background: #fee0e0;
  color: #7f1d1d;
}
.etds-page-main-content .sort-views-wrapper .allActsFilter .btn-group .allActButtonDynmic.act-type-default {
  background: var(--neutral-100);
  color: var(--font-color-basic);
}
.etds-page-main-content .sort-views-wrapper .allActsFilter .btn-group .allActButtonDynmic.act-type-default:hover {
  background: #f5f5f5;
  color: #333;
}
.etds-page-main-content .sort-views-wrapper .sort-wrap,
.etds-page-main-content .sort-views-wrapper .views-wrap {
  display: flex;
  align-items: center;
  gap: "0.75rem";
}
.etds-page-main-content .sort-views-wrapper .sort-wrap .title,
.etds-page-main-content .sort-views-wrapper .views-wrap .title {
  font-size: 0.875rem;
  color: var(--font-color-basic);
  line-height: 1;
  margin-right: 1rem;
  font-weight: 500;
}
.etds-page-main-content .sort-views-wrapper .sort-wrap .actions,
.etds-page-main-content .sort-views-wrapper .views-wrap .actions {
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 2px;
  border-radius: 0.25rem;
  background-color: var(--primary-variant-6);
  border: 1px solid var(--neutral-400);
}
.etds-page-main-content .sort-views-wrapper .sort-wrap .actions button,
.etds-page-main-content .sort-views-wrapper .views-wrap .actions button {
  border: 0;
  background-color: transparent;
  border-radius: 0.25rem;
  height: 1.75rem;
  width: unset;
  display: flex;
  align-items: center;
  justify-content: center;
}
.etds-page-main-content .sort-views-wrapper .sort-wrap .actions button.active,
.etds-page-main-content .sort-views-wrapper .views-wrap .actions button.active {
  background: var(--tt-secondary-info-bg10);
  color: var(--tt-secondary);
  font-weight: 600;
}
.etds-page-main-content .sort-views-wrapper .sort-wrap .actions button.active svg,
.etds-page-main-content .sort-views-wrapper .views-wrap .actions button.active svg {
  color: var(--secondary);
}
.etds-page-main-content .sort-views-wrapper .sort-wrap .actions button svg,
.etds-page-main-content .sort-views-wrapper .views-wrap .actions button svg {
  color: #909296;
}
.etds-page-main-content .sort-views-wrapper .views-wrap.type-2 .title {
  font-size: var(--body-font-2-size);
  font-weight: 400;
  color: var(--primary-variant-7);
  line-height: 1;
  margin-right: 1.5rem;
}
.etds-page-main-content .sort-views-wrapper .views-wrap.type-2 .actions {
  border: 1px solid var(--dark-variant-4);
  box-shadow: none;
  padding: 0.25rem;
  gap: 0.25rem;
}
.etds-page-main-content .sort-views-wrapper .views-wrap.type-2 .actions button {
  border-radius: 0.125rem;
  color: var(--primary-variant-7);
  width: auto;
  gap: 0.5rem;
  padding: 0.125rem 0.725rem;
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
}
.etds-page-main-content .sort-views-wrapper .views-wrap.type-2 .actions button.active {
  background-color: var(--secondary-variant-2);
  color: var(--secondary);
  font-size: var(--sub-heading-2-font-size);
  font-weight: 700;
}
.etds-page-main-content .sort-views-wrapper .views-wrap.type-2 .actions button.active svg {
  color: var(--secondary);
}
.etds-page-main-content .sort-views-wrapper .views-wrap.type-2 .actions button svg {
  color: var(--primary-variant-7);
  width: 1.25rem;
  height: 1.25rem;
}
.etds-page-main-content .sort-views-wrapper .views-wrap.type-2 .actions button:disabled {
  color: var(--dark-variant-3);
  cursor: not-allowed;
}
.etds-page-main-content .sort-views-wrapper .views-wrap.type-2 .actions button:disabled svg {
  color: var(--dark-variant-3);
}
.etds-page-main-content .sort-views-wrapper .select-section-chapter {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
}
.etds-page-main-content .sort-views-wrapper .select-section-chapter .title {
  font-size: var(--body-font-2-size);
  font-weight: 400;
  color: var(--primary-variant-7);
  line-height: 1;
  margin-right: 1.5rem;
}
.etds-page-main-content .sort-views-wrapper .select-section-chapter .radio-wrap {
  display: flex;
  align-items: center;
  gap: 1.75rem;
}
.etds-page-main-content .search-found-title {
  font-size: var(--h4-font-size);
  font-weight: 500;
  margin-bottom: 1.875rem;
  min-height: 1px;
  text-align: center;
}
.etds-page-main-content .acts-wrapper,
.etds-page-main-content .section-chapter-wrapper {
  margin-bottom: 1.5rem;
}
.etds-page-main-content .acts-wrapper .acts-list,
.etds-page-main-content .section-chapter-wrapper .acts-list {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.etds-page-main-content .acts-wrapper .acts-list.list-view .acts-item,
.etds-page-main-content .section-chapter-wrapper .acts-list.list-view .acts-item {
  width: 100%;
}
.etds-page-main-content .acts-wrapper .acts-list .acts-item,
.etds-page-main-content .section-chapter-wrapper .acts-list .acts-item {
  width: calc(50% - 0.75rem);
  list-style-type: none;
  background-color: var(--secondary-variant-3);
  border-radius: 0.5rem;
  border: 1px solid var(--border-color);
  height: 6rem;
  display: flex;
}
@media (max-width: 414px) {
  .etds-page-main-content .acts-wrapper .acts-list .acts-item,
  .etds-page-main-content .section-chapter-wrapper .acts-list .acts-item {
    width: 100%;
  }
}
.etds-page-main-content .acts-wrapper .acts-list .acts-item .act-title,
.etds-page-main-content .section-chapter-wrapper .acts-list .acts-item .act-title {
  color: var(--secondary);
  font-size: var(--body-font-2-size);
  font-weight: 400;
  display: grid;
  grid-template-columns: 1.5fr 0.5fr;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 1.5rem;
  height: 6rem;
  text-decoration: none;
  justify-content: space-between;
  width: 100%;
}
.etds-page-main-content .acts-wrapper .acts-list .acts-item .act-title .filterBadgeButton,
.etds-page-main-content .section-chapter-wrapper .acts-list .acts-item .act-title .filterBadgeButton {
  padding: 0.25rem 0.5rem;
  border-radius: 1.25rem;
  font-size: 0.75rem;
  font-weight: 500;
  display: flex;
  height: 1.5rem;
  width: fit-content;
  align-items: center;
  gap: 0.25rem;
  border: 1px solid var(--act-type-primary);
  margin-top: 0.5rem;
}
.etds-page-main-content .acts-wrapper .acts-list .acts-item .act-title .filterBadgeButton.act-type-0,
.etds-page-main-content .section-chapter-wrapper .acts-list .acts-item .act-title .filterBadgeButton.act-type-0 {
  background: #eef0f9 !important;
  color: #076bcf !important;
}
.etds-page-main-content .acts-wrapper .acts-list .acts-item .act-title .filterBadgeButton.act-type-1,
.etds-page-main-content .section-chapter-wrapper .acts-list .acts-item .act-title .filterBadgeButton.act-type-1 {
  background: var(--act-type-1);
  color: var(--act-type-primary);
}
.etds-page-main-content .acts-wrapper .acts-list .acts-item .act-title .filterBadgeButton.act-type-2,
.etds-page-main-content .section-chapter-wrapper .acts-list .acts-item .act-title .filterBadgeButton.act-type-2 {
  background: var(--act-type-2);
  color: var(--act-type-2-color);
}
.etds-page-main-content .acts-wrapper .acts-list .acts-item .act-title .filterBadgeButton.act-type-3,
.etds-page-main-content .section-chapter-wrapper .acts-list .acts-item .act-title .filterBadgeButton.act-type-3 {
  background: var(--act-type-3);
  color: var(--act-type-3-color);
}
.etds-page-main-content .acts-wrapper .acts-list .acts-item .act-title .filterBadgeButton.act-type-default,
.etds-page-main-content .section-chapter-wrapper .acts-list .acts-item .act-title .filterBadgeButton.act-type-default {
  background: var(--neutral-100);
  color: var(--font-color-basic);
}
@media (max-width: 414px) {
  .etds-page-main-content .acts-wrapper .acts-list .acts-item .act-title .filterBadgeButton,
  .etds-page-main-content .section-chapter-wrapper .acts-list .acts-item .act-title .filterBadgeButton {
    width: max-content;
  }
}
.etds-page-main-content .acts-wrapper .acts-list .acts-item .act-title .act-name,
.etds-page-main-content .section-chapter-wrapper .acts-list .acts-item .act-title .act-name {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  pointer-events: none;
}
.etds-page-main-content .acts-wrapper .acts-list .acts-item .act-title svg,
.etds-page-main-content .section-chapter-wrapper .acts-list .acts-item .act-title svg {
  flex-shrink: 0;
  color: var(--secondary);
  width: 1.25rem;
  height: 1.25rem;
  margin: 0;
  pointer-events: none;
}
.etds-page-main-content .acts-wrapper .acts-list .acts-item .act-title:focus-visible,
.etds-page-main-content .section-chapter-wrapper .acts-list .acts-item .act-title:focus-visible {
  outline-offset: 0.125rem;
}
.etds-page-main-content .acts-wrapper .acts-list .acts-item .act-title .allAct-icon,
.etds-page-main-content .section-chapter-wrapper .acts-list .acts-item .act-title .allAct-icon {
  display: flex;
  justify-self: end;
}
.etds-page-main-content .acts-wrapper .sections-list,
.etds-page-main-content .acts-wrapper .chapters-list,
.etds-page-main-content .section-chapter-wrapper .sections-list,
.etds-page-main-content .section-chapter-wrapper .chapters-list {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.etds-page-main-content .acts-wrapper .sections-list.tile-view .sections-item,
.etds-page-main-content .acts-wrapper .chapters-list.tile-view .sections-item,
.etds-page-main-content .section-chapter-wrapper .sections-list.tile-view .sections-item,
.etds-page-main-content .section-chapter-wrapper .chapters-list.tile-view .sections-item {
  width: calc(50% - 0.75rem);
  align-self: stretch;
}
.etds-page-main-content .acts-wrapper .sections-list.forms-list .sections-item,
.etds-page-main-content .acts-wrapper .chapters-list.forms-list .sections-item,
.etds-page-main-content .section-chapter-wrapper .sections-list.forms-list .sections-item,
.etds-page-main-content .section-chapter-wrapper .chapters-list.forms-list .sections-item {
  padding: 1rem 0.75rem;
}
.etds-page-main-content .acts-wrapper .sections-list.forms-list .sections-item .section-name-wrap,
.etds-page-main-content .acts-wrapper .chapters-list.forms-list .sections-item .section-name-wrap,
.etds-page-main-content .section-chapter-wrapper .sections-list.forms-list .sections-item .section-name-wrap,
.etds-page-main-content .section-chapter-wrapper .chapters-list.forms-list .sections-item .section-name-wrap {
  border-color: #b6b6b6;
  padding-bottom: 0.75rem;
}
.etds-page-main-content .acts-wrapper .sections-list.forms-list .sections-item .section-name-wrap .section-link,
.etds-page-main-content .acts-wrapper .chapters-list.forms-list .sections-item .section-name-wrap .section-link,
.etds-page-main-content .section-chapter-wrapper .sections-list.forms-list .sections-item .section-name-wrap .section-link,
.etds-page-main-content .section-chapter-wrapper .chapters-list.forms-list .sections-item .section-name-wrap .section-link {
  color: #080871;
}
.etds-page-main-content .acts-wrapper .sections-list.forms-list .sections-item .section-name-wrap .actions svg,
.etds-page-main-content .acts-wrapper .chapters-list.forms-list .sections-item .section-name-wrap .actions svg,
.etds-page-main-content .section-chapter-wrapper .sections-list.forms-list .sections-item .section-name-wrap .actions svg,
.etds-page-main-content .section-chapter-wrapper .chapters-list.forms-list .sections-item .section-name-wrap .actions svg {
  font-size: 1.5rem;
}
.etds-page-main-content .acts-wrapper .sections-list.forms-list .sections-item .section-desc-wrap .section-desc,
.etds-page-main-content .acts-wrapper .chapters-list.forms-list .sections-item .section-desc-wrap .section-desc,
.etds-page-main-content .section-chapter-wrapper .sections-list.forms-list .sections-item .section-desc-wrap .section-desc,
.etds-page-main-content .section-chapter-wrapper .chapters-list.forms-list .sections-item .section-desc-wrap .section-desc {
  font-size: var(--body-font-2-size);
  font-weight: 400;
  color: #707070;
  width: 100%;
}
.etds-page-main-content .acts-wrapper .sections-list .sections-item,
.etds-page-main-content .acts-wrapper .chapters-list .sections-item,
.etds-page-main-content .section-chapter-wrapper .sections-list .sections-item,
.etds-page-main-content .section-chapter-wrapper .chapters-list .sections-item {
  width: 100%;
  list-style-type: none;
  padding: 1rem 1.25rem;
  background-color: var(--secondary-variant-3);
  border-radius: 0.5rem;
  border: 1px solid var(--secondary-bg-30);
  display: flex;
  flex-direction: column;
}
.etds-page-main-content .acts-wrapper .sections-list .sections-item .section-name-wrap,
.etds-page-main-content .acts-wrapper .chapters-list .sections-item .section-name-wrap,
.etds-page-main-content .section-chapter-wrapper .sections-list .sections-item .section-name-wrap,
.etds-page-main-content .section-chapter-wrapper .chapters-list .sections-item .section-name-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--secondary-variant-1);
  margin-bottom: 1rem;
}
.etds-page-main-content .acts-wrapper .sections-list .sections-item .section-name-wrap .section-link,
.etds-page-main-content .acts-wrapper .chapters-list .sections-item .section-name-wrap .section-link,
.etds-page-main-content .section-chapter-wrapper .sections-list .sections-item .section-name-wrap .section-link,
.etds-page-main-content .section-chapter-wrapper .chapters-list .sections-item .section-name-wrap .section-link {
  color: var(--secondary);
  font-size: var(--h5-font-size);
  font-weight: 700;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
  cursor: pointer;
}
.etds-page-main-content .acts-wrapper .sections-list .sections-item .section-name-wrap .section-link svg,
.etds-page-main-content .acts-wrapper .chapters-list .sections-item .section-name-wrap .section-link svg,
.etds-page-main-content .section-chapter-wrapper .sections-list .sections-item .section-name-wrap .section-link svg,
.etds-page-main-content .section-chapter-wrapper .chapters-list .sections-item .section-name-wrap .section-link svg {
  margin-left: 0.5rem;
  margin-top: -0.25rem;
}
.etds-page-main-content .acts-wrapper .sections-list .sections-item .section-name-wrap .actions,
.etds-page-main-content .acts-wrapper .chapters-list .sections-item .section-name-wrap .actions,
.etds-page-main-content .section-chapter-wrapper .sections-list .sections-item .section-name-wrap .actions,
.etds-page-main-content .section-chapter-wrapper .chapters-list .sections-item .section-name-wrap .actions {
  display: flex;
  align-items: center;
}
.etds-page-main-content .acts-wrapper .sections-list .sections-item .section-name-wrap .actions button,
.etds-page-main-content .acts-wrapper .chapters-list .sections-item .section-name-wrap .actions button,
.etds-page-main-content .section-chapter-wrapper .sections-list .sections-item .section-name-wrap .actions button,
.etds-page-main-content .section-chapter-wrapper .chapters-list .sections-item .section-name-wrap .actions button {
  border: 0;
  background: transparent;
  padding: 0.125rem 0.75rem;
  color: var(--primary);
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.etds-page-main-content .acts-wrapper .sections-list .sections-item .section-name-wrap .actions button:active,
.etds-page-main-content .acts-wrapper .chapters-list .sections-item .section-name-wrap .actions button:active,
.etds-page-main-content .section-chapter-wrapper .sections-list .sections-item .section-name-wrap .actions button:active,
.etds-page-main-content .section-chapter-wrapper .chapters-list .sections-item .section-name-wrap .actions button:active {
  background: var(--tt-secondary-info-bg10);
  color: var(--tt-secondary);
}
.etds-page-main-content .acts-wrapper .sections-list .sections-item .section-name-wrap .actions button:disabled,
.etds-page-main-content .acts-wrapper .chapters-list .sections-item .section-name-wrap .actions button:disabled,
.etds-page-main-content .section-chapter-wrapper .sections-list .sections-item .section-name-wrap .actions button:disabled,
.etds-page-main-content .section-chapter-wrapper .chapters-list .sections-item .section-name-wrap .actions button:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.etds-page-main-content .acts-wrapper .sections-list .sections-item .section-name-wrap .actions button svg,
.etds-page-main-content .acts-wrapper .chapters-list .sections-item .section-name-wrap .actions button svg,
.etds-page-main-content .section-chapter-wrapper .sections-list .sections-item .section-name-wrap .actions button svg,
.etds-page-main-content .section-chapter-wrapper .chapters-list .sections-item .section-name-wrap .actions button svg {
  width: 1.25rem;
  height: 1.25rem;
}
.etds-page-main-content .acts-wrapper .sections-list .sections-item .section-desc-wrap,
.etds-page-main-content .acts-wrapper .chapters-list .sections-item .section-desc-wrap,
.etds-page-main-content .section-chapter-wrapper .sections-list .sections-item .section-desc-wrap,
.etds-page-main-content .section-chapter-wrapper .chapters-list .sections-item .section-desc-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.etds-page-main-content .acts-wrapper .sections-list .sections-item .section-desc-wrap .section-desc,
.etds-page-main-content .acts-wrapper .chapters-list .sections-item .section-desc-wrap .section-desc,
.etds-page-main-content .section-chapter-wrapper .sections-list .sections-item .section-desc-wrap .section-desc,
.etds-page-main-content .section-chapter-wrapper .chapters-list .sections-item .section-desc-wrap .section-desc {
  font-size: var(--body-font-1-size);
  font-weight: 400;
  color: var(--neutral-800-2);
  width: 50%;
  margin: 0;
}
.etds-page-main-content .acts-wrapper .sections-list .sections-item .section-desc-wrap .related-content,
.etds-page-main-content .acts-wrapper .chapters-list .sections-item .section-desc-wrap .related-content,
.etds-page-main-content .section-chapter-wrapper .sections-list .sections-item .section-desc-wrap .related-content,
.etds-page-main-content .section-chapter-wrapper .chapters-list .sections-item .section-desc-wrap .related-content {
  font-size: var(--body-font-3-size);
  font-weight: 400;
  color: var(--secondary);
  flex-shrink: 0;
}
.etds-page-main-content .acts-wrapper .sections-list .chapters-item,
.etds-page-main-content .acts-wrapper .chapters-list .chapters-item,
.etds-page-main-content .section-chapter-wrapper .sections-list .chapters-item,
.etds-page-main-content .section-chapter-wrapper .chapters-list .chapters-item {
  width: 100%;
  list-style-type: none;
  padding: 1rem 0.75rem;
  background-color: var(--secondary-variant-3);
  border-radius: 0.5rem;
  border: 1px solid var(--secondary-bg-30);
  display: flex;
  flex-direction: column;
}
.etds-page-main-content .acts-wrapper .sections-list .chapters-item.open,
.etds-page-main-content .acts-wrapper .chapters-list .chapters-item.open,
.etds-page-main-content .section-chapter-wrapper .sections-list .chapters-item.open,
.etds-page-main-content .section-chapter-wrapper .chapters-list .chapters-item.open {
  border-color: #0675e2;
}
.etds-page-main-content .acts-wrapper .sections-list .chapters-item .chapter-name-wrap,
.etds-page-main-content .acts-wrapper .chapters-list .chapters-item .chapter-name-wrap,
.etds-page-main-content .section-chapter-wrapper .sections-list .chapters-item .chapter-name-wrap,
.etds-page-main-content .section-chapter-wrapper .chapters-list .chapters-item .chapter-name-wrap {
  cursor: pointer;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--secondary-variant-1);
  margin-bottom: 1rem;
  gap: 0.75rem;
  padding-bottom: 0.75rem;
}
.etds-page-main-content .acts-wrapper .sections-list .chapters-item .chapter-name-wrap.open svg,
.etds-page-main-content .acts-wrapper .chapters-list .chapters-item .chapter-name-wrap.open svg,
.etds-page-main-content .section-chapter-wrapper .sections-list .chapters-item .chapter-name-wrap.open svg,
.etds-page-main-content .section-chapter-wrapper .chapters-list .chapters-item .chapter-name-wrap.open svg {
  transform: rotate(90deg);
}
.etds-page-main-content .acts-wrapper .sections-list .chapters-item .chapter-name-wrap svg,
.etds-page-main-content .acts-wrapper .chapters-list .chapters-item .chapter-name-wrap svg,
.etds-page-main-content .section-chapter-wrapper .sections-list .chapters-item .chapter-name-wrap svg,
.etds-page-main-content .section-chapter-wrapper .chapters-list .chapters-item .chapter-name-wrap svg {
  color: var(--neutral-1200);
  transition: all 0.5s;
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
}
.etds-page-main-content .acts-wrapper .sections-list .chapters-item .chapter-name-wrap .chapter-number,
.etds-page-main-content .acts-wrapper .chapters-list .chapters-item .chapter-name-wrap .chapter-number,
.etds-page-main-content .section-chapter-wrapper .sections-list .chapters-item .chapter-name-wrap .chapter-number,
.etds-page-main-content .section-chapter-wrapper .chapters-list .chapters-item .chapter-name-wrap .chapter-number {
  margin-bottom: 0;
  font-size: var(--h5-font-size);
  font-weight: 700;
  color: #080871;
  text-transform: uppercase;
  flex-shrink: 0;
  max-width: calc(100% - 2.25rem);
}
.etds-page-main-content .acts-wrapper .sections-list .chapters-item .chapter-name-wrap .chapter-title,
.etds-page-main-content .acts-wrapper .chapters-list .chapters-item .chapter-name-wrap .chapter-title,
.etds-page-main-content .section-chapter-wrapper .sections-list .chapters-item .chapter-name-wrap .chapter-title,
.etds-page-main-content .section-chapter-wrapper .chapters-list .chapters-item .chapter-name-wrap .chapter-title {
  font-size: var(--body-font-2-size);
  font-weight: 400;
  color: #707070;
  padding-left: 2.25rem;
}
.etds-page-main-content .acts-wrapper .sections-list .chapters-item .chapter-sections,
.etds-page-main-content .acts-wrapper .chapters-list .chapters-item .chapter-sections,
.etds-page-main-content .section-chapter-wrapper .sections-list .chapters-item .chapter-sections,
.etds-page-main-content .section-chapter-wrapper .chapters-list .chapters-item .chapter-sections {
  padding-left: 2.25rem;
}
.etds-page-main-content .acts-wrapper .sections-list .chapters-item .chapter-sections .chapter-sections-list,
.etds-page-main-content .acts-wrapper .chapters-list .chapters-item .chapter-sections .chapter-sections-list,
.etds-page-main-content .section-chapter-wrapper .sections-list .chapters-item .chapter-sections .chapter-sections-list,
.etds-page-main-content .section-chapter-wrapper .chapters-list .chapters-item .chapter-sections .chapter-sections-list {
  width: 100%;
  list-style-type: none;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 0;
  margin: 0;
}
.etds-page-main-content .acts-wrapper .sections-list .chapters-item .chapter-sections .chapter-sections-list .section-item .section-item-link,
.etds-page-main-content .acts-wrapper .chapters-list .chapters-item .chapter-sections .chapter-sections-list .section-item .section-item-link,
.etds-page-main-content .section-chapter-wrapper .sections-list .chapters-item .chapter-sections .chapter-sections-list .section-item .section-item-link,
.etds-page-main-content .section-chapter-wrapper .chapters-list .chapters-item .chapter-sections .chapter-sections-list .section-item .section-item-link {
  text-decoration: none;
  color: var(--secondary);
  font-size: var(--body-font-3-size);
  font-weight: 400;
  text-align: left;
}
.etds-page-main-content .acts-wrapper .sections-list .chapters-item .chapter-sections .chapter-sections-list .section-item .section-item-link svg,
.etds-page-main-content .acts-wrapper .chapters-list .chapters-item .chapter-sections .chapter-sections-list .section-item .section-item-link svg,
.etds-page-main-content .section-chapter-wrapper .sections-list .chapters-item .chapter-sections .chapter-sections-list .section-item .section-item-link svg,
.etds-page-main-content .section-chapter-wrapper .chapters-list .chapters-item .chapter-sections .chapter-sections-list .section-item .section-item-link svg {
  width: 1.25rem;
  height: 1.25rem;
}
.etds-page-main-content .acts-wrapper .sections-list .chapters-item .chapter-sections .chapter-sections-list .section-item .section-item-link .section-number,
.etds-page-main-content .acts-wrapper .chapters-list .chapters-item .chapter-sections .chapter-sections-list .section-item .section-item-link .section-number,
.etds-page-main-content .section-chapter-wrapper .sections-list .chapters-item .chapter-sections .chapter-sections-list .section-item .section-item-link .section-number,
.etds-page-main-content .section-chapter-wrapper .chapters-list .chapters-item .chapter-sections .chapter-sections-list .section-item .section-item-link .section-number {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 700;
}
.etds-page-main-content .acts-wrapper .sections-list .chapters-item .chapter-sections .section-count,
.etds-page-main-content .acts-wrapper .chapters-list .chapters-item .chapter-sections .section-count,
.etds-page-main-content .section-chapter-wrapper .sections-list .chapters-item .chapter-sections .section-count,
.etds-page-main-content .section-chapter-wrapper .chapters-list .chapters-item .chapter-sections .section-count {
  font-size: var(--body-font-2-size);
  font-weight: 400;
  color: #707070;
  margin: 0;
}
.etds-page-main-content .char-heading {
  font-weight: 700;
  font-size: 1.25rem;
  color: var(--primary);
}
.etds-page-main-content .etds-acts-mobile-buttons {
  display: none;
  gap: 1rem;
  margin-bottom: 1.25rem;
}
.etds-page-main-content .etds-acts-mobile-buttons button {
  padding: 0.5rem 1rem;
  background: none;
  border: none;
  font-size: var(--sub-heading-2-font-size);
}
.etds-page-main-content .etds-acts-mobile-buttons .active {
  background-color: var(--secondary);
  border-radius: 2.625rem;
  color: var(--primary-variant-6);
  box-shadow: -1px 4px 14px 0px rgba(0, 0, 0, 0.1215686275);
  font-weight: 500;
}
.etds-page-main-content .rotate-180 {
  transform: rotate(180deg);
}
.etds-page-main-content .transition {
  transition: transform 0.3s ease;
}
.etds-page-main-content .search-compare-text {
  text-wrap: nowrap;
  font-size: var(--body-font-2-size);
  font-weight: 400;
}
.etds-page-main-content .dtaa-wrapper .sections-list .sections-item {
  flex-direction: row;
  gap: 1rem;
}
.etds-page-main-content .dtaa-wrapper .sections-list .sections-item .flag-wrap {
  width: 63px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.etds-page-main-content .dtaa-wrapper .sections-list .sections-item .dtaa-data {
  width: calc(100% - 5rem);
}
.etds-page-main-content .dtaa-wrapper .sections-list .sections-item .dtaa-data .section-name-wrap .section-link {
  font-size: var(--sub-heading-1-font-size);
  font-weight: 700;
}
.etds-page-main-content .dtaa-wrapper .sections-list .sections-item .dtaa-data .section-name-wrap .print-btn {
  padding: 0.25rem 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  font-size: var(--button-font-size);
  font-weight: 500;
}
.etds-page-main-content .dtaa-wrapper .sections-list .sections-item .dtaa-data .section-name-wrap .print-btn .text {
  color: var(--primary);
}
.etds-page-main-content .dtaa-wrapper .sections-list .sections-item .dtaa-data .section-name-wrap .print-btn svg {
  font-size: 1.25rem;
  color: var(--neutral-800);
}
.etds-page-main-content .dtaa-wrapper .sections-list .sections-item .dtaa-data .section-desc-wrap .section-desc {
  font-size: var(--body-font-3-size);
  font-weight: 400;
  color: var(--dark-variant-2);
  width: 100%;
}
@media (max-width: 767.98px) {
  .etds-page-main-content .dtaa-wrapper .sections-list.tile-view .sections-item {
    width: 100%;
  }
}

.no-match-box {
  padding: 0.563rem 0.75rem 0.563rem 1.25rem;
  background: var(--neutral-100);
  border: 0.063rem solid var(--neutral-stroke-20);
  border-radius: 0.25rem;
  font-size: var(--sub-heading-3-font-size);
  font-weight: 400;
  color: var(--dark-variant-3);
}

@media (max-width: 991.98px) {
  .etds-page-main-content .section-chapter-wrapper .sections-list.tile-view .sections-item .section-name-wrap .actions .text {
    display: none;
  }
  .etds-page-main-content .other-links.publicity-campaign-download .download-act .title {
    max-width: 21.9375rem;
  }
}
@media (max-width: 767.98px) {
  .etds-page-main-content .sort-views-wrapper .select-section-chapter {
    gap: 1rem;
  }
  .etds-page-main-content .sort-views-wrapper .select-section-chapter .title {
    margin-right: 0;
  }
  .etds-page-main-content .other-links.publicity-campaign-download .download-act .title {
    max-width: 15.9375rem;
  }
}
@media (max-width: 575.98px) {
  .etds-page-main-content .page-title-wrap {
    display: block;
  }
  .etds-page-main-content .page-title-wrap .page-title {
    margin-bottom: 1rem;
  }
  .etds-page-main-content .page-title-wrap.right-side-button-mobile {
    display: flex;
  }
  .etds-page-main-content .page-title-wrap.right-side-button-mobile .page-title {
    margin-bottom: 0;
  }
  .etds-page-main-content .search-wrapper {
    padding: 1rem;
  }
  .etds-page-main-content .search-wrapper .search-box .compare-tab-content .compare-filter-box .form-group-item-autofit label {
    display: none;
  }
  .etds-page-main-content .search-wrapper .search-box .compare-tab-content .compare-selected-sections-wrap .compare-selected-sections {
    margin: 0;
  }
  .etds-page-main-content .search-wrapper .search-box .compare-tab-content .compare-selected-sections-wrap .compare-selected-sections .form-group-item:nth-child(3) {
    margin: 0;
  }
  .etds-page-main-content .search-wrapper .search-box .compare-tab-content .compare-selected-sections-wrap .compare-selected-sections .form-group-item-autofit {
    display: none;
  }
  .etds-page-main-content .search-wrapper .search-box .tab-style.etds-title-with-redirection-link {
    flex-direction: column;
    padding-bottom: 0.5rem;
  }
  .etds-page-main-content .search-wrapper .search-box .tab-style.etds-title-with-redirection-link h5 {
    margin: 0;
  }
  .etds-page-main-content .search-wrapper .search-box .tab-style button {
    display: flex;
  }
  .etds-page-main-content .acts-wrapper .acts-list .acts-item {
    width: 100%;
  }
  .etds-page-main-content .section-chapter-wrapper .sections-list.tile-view .sections-item {
    width: 100%;
  }
  .etds-page-main-content .section-chapter-wrapper .sections-item .section-name-wrap .actions .text {
    display: none;
  }
  .etds-page-main-content .section-chapter-wrapper .chapters-list .chapters-item .chapter-name-wrap .chapter-title {
    display: none;
  }
  .etds-page-main-content .sort-views-wrapper {
    display: block;
  }
  .etds-page-main-content .sort-views-wrapper .select-section-chapter {
    justify-content: start;
  }
  .etds-page-main-content .sort-views-wrapper .views-wrap.type-2 {
    display: none;
  }
  .etds-page-main-content .sort-views-wrapper .views-wrap.type-2.show-mobile {
    display: flex;
    gap: 0.5rem;
  }
  .etds-page-main-content .sort-views-wrapper .views-wrap.type-2.show-mobile.show-mobile-vertical {
    flex-direction: column;
    align-items: start;
  }
  .etds-page-main-content .sort-views-wrapper .views-wrap.type-2.show-mobile.show-mobile-vertical .actions {
    margin-left: 0;
  }
  .etds-page-main-content .sort-views-wrapper .views-wrap.type-2 .actions {
    gap: 0;
  }
  .etds-page-main-content .sort-views-wrapper .views-wrap.type-2 .actions button {
    font-size: var(--sub-heading-3-font-size);
    font-weight: 500;
  }
  .etds-page-main-content .sort-views-wrapper .views-wrap.type-2 .actions button.active {
    font-size: var(--sub-heading-3-font-size);
    font-weight: 700;
  }
  .etds-page-main-content .other-links {
    flex-direction: column;
  }
  .etds-page-main-content .other-links a {
    width: 100%;
  }
  .etds-page-main-content .other-links .view-all-acts {
    justify-content: center;
  }
  .etds-page-main-content .other-links .india-code-portal-link,
  .etds-page-main-content .other-links .download-act {
    justify-content: space-between;
    height: unset;
  }
  .etds-page-main-content .other-links.publicity-campaign-download {
    align-items: flex-start;
  }
  .etds-page-main-content .other-links.publicity-campaign-download .download-act {
    width: 100%;
  }
  .etds-page-main-content .other-links.publicity-campaign-download .download-act .title {
    max-width: inherit;
    flex-basis: calc(100vw - 153px);
  }
  .etds-page-main-content .other-links.publicity-campaign-download .download-act a {
    width: auto;
  }
  .etds-page-main-content.rules-page .search-wrapper .search-box .search-tab-content .form-group-autofit {
    margin-bottom: 1rem;
  }
  .etds-page-main-content.rules-page .search-wrapper .search-box .search-tab-content .form-group-autofit .form-group-item-autofit {
    display: flex;
    flex-basis: auto;
    flex-direction: column;
    flex-grow: 0;
    flex-shrink: 1;
    min-width: 25px;
    position: relative;
    width: 100%;
  }
  .etds-page-main-content.rules-page .search-wrapper .search-box .search-tab-content .form-group-autofit .form-group-item-autofit .control-label {
    display: none;
  }
  .etds-page-main-content.rules-page .search-wrapper .search-box .search-tab-content .form-group-autofit .form-group-item-autofit .action-buttons {
    flex-direction: column;
    gap: 0.75rem;
  }
  .etds-page-main-content.rules-page .search-wrapper .search-box .search-tab-content .form-group-autofit .form-group-item-autofit .action-buttons .btn {
    width: 100%;
  }
  .etds-page-main-content.rules-page .search-wrapper .sort-views-wrapper .select-section-chapter {
    display: flex !important;
    flex-direction: column;
    align-items: start;
    gap: 0.5rem;
  }
  .etds-page-main-content.rules-page .search-wrapper .sort-views-wrapper .select-section-chapter .radio-wrap {
    justify-content: space-between;
    width: 100%;
  }
  .etds-page-main-content .mobile-search-wrapper {
    padding-bottom: 0;
  }
  .etds-page-main-content .mobile-search-wrapper .search-box {
    border-bottom: 0;
  }
  .etds-page-main-content .mobile-search-wrapper .compare-section-actions {
    padding-bottom: 1rem;
  }
  .select-section-chapter {
    display: none !important;
  }
  .etds-acts-mobile-buttons {
    display: flex !important;
  }
  .actions {
    margin-left: auto;
  }
  .pagination-first-section {
    width: 100%;
  }
  .pagination-first-section .part-1,
  .pagination-first-section .part-2 {
    flex-shrink: 0;
  }
  .pagination-first-section .vertical-border,
  .pagination-first-section .load-time {
    display: none !important;
  }
  .form-wizard-page .select-section-chapter {
    display: flex !important;
    flex-direction: column;
    align-items: start !important;
  }
  .form-wizard-page .dropdown-container .item:focus-visible {
    outline-offset: -0.125rem;
  }
}
.parallel-viewer-content-container .select-section-chapter .radio-wrap {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.section-chapter-wrapper .section-name-wrap .section-link:focus-visible {
  padding: 0.25rem !important;
}

@media (max-width: 480.98px) {
  .tax-calendar-wrapper .sort-views-wrapper .views-wrap.type-2 .title {
    margin: 0;
  }
}
body.has-edit-mode-menu .etds-page-main-content .page-title-wrap .page-title-right-area {
  min-width: 8rem;
}

.taxpayer-report-wrapper {
  padding: 1.25rem 0;
}
.taxpayer-report-wrapper .search-wrapper {
  margin-bottom: 1.25rem;
}
.taxpayer-report-wrapper .date-picker-wrapper .date-picker .input-group .input-group-inset-item .btn {
  background-color: transparent;
  z-index: 1;
}
.taxpayer-report-wrapper .date-picker-wrapper .date-picker .input-group .input-group-inset-item-after {
  border-right: 1px solid var(--dark-variant-4);
  border-bottom: 1px solid var(--dark-variant-4);
  border-top: 1px solid var(--dark-variant-4);
}
.taxpayer-report-wrapper .title input[type=text] {
  height: 37px;
  padding-right: 2.5rem;
}
.taxpayer-report-wrapper svg.search-icon {
  position: absolute;
  right: 5px;
  bottom: 5px;
  font-size: 24px;
  color: var(--neutral-800);
}
.taxpayer-report-wrapper .last-updated {
  margin-bottom: 1.25rem;
}
.taxpayer-report-wrapper .new-tag-section {
  gap: 12px;
}
.taxpayer-report-wrapper .new-tag-section a {
  font-size: var(--body-font-2-size);
  font-weight: 400;
  color: var(--secondary);
  text-decoration: underline;
}
.taxpayer-report-wrapper .download-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
}
.taxpayer-report-wrapper .content-wrapper {
  background: var(--primary-variant-6);
  border: 1px solid var(--dark-variant-5);
  border-radius: 4px;
  padding: 20px 16px;
}
.taxpayer-report-wrapper .content-wrapper h5 {
  color: var(--primary);
}
.taxpayer-report-wrapper .table-wrapper {
  overflow-x: auto;
}
.taxpayer-report-wrapper .table {
  border: 1px solid var(--dark-variant-5);
  border-radius: 4px;
}
.taxpayer-report-wrapper .table th {
  font-weight: 700;
  font-size: 14px;
  color: var(--secondary);
}
.taxpayer-report-wrapper .table th .column-heading {
  font-weight: 700;
  font-size: 14px;
  color: var(--secondary);
}
.taxpayer-report-wrapper .table th:last-child {
  color: var(--primary-variant-7);
}
.taxpayer-report-wrapper .table th .sort-icons {
  border: 0;
  background: transparent;
}
.taxpayer-report-wrapper .table th .sort-icons svg {
  height: 0.5rem;
}
.taxpayer-report-wrapper .table td {
  font-size: var(--body-font-2-size);
  font-weight: 400;
  border: unset !important;
  color: var(--primary-font-color);
}
.taxpayer-report-wrapper .table thead tr th {
  height: 44px;
  background: var(--primary-variant-5);
  border-radius: 4px;
}
.taxpayer-report-wrapper .table tbody tr:nth-child(even) {
  height: 44px;
  background: var(--primary-variant-5);
  border-radius: 4px;
}
.taxpayer-report-wrapper .table tbody tr:nth-child(odd) {
  background-color: var(--primary-variant-6);
}
.taxpayer-report-wrapper .table tbody .pdf-icon {
  font-size: 1.5rem;
}
.taxpayer-report-wrapper .loader-section {
  min-height: 400px;
}
.taxpayer-report-wrapper .form-group-autofit {
  width: 82%;
}

@media (max-width: 991.98px) {
  .taxpayer-report-wrapper .form-group-autofit {
    width: unset;
  }
}
@media (max-width: 767.98px) {
  .taxpayer-report-wrapper .last-updated {
    margin-bottom: 1rem;
  }
  .taxpayer-report-wrapper .pagination-wrapper .load-time {
    display: block;
  }
}
@media (max-width: 575.98px) {
  .form-group-item-autofit:has(.action-buttons) label,
  .form-group-item:has(.action-buttons) label {
    display: none;
  }
  .taxpayer-report-wrapper .download-btn {
    height: unset;
  }
}
.etds-taxpayers-charter-reports-table .loader-section span {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
}

.quick-link-modal-btn {
  gap: 0.75rem;
  align-items: center;
}
.quick-link-modal-btn svg {
  font-size: 1.25rem;
  color: var(--secondary);
}
.quick-link-modal-btn svg path {
  fill: var(--primary);
}

.services-wrapper {
  border: 1px solid var(--secondary-bg-30);
  background-color: var(--secondary-variant-3);
  border-radius: 0.25rem;
  padding: 1.25rem 1rem;
  margin-bottom: 1.25rem;
}
.services-wrapper .service-category-title {
  color: var(--primary);
  font-size: var(--h5-font-size);
  font-weight: 700;
  margin-bottom: 1rem;
}
.services-wrapper .etds-plain-table {
  width: 100%;
  border: 1px solid var(--dark-variant-5);
  border-collapse: separate;
  border-spacing: 0;
}
.services-wrapper .etds-plain-table thead {
  background: var(--primary-variant-5);
}
.services-wrapper .etds-plain-table thead th {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 700;
  color: var(--primary-variant-7);
  padding: 0.75rem 1rem;
}
.services-wrapper .etds-plain-table thead th.tax-services-fixed-width-col {
  width: 212px;
}
.services-wrapper .etds-plain-table tbody tr td {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
  color: var(--primary-variant-7);
  padding: 0.75rem 1rem;
}
.services-wrapper .etds-plain-table tbody tr td .link-text {
  font-size: var(--body-font-2-size);
  font-weight: 400;
  color: var(--secondary);
  text-decoration: underline;
}
.services-wrapper .etds-plain-table tbody tr:nth-child(even) {
  background: var(--primary-variant-5);
}
.services-wrapper .etds-plain-table tbody tr:nth-child(odd) {
  background: var(--primary-variant-6);
}
.services-wrapper .mobile-toggle-icon {
  display: none;
}

.section-header {
  background: var(--secondary-variant-3);
  border: 1px solid var(--secondary-bg-30);
  border-radius: 0.25rem;
  padding: 1rem 1.5rem;
  width: 100%;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--primary);
  margin-bottom: 0px;
}

.accordion-item {
  border-radius: 6px;
  margin: 1rem 0;
  background: var(--primary-variant-6);
}

.accordion-content {
  padding: 1.5rem 1.5rem 1.5rem 1.5rem !important;
  display: none;
  border: 1px solid var(--secondary-bg-30);
  border-radius: 0 0 0.25rem 0.25rem;
  /* border-top: none; */
}

.accordion-header.link {
  justify-content: space-between;
}
.accordion-header.link span {
  color: #0056d2;
  font-size: var(--sub-heading-2-font-size);
}

.no-bg-css-tax-services .page-main-content-section {
  background: unset;
  padding: unset;
  border-radius: unset;
}
.no-bg-css-tax-services .page-with-sidebar {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.no-bg-css-tax-services .top-section {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.no-bg-css-tax-services .allCollapseHeading {
  display: none;
}
.no-bg-css-tax-services .panel-body {
  padding: 0;
}
.no-bg-css-tax-services .bxList {
  margin-top: 0 !important;
}

html:not(#__):not(#___) .page-with-sidebar-wrapper .page-editor__no-fragments-state {
  container-type: unset;
  height: 2.5rem;
}

@media (max-width: 768px) {
  .services-wrapper {
    border-radius: 4px;
    padding: 1px;
  }
  .services-wrapper.show-active-tab {
    border: 1px solid var(--secondary);
  }
  .services-wrapper.hide-active-tab {
    border: 1px solid var(--secondary-bg-30);
  }
  .services-wrapper .mobile-toggle-icon {
    display: block;
  }
  .services-wrapper .service-category-title {
    padding: 1.25rem 1rem;
    margin-bottom: unset;
    background-color: var(--background-4);
  }
  .services-wrapper table.etds-plain-table.show-table {
    margin: 1.25rem 1rem;
    background-color: var(--primary-variant-6);
    border: unset;
  }
  .services-wrapper .table-warpper {
    overflow-x: auto;
  }
  .mobile-toggle-icon {
    float: right;
    cursor: pointer;
    font-size: 14px;
    margin-bottom: unset;
  }
  .mobile-toggle-icon svg {
    fill: var(--secondary);
  }
  .mobile-toggle-icon span {
    color: var(--secondary);
    font-weight: 400;
  }
  .etds-plain-table {
    display: none;
  }
  .etds-plain-table.show-table {
    display: block;
  }
}
/* Tax-eService Grievance Redressal Modal CSS */
.tax-eservices-modal .grievance-redressal-modal-content br {
  display: none;
}
.tax-eservices-modal .grievance-redressal-modal-content .tax-services-help {
  font-size: var(--body-font-2-size);
  font-weight: 400;
  color: var(--primary-variant-7);
}
.tax-eservices-modal .grievance-redressal-modal-content .tax-services-help ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.tax-eservices-modal .grievance-redressal-modal-content .tax-services-help ul .heading-help {
  font-size: var(--h5-font-size);
  font-weight: 700;
  color: var(--primary);
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--dark-variant-5);
}
.tax-eservices-modal .grievance-redressal-modal-content .tax-services-help ul li {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.tax-eservices-modal .grievance-redressal-modal-content .tax-services-help ul li.websiteurl {
  color: var(--secondary);
}
.tax-eservices-modal .grievance-redressal-modal-content .tax-services-help ul li:not(:last-child) {
  margin-bottom: 1rem;
}
.tax-eservices-modal .grievance-redressal-modal-content .tax-services-help ul li .callicon {
  -webkit-mask-image: url("../assets/images/etds-phone.svg");
  mask-image: url("../assets/images/etds-phone.svg");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  height: 1.25rem;
  width: 1.25rem;
  display: flex;
  align-items: center;
  background-color: var(--secondary);
  flex-shrink: 0;
}
.tax-eservices-modal .grievance-redressal-modal-content .tax-services-help ul li .tax-services-help {
  width: 100%;
}
.tax-eservices-modal .grievance-redressal-modal-content .tax-services-help ul li span {
  color: var(--secondary);
}

/* Tax-eService step-by-step page CSS */
.tax-eservice-step-by-step-page .page-main-content {
  border: 1px solid var(--dark-variant-5);
  background-color: var(--primary-variant-6);
  border-radius: 0.25rem;
  padding: 1.25rem 1rem;
  color: var(--primary-variant-7);
  margin-bottom: 4rem;
}
.tax-eservice-step-by-step-page .page-main-content .file-itr {
  /* position: absolute;
  margin-top: -4.25rem;
  margin-left: -1rem; */
}
.tax-eservice-step-by-step-page .page-main-content .file-itr h2 {
  font-size: var(--h3-font-size) !important;
  font-weight: 700;
  color: var(--primary);
  margin: 0;
  padding: 0;
  border: 0;
}
.tax-eservice-step-by-step-page .page-main-content .file-itr h2 a {
  text-decoration: none;
  font-size: var(--h3-font-size) !important;
  color: var(--primary);
  font-weight: 700;
}
.tax-eservice-step-by-step-page .page-main-content h2,
.tax-eservice-step-by-step-page .page-main-content h3 {
  font-size: var(--h5-font-size);
  font-weight: 700;
  color: var(--primary);
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--dark-variant-5);
  margin-bottom: 1rem;
}
.tax-eservice-step-by-step-page .page-main-content a {
  color: var(--secondary);
  text-decoration: none;
}
.tax-eservice-step-by-step-page .page-main-content p {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 700;
  margin-bottom: 0.75rem;
}
.tax-eservice-step-by-step-page .page-main-content ol {
  padding-left: 1.5rem;
  font-size: var(--body-font-2-size);
  font-weight: 400;
  margin-bottom: 1.5rem;
}
.tax-eservice-step-by-step-page .page-main-content ol ul {
  padding: 0.5rem;
  list-style-type: disc;
}
.tax-eservice-step-by-step-page .page-main-content .row {
  margin: 0;
}

.basic-income-tax-tabs {
  padding: 1rem 0;
}
.basic-income-tax-tabs .search-wrapper {
  border-bottom: 0;
  border-radius: 0.25rem 0.25rem 0 0;
}
.basic-income-tax-tabs .search-box .tab-style a {
  text-decoration: none;
}
.basic-income-tax-tabs .search-box .tab-style a li.active {
  border-bottom: 2px solid var(--secondary) !important;
}

.basic-income-tax-content .search-wrapper {
  border-top: 0;
  border-radius: 0 0 0.25rem 0.25rem;
  margin-bottom: 1rem;
}
.basic-income-tax-content .search-wrapper .search-box .search-title {
  border-bottom: unset;
  padding-bottom: unset;
  margin-bottom: 1.5rem;
}
.basic-income-tax-content .search-wrapper .search-box .tab-style .fst-lbl {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
  margin-right: 0.75rem;
}
.basic-income-tax-content .search-wrapper .search-box .tab-style .sec-lbl {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  margin-right: 0.75rem;
}
.basic-income-tax-content .services-wrapper {
  padding: 1.25rem 1.25rem;
}
.basic-income-tax-content .services-wrapper .sub-title {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 700;
  margin-bottom: 0.75rem;
}
.basic-income-tax-content .services-wrapper .title-line {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.basic-income-tax-content .sort-wrapper {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.basic-income-tax-content .sort-wrapper button {
  border: none;
  background: transparent;
}
.basic-income-tax-content .sort-wrapper .sort-section {
  width: 20%;
}
.basic-income-tax-content .sort-wrapper .sort-section label {
  font-weight: 400;
  font-size: var(--body-font-2-size);
  color: var(--primary-variant-7);
  margin-right: 1.25rem;
}
.basic-income-tax-content .sort-wrapper .sort-section .sortBy {
  font-weight: 400;
  font-size: var(--body-font-2-size);
  color: var(--primary-variant-7);
  margin-right: 1.25rem;
  display: inline-block;
  max-width: 100%;
  word-wrap: break-word;
  margin-bottom: var(--input-label-margin-bottom, 0.25rem);
}
.basic-income-tax-content .sort-wrapper .sort-section .type {
  font-weight: 700;
  font-size: var(--body-font-2-size);
  color: var(--secondary);
}
.basic-income-tax-content .sort-wrapper .sort-section .sort-icons {
  justify-content: center;
}
.basic-income-tax-content .sort-wrapper .sort-section .sort-icons svg {
  height: 0.5rem;
  color: var(--neutral-800);
  width: 0.625rem;
}
.basic-income-tax-content .sort-wrapper .sort-section .sort-icons.disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.basic-income-tax-content .last-updated {
  margin-bottom: 1rem;
}
.basic-income-tax-content .alphabet-section {
  gap: 6px;
  align-items: center;
}
.basic-income-tax-content .alphabet-section .btn-alphabet {
  font-weight: bold;
  color: var(--neutral-800-2);
  font-size: var(--body-font-2-size) !important;
  padding: 0 9px;
}
.basic-income-tax-content .alphabet-section .btn-alphabet.active {
  background-color: var(--primary-variant-8);
  color: var(--secondary-700);
}
.basic-income-tax-content .vertical-border {
  display: inline-block;
  background: var(--primary-stroke-30);
  width: 0.063rem;
}
.basic-income-tax-content .btn-wrapper {
  gap: 1rem;
}
.basic-income-tax-content .btn-wrapper .btn-alphabet-reset {
  font-weight: 400;
  font-size: var(--body-font-2-size);
  color: var(--secondary);
}
.basic-income-tax-content .btn-wrapper .alphabetical-index {
  font-style: normal;
  font-weight: 400;
  font-size: var(--body-font-2-size);
  color: var(--primary-variant-7);
}
.basic-income-tax-content .description p {
  font-size: var(--body-font-2-size);
  font-weight: 400;
}
.basic-income-tax-content .basics-of-income-tax-sort-label {
  font-size: var(--body-font-2-size);
  margin-right: 1.25rem;
}
.basic-income-tax-content .services-wrapper a {
  text-decoration: underline;
}
.basic-income-tax-content .services-wrapper a:focus-visible {
  text-indent: 0;
}
.locator-wrapper .page-with-sidebar .page-sidebar .page-sidebar-navigation .additional-action .title-wrap.active {
  background-color: var(--secondary-bg-10);
  border: 1px solid var(--primary);
}
.locator-wrapper .page-with-sidebar .page-sidebar .page-sidebar-navigation .additional-action .title-wrap.active .loc-justify-content svg {
  color: var(--primary) !important;
}
.locator-wrapper .page-with-sidebar .page-sidebar .page-sidebar-navigation .additional-action .title-wrap.active .loc-heading-section .heading {
  color: var(--primary);
}
.locator-wrapper .search-wrapper {
  padding-top: 0px;
}
.locator-wrapper .title-wrap.active a.loc-heading-section {
  display: flex;
  width: 100%;
  justify-content: end;
  flex-direction: row-reverse;
}
.locator-wrapper .title-wrap.active .loc-view-more {
  display: flex;
  width: 100%;
  justify-content: end;
}
.locator-wrapper .title-wrap a.loc-heading-section,
.locator-wrapper .title-wrap .loc-view-more {
  display: none;
}
.locator-wrapper .title.loc-left-tab {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  color: unset;
}
.locator-wrapper .title.loc-left-tab svg {
  font-size: 1.25rem;
  color: var(--secondary);
}
.locator-wrapper .title.loc-left-tab .btn-unstyled {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.locator-wrapper .loc-heading-section {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  font-size: unset;
  font-weight: unset;
  color: unset;
}
.locator-wrapper .loc-heading-section .heading {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
  color: var(--secondary-600);
  max-width: 180px;
}
.locator-wrapper .loc-heading-section .heading-right {
  display: flex;
  gap: 0.5rem;
  align-items: stretch;
}
.locator-wrapper .loc-justify-content {
  justify-content: space-between;
}
.locator-wrapper .loc-justify-content svg {
  color: var(--secondary-600) !important;
}
.locator-wrapper .loc-add {
  margin: 0 1.75rem;
  color: var(--primary-variant-7);
  font-size: var(--body-font-3-size);
  font-weight: 400;
}
.locator-wrapper .get-dir {
  font-size: var(--sub-heading-3-font-size);
  font-weight: 400;
  color: var(--secondary);
  text-decoration: underline;
}
.locator-wrapper .loc-view-more {
  display: flex;
  align-items: center;
}
.locator-wrapper .loc-view-more .view-more-details {
  font-size: var(--sub-heading-3-font-size);
  font-weight: 400;
  color: var(--secondary);
  text-decoration: underline;
}
.locator-wrapper .page-content-wrap .left-sidebar {
  background-color: var(--background-4);
  border-radius: 0.25rem 0 0 0.25rem;
  box-shadow: unset;
  margin-right: unset;
  border-right: 1px solid var(--dark-variant-5);
  align-self: auto;
  max-height: 41rem;
}
.locator-wrapper .page-content-wrap .left-sidebar .page-sidebar-navigation .row-section::-webkit-scrollbar {
  width: 6px;
}
.locator-wrapper .page-content-wrap .left-sidebar .page-sidebar-navigation .row-section::-webkit-scrollbar-thumb {
  background-color: #959798;
  border-radius: 0.25rem;
}
.locator-wrapper .page-content-wrap .left-sidebar .page-sidebar-navigation .row-section::-webkit-scrollbar-track {
  background-color: transparent;
}
.locator-wrapper .page-content-wrap .right-content {
  background: unset;
  margin: 1.5rem;
  border-radius: 0;
}
.locator-wrapper .page-with-sidebar .page-main-content-section {
  background: unset;
  padding: 0;
  width: 100%;
  height: 557px;
  border-radius: 0;
}
.locator-wrapper .search-wrapper {
  padding-top: 0px;
  padding-bottom: 26px;
}
.locator-wrapper .form-group-autofit {
  margin-bottom: 0;
}

.modal.locator-modal .modal-dialog {
  max-width: 838px;
}
.modal.locator-modal .modal-dialog .modal-body {
  padding: 1.25rem 1.5rem;
}
.modal.locator-modal .modal-dialog .modal-body .modal-heading {
  font-size: var(--h4-font-size);
  font-weight: 700;
  color: var(--primary);
  padding-bottom: 0.75rem;
  margin-bottom: 1.25rem;
  border-bottom: 1px solid var(--dark-variant-5);
}
.modal.locator-modal .modal-dialog .modal-body .exempted-institutions-data {
  margin: 0;
  padding: 1.25rem 0.75rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.modal.locator-modal .modal-dialog .modal-body .exempted-institutions-data .ei-col-title {
  margin-bottom: 1rem;
}
.modal.locator-modal .modal-dialog .modal-body .exempted-institutions-data .ei-col-data-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0.75rem 1rem;
  max-height: 250px;
  overflow-y: auto;
}
.modal.locator-modal .modal-dialog .modal-body .exempted-institutions-data .ei-left {
  min-width: 0;
  padding: 0;
  padding-right: 0.75rem;
  border-color: var(--dark-variant-4);
}
.modal.locator-modal .modal-dialog .modal-body .exempted-institutions-data .ei-right {
  min-width: 0;
  padding: 0;
  padding-left: 0.75rem;
}
.modal.locator-modal .modal-dialog .modal-body .exempted-institutions-data .ei-right .ei-col-data-wrap {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 0.75rem 1rem;
}
@media (max-width: 767px) {
  .modal.locator-modal .modal-dialog .modal-body .exempted-institutions-data .ei-right {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .modal.locator-modal .modal-dialog .modal-body .exempted-institutions-data {
    grid-template-columns: 1fr;
  }
}

.locator-modal a.btn.btn-primary {
  line-height: unset;
}

.gm-style .gm-style-iw-c {
  padding: 1rem;
}
.gm-style .gm-style-iw-chr {
  justify-content: flex-end;
  height: 1rem;
}
.gm-style .gm-style-iw-chr .gm-style-iw-ch {
  display: none;
  height: 1rem;
}
.gm-style .gm-style-iw-chr .gm-ui-hover-effect {
  width: 1.5rem !important;
  height: 1.5rem !important;
  top: 1rem !important;
  right: 1rem !important;
}
.gm-style .gm-style-iw-chr .gm-ui-hover-effect span {
  width: 1.5rem !important;
  height: 1.5rem !important;
  margin: 0 !important;
}

.map-card {
  width: 300px;
}
.map-card .map-card-header {
  padding-right: 1.5rem;
  margin-bottom: 0.75rem;
  border-bottom: 1px solid var(--dark-variant-5);
}
.map-card .map-card-title {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 700;
  color: var(--primary);
  margin-bottom: 0.25rem;
}
.map-card .map-card-subtitle {
  font-size: var(--sub-heading-3-font-size);
  font-weight: 500;
  color: var(--primary);
  text-decoration: none;
  margin-bottom: 0.5rem;
}
.map-card .map-card-address {
  font-size: var(--body-font-3-size);
  font-weight: 400;
  margin-bottom: 0.75rem;
}
.map-card .map-card-directions-btn {
  padding: 0 0.25rem 0.25rem 0;
}

@media only screen and (max-width: 1268px) {
  .basic-income-tax-content .sort-wrapper {
    flex-direction: column;
    gap: 1rem;
  }
  .basic-income-tax-content .sort-wrapper .sort-section {
    width: unset;
  }
  .basic-income-tax-content .alphabet-section {
    flex-direction: column;
    gap: 1rem;
    align-items: unset;
  }
}
@media (max-width: 767.98px) {
  .basic-income-tax-tabs .search-wrapper .search-box .tab-style li {
    padding: 0;
  }
  .basic-income-tax-tabs .search-wrapper .search-box .tab-style li button {
    padding: 0.5rem 1rem;
  }
  .basic-income-tax-tabs .search-wrapper .search-box .tab-style li a {
    padding: 0.5rem 1rem;
  }
  .basic-income-tax-content .form-group-item:first-child {
    width: 100%;
    margin-bottom: 1rem;
  }
  .basic-income-tax-content .search-wrapper .search-box .search-title {
    margin-bottom: 1rem;
  }
  .locator-wrapper .search-wrapper .search-box .form-group-autofit {
    display: grid;
    grid-template-areas: "state city" "search search" "action action";
    grid-gap: 1.25rem 1.5rem;
  }
  .locator-wrapper .search-wrapper .search-box .form-group-autofit .form-group-item {
    margin: 0;
  }
  .locator-wrapper .search-wrapper .search-box .form-group-autofit .form-group-item:nth-child(3) {
    grid-area: search;
  }
  .locator-wrapper .search-wrapper .search-box .form-group-autofit .form-group-item:last-child {
    grid-area: action;
  }
  .locator-wrapper .search-wrapper .search-box .form-group-autofit .form-group-item:last-child .control-label.text-truncate {
    display: none;
  }
  .locator-wrapper .search-wrapper .search-box .form-group-autofit .form-group-item .control-label.text-truncate {
    display: block;
  }
  .locator-wrapper .search-wrapper .search-box .form-group-autofit .form-group-item .action-buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .locator-wrapper .page-with-sidebar .page-sidebar {
    border-right: 0;
  }
  .locator-wrapper .page-with-sidebar .page-sidebar .page-sidebar-active-nav-item {
    background-color: var(--background-4);
    border-bottom: 1px solid var(--dark-variant-5);
    border-radius: 0.25rem 0.25rem 0 0;
  }
  .locator-wrapper .page-with-sidebar .page-sidebar .page-sidebar-active-nav-item.open {
    background-color: var(--primary);
  }
  .locator-wrapper .page-with-sidebar .page-sidebar .page-sidebar-active-nav-item.open .active-nav {
    color: var(--primary-variant-6);
  }
  .locator-wrapper .page-with-sidebar .page-sidebar .page-sidebar-active-nav-item .active-nav {
    color: var(--primary);
  }
  .locator-wrapper .page-with-sidebar .page-sidebar .page-sidebar-active-nav-item .active-nav svg {
    display: block;
    font-size: 1.5rem;
  }
  .locator-wrapper .page-with-sidebar .page-sidebar .page-sidebar-navigation .additional-action .title-wrap {
    position: relative;
    background-color: #eee !important;
    padding: 0;
    margin: 0;
    border: none !important;
  }
  .locator-wrapper .page-with-sidebar .page-sidebar .page-sidebar-navigation .additional-action .title-wrap.active .title .loc-heading-section.loc-justify-content {
    background-color: var(--secondary-bg-10);
  }
  .locator-wrapper .page-with-sidebar .page-sidebar .page-sidebar-navigation .additional-action .title-wrap.active .title .loc-heading-section.loc-justify-content .heading {
    color: var(--primary);
  }
  .locator-wrapper .page-with-sidebar .page-sidebar .page-sidebar-navigation .additional-action .title-wrap.active .title .loc-heading-section.loc-justify-content .lexicon-icon-etds-right-pagination-arrow {
    transform: rotateZ(-90deg);
  }
  .locator-wrapper .page-with-sidebar .page-sidebar .page-sidebar-navigation .additional-action .title-wrap.active .title .loc-add {
    display: block;
    margin-bottom: 0;
  }
  .locator-wrapper .page-with-sidebar .page-sidebar .page-sidebar-navigation .additional-action .title-wrap.active .title .loc-view-more,
  .locator-wrapper .page-with-sidebar .page-sidebar .page-sidebar-navigation .additional-action .title-wrap.active .title a.loc-heading-section {
    display: flex;
    width: fit-content;
    flex-direction: row-reverse;
  }
  .locator-wrapper .page-with-sidebar .page-sidebar .page-sidebar-navigation .additional-action .title-wrap.active .title.loc-left-tab svg {
    color: var(--primary) !important;
  }
  .locator-wrapper .page-with-sidebar .page-sidebar .page-sidebar-navigation .additional-action .title-wrap.active .title.loc-left-tab .btn-unstyled {
    display: block;
  }
  .locator-wrapper .page-with-sidebar .page-sidebar .page-sidebar-navigation .additional-action .title-wrap .title {
    padding-left: 0;
  }
  .locator-wrapper .page-with-sidebar .page-sidebar .page-sidebar-navigation .additional-action .title-wrap .title::before {
    display: none;
  }
  .locator-wrapper .page-with-sidebar .page-sidebar .page-sidebar-navigation .additional-action .title-wrap .title .loc-add,
  .locator-wrapper .page-with-sidebar .page-sidebar .page-sidebar-navigation .additional-action .title-wrap .title .loc-heading-section {
    margin-top: 0;
  }
  .locator-wrapper .page-with-sidebar .page-sidebar .page-sidebar-navigation .additional-action .title-wrap .title .loc-add .heading,
  .locator-wrapper .page-with-sidebar .page-sidebar .page-sidebar-navigation .additional-action .title-wrap .title .loc-heading-section .heading {
    color: #212121;
  }
  .locator-wrapper .page-with-sidebar .page-sidebar .page-sidebar-navigation .additional-action .title-wrap .title .loc-heading-section.loc-justify-content {
    padding: 0.625rem 1rem;
    background-color: var(--primary-variant-6);
  }
  .locator-wrapper .page-with-sidebar .page-sidebar .page-sidebar-navigation .additional-action .title-wrap .title .loc-heading-section.loc-justify-content .lexicon-icon-etds-right-pagination-arrow {
    transform: rotateZ(90deg);
  }
  .locator-wrapper .page-with-sidebar .page-sidebar .page-sidebar-navigation .additional-action .title-wrap .title .loc-add,
  .locator-wrapper .page-with-sidebar .page-sidebar .page-sidebar-navigation .additional-action .title-wrap .title a.loc-heading-section {
    margin: 0.75rem 1.25rem;
  }
  .locator-wrapper .page-with-sidebar .page-sidebar .page-sidebar-navigation .additional-action .title-wrap .title .loc-view-more {
    position: absolute;
    right: 1.25rem;
    bottom: 0.75rem;
  }
  .locator-wrapper .page-with-sidebar .page-sidebar .page-sidebar-navigation .additional-action .title-wrap .title .loc-add,
  .locator-wrapper .page-with-sidebar .page-sidebar .page-sidebar-navigation .additional-action .title-wrap .title .loc-view-more,
  .locator-wrapper .page-with-sidebar .page-sidebar .page-sidebar-navigation .additional-action .title-wrap .title a.loc-heading-section {
    display: none;
  }
  .locator-wrapper .page-with-sidebar .page-sidebar .page-sidebar-navigation .additional-action .title-wrap .title.loc-left-tab svg {
    color: #212121 !important;
  }
  .pagination-wrapper .load-time {
    display: block;
  }
}
@media (max-width: 575.98px) {
  .locator-wrapper .search-wrapper .search-box .tab-style {
    display: none;
  }
  .locator-wrapper .search-wrapper .search-box .form-group-autofit {
    display: flex;
  }
  .locator-wrapper .search-wrapper .search-box .form-group-autofit .form-group-item .action-buttons {
    grid-template-columns: 1fr;
  }
  .basic-income-tax-content .control-label.text-truncate {
    display: none;
  }
}
@media (max-width: 480.98px) {
  .basic-income-tax-content .pagination-first-section .vertical-border {
    height: 43px;
  }
}
.legal-maxim-wrapper .etds-page-main-content.fixed-width.basic-income-tax-content {
  padding-top: 1.5rem !important;
}
.legal-maxim-wrapper .basic-income-tax-content .search-wrapper {
  border-top: 1px solid var(--dark-variant-5) !important;
  border-radius: 0.25rem 0.25rem 0.25rem 0.25rem !important;
  padding: 1.25rem !important;
}
.legal-maxim-wrapper .basic-income-tax-content .btn-wrapper .alphabetical-index {
  margin-top: 0.063rem;
}

.kms-left-links button {
  background: none;
  border: none;
  text-align: left;
  padding: 0;
}

@media (max-width: 330px) {
  .locator-wrapper .page-with-sidebar .page-sidebar .page-sidebar-navigation .additional-action .title-wrap.active .title .loc-view-more {
    position: unset;
    margin: 0.75rem 1.25rem;
  }
}
.tax-calendar-wrapper .search-wrapper .search-box {
  border-bottom: unset;
  margin-bottom: unset;
}
.tax-calendar-wrapper .sort-views-wrapper {
  justify-content: flex-end;
}
.tax-calendar-wrapper .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0.75rem;
}
.tax-calendar-wrapper .content .days {
  font-size: var(--body-font-2-size);
  font-weight: 400;
}
.tax-calendar-wrapper .description p {
  font-size: var(--body-font-2-size);
  font-weight: 400;
  color: var(--neutral-800-2);
}
.tax-calendar-wrapper .event-item p {
  display: list-item;
  list-style-type: disc;
  margin: 20px 0 0 20px;
}
.tax-calendar-wrapper .tag-section {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}
.tax-calendar-wrapper .tag-section .badge {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 24px;
  border-radius: 20px;
  font-weight: 400;
  font-size: 12px;
  padding: 3px 6px;
  margin: 0px;
}
.tax-calendar-wrapper .tag-section .revised {
  color: #945301;
  background: #fffbf2;
  border: 1px solid #ffd565;
}
.tax-calendar-wrapper .tag-section .original {
  color: var(--secondary);
  background: var(--secondary-variant-3);
  border: 0.063rem solid var(--secondary-bg-30);
}
.tax-calendar-wrapper .last-updated {
  margin-bottom: 1rem;
  font-style: normal;
}
.tax-calendar-wrapper .date-range {
  min-width: fit-content;
}
.tax-calendar-wrapper .date-range .input-group-inset-item-after {
  border-radius: 0 0.25rem 0.25rem 0;
}
.tax-calendar-wrapper .date-range .form-control:focus-visible {
  border: 0.063rem solid var(--dark-variant-4);
  border-right: none;
}
.tax-calendar-wrapper .date-range.disabled .input-group-inset-item-after {
  border-radius: 0 0.25rem 0.25rem 0;
  background: var(--neutral-stroke-10);
  border-color: var(--dark-variant-5);
}
.tax-calendar-wrapper .date-range.error-wrapper .input-group .input-group-inset-item-after {
  margin-bottom: 0.5rem;
  border-color: var(--error) !important;
}
.tax-calendar-wrapper .date-range.error-wrapper .custom-error {
  position: unset;
  margin-top: 0.5rem;
}
.tax-calendar-wrapper .calendar-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.75rem;
  margin-bottom: 1rem;
  background: var(--secondary-variant-3);
  border: 0.063rem solid var(--secondary-bg-30);
  border-radius: 0.25rem;
  padding: 1.25rem 9.438rem;
}
@media (min-width: 1024px) {
  .tax-calendar-wrapper .calendar-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.tax-calendar-wrapper .month-header {
  text-align: center;
  padding: 0rem 0.625rem 0.75rem;
  border-bottom: 0.063rem solid var(--dark-variant-5);
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
}
.tax-calendar-wrapper .month-content {
  padding: 0.5rem 0 0 0;
}
.tax-calendar-wrapper .weekdays-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 0.25rem;
  margin-bottom: 0.5rem;
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
}
.tax-calendar-wrapper .weekday {
  text-align: center;
  font-weight: 400;
  font-size: 0.563rem;
  line-height: 1.125rem;
}
.tax-calendar-wrapper .days-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 0.25rem;
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
}
.tax-calendar-wrapper .has-events {
  padding: 0;
}
.tax-calendar-wrapper .event-indicators {
  display: flex;
  gap: 0.125rem;
  justify-content: center;
  margin-top: 0.25rem;
}
.tax-calendar-wrapper .event-dot {
  width: 0.25rem;
  height: 0.25rem;
  background: var(--secondary-50);
  border-radius: 9999px;
}
.tax-calendar-wrapper .more-events {
  font-size: 0.75rem;
  color: var(--secondary-50);
}
.tax-calendar-wrapper .events-popover {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 16rem;
  background: var(--primary-variant-6);
  border: 1px solid #e2e8f0;
  border-radius: 0.5rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  z-index: 50;
}
.tax-calendar-wrapper .events-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem;
  border-bottom: 1px solid #e2e8f0;
}
.tax-calendar-wrapper .events-header h3 {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 600;
}
.tax-calendar-wrapper .close-button {
  background: none;
  border: none;
  font-size: 1.25rem;
  cursor: pointer;
  color: #64748b;
}
.tax-calendar-wrapper .events-list {
  max-height: 16rem;
  overflow-y: auto;
}
.tax-calendar-wrapper .event-item {
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid #e2e8f0;
}
.tax-calendar-wrapper .event-item:last-child {
  border-bottom: none;
}
.tax-calendar-wrapper .event-title {
  font-size: 0.875rem;
  font-weight: 500;
}
.tax-calendar-wrapper .event-time {
  font-size: 0.75rem;
  color: #64748b;
}
.tax-calendar-wrapper .pagination-first-section .vertical-border {
  display: none;
}
.tax-calendar-wrapper .pagination-first-section .load-time {
  display: none;
}
.tax-calendar-wrapper .top-nav {
  display: flex;
  align-items: center;
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
  margin-bottom: 1rem;
}
.tax-calendar-wrapper .nav-item-section {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
}
.tax-calendar-wrapper .divider {
  width: 0.063rem;
  height: 1.125rem;
  background-color: var(--dark-variant-4);
  margin: 0 0.75rem;
}
.tax-calendar-wrapper .divider:last-child {
  display: none;
}
.tax-calendar-wrapper .dot {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
}
.tax-calendar-wrapper .month-title {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 700;
  margin-bottom: 0rem;
  padding: 0.688rem 0.75rem;
  background: var(--primary-variant-5);
  border-radius: 0.25rem;
}
.tax-calendar-wrapper .day {
  position: relative;
  display: inline-grid;
  font-size: var(--body-font-3-size);
  font-weight: 400;
  justify-items: center;
  gap: 0.063rem;
  border-bottom: 0.063rem solid var(--dark-variant-4);
  border-radius: 0.25rem;
  background: var(--primary-variant-6);
  height: 4.438rem;
  text-align: center;
  cursor: pointer;
  padding-top: 0.313rem;
}
.tax-calendar-wrapper .tag {
  border-radius: 0.125rem;
  margin-top: 0.063rem;
  width: 2rem;
  max-width: 2rem;
  font-weight: 400;
  font-size: 0.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tax-calendar-wrapper .more {
  display: block;
  margin-top: 0.25rem;
  font-size: 0.75rem;
  color: var(--dark-variant-2);
}
.tax-calendar-wrapper .calendar-grids {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.75rem;
  margin-bottom: 1rem;
  background: var(--secondary-variant-3);
  border: 0.063rem solid var(--secondary-bg-30);
  border-radius: 0.25rem;
  padding: 1.25rem 7.188rem;
}
.tax-calendar-wrapper .calendar-grid-section {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  font-size: var(--sub-heading-2-font-size);
  font-weight: 700;
  background: var(--dark-variant-6);
}
.tax-calendar-wrapper .calendar-grid-section.header {
  border-bottom: 0.063rem solid var(--dark-variant-4);
}
.tax-calendar-wrapper .tags-section {
  display: inline-grid;
}
.tax-calendar-wrapper .dot-no-event {
  border: 0.063rem dashed var(--neutral-800);
  background: var(--dark-variant-5);
}
.tax-calendar-wrapper .current-day .dot {
  border: 0.063rem solid var(--secondary);
  background: var(--secondary);
  font-size: var(--sub-heading-3-font-size);
  font-weight: 400;
  color: var(--primary-variant-6);
  display: flex;
  justify-content: space-around;
}
.tax-calendar-wrapper .month-card {
  background: var(--dark-variant-6);
  border: 0.063rem solid var(--dark-variant-5);
  box-shadow: 0rem 0.25rem 0.875rem rgba(0, 0, 0, 0.078);
  border-radius: 0.25rem;
}
.tax-calendar-wrapper .first {
  display: inline-grid;
  flex-direction: column;
  height: 1.25rem;
}
.tax-calendar-wrapper .day-number {
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.tax-calendar-wrapper .has-events .no-event {
  background: var(--dark-variant-5);
  border: 0.031rem dashed var(--neutral-800);
}
.tax-calendar-wrapper .day:hover, .tax-calendar-wrapper .day:focus-visible {
  border: 0.125rem solid var(--secondary);
  border-radius: 0.25rem;
}
.tax-calendar-wrapper .day:focus-visible {
  outline: none !important;
}
.tax-calendar-wrapper .tag.one-event {
  height: 0.688rem;
  max-height: 0.688rem;
}
.tax-calendar-wrapper .tag.two-event {
  height: 0.5rem;
  max-height: 0.5rem;
}
.tax-calendar-wrapper .tag.three-event {
  height: 0.375rem;
  max-height: 0.375rem;
}
.tax-calendar-wrapper .current-day-date {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 1.25rem;
  color: var(--primary-variant-6);
  background: var(--secondary);
  border: 0.063rem solid var(--secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.125rem;
}
.tax-calendar-wrapper .day-date {
  margin-bottom: 0.25rem;
}
.tax-calendar-wrapper h4.sub-title {
  width: 16.25rem;
}
@media (max-width: 575.98px) {
  .tax-calendar-wrapper .sort-views-wrapper .views-wrap.type-2 {
    display: flex;
    justify-content: space-between;
  }
  .tax-calendar-wrapper .calendar-container .pagination-wrapper .pagination-first-section.d-flex {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .tax-calendar-wrapper .services-wrapper {
    padding: 1.25rem 1rem !important;
  }
}
@media (max-width: 992px) and (min-width: 768px) {
  .tax-calendar-wrapper .form-group-autofit .form-group-item {
    min-width: 138px !important;
  }
  .tax-calendar-wrapper .calendar-grid {
    padding: 20px 75px;
  }
}
@media (max-width: 768px) and (min-width: 576px) {
  .tax-calendar-wrapper .form-group-autofit .form-group-item {
    min-width: 136px;
  }
  .tax-calendar-wrapper .calendar-grid {
    padding: 1rem;
  }
}
@media (max-width: 992px) and (min-width: 576px) {
  .tax-calendar-wrapper .form-group-autofit {
    flex-wrap: wrap;
  }
  .tax-calendar-wrapper .form-group-autofit .form-group-item {
    flex: 1;
  }
}
@media (max-width: 576px) {
  .tax-calendar-wrapper .calendar-grid {
    gap: 1rem;
    padding: 1.25rem;
    grid-template-columns: repeat(1, 1fr);
  }
  .tax-calendar-wrapper .month-header {
    font-size: 10px;
  }
  .tax-calendar-wrapper .month-content {
    padding: unset;
  }
  .tax-calendar-wrapper .weekdays-grid {
    font-size: 10px;
    gap: 0;
  }
  .tax-calendar-wrapper .days-grid {
    font-size: 10px;
    gap: 0;
  }
  .tax-calendar-wrapper .calendar-day.has-events .day-number {
    width: 1rem;
    height: 1rem;
    font-size: 7px;
    border-radius: 1rem;
  }
  .tax-calendar-wrapper .calendar-day {
    padding: 6px 0px;
  }
}
.tax-calendar-wrapper .date-range .dateRangeGroup .form-group-item {
  min-width: unset;
}

.tax-calendar-date-left-section {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.tax-calendar-event-label {
  border: 0.063rem solid var(--secondary-bg-30);
  border-radius: 1.25rem;
  padding: 0.25rem 0.5rem;
  display: flex;
  align-items: center;
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  width: fit-content;
}

.tax-calendar-views-section {
  display: flex;
  justify-content: space-between;
}

.due-date-type-dropdown {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}

.due-date-type-dropdown label {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  margin-bottom: 0rem;
}

.due-date-type-dropdown .react-select-wrapper {
  width: 15rem;
}

.tax-calendar-modal .event-item {
  display: list-item;
  list-style-type: disc;
  margin-left: 1.25rem;
}
.tax-calendar-modal .event-item p:empty {
  display: none;
}
.tax-calendar-modal .modal-header {
  border-bottom: 0.063rem solid var(--dark-variant-5);
  background-color: var(--primary-variant-6);
  height: 59px;
  margin: 0;
  display: flex;
}
.tax-calendar-modal .modal-header .etds-modal-title {
  font-weight: 700;
  font-size: 18px;
  color: var(--primary);
  margin-bottom: 0;
}
.tax-calendar-modal .modal-body {
  max-height: 19.063rem;
}
.tax-calendar-modal .modal-body .modal-relevant-section {
  border-bottom: 1px solid var(--dark-variant-5);
  margin-bottom: 1rem;
}
.tax-calendar-modal .modal-body .modal-relevant-section:last-child {
  border: 0;
  margin-bottom: 0;
}
.tax-calendar-modal .related-content-content-row {
  gap: 1rem;
}
.tax-calendar-modal .tax-calendar-event-label {
  margin-bottom: 0.75rem;
  margin-left: 1rem;
}

.modal-list-heading {
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 1.25rem;
}

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 83%;
}

.related-content-container .content-section {
  gap: 0.25rem;
}
.related-content-container .content-section svg {
  color: var(--secondary);
  flex-shrink: 0;
}
.related-content-container .content-section a {
  color: var(--secondary);
  text-decoration: underline;
}

.related-content-content-row {
  column-gap: 1.75rem;
  row-gap: 1rem;
  flex-wrap: wrap;
}

.date-picker-calendar .date-picker-date.active {
  background-color: var(--secondary) !important;
}

.tax-calendar-content-section span:first-child {
  font-weight: 500;
  font-size: 20px;
}
.tax-calendar-content-section span:last-child {
  font-weight: 500;
  font-size: 16px;
  color: var(--neutral-800);
}
.tax-calendar-content-section .no-due-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}

.sidebar-tax-calendar {
  background: var(--primary-variant-5);
  padding: 0rem 1.5rem 1.5rem 1.5rem;
  border-radius: 0.25rem;
}

.date-picker {
  z-index: 1;
}
.date-picker .date-picker-calendar .date-picker-nav-item .form-control {
  border: 1px solid #bfc1c5 !important;
  border-radius: 4px;
}
.date-picker .date-picker-calendar .input-date-picker-month {
  margin-right: 8px;
}

/*datepicker focus-within css*/
.MuiDayCalendar-monthContainer button:focus-visible {
  outline: 0.125rem solid var(--primary-variant-1);
}

@media (width: 1024px) {
  .tax-calendar-wrapper .calendar-grids {
    padding: 1.25rem 3.5rem;
  }
}
@media (max-width: 767.98px) {
  .related-content-container .content-section {
    max-width: none;
    flex: 0 0 auto;
  }
  .tax-calendar-wrapper .top-nav {
    flex-wrap: wrap;
    row-gap: 1.25rem;
  }
}
@media (max-width: 991.98px) {
  .tax-calendar-wrapper .form-group-autofit .form-group-item:has(.action-buttons) {
    flex: 0 0 100%;
    margin-top: 1.5rem;
  }
  .tax-calendar-wrapper .form-group-autofit .form-group-item:has(.action-buttons) .control-label {
    display: none;
  }
  .tax-calendar-wrapper .form-group-autofit.dateRangeGroup {
    flex-wrap: nowrap;
  }
  .tax-calendar-wrapper .form-group-autofit.dateRangeGroup .form-group-item {
    min-width: 0 !important;
  }
  .tax-calendar-wrapper .form-group-item:has(#Search-Search-input) {
    margin-right: 0;
  }
  .tax-calendar-wrapper .calendar-grids {
    grid-template-columns: repeat(2, 1fr);
    padding: 1.25rem 3.5rem;
  }
}
@media (max-width: 766px) {
  .form-group-autofit {
    flex-direction: column;
  }
  .form-group-autofit.dateRangeGroup {
    flex-direction: row;
  }
}
@media (max-width: 575.98px) {
  .tax-calendar-wrapper .form-group-autofit .form-group-item:has(.action-buttons) {
    margin-top: 0;
  }
  .tax-calendar-wrapper .calendar-grids {
    grid-template-columns: repeat(1, 1fr);
    padding: 1.25rem 1.25rem;
  }
  .tax-calendar-wrapper h4.sub-title {
    width: 9.25rem;
  }
  .tax-calendar-views-section {
    flex-direction: column;
    gap: 1.25rem;
  }
  .due-date-type-dropdown {
    justify-content: space-between;
    gap: 1.25rem;
  }
}
.publicity-campaign-content-wrapper {
  background-color: var(--primary-variant-6);
  border: 1px solid var(--dark-variant-5);
  padding: 1.25rem 1rem 1rem;
  border-radius: 0.25rem;
}
.publicity-campaign-content-wrapper .title-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.75rem;
}
.publicity-campaign-content-wrapper .title-wrap .event-title {
  color: var(--primary-variant-7) !important;
  font-size: var(--h5-font-size);
  font-weight: 700;
}
.publicity-campaign-content-wrapper .title-wrap .btn-share {
  background: transparent;
  display: flex;
  gap: 0.25rem;
  align-items: center;
  color: var(--secondary);
  font-size: var(--body-font-2-size);
  font-weight: 400;
}
.publicity-campaign-content-wrapper .title-wrap .btn-share svg {
  font-size: 1.25rem;
}
.publicity-campaign-content-wrapper .event-slider-wrap {
  max-width: 773px;
  margin: 0 auto;
}
.publicity-campaign-content-wrapper .event-slider-wrap.slide-count-1 .event-slider .slider-previous-btn,
.publicity-campaign-content-wrapper .event-slider-wrap.slide-count-1 .event-slider .slider-next-btn {
  cursor: not-allowed;
  color: var(--neutral-250);
}
.publicity-campaign-content-wrapper .event-slider-wrap.slide-count-1 .event-slider-controls .slider-controls .slider-previous,
.publicity-campaign-content-wrapper .event-slider-wrap.slide-count-1 .event-slider-controls .slider-controls .slider-next {
  cursor: not-allowed;
  color: var(--neutral-250);
}
.publicity-campaign-content-wrapper .event-slider-wrap .event-slider {
  position: relative;
  height: 436px;
  margin-bottom: 1.75rem;
  border-radius: 0.25rem;
}
.publicity-campaign-content-wrapper .event-slider-wrap .event-slider .current-slide-n-total-slide {
  font-size: var(--body-font-2-size);
  font-weight: 400;
  border: 1px solid var(--dark-variant-5);
  background-color: var(--primary-variant-6);
  color: var(--neutral-800);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.25rem;
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  padding: 0.157rem 1rem;
}
.publicity-campaign-content-wrapper .event-slider-wrap .event-slider .slider-expand-btn {
  position: absolute;
  right: 0.75rem;
  top: 0.75rem;
  display: flex;
  padding: 0.25rem 0.75rem;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  border: 1px solid var(--primary);
  color: var(--primary);
  border-radius: 0.25rem;
  background-color: var(--primary-variant-6);
}
.publicity-campaign-content-wrapper .event-slider-wrap .event-slider .slider-expand-btn svg {
  font-size: 1.25rem;
}
.publicity-campaign-content-wrapper .event-slider-wrap .event-slider .slider-expand-btn:focus-visible {
  outline-offset: 0.125rem;
}
.publicity-campaign-content-wrapper .event-slider-wrap .event-slider .slider-item-content {
  height: 436px;
  background-repeat: no-repeat;
  background-size: cover;
}
.publicity-campaign-content-wrapper .event-slider-wrap .event-slider .slider-previous-btn,
.publicity-campaign-content-wrapper .event-slider-wrap .event-slider .slider-next-btn {
  position: absolute;
  top: 50%;
  padding: 6px;
  background: var(--primary-variant-6);
  border-radius: 50%;
  box-shadow: 1px 4px 6px 0px rgba(0, 0, 0, 0.1215686275);
}
.publicity-campaign-content-wrapper .event-slider-wrap .event-slider .slider-previous-btn svg,
.publicity-campaign-content-wrapper .event-slider-wrap .event-slider .slider-next-btn svg {
  font-size: 1.5rem;
}
.publicity-campaign-content-wrapper .event-slider-wrap .event-slider .slider-previous-btn {
  transform: translateX(-50%) translateY(-50%);
}
.publicity-campaign-content-wrapper .event-slider-wrap .event-slider .slider-previous-btn.focus, .publicity-campaign-content-wrapper .event-slider-wrap .event-slider .slider-previous-btn:focus-visible {
  box-shadow: unset;
  border-radius: 0.25rem;
  outline: 0.125rem solid var(--primary-variant-9);
  border-radius: 50%;
}
.publicity-campaign-content-wrapper .event-slider-wrap .event-slider .slider-next-btn {
  right: 0;
  transform: translateX(50%) translateY(-50%);
}
.publicity-campaign-content-wrapper .event-slider-wrap .event-slider .slider-next-btn.focus, .publicity-campaign-content-wrapper .event-slider-wrap .event-slider .slider-next-btn:focus-visible {
  box-shadow: unset;
  border-radius: 0.25rem;
  outline: 0.125rem solid var(--primary-variant-9);
  border-radius: 50%;
}
.publicity-campaign-content-wrapper .event-slider-wrap .event-slider-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}
.publicity-campaign-content-wrapper .event-slider-wrap .event-slider-controls .slider-controls {
  display: flex;
  justify-content: center;
  border: 1px solid var(--primary-stroke-30);
  padding: 0.25rem 0.5rem;
  border-radius: 2rem;
  gap: 0.75rem;
}
.publicity-campaign-content-wrapper .event-slider-wrap .event-slider-controls .slider-controls button {
  background: transparent;
  border: 0;
  padding: 0;
  line-height: 1;
}
.publicity-campaign-content-wrapper .event-slider-wrap .event-slider-controls .slider-controls button:focus-visible {
  outline-offset: 0.125rem;
}
.publicity-campaign-content-wrapper .event-slider-wrap .event-slider-controls .slider-controls button.slider-previous, .publicity-campaign-content-wrapper .event-slider-wrap .event-slider-controls .slider-controls button.slider-next {
  color: var(--primary);
}
.publicity-campaign-content-wrapper .event-slider-wrap .event-slider-controls .slider-controls button.slider-previous svg, .publicity-campaign-content-wrapper .event-slider-wrap .event-slider-controls .slider-controls button.slider-next svg {
  font-size: 1.125rem;
}
.publicity-campaign-content-wrapper .event-slider-wrap .event-slider-controls .slider-controls button.slider-pause {
  color: var(--primary);
}
.publicity-campaign-content-wrapper .event-slider-wrap .event-slider-controls .slider-controls button.slider-pause svg {
  font-size: 1rem;
}
.publicity-campaign-content-wrapper .event-slider-wrap .event-slider-controls .slider-controls button.slider-play {
  color: var(--primary);
}
.publicity-campaign-content-wrapper .event-slider-wrap .event-slider-controls .slider-controls button.slider-play svg {
  font-size: 1.25rem;
}
.publicity-campaign-content-wrapper .event-slider-wrap .event-slider-controls .slider-controls .slider-dots {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.publicity-campaign-content-wrapper .event-slider-wrap .event-slider-controls .slider-controls .slider-dots .slide-dot {
  width: 0.5rem;
  height: 0.5rem;
  background-color: var(--primary-200);
  border-radius: 1px;
}
.publicity-campaign-content-wrapper .event-slider-wrap .event-slider-controls .slider-controls .slider-dots .slide-dot.active {
  background-color: var(--primary);
}
.publicity-campaign-content-wrapper .slider-thumbnail-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  border: 1px solid var(--dark-variant-5);
  border-radius: 0.25rem;
  position: relative;
}
.publicity-campaign-content-wrapper .slider-thumbnail-wrap:after {
  content: "";
  position: absolute;
  bottom: 0;
  border-top: 1px solid var(--dark-variant-5);
  left: 1rem;
  right: 1rem;
}
.publicity-campaign-content-wrapper .slider-thumbnail-wrap .slider-thumbnail-wrap-inner {
  display: flex;
  align-items: center;
  gap: 1rem;
  overflow-x: auto;
  padding: 1rem 4.5rem;
}
.publicity-campaign-content-wrapper .slider-thumbnail-wrap .thumbnail-item {
  width: 200px;
  height: 113px;
  border-radius: 0.25rem;
  background-size: cover;
  position: relative;
  flex-shrink: 0;
  border-width: 0;
  outline-offset: 0.125rem;
}
.publicity-campaign-content-wrapper .slider-thumbnail-wrap .thumbnail-item .active-thumbnail {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(42, 58, 141, 0.5019607843);
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.25rem solid var(--primary);
}
.publicity-campaign-content-wrapper .slider-thumbnail-wrap .thumbnail-item .active-thumbnail svg {
  font-size: 2rem;
  color: var(--primary-variant-6);
}
.publicity-campaign-content-wrapper .comic-content-wrapper .title-wrap {
  margin-bottom: 1.5rem;
}
.publicity-campaign-content-wrapper .comic-content-wrapper .title-wrap .left-actions {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
.publicity-campaign-content-wrapper .comic-content-wrapper .title-wrap .left-actions .main-title {
  margin: 0;
  font-size: var(--h5-font-size);
  font-weight: 700;
}
.publicity-campaign-content-wrapper .comic-content-wrapper .title-wrap .left-actions .btn-share {
  border-left: 1px solid var(--dark-variant-5);
  padding-left: 1.25rem !important;
}
.publicity-campaign-content-wrapper .comic-content-wrapper .comic-content {
  margin-bottom: 1rem;
}
.publicity-campaign-content-wrapper .comic-content-wrapper .comic-content.tile-view {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}
.publicity-campaign-content-wrapper .comic-content-wrapper .comic-content.tile-view .comic-item {
  margin: 0 !important;
  width: calc(33.33% - 1rem);
  flex-direction: column;
  gap: 0.75rem;
  padding: 0.75rem;
}
.publicity-campaign-content-wrapper .comic-content-wrapper .comic-content.tile-view .comic-item .main-data {
  flex-direction: column;
  max-width: 100%;
}
.publicity-campaign-content-wrapper .comic-content-wrapper .comic-content.tile-view .comic-item .main-data .comic-thumbnail {
  width: 23.313rem;
  height: 15rem;
}
.publicity-campaign-content-wrapper .comic-content-wrapper .comic-content.tile-view .comic-item .main-data .text-data {
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--dark-variant-5);
  width: 100%;
  max-width: 100%;
}
.publicity-campaign-content-wrapper .comic-content-wrapper .comic-content.tile-view .comic-item .meta-data {
  gap: 1rem;
  justify-content: space-between;
  width: 100%;
}
.publicity-campaign-content-wrapper .comic-content-wrapper .comic-content .comic-item {
  background-color: var(--secondary-variant-3);
  border: 1px solid var(--secondary-bg-30);
  border-radius: 0.25rem;
  padding: 0.75rem 1.5rem 0.75rem 0.75rem;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  color: var(--primary-variant-7);
}
.publicity-campaign-content-wrapper .comic-content-wrapper .comic-content .comic-item:not(:last-child) {
  margin-bottom: 0.75rem;
}
.publicity-campaign-content-wrapper .comic-content-wrapper .comic-content .comic-item .main-data {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex: 0 0 75%;
  max-width: 75%;
}
.publicity-campaign-content-wrapper .comic-content-wrapper .comic-content .comic-item .main-data .comic-thumbnail {
  max-width: 100%;
  width: 8.5rem;
  border-radius: 0.25rem;
}
.publicity-campaign-content-wrapper .comic-content-wrapper .comic-content .comic-item .main-data .text-data {
  max-width: calc(100% - 5rem);
}
.publicity-campaign-content-wrapper .comic-content-wrapper .comic-content .comic-item .main-data .text-data .comic-title {
  font-size: var(--h5-font-size);
  font-weight: 700;
  margin-bottom: 0.25rem;
}
.publicity-campaign-content-wrapper .comic-content-wrapper .comic-content .comic-item .main-data .text-data .publish-date {
  margin: 0;
  font-size: var(--body-font-2-size);
  font-weight: 400;
}
.publicity-campaign-content-wrapper .comic-content-wrapper .comic-content .comic-item .meta-data {
  display: flex;
  align-items: center;
  gap: 3rem;
}
.publicity-campaign-content-wrapper .comic-content-wrapper .comic-content .comic-item .meta-data .view-file {
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: var(--secondary);
  font-size: var(--body-font-2-size);
  font-weight: 400;
}
.publicity-campaign-content-wrapper .comic-content-wrapper .comic-content .comic-item .meta-data .view-file svg {
  font-size: 1.25rem;
}
.publicity-campaign-content-wrapper .audio-gallery-wrap .audio-gallery-item {
  background-color: var(--secondary-variant-3);
  border: 1px solid var(--secondary-bg-30);
  padding: 0.75rem 1.5rem;
  border-radius: 0.25rem;
  margin-bottom: 1.5rem;
}
.publicity-campaign-content-wrapper .audio-gallery-wrap .audio-gallery-item .audio-title {
  font-size: var(--sub-heading-1-font-size);
  font-weight: 700;
  margin-bottom: 0.62rem;
}
.publicity-campaign-content-wrapper .audio-gallery-wrap .audio-gallery-item audio {
  width: 100%;
}
.publicity-campaign-content-wrapper .audio-gallery-wrap .audio-gallery-item .able-wrapper {
  margin: 0;
  z-index: 0;
}
.publicity-campaign-content-wrapper .audio-gallery-wrap .audio-gallery-item .able-wrapper .able {
  box-shadow: none;
  z-index: 1;
}
.publicity-campaign-content-wrapper .audio-gallery-wrap .audio-gallery-item .able-wrapper .able .able-player {
  padding: 0;
}
.publicity-campaign-content-wrapper .audio-gallery-wrap .audio-gallery-item .able-wrapper .able .able-player .able-seekbar-wrapper .able-seekbar {
  height: 0.625rem;
}
.publicity-campaign-content-wrapper .audio-gallery-wrap .audio-gallery-item .able-wrapper .able .able-player .able-seekbar-wrapper .able-seekbar .able-seekbar-head:focus-visible, .publicity-campaign-content-wrapper .audio-gallery-wrap .audio-gallery-item .able-wrapper .able .able-player .able-seekbar-wrapper .able-seekbar .able-seekbar-head:focus, .publicity-campaign-content-wrapper .audio-gallery-wrap .audio-gallery-item .able-wrapper .able .able-player .able-seekbar-wrapper .able-seekbar .able-seekbar-head:hover {
  box-shadow: unset;
  border-radius: 0.25rem;
  outline: 0.125rem solid var(--primary-variant-9);
  outline-offset: 0.125rem;
  border-radius: 50%;
}
.publicity-campaign-content-wrapper .audio-gallery-wrap .audio-gallery-item .able-wrapper .able .able-player .able-controller {
  min-height: unset;
}
.publicity-campaign-content-wrapper .audio-gallery-wrap .audio-gallery-item .able-wrapper .able .able-player .able-controller div[role=button] {
  outline: none !important;
  line-height: 1;
}
.publicity-campaign-content-wrapper .audio-gallery-wrap .audio-gallery-item .able-wrapper .able .able-player .able-controller div[role=button]:focus-visible {
  box-shadow: inset 0 0 0 0.125rem var(--primary-variant-9);
  border-radius: 0.25rem;
  outline: 0;
}
.publicity-campaign-content-wrapper .audio-gallery-wrap .audio-gallery-item .able-wrapper .able .able-player .able-controller .able-tooltip {
  display: none !important;
}
.publicity-campaign-content-wrapper .audio-gallery-wrap .audio-gallery-item .able-wrapper .able .able-player .able-controller .able-right-controls > span {
  display: none;
}
.publicity-campaign-content-wrapper .audio-gallery-wrap .audio-gallery-item .able-wrapper .able .able-player .able-controller .able-button-handler-transcript,
.publicity-campaign-content-wrapper .audio-gallery-wrap .audio-gallery-item .able-wrapper .able .able-player .able-controller .able-button-handler-faster,
.publicity-campaign-content-wrapper .audio-gallery-wrap .audio-gallery-item .able-wrapper .able .able-player .able-controller .able-button-handler-slower,
.publicity-campaign-content-wrapper .audio-gallery-wrap .audio-gallery-item .able-wrapper .able .able-player .able-controller .able-button-handler-preferences {
  display: none;
}
.publicity-campaign-content-wrapper .audio-gallery-wrap .audio-gallery-item .able-wrapper .able .able-player .able-controller .able-button-handler-captions {
  position: absolute;
  left: 7.5rem;
  margin: 0;
}
.publicity-campaign-content-wrapper .audio-gallery-wrap .audio-gallery-item .able-wrapper .able .able-player .able-controller .able-volume-slider {
  bottom: 1.5rem;
  text-align: center;
}
.publicity-campaign-content-wrapper .audio-gallery-wrap .audio-gallery-item .able-wrapper .able .able-player .able-controller .able-volume-slider input {
  outline: none;
}
.publicity-campaign-content-wrapper .audio-gallery-wrap .audio-gallery-item .able-wrapper .able .able-player .able-status-bar {
  padding: 0 0.25rem;
}
.publicity-campaign-content-wrapper .audio-gallery-wrap .audio-gallery-item .able-wrapper .able .able-player .able-status-bar .able-speed,
.publicity-campaign-content-wrapper .audio-gallery-wrap .audio-gallery-item .able-wrapper .able .able-player .able-status-bar .able-status {
  display: none;
}
.publicity-campaign-content-wrapper .audio-gallery-wrap .audio-gallery-item .able-wrapper .able .able-audcap-container {
  padding: 0 0.25rem;
}
.publicity-campaign-content-wrapper .audio-gallery-wrap .audio-gallery-item .able-wrapper .able .able-audcap-container .able-captions-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.publicity-campaign-content-wrapper .video-content-wrapper .title-wrap .event-title {
  margin-bottom: 0;
}
.publicity-campaign-content-wrapper .video-content-wrapper .video-gallery-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}
.publicity-campaign-content-wrapper .video-content-wrapper .video-gallery-wrap .video-gallery-item {
  background-color: var(--secondary-variant-3);
  border: 1px solid var(--secondary-bg-30);
  border-radius: 0.25rem;
  text-decoration: none;
  color: var(--primary-variant-7);
  margin: 0 !important;
  width: calc(33.33% - 1rem);
  padding: 0.75rem;
  cursor: pointer;
}
.publicity-campaign-content-wrapper .video-content-wrapper .video-gallery-wrap .video-gallery-item .video-thumbnail {
  margin-bottom: 1rem;
  height: 230px;
  width: 100%;
}
.publicity-campaign-content-wrapper .video-content-wrapper .video-gallery-wrap .video-gallery-item .video-title {
  margin: 0;
  font-size: var(--sub-heading-1-font-size);
  font-weight: 500;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  -webkit-line-clamp: 2;
}
.publicity-campaign-content-wrapper .able-wrapper .able h1.able-offscreen {
  display: none;
}

.publicity-campaign-image-viewer-wrap {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 990;
  background-color: var(--secondary-variant-2);
}
.publicity-campaign-image-viewer-wrap .top-actions-wrap {
  border: 1px solid var(--dark-variant-5);
  box-shadow: -1px 4px 14px 0px rgba(0, 0, 0, 0.0784313725);
  background-color: var(--primary-variant-6);
  padding: 0.75rem 0;
}
.publicity-campaign-image-viewer-wrap .top-actions-wrap .top-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.publicity-campaign-image-viewer-wrap .top-actions-wrap .top-actions .event-title {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 700;
  color: var(--primary);
  margin: 0;
}
.publicity-campaign-image-viewer-wrap .top-actions-wrap .top-actions .actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
}
.publicity-campaign-image-viewer-wrap .top-actions-wrap .top-actions .actions button,
.publicity-campaign-image-viewer-wrap .top-actions-wrap .top-actions .actions a {
  padding: 0.25rem 0.75rem;
  gap: 0.25rem;
  display: flex;
  align-items: center;
  font-size: var(--button-font-size);
  font-weight: 500;
  color: var(--primary);
  text-decoration: none;
}
.publicity-campaign-image-viewer-wrap .top-actions-wrap .top-actions .actions button svg,
.publicity-campaign-image-viewer-wrap .top-actions-wrap .top-actions .actions a svg {
  font-size: 1.25rem;
}
.publicity-campaign-image-viewer-wrap .top-actions-wrap .top-actions .actions button.btn-download,
.publicity-campaign-image-viewer-wrap .top-actions-wrap .top-actions .actions a.btn-download {
  border: 1px solid var(--primary);
  border-radius: 0.25rem;
}
.publicity-campaign-image-viewer-wrap .top-actions-wrap .top-actions .actions button.btn-download:focus-visible,
.publicity-campaign-image-viewer-wrap .top-actions-wrap .top-actions .actions a.btn-download:focus-visible {
  outline-offset: 0.125rem;
}
.publicity-campaign-image-viewer-wrap .main-image-wrap {
  margin: 1rem 0;
}
.publicity-campaign-image-viewer-wrap .main-image-wrap .main-image {
  text-align: center;
  overflow: auto;
  height: calc(100vh - 142px);
}
.publicity-campaign-image-viewer-wrap .main-image-wrap .main-image .publicity-campaign-event-image {
  max-width: unset;
  max-height: unset;
}
.publicity-campaign-image-viewer-wrap .main-image-wrap .main-image .publicity-campaign-event-image.zoom-out {
  max-width: 100%;
  height: auto;
  max-height: calc(100vh - 142px);
}
.publicity-campaign-image-viewer-wrap .bottom-actions-wrap {
  border: 1px solid var(--dark-variant-5);
  box-shadow: -1px 4px 14px 0px rgba(0, 0, 0, 0.0784313725);
  background-color: var(--primary-variant-6);
  padding: 0.5rem 0;
}
.publicity-campaign-image-viewer-wrap .bottom-actions-wrap .bottom-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.publicity-campaign-image-viewer-wrap .bottom-actions-wrap .bottom-actions .zoom-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  font-size: var(--body-font-2-size);
  font-weight: 400;
  color: var(--primary-variant-7);
}
.publicity-campaign-image-viewer-wrap .bottom-actions-wrap .bottom-actions .zoom-actions button {
  font-size: 1.25rem;
}
.publicity-campaign-image-viewer-wrap .bottom-actions-wrap .bottom-actions .zoom-actions button svg {
  color: var(--primary);
}

.able-modal-dialog {
  display: none;
}

@media (max-width: 991.98px) {
  .publicity-campaign-content-wrapper .video-content-wrapper .video-gallery-wrap {
    gap: 1.25rem;
  }
  .publicity-campaign-content-wrapper .video-content-wrapper .video-gallery-wrap .video-gallery-item .video-thumbnail {
    height: 10rem;
  }
  .publicity-campaign-content-wrapper .slider-thumbnail-wrap .slider-thumbnail-wrap-inner {
    padding: 1rem;
  }
}
@media (max-width: 767.98px) {
  .publicity-campaign-content-wrapper .event-slider-wrap .event-slider {
    height: 396px;
  }
  .publicity-campaign-content-wrapper .event-slider-wrap .event-slider .slider-item-content {
    height: 396px;
  }
  .publicity-campaign-content-wrapper .video-content-wrapper .video-gallery-wrap .video-gallery-item {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
  }
  .publicity-campaign-content-wrapper .video-content-wrapper .video-gallery-wrap .video-gallery-item .video-title {
    font-size: var(--sub-heading-2-font-size);
    font-weight: 500;
    line-clamp: inherit;
    -webkit-line-clamp: inherit;
  }
  .publicity-campaign-content-wrapper .video-content-wrapper .video-gallery-wrap .video-gallery-item .video-thumbnail {
    height: 7.625rem;
  }
  .publicity-campaign-content-wrapper .comic-content-wrapper .comic-content.tile-view {
    gap: 1rem;
  }
  .publicity-campaign-content-wrapper .comic-content-wrapper .comic-content .comic-item .main-data .text-data .comic-title {
    font-size: var(--sub-heading-2-font-size);
    font-weight: 700;
  }
  .publicity-campaign-image-viewer-wrap .bottom-actions-wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
  }
}
@media (max-width: 575.98px) {
  .publicity-campaign-content-wrapper .event-slider-wrap .event-slider {
    height: 170px;
  }
  .publicity-campaign-content-wrapper .event-slider-wrap .event-slider .slider-item-content {
    height: 170px;
  }
  .publicity-campaign-content-wrapper .slider-thumbnail-wrap {
    display: none;
  }
  .publicity-campaign-content-wrapper .pagination-wrapper {
    border: 1px solid #d6d6d6 !important;
    border-radius: 0.25rem !important;
  }
  .publicity-campaign-content-wrapper .title-wrap .btn-share {
    padding-left: 0 !important;
    border-left: none !important;
  }
  .publicity-campaign-content-wrapper .comic-content-wrapper .title-wrap .left-actions .main-title {
    font-size: var(--sub-heading-1-font-size);
    font-weight: 700;
  }
  .publicity-campaign-content-wrapper .comic-content-wrapper .title-wrap .left-actions .btn-share .btn-text {
    display: none;
  }
  .publicity-campaign-content-wrapper .comic-content-wrapper .title-wrap .right-content {
    display: flex;
  }
  .publicity-campaign-content-wrapper .comic-content-wrapper .title-wrap .right-content .title {
    display: none;
  }
  .publicity-campaign-content-wrapper .comic-content-wrapper .title-wrap .right-content .actions {
    border-radius: 2rem;
  }
  .publicity-campaign-content-wrapper .comic-content-wrapper .title-wrap .right-content .actions button {
    width: 2rem;
    height: 2rem;
    padding: 0;
    border-radius: 2rem;
  }
  .publicity-campaign-content-wrapper .comic-content-wrapper .title-wrap .right-content .actions button .text {
    display: none;
  }
  .publicity-campaign-content-wrapper .comic-content-wrapper .comic-content.tile-view {
    gap: 0.75rem;
  }
  .publicity-campaign-content-wrapper .comic-content-wrapper .comic-content.tile-view .comic-item {
    width: 100%;
  }
  .publicity-campaign-content-wrapper .comic-content-wrapper .comic-content.tile-view .comic-item .main-data {
    width: 100%;
    padding-bottom: 0;
    border-bottom: 0;
  }
  .publicity-campaign-content-wrapper .comic-content-wrapper .comic-content.tile-view .comic-item .main-data .text-data .comic-title {
    font-size: var(--h5-font-size);
    font-weight: 700;
  }
  .publicity-campaign-content-wrapper .comic-content-wrapper .comic-content.tile-view .comic-item {
    padding: 0.75rem;
  }
  .publicity-campaign-content-wrapper .comic-content-wrapper .comic-content.tile-view .comic-item .main-data .text-data .comic-title {
    font-size: var(--sub-heading-2-font-size);
    font-weight: 700;
  }
  .publicity-campaign-content-wrapper .comic-content-wrapper .comic-content .comic-item {
    flex-direction: column;
    gap: 0.75rem;
  }
  .publicity-campaign-content-wrapper .comic-content-wrapper .comic-content .comic-item .main-data {
    width: 100%;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--secondary-variant-1);
    max-width: 100%;
    flex: 0 0 100%;
  }
  .publicity-campaign-content-wrapper .comic-content-wrapper .comic-content .comic-item .meta-data {
    width: 100%;
    justify-content: space-between;
  }
  .publicity-campaign-content-wrapper .video-content-wrapper .video-gallery-wrap {
    gap: 1rem;
  }
  .publicity-campaign-content-wrapper .video-content-wrapper .video-gallery-wrap .video-gallery-item {
    width: 100%;
  }
  .publicity-campaign-content-wrapper .video-content-wrapper .video-gallery-wrap .video-gallery-item .video-thumbnail {
    height: 10.5rem;
  }
  .publicity-campaign-image-viewer-wrap .top-actions-wrap .top-actions {
    flex-direction: column;
    align-items: start;
    gap: 1rem;
  }
  .publicity-campaign-image-viewer-wrap .top-actions-wrap .top-actions .actions {
    margin-left: inherit;
  }
  .publicity-campaign-image-viewer-wrap .bottom-actions-wrap .bottom-actions .blank {
    display: none;
  }
}
.video-listing-wrapper .tag-list {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.video-listing-wrapper .tag-list .btn-tag {
  box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.12);
  border-radius: 42px;
  background: var(--secondary-variant-3);
  min-width: 84px;
  height: 36px;
}
.video-listing-wrapper .tag-list .btn-tag.active {
  background: var(--secondary);
  color: var(--primary-variant-6);
}
.video-listing-wrapper .tag-list .btn-tag:focus-visible, .video-listing-wrapper .tag-list .btn-tag:focus {
  box-shadow: unset;
  border-radius: 0.25rem;
  outline: 0.125rem solid var(--primary-variant-9);
  border-radius: 1.25rem;
}
.video-listing-wrapper .form-group-item:nth-child(2) input {
  padding-right: 2.5rem;
}
.video-listing-wrapper .publicity-campaign-content-wrapper {
  margin-bottom: 7px;
}

@media (max-width: 575.98px) {
  .publicity-campaign-content-wrapper .comic-content-wrapper .comic-content.tile-view .comic-item {
    height: min-content;
  }
  .publicity-campaign-content-wrapper .comic-content-wrapper .comic-content .comic-item .main-data {
    gap: 0.75rem;
  }
  .publicity-campaign-content-wrapper .comic-content-wrapper .comic-content .comic-item .main-data .text-data .comic-title {
    margin-right: 0.75rem;
  }
  .publicity-campaign-content-wrapper .comic-content-wrapper .comic-content .comic-item .main-data .comic-thumbnail {
    width: 5.8125rem;
  }
}
@media only screen and (max-width: 576px) {
  .video-listing-wrapper .tag-list {
    display: flex;
    flex-wrap: unset;
    overflow-x: auto;
    white-space: nowrap;
    gap: 0.5rem;
    padding: 0.5rem;
    scrollbar-width: thin;
  }
  .video-listing-wrapper .tag-list::-webkit-scrollbar {
    height: 6px;
  }
  .video-listing-wrapper .tag-list::-webkit-scrollbar-thumb {
    background: var(--neutral-light);
    border-radius: 3px;
  }
  .video-listing-wrapper .tag-list .btn-tag {
    flex-shrink: 0;
  }
}
.live-video-stream-wrapper .slider-thumbnail-wrap {
  box-shadow: -1px 4px 14px rgba(0, 0, 0, 0.08);
  border: unset;
}
.live-video-stream-wrapper .slider-thumbnail-wrap:after {
  content: none;
}
.live-video-stream-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 0.25rem;
}
.live-video-stream-wrapper .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid var(--secondary-bg-30);
  border-radius: 0.25rem;
}
.live-video-stream-wrapper .content-label {
  padding: 0.75rem;
  margin: 0;
  font-weight: 500;
  font-size: 14px;
}
.live-video-stream-wrapper .content-value {
  width: 100%;
  background: var(--primary-variant-5);
  border-radius: 4px;
  padding: 12px;
  text-align: CENTER;
  font-weight: 700;
  font-size: 1.5rem;
  color: #212121;
}
.live-video-stream-wrapper .heading {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--primary);
  margin-bottom: 1.25rem;
}
.live-video-stream-wrapper .row-custom {
  display: flex;
  flex-wrap: wrap;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  padding-bottom: 1rem;
}
.live-video-stream-wrapper .col-custom {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  width: 50%;
}
.live-video-stream-wrapper .no-live-heading {
  font-weight: 500;
  font-size: 1.25rem;
}

@media (max-width: 768px) {
  .live-video-stream-wrapper .col-custom {
    width: 100%;
    margin-bottom: 1rem;
  }
  .live-video-stream-wrapper .col-custom:last-child {
    margin-bottom: 0;
  }
  .live-video-stream-wrapper .title-wrap {
    align-items: baseline;
    justify-content: space-between;
    flex-direction: column;
  }
}
.tab-container {
  display: flex;
  background: var(--primary-variant-6);
  border: 1px solid var(--dark-variant-5);
  border-radius: 4px;
}
.tab-container .tab-sidebar {
  width: 30%;
  padding: 20px 16px;
  border-right: 1px solid var(--dark-variant-5);
  overflow-y: auto;
}
.tab-container .tab-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.tab-container .tab-item {
  padding: 15px;
  background-color: var(--secondary-variant-3);
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 500;
  font-size: 14px;
}
.tab-container .tab-item.active {
  background: var(--secondary-variant-1);
  border-radius: 4px;
  font-weight: 500;
  font-size: 14px;
  color: var(--secondary-600);
  overflow-wrap: break-word;
}
.tab-container .tab-content {
  width: 70%;
  padding: 30px;
  overflow-y: auto;
  max-height: 70vh;
}
.tab-container .tab-content a:focus-visible {
  text-decoration: underline;
  padding: 0 0.25rem;
}
.tab-container .html-content ul {
  margin-left: 20px;
  margin-bottom: 15px;
}
.tab-container .html-content ol {
  margin-left: 20px;
  margin-bottom: 15px;
}
.tab-container .html-content li {
  margin-bottom: 5px;
}
.tab-container .html-content img {
  max-width: 100%;
  margin: 10px 0;
  display: block;
}

.timeline-wrapper {
  position: relative;
  margin-left: 20px;
}

.timeline-section {
  position: relative;
  padding-left: 32px;
  padding-bottom: 12px;
}
.timeline-section::after {
  content: "";
  position: absolute;
  top: 5px;
  left: -2px;
  width: 16px;
  height: 16px;
  background: var(--background-6);
  border: 2px solid var(--background-6);
  border-radius: 50%;
}
.timeline-section:last-child::before {
  height: 10px;
}
.timeline-section::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 5px;
  width: 2px;
  height: 100%;
  background-image: repeating-linear-gradient(to bottom, var(--background-6), var(--background-6) 10px, transparent 10px, transparent 20px);
}
.timeline-section .timeline-year {
  padding-bottom: 6px;
}
.timeline-section .timeline-content {
  background: var(--background-6);
  border-radius: 4px;
  padding: 10px;
}

.section-chapter-wrapper.rti-section-wrapper {
  margin-top: 3.25rem;
  margin-bottom: 3.25rem;
}
.section-chapter-wrapper.rti-section-wrapper .rti-wrapper .act-name {
  font-size: var(--h5-font-size);
  font-weight: 700;
  color: var(--contrast-dark);
  -webkit-line-clamp: 1 !important;
}
.section-chapter-wrapper.rti-section-wrapper .rti-list-wrapper .act-title {
  gap: 6px !important;
}

.rti-wrapper .acts-list {
  margin-left: 8% !important;
  margin-right: 8% !important;
}

.alpha-sort-asc {
  transform: rotate(0deg);
  transition: transform 0.3s ease;
}

.alpha-sort-desc {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}

.who-we-are-wrapper .toggle-all {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
  background: none;
  border: none;
  cursor: pointer;
  color: var(--primary);
}
.who-we-are-wrapper .section-header {
  background: var(--secondary-variant-3);
  border: 1px solid var(--secondary-bg-30);
  border-radius: 0.25rem;
  padding: 1rem 1.5rem;
  width: 100%;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--primary);
  margin-bottom: 0px;
}
.who-we-are-wrapper .accordion-item {
  border-radius: 6px;
  margin: 1rem 0;
  background: var(--primary-variant-6);
}
.who-we-are-wrapper .accordion-content {
  padding: 1.5rem 1.5rem 0px 1.5rem !important;
  display: none;
  border: 1px solid var(--secondary-bg-30);
  border-radius: 0 0 0.25rem 0.25rem;
  border-top: none;
}
.who-we-are-wrapper .accordion-header.link {
  justify-content: space-between;
}
.who-we-are-wrapper .accordion-header.link span {
  color: #0056d2;
  font-size: var(--sub-heading-2-font-size);
}
.who-we-are-wrapper .heading-section {
  display: flex;
  justify-content: space-between;
}
.who-we-are-wrapper .section-icon {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
}
.who-we-are-wrapper .section-label {
  font-size: var(--sub-heading-1-font-size);
  font-weight: 700;
}
.who-we-are-wrapper a.r-link {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_15357_24097)'%3E%3Cpath d='M10.5003 10L6.66699 6.16667L7.83366 5L12.8337 10L7.83366 15L6.66699 13.8333L10.5003 10Z' fill='currentColor'%3E%3C/path%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_15357_24097'%3E%3Crect width='20' height='20' fill='currentColor'%3E%3C/rect%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: center;
  filter: brightness(0) saturate(100%) invert(23%) sepia(22%) saturate(4349%) hue-rotate(208deg) brightness(89%) contrast(92%);
}
.who-we-are-wrapper .expand {
  display: none;
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
}
.who-we-are-wrapper .collapse {
  display: none;
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
}
.who-we-are-wrapper .expand-all {
  display: none;
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
}
.who-we-are-wrapper .collapse-all {
  display: none;
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
}
.who-we-are-wrapper .active-accordion-item .section-header {
  border-bottom: none;
  background: var(--secondary-variant-2);
  border-radius: 0.25rem 0.25rem 0px 0px;
}
.who-we-are-wrapper .c-empty-state-text {
  font-weight: 700;
  color: #1c1c24;
  text-align: center;
  margin-bottom: 1.75rem;
}

html[data-contrast=on] .who-we-are-wrapper .section-icon {
  filter: brightness(0) saturate(100%) invert(85%) sepia(83%) saturate(418%) hue-rotate(352deg) brightness(107%) contrast(108%);
}

.has-edit-mode-menu .accordion-content {
  display: block;
}

.department-income-tax-wrapper {
  margin-bottom: 1.5rem;
}
.department-income-tax-wrapper .table-responsive {
  margin-bottom: 1rem;
}

.custom-table-wrapper .table-responsive {
  border-top: 1px solid #eee;
  border: 0.5px solid #d5d6d8;
  border-radius: 0.25rem;
}
.custom-table-wrapper .table-responsive table thead tr th {
  padding: 0.75rem 1rem;
  background-color: var(--primary-variant-4);
}
.custom-table-wrapper .table-responsive table thead tr th label {
  font-weight: 700 !important;
  margin-bottom: 0px;
}
.custom-table-wrapper .table-responsive table thead tr th span {
  color: var(--primary-variant-7);
}
.custom-table-wrapper .table-responsive table tr:nth-child(even) {
  background-color: var(--primary-variant-5);
}
.custom-table-wrapper .table-responsive table tr:nth-child(odd) {
  background-color: var(--primary-variant-6);
}
.custom-table-wrapper .table-responsive table td {
  font-weight: 400;
  font-size: 0.75rem;
  word-break: break-word;
}
.custom-table-wrapper .table-responsive table td:nth-child(4) {
  color: var(--secondary);
}
.custom-table-wrapper .table-responsive th {
  height: 45px !important;
}
.custom-table-wrapper .table-responsive td {
  height: 35px !important;
  color: var(--primary-font-color);
}
.custom-table-wrapper .table-responsive td .text-truncate-inline .text-truncate {
  white-space: unset !important;
}

.rti-case-laws-wrapper .heading {
  font-weight: 700;
  font-size: 14px;
  color: var(--neutral-1200);
}
.rti-case-laws-wrapper .section-desc-wrap .section-desc {
  font-size: 12px !important;
  color: var(--text-tertiary) !important;
}
.rti-case-laws-wrapper .link-section {
  display: flex;
  gap: 24px;
}
.rti-case-laws-wrapper .link-section .pdf-section {
  display: flex;
  gap: 4px;
}
.rti-case-laws-wrapper .link-section .pdf-section svg {
  width: 20px;
  height: 20px;
}
.rti-case-laws-wrapper .link-section a {
  text-decoration: underline;
}

.rti-fragment-wrapper .tab-container .tab-sidebar {
  background-color: var(--background-4);
}
.rti-fragment-wrapper .tab-container .tab-sidebar {
  width: 25%;
}
.rti-fragment-wrapper .tab-container .tab-content {
  width: 75%;
}

@media (max-width: 991.98px) {
  .rti-wrapper .acts-list {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}
@media (max-width: 767.98px) {
  .rti-wrapper .acts-list {
    margin-left: 0.625rem !important;
    margin-right: 0.625rem !important;
  }
}
@media (max-width: 575.98px) {
  .who-we-are-wrapper .heading-section h3 {
    font-size: var(--h5-font-size);
    color: var(--primary);
  }
  .who-we-are-wrapper .accordion-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
  }
  .who-we-are-wrapper .accordion-header.individual {
    text-align: center;
  }
  .who-we-are-wrapper .accordion-header.individual .right-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -1.375rem;
  }
  .who-we-are-wrapper .accordion-header.individual .section-icon::after {
    display: none;
  }
  .who-we-are-wrapper .accordion-header .expand {
    font-size: 0 !important;
  }
  .who-we-are-wrapper .section-label {
    word-break: break-word;
  }
  .who-we-are-wrapper .section-icon {
    position: relative;
  }
  .who-we-are-wrapper .section-icon a.r-link {
    background-image: unset !important;
    word-break: break-word;
  }
  .who-we-are-wrapper .section-icon::after {
    content: "";
    display: inline-block;
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_15357_24097)'%3E%3Cpath d='M10.5003 10L6.66699 6.16667L7.83366 5L12.8337 10L7.83366 15L6.66699 13.8333L10.5003 10Z' fill='currentColor'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_15357_24097'%3E%3Crect width='20' height='20' fill='currentColor'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    position: absolute;
    transform: translateY(-50%);
    background-size: contain;
    top: 50%;
    right: -1.438rem;
    filter: brightness(0) saturate(100%) invert(23%) sepia(22%) saturate(4349%) hue-rotate(208deg) brightness(89%) contrast(92%);
  }
  .history-mobile .tab-container {
    display: flex;
    flex-direction: column;
  }
  .history-mobile .tab-container .tab-list {
    gap: 0.5rem;
  }
  .history-mobile .tab-sidebar,
  .history-mobile .tab-content {
    width: 100%;
  }
  etds-about-us .search-wrapper .search-box .form-group-autofit .form-group-item-autofit {
    width: 100%;
  }
  etds-about-us .search-wrapper .search-box .form-group-autofit .form-group-item-autofit div.control-label {
    display: none;
  }
  etds-about-us .search-wrapper .search-box .form-group-autofit .form-group-item-autofit .action-buttons {
    flex-direction: column;
    gap: 0.75rem;
  }
  etds-about-us .search-wrapper .search-box .form-group-autofit .form-group-item-autofit .action-buttons .btn {
    width: 100%;
  }
  etds-about-us .search-wrapper .search-box hr {
    display: none;
  }
  etds-about-us .search-wrapper .search-box .sort-views-wrapper {
    /* .views-wrap.type-2 {
    	display: flex;
    	.actions {
    		margin-left: unset;
    		pointer-events: none;
    		opacity: 0.5;
    		cursor: not-allowed;
    	}
    } */
  }
  etds-about-us .search-wrapper .search-box .sort-views-wrapper .sort-wrap .actions {
    margin-left: unset;
  }
}
.history-of-taxtation-wrapper .page-content-wrap .left-sidebar {
  background-color: var(--background-4);
  border-radius: 0.25rem 0 0 0.25rem;
  box-shadow: unset;
  margin-right: unset;
}
.history-of-taxtation-wrapper .page-content-wrap .left-sidebar .page-sidebar-navigation .row-section {
  overflow-y: auto;
  max-height: 566px;
}
.history-of-taxtation-wrapper .page-content-wrap .left-sidebar .page-sidebar-navigation .row-section::-webkit-scrollbar {
  width: 6px;
}
.history-of-taxtation-wrapper .page-content-wrap .left-sidebar .page-sidebar-navigation .row-section::-webkit-scrollbar-thumb {
  background-color: #959798;
  border-radius: 0.25rem;
}
.history-of-taxtation-wrapper .page-content-wrap .left-sidebar .page-sidebar-navigation .row-section::-webkit-scrollbar-track {
  background-color: transparent;
}
.history-of-taxtation-wrapper .page-content-wrap .right-content {
  background: unset;
  padding: 1.5rem !important;
  border-radius: 0;
  border-left: 1px solid var(--dark-variant-5);
}
.history-of-taxtation-wrapper .page-with-sidebar .page-main-content-section {
  background: unset;
  padding: 0;
  width: 100%;
  height: auto;
  border-radius: 0;
}

@media (max-width: 767.98px) {
  .history-of-taxtation-wrapper .page-content-wrap {
    border-radius: 0.5rem;
  }
  .history-of-taxtation-wrapper .page-content-wrap .left-sidebar {
    min-height: unset;
  }
  .history-of-taxtation-wrapper .page-content-wrap .right-content {
    border-left: none;
  }
}
@media (max-width: 767.98px) {
  .rti-fragment-wrapper .tab-container {
    flex-direction: column;
  }
  .rti-fragment-wrapper .tab-container .tab-sidebar {
    width: auto;
  }
  .rti-fragment-wrapper .tab-container .tab-sidebar .tab-list {
    flex-direction: row;
  }
  .rti-fragment-wrapper .tab-container .tab-content {
    width: auto;
  }
}
.contact-us-section {
  border: 1px solid var(--primary-variant-8);
  border-radius: 0.25rem;
  margin-bottom: 1.5rem;
  overflow: hidden;
}
.contact-us-section .section-title {
  padding: 0.75rem 1rem;
  margin: 0;
  font-size: var(--sub-heading-1-font-size);
  font-weight: 700;
  color: var(--primary);
  background-color: var(--background-4);
}
.contact-us-section .section-content {
  padding: 1rem;
}
.contact-us-section .section-content .container-fluid .row:not(:last-child) .item-box {
  margin-bottom: 1.25rem;
}
@media (min-width: 992px) {
  .contact-us-section .section-content .container-fluid .row {
    align-items: stretch !important;
  }
  .contact-us-section .section-content .container-fluid .row > .col > div, .contact-us-section .section-content .container-fluid .row > .col > div > div, .contact-us-section .section-content .container-fluid .row > .col > div > div > div {
    height: 100%;
  }
  .contact-us-section .section-content .container-fluid .row > .col > div > div > div {
    display: flex;
    width: 100%;
  }
}
.contact-us-section .section-content .item-box {
  border: 1px solid var(--secondary-bg-30);
  border-radius: 0.25rem;
  padding: 1rem;
  gap: 1.25rem;
  display: flex;
  align-items: center;
  background-color: var(--secondary-variant-3);
  width: 100%;
}
.contact-us-section .section-content .item-box .left-content {
  height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 140px;
  background: var(--primary-variant-6);
  padding: 0 0.5rem;
}
.contact-us-section .section-content .item-box .left-content img {
  max-height: 140px;
  max-width: 100%;
}
.contact-us-section .section-content .item-box .right-content {
  flex-grow: 1;
}
.contact-us-section .section-content .item-box .right-content .article-title {
  font-size: var(--h4-font-size);
  font-weight: 700;
  margin-bottom: 0.5rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-word;
}
.contact-us-section .section-content .item-box .right-content .article-description {
  font-size: var(--body-font-2-size);
  font-weight: 400;
  margin-bottom: 0.75rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--secondary-bg-30);
}
.contact-us-section .section-content .item-box .right-content .article-description p {
  margin-bottom: 0;
}
.contact-us-section .section-content .item-box .right-content .contact-info {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.contact-us-section .section-content .item-box .right-content .contact-info .contact-info-btn {
  padding: 0.25rem 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: var(--primary);
  font-size: var(--button-font-size);
  font-weight: 500;
  text-decoration: none;
  line-height: inherit;
}
.contact-us-section .section-content .item-box .right-content .contact-info .contact-info-btn svg {
  margin-top: 2px;
  font-size: 1.25rem;
  width: 1.5rem;
}
.contact-us-section .section-content .item-box .right-content .contact-info .vertical-separator {
  width: 1px;
  height: 1.25rem;
  background-color: var(--primary-stroke-30);
}
.contact-us-section .section-content .item-box .one-line-ellipsis > p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.contact-us-section .section-content .item-box .two-line-ellipsis > p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: pre-wrap;
}
.contact-us-section .section-content .item-box .read-more-with-other {
  margin-top: 12px;
}
.contact-us-section .section-content .item-box .read-more-with-other .read-more-link {
  color: var(--secondary);
  text-decoration: underline;
}
.contact-us-section .section-content .item-box .read-more-with-other .online-service {
  font-size: var(--body-font-3-size);
  font-weight: 400;
  border-radius: 12px;
  border: 1px solid var(--secondary-bg-30);
  background-color: var(--secondary-variant-3);
  color: var(--secondary);
  padding: 2px 6px;
  margin-left: auto;
}
.contact-us-section .section-content .item-box .read-more-with-other .online-service svg {
  margin-top: -2px;
  margin-right: 1px;
}

.contact-modal-html-content .desc {
  color: var(--primary-variant-7);
  margin-bottom: 1rem;
}
.contact-modal-html-content .content-group {
  margin-bottom: 1rem;
}
.contact-modal-html-content .content-group:last-child {
  margin-bottom: 0;
}
.contact-modal-html-content .content-group.working-hour .content-item, .contact-modal-html-content .content-group.contact-info .content-item {
  color: var(--dark-variant-2);
}
.contact-modal-html-content .content-group.working-hour .content-item .text, .contact-modal-html-content .content-group.contact-info .content-item .text {
  text-decoration: none;
}
.contact-modal-html-content .content-group .content-group-title {
  color: var(--primary-variant-1);
  margin-bottom: 0.5rem;
}
.contact-modal-html-content .content-group .content-item {
  color: var(--secondary);
  font-size: var(--body-font-2-size);
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}
.contact-modal-html-content .content-group .content-item:last-child {
  margin-bottom: 0;
}
.contact-modal-html-content .content-group .content-item svg {
  font-size: 1.25rem;
}
.contact-modal-html-content .content-group .content-item .text {
  text-decoration: underline;
}

.extra-link-list li:not(:last-child) {
  margin-bottom: 1.25rem !important;
}
.extra-link-list li a {
  justify-content: flex-start;
  display: flex;
  gap: 0.25rem;
}
.extra-link-list li a svg {
  flex-shrink: 0;
  align-self: start;
  margin-top: 1px;
}

.grievanceRedressalLink {
  display: flex;
  justify-content: center;
}
.grievanceRedressalLink a {
  margin: 2.5rem 0 1.25rem;
  justify-content: flex-start;
  display: flex;
  gap: 0.25rem;
  font-size: var(--body-font-2-size);
  font-weight: 400;
}
.grievanceRedressalLink a svg {
  font-size: 1.25rem;
  flex-shrink: 0;
  align-self: start;
  margin-top: 1px;
}

.grievanceRedressalForm .form-group {
  margin-bottom: 1.25rem;
}

.modal .bg-gray {
  background-color: var(--primary-variant-5);
}
.modal .modal-footer-contact {
  padding: 0.75rem 1.5rem 1rem !important;
  border: 0;
}
.modal .email-item a {
  text-decoration: underline;
}

.guided-help-modal .modal-md {
  max-width: var(--modal-md, 600px) !important;
}
.guided-help-modal .modal-body {
  overflow-x: hidden;
}
.guided-help-modal .modal-footer-section {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  margin-bottom: -0.5rem;
}
.guided-help-modal .modal-footer-section .btn-outline-primary-no-hover {
  background-color: var(--primary-variant-6);
}
.guided-help-modal .btn-modal-close {
  font-size: 1.5rem;
  color: var(--neutral-800);
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
}
.guided-help-modal .modal-heading {
  margin-right: 1.5rem;
}

.guided-button-steps .step-indicator {
  font-size: var(--body-font-2-size);
  font-weight: 400;
  margin-bottom: 0.5rem;
}
.guided-button-steps .step-indicator .lexicon-icon {
  width: 2rem;
  height: 2rem;
  margin-right: 0.4375rem;
  color: var(--primary);
}
.guided-button-steps .step-indicator .lexicon-icon-etds-check-circle {
  color: #27904d;
  width: 2rem;
  height: 2rem;
}
.guided-button-steps .step-indicator p {
  font-size: var(--sub-heading-1-font-size);
  font-weight: 500;
  margin-top: 0.75rem;
  margin-bottom: 1.25rem;
}
.guided-button-steps .list-group {
  margin-bottom: 0.75rem;
}
.guided-button-steps .list-group .list-group-item {
  font-weight: 500;
  padding: 0.75rem 1rem;
  border: 1px solid var(--secondary-bg-30);
  border-radius: 0.25rem;
  margin: 0 0 0.75rem 0;
  color: var(--neutral-1000-3);
  font-size: 0.875rem;
  background: var(--secondary-variant-3);
}
.guided-button-steps .list-group .list-group-item .lexicon-icon {
  color: var(--neutral-800-2);
}
.guided-button-steps .list-group .list-group-item:not(:last-child) {
  margin: 0 0 0.75rem 0 !important;
}
.guided-button-steps .guided-infomation .list-group-item {
  border-color: var(--dark-variant-5);
  background: var(--primary-variant-6);
}
.guided-button-steps .guided-infomation .list-group-item a {
  font-weight: 700;
  color: var(--secondary);
  display: flex;
  justify-content: flex-start;
  gap: 0.25rem;
}
.guided-button-steps .guided-infomation .list-group-item a img {
  margin-bottom: 0.1875rem;
}
.guided-button-steps .guided-infomation .list-group-item a:hover {
  text-decoration: none;
}
.guided-button-steps .guided-infomation .list-group-item a .lexicon-icon {
  width: 20px;
  height: 20px;
  color: var(--secondary);
  flex-shrink: 0;
  align-self: start;
  margin-top: 2px;
}
.guided-button-steps .guided-infomation .list-group-item p {
  margin: 1rem 0 0 1.5rem;
}

.guided-help-step-three .step-three-top {
  margin-bottom: 1.25rem;
}
.guided-help-step-three .step-three-top svg {
  margin-bottom: 1.25rem;
  color: #27904d;
}
.guided-help-step-three .step-three-top .title {
  color: var(--primary);
  margin-bottom: 0.475rem;
}
.guided-help-step-three .step-three-top .desc {
  color: var(--neutral-800);
  font-size: var(--body-font-1-size);
  font-weight: 400;
  margin: 0;
}
.guided-help-step-three .guided-button-steps .list-group .list-group-item {
  color: var(--secondary);
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
}

@media (min-width: 1367px) {
  .stepOneFooter {
    display: none !important;
  }
}
@media (max-width: 1366px) {
  .stepThreeheding {
    text-align: center;
  }
}
@media (max-width: 991.98px) {
  .contact-us-section .section-content .container-fluid .row .item-box {
    margin-bottom: 1.25rem;
  }
  .contact-us-section .section-content .container-fluid .row:last-child .col:last-child .item-box {
    margin-bottom: 0;
  }
}
@media (max-width: 575.98px) {
  .contact-us-section .section-content .item-box {
    align-items: self-start;
    gap: 0.75rem;
  }
  .contact-us-section .section-content .item-box .left-content {
    height: 64px;
    flex: 0 0 64px;
  }
  .contact-us-section .section-content .item-box .left-content img {
    max-height: 64px;
  }
  .contact-us-section .section-content .item-box .one-line-ellipsis > p {
    -webkit-line-clamp: 2;
  }
  .contact-us-section .section-content .item-box .right-content .article-description {
    border-bottom: 0;
    margin-bottom: 0;
  }
  .contact-us-section .section-content .item-box .right-content .contact-info {
    border-top: 1px solid var(--secondary-bg-30);
    width: calc(100vw - 6.25rem);
    margin-left: -4.75rem;
    padding-top: 1rem;
    justify-content: space-around;
  }
  .contact-us-section .section-content .item-box .read-more-with-other {
    flex-direction: column;
    align-items: flex-start !important;
    margin-top: 0.25rem;
  }
  .contact-us-section .section-content .item-box .read-more-with-other .online-service {
    margin-left: inherit;
    margin-top: 0.75rem;
  }
  .guided-button-steps .guided-infomation .list-group-item p {
    margin-left: 0;
  }
  .modal .modal-body-section-mobile {
    padding: 1.25rem 1.5rem;
  }
  .modal-footer-section-mobile {
    flex-direction: column-reverse;
  }
  .modal-footer-section-mobile .btn {
    width: 100%;
  }
  .modal-footer-section-mobile .btn + .btn {
    margin-bottom: 0.75rem;
  }
}
@media (max-width: 360px) {
  .guided-help-btn {
    height: unset;
  }
}
.international-taxation-item {
  margin: 1rem 0;
}
.international-taxation-item .item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  position: relative;
}
.international-taxation-item .item-header .url-type {
  color: var(--primary);
  font-size: var(--sub-heading-1-font-size);
  font-weight: 700;
  display: block;
  width: 100%;
  background-color: var(--secondary-variant-3);
  border-radius: 0.5rem;
  border: 1px solid var(--border-color);
  padding: 1.0625rem 3.125rem 1.0625rem 1.5rem;
}
.international-taxation-item .item-header .url-type:hover {
  text-decoration: none;
}
.international-taxation-item .item-header .url-type-tag {
  font-size: var(--body-font-3-size);
  font-weight: 400;
  background: linear-gradient(#f2f3f3, #f2f3f3) padding-box, linear-gradient(117.41deg, var(--secondary) 44.88%, #dedede 84.15%) border-box;
  border: 1.5px solid transparent;
  color: var(--primary-variant-7);
  background-color: #f2f3f3;
  padding: 0.3125rem 0.75rem 0.25rem;
  display: inline-block;
  border-radius: 0.9375rem;
  margin-left: auto;
  height: 1.875rem;
}
.international-taxation-item .item-header .link-type-icon {
  display: flex;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 1.5rem;
  transform: translateY(-50%);
  pointer-events: none;
  color: var(--primary);
}
.international-taxation-item .item-header .link-type-icon svg {
  margin-left: 24px;
}
.international-taxation-item.accordion-item {
  background-color: var(--secondary-variant-3);
  border-radius: 0.5rem;
  border: 1px solid var(--border-color);
  position: relative;
}
.international-taxation-item.accordion-item > .item-header {
  position: inherit;
  display: inline-flex;
}
.international-taxation-item.accordion-item > .item-header > .url-type {
  background: none;
  border: 0;
  border-radius: 0;
  padding: 1.0625rem 0 1.0625rem 1.5rem;
  display: inline-block;
  width: auto;
}
.international-taxation-item.accordion-item > .item-header > .url-type.international-accordion {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-right: 1.0625rem;
}
.international-taxation-item.accordion-item > .item-header .link-type-icon {
  position: static;
  transform: none;
  display: inline-block;
  pointer-events: inherit;
  margin-right: 24px;
}
.international-taxation-item.accordion-item > .item-header .link-type-icon svg {
  margin-left: 15px;
}
.international-taxation-item.accordion-item .card-body {
  background: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
}
.international-taxation-item.accordion-item .card-body > div > div:first-child .international-taxation-item {
  margin-top: 0;
}
.international-taxation-item.accordion-item .card-body .url-type {
  border-color: var(--secondary-bg-30);
  background-color: var(--secondary-variant-2);
}
.international-taxation-item.accordion-item .card-body .international-taxation-item {
  padding: 0 1.5rem;
}
.international-taxation-item .open-document-viewer-link {
  display: flex;
}
.international-taxation-item .international-accordion-content .component-html:first-of-type {
  margin-top: 0.25rem !important;
}

.pdf-with-arrow-link-section {
  background: #f9faff;
  border: 1px solid #0675e2;
  border-radius: 4px;
  padding: 1rem 0.75rem 0;
  margin-bottom: 2.875rem;
}
.pdf-with-arrow-link-section .pdf-with-arrow-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  background: var(--primary-variant-6);
  border: 1px solid var(--secondary-bg-30);
  border-radius: 0.25rem;
  color: var(--primary);
  font-size: var(--sub-heading-1-font-size);
  font-weight: 700;
  padding: 1.0625rem 1.5rem;
  margin-bottom: 1rem;
  min-height: 60px;
}
.pdf-with-arrow-link-section .pdf-with-arrow-link .pdf-name {
  margin-right: auto;
}
.pdf-with-arrow-link-section .pdf-with-arrow-link:hover {
  text-decoration: none;
}
.pdf-with-arrow-link-section .pdf-with-arrow-link svg {
  min-width: 1.25rem;
}
.pdf-with-arrow-link-section .pdf-with-arrow-link > svg:first-child {
  margin-right: 0.5rem;
}
.pdf-with-arrow-link-section .pdf-with-arrow-link > svg:last-child {
  margin-left: 1.25rem;
}
.pdf-with-arrow-link-section .new-tag {
  font-size: var(--body-font-3-size);
  font-weight: 400;
  background: linear-gradient(#f2f3f3, #f2f3f3) padding-box, linear-gradient(117.41deg, var(--secondary) 44.88%, #dedede 84.15%) border-box;
  border: 1.5px solid transparent;
  color: var(--primary-variant-7);
  background-color: #f2f3f3;
  padding: 0.3125rem 0.75rem 0.25rem;
  display: inline-block;
  border-radius: 0.9375rem;
  margin-left: auto;
  height: 1.875rem;
}

.web-content-document-content-list .open-document-viewer-link {
  display: flex;
  align-items: center;
  width: 100%;
  background: var(--background-4);
  border: 1px solid var(--secondary-bg-30);
  border-radius: 0.25rem;
  color: var(--primary);
  font-size: var(--sub-heading-1-font-size);
  font-weight: 700;
  padding: 1.0625rem 1.5rem;
  margin-bottom: 1rem;
}
.web-content-document-content-list .open-document-viewer-link span {
  margin-right: auto;
}
.web-content-document-content-list .open-document-viewer-link:hover {
  text-decoration: none;
}
.web-content-document-content-list .open-document-viewer-link svg {
  min-width: 1.25rem;
  margin-left: 1.25rem;
}

@media (max-width: 767.98px) {
  .international-taxation-item .item-header .url-type {
    padding: 1rem 3.125rem 1rem 1rem;
  }
  .international-taxation-item .item-header .link-type-icon {
    right: 1rem;
  }
  .international-taxation-item.accordion-item > .item-header .link-type-icon {
    margin-right: 1rem;
  }
  .international-taxation-item.accordion-item > .item-header .url-type {
    padding: 1rem 0 1rem 1rem;
  }
  .international-taxation-item.accordion-item .card-body .international-taxation-item {
    padding: 0 1rem;
  }
  .pdf-with-arrow-link-section .pdf-with-arrow-link {
    font-size: var(--sub-heading-2-font-size);
    font-weight: 700;
    padding: 1rem;
  }
  .web-content-document-content-list .open-document-viewer-link {
    font-size: var(--sub-heading-2-font-size);
    font-weight: 700;
    padding: 1rem;
  }
}
.etds-eoi-card .img-box {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 11.75rem;
  overflow: hidden;
}
.etds-eoi-card .img-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding-top: 1rem;
}
.etds-eoi-card .header-box {
  display: flex;
  justify-content: space-between;
  background-color: var(--background-5);
  margin: -1.25rem -1rem 0.25rem -1rem;
  padding: 1.25rem 1.25rem 1rem 1.25rem;
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
  color: var(--primary);
}
.etds-eoi-card .header-box a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--secondary);
  text-decoration: underline;
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
}
.etds-eoi-card .header-box a svg {
  width: 1.25rem;
  height: 1.25rem;
}
@media (max-width: 991px) {
  .etds-eoi-card .img-box {
    height: 8rem;
  }
  .etds-eoi-card .header-box {
    padding: 0.75rem 0.5rem;
  }
  .etds-eoi-card .header-box h5 {
    font-size: var(--sub-heading-2-font-size);
    font-weight: 700;
  }
  .etds-eoi-card .header-box a {
    font-size: var(--sub-heading-3-font-size);
    font-weight: 400;
  }
}

.striped-bordered-table {
  width: 100%;
  border: 0.0625rem solid var(--dark-variant-5);
  border-radius: 0.25rem;
  box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.1);
  overflow: hidden;
  border-collapse: separate;
}
.striped-bordered-table .anchor-link-wrapper {
  cursor: pointer;
}
.striped-bordered-table svg {
  width: 1.5rem;
  height: 1.5625rem;
  color: var(--primary);
}
.striped-bordered-table th,
.striped-bordered-table td {
  border: none;
  color: var(--primary-variant-7);
  padding: 0.75rem 1rem;
}
.striped-bordered-table th p,
.striped-bordered-table td p {
  margin: 0;
}
.striped-bordered-table th p:not(:last-child),
.striped-bordered-table td p:not(:last-child) {
  margin-bottom: 0.625rem;
}
.striped-bordered-table td {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
}
.striped-bordered-table thead tr {
  background-color: var(--primary-variant-5);
}
.striped-bordered-table tbody tr:nth-child(even) {
  background-color: var(--primary-variant-5);
}

.etds-eoir-agreements-by-country-wrapper .country-dropdown {
  max-width: 22.5rem;
}
.etds-eoir-agreements-by-country-wrapper .table-wrapper {
  overflow-x: auto;
  width: 100%;
}

.etds-eoi-countries-search .search-wrapper {
  border-radius: 0.25rem;
  border: 1px solid var(--dark-variant-5);
}
.etds-eoi-countries-search .countries-table-wrapper {
  padding: 1.25rem 1rem;
  border-radius: 0.25rem;
  border: 1px solid var(--dark-variant-5);
  margin-bottom: 1.5rem;
}
.etds-eoi-countries-search .countries-table-wrapper h4 {
  color: var(--primary);
}
.etds-eoi-countries-search .table-wrapper {
  overflow-x: auto;
  width: 100%;
}
.etds-eoi-countries-search .table-wrapper .new-tag-section.flag-section {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: var(--secondary);
}
.etds-eoi-countries-search .table-wrapper .new-tag-section.flag-section .flag-thumbnail {
  min-width: 4rem;
  min-height: 2.75rem;
  object-fit: cover;
  border-radius: 0.25rem;
}
.etds-eoi-countries-search .date-range {
  min-width: unset;
}
.etds-eoi-countries-search .date-range .form-group-item {
  min-width: unset;
}

.aeoi-wrapper #pageMainContent {
  height: unset;
}
.aeoi-wrapper .title-wrap.active a {
  font-weight: 700 !important;
}
.aeoi-wrapper .additional-action .title-wrap.active {
  font-weight: 700 !important;
}
.aeoi-wrapper .additional-action .content {
  margin-right: 0rem;
}
.aeoi-wrapper .additional-action .content .group-list {
  max-height: 18.75rem !important;
  overflow-y: auto !important;
}

@media (max-width: 767.98px) {
  .aeoi-wrapper .additional-action .content {
    margin-right: 0;
  }
}
.page-with-sidebar .page-sidebar .page-sidebar-navigation .additional-action .title-wrap.aeoi-submenu.active .title {
  font-weight: 700;
}

.aeoi-multi-accordian-card .accordion-section .accordion-btn-expColl .arrowAlign span.expand-text::after {
  margin-top: -1rem;
}
.aeoi-multi-accordian-card .accordion-section button h5.section-title {
  text-align: left;
}
.aeoi-multi-accordian-card.backgroundWhite {
  padding: 0 !important;
}
.aeoi-multi-accordian-card.backgroundWhite .accordion-section {
  padding: 1rem;
}
.aeoi-multi-accordian-card.backgroundWhite .collapse {
  padding: 1rem;
  padding-bottom: 0;
  background: var(--primary-variant-6);
}
.aeoi-multi-accordian-card.backgroundWhite .collapse .circulars-accordion-wrapper {
  margin-top: 0;
}

.eoir-page {
  box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.0784313725) !important;
  border: 0 !important;
}

@media (max-width: 767.98px) {
  .aeoi-wrapper .guidance-accordion-card .note-header .note-link a {
    display: none;
  }
}
.etds-international-taxation-eoi-fragment .etds-international-taxation-eoi-fragment__p {
  color: var(--primary);
}

.etds-international-taxation-eoi-fragment .etds-international-taxation-eoi-fragment__a,
.etds-international-taxation-eoi-fragment .etds-international-taxation-eoi-fragment__a:hover {
  background: url(../assets/images/etds-open-in-new-tab-1.svg) no-repeat center;
  display: inline-block;
  width: 20px;
  height: 20px;
}

@media (max-width: 767px) {
  .etds-eoi-countries-search .search-wrapper .form-group-autofit {
    flex-wrap: wrap;
  }
  .etds-eoi-countries-search .search-wrapper .form-group-autofit .dateRangeGroup {
    display: flex;
  }
  .etds-eoi-countries-search .search-wrapper .form-group-autofit .dateRangeGroup > .form-group-item:first-child {
    margin-bottom: 9px !important;
  }
}
/* Applies only when zoom makes the viewport narrow */
@media (max-width: 1400px) {
  .etds-eoi-countries-search .form-group-autofit {
    flex-wrap: wrap !important;
  }
  .etds-eoi-countries-search .form-group-autofit .form-group-item {
    flex: 1 1 45% !important;
    min-width: 320px;
    margin-bottom: 16px;
  }
  .etds-eoi-countries-search .form-group-item.date-range {
    flex: 1 1 45% !important;
  }
  .etds-eoi-countries-search .form-group-item.date-range .dateRangeGroup {
    max-width: inherit;
  }
  .etds-eoi-countries-search .form-group-item.date-range .dateRangeGroup .form-group-item:first-child {
    margin-right: 1.5rem;
  }
  .etds-eoi-countries-search .form-group-item-autofit {
    flex: 1 1 100% !important;
    text-align: left;
    margin-top: 8px;
  }
}
@media (min-resolution: 192dpi) {
  .etds-select__menu-portal,
  .etds-select__menu {
    z-index: 9999 !important;
  }
  .etds-select__menu-list {
    max-height: 200px !important;
    overflow-y: auto !important;
  }
}
/* Container Styles */
.etds-us-3 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.etds-us-3 .etds-us-3__h1 {
  color: var(--primary);
  font-size: var(--h3-font-size);
  font-weight: 700;
}
.etds-us-3 .etds-us-3__sub-groups .etds-us-3__sub-group {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.etds-us-3 .etds-us-3__sub-groups .etds-us-3__sub-group .etds-us-3__h2 h2 {
  color: var(--primary);
  font-size: var(--h4-font-size);
  font-weight: 700;
}
.etds-us-3 .etds-us-3__sub-groups .etds-us-3__sub-group .etds-us-3__rows .container-fluid {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.etds-us-3 .etds-us-3__sub-groups .etds-us-3__sub-group .etds-us-3__rows .etds-us-3__row {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem 1.25rem;
  background-color: var(--background-4);
  border: 1px solid var(--secondary-bg-30);
  border-radius: 8px;
  text-decoration: none;
}
.etds-us-3 .etds-us-3__sub-groups .etds-us-3__sub-group .etds-us-3__rows .etds-us-3__row .etds-us-3__row-top {
  display: flex;
  gap: 0.25rem;
  flex-wrap: wrap;
  align-items: center;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--secondary-variant-1);
}
.etds-us-3 .etds-us-3__sub-groups .etds-us-3__sub-group .etds-us-3__rows .etds-us-3__row .etds-us-3__row-top .etds-us-3__link-text {
  color: var(--primary);
  font-size: 1.063rem;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: underline;
  max-width: calc(100% - 5.625rem);
}
.etds-us-3 .etds-us-3__sub-groups .etds-us-3__sub-group .etds-us-3__rows .etds-us-3__row .etds-us-3__row-top svg {
  color: var(--secondary);
}
.etds-us-3 .etds-us-3__sub-groups .etds-us-3__sub-group .etds-us-3__rows .etds-us-3__row .etds-us-3__row-top .etds-us-3__print {
  display: flex;
  gap: 0.25rem;
  margin-left: auto;
}
.etds-us-3 .etds-us-3__sub-groups .etds-us-3__sub-group .etds-us-3__rows .etds-us-3__row .etds-us-3__row-top .etds-us-3__print svg {
  color: var(--neutral-800);
}
.etds-us-3 .etds-us-3__sub-groups .etds-us-3__sub-group .etds-us-3__rows .etds-us-3__row .etds-us-3__row-top .etds-us-3__print .etds-us-3__print-text {
  color: var(--primary);
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  text-transform: capitalize;
}
.etds-us-3 .etds-us-3__sub-groups .etds-us-3__sub-group .etds-us-3__rows .etds-us-3__row .etds-us-3__p {
  color: var(--dark-variant-2);
  font-size: var(--sub-heading-3-font-size);
  font-weight: 400;
}
.etds-us-3 .etds-us-3__sub-groups .etds-us-3__sub-group .etds-us-3__rows .etds-us-3__link-text--special .etds-us-3__row-top .etds-us-3__link-text {
  color: var(--secondary);
  font-size: var(--sub-heading-2-font-size);
  font-weight: 700;
  text-transform: none;
  text-decoration: none;
  max-width: calc(100% - 5.625rem);
}

.content-wrapper-border {
  display: flex;
  flex-direction: column;
  /* gap: 1.5rem; */
  padding: 1.25rem 1rem;
  border: 1px solid var(--dark-variant-5);
  border-radius: 4px;
  background-color: var(--primary-variant-6);
}
.content-wrapper-border.blue-border {
  border-color: var(--primary-variant-8);
}

.advisoryModal .modal-footer {
  background: none;
  border: 0;
}
.advisoryModal .alert-msg-name {
  font-size: var(--sub-heading-1-font-size);
  font-weight: 700;
  color: #945301;
}
.advisoryModal .alert-msg-name svg {
  margin-right: 0.5rem;
  margin-top: -0.25rem;
}
.advisoryModal .alert-msg-modal {
  padding-left: 1.875rem;
  margin-bottom: 1.5rem;
}
.advisoryModal .alert-msg-modal p {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
}
.advisoryModal .alert-msg-modal .readMore {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  text-decoration: underline;
}
.advisoryModal .alert-msg-modal .readMore svg {
  margin-left: 4px;
}

.charts-tables-and-tutorials-wrapper {
  border: 1px solid var(--dark-variant-5);
  padding: 1.25rem 1rem;
  border-radius: 0.25rem;
}

.act-rules-bar {
  display: flex;
  align-items: center;
}
.act-rules-bar .relevant-link:not(:first-child) {
  margin-left: 2.625rem;
}
.act-rules-bar .relevant-link .link-type {
  font-size: var(--sub-heading-3-font-size);
  font-weight: 500;
  color: var(--primary);
  display: block;
  margin-bottom: 2px;
}
.act-rules-bar .relevant-link a {
  font-size: var(--body-font-2-size);
  font-weight: 400;
  color: var(--secondary);
  text-decoration: underline;
}
.act-rules-bar .relevant-link a svg {
  margin-left: 4px;
  width: 1.25rem;
  height: 1.25rem;
}

.collapse-expand-all-btn {
  margin-left: auto;
  height: 1.8125rem;
  padding: 0 10px 0 12px;
  display: flex;
  align-items: center;
}
.collapse-expand-all-btn svg {
  width: 20px;
  height: 20px;
  margin-left: 4px;
}

.list-item {
  background-color: var(--dark-variant-6);
  margin-bottom: 1.0625rem;
  border-radius: 0.25rem;
}
.list-item .list-item-nav {
  display: flex;
  justify-content: space-between;
}
.list-item .list-item-nav .list-item-name {
  font-size: 1.125rem;
  margin: 1.5rem;
  cursor: pointer;
}
.list-item .list-item-nav .collapse-expand-button {
  border: 0;
  margin-right: 1.5rem;
  padding: 0;
  display: flex;
  align-items: center;
  background-color: transparent;
}
.list-item .list-item-nav .collapse-expand-button span {
  margin-right: 0.25rem;
}
.list-item .list-item-nav .collapse-expand-button svg {
  width: 1.25rem;
  height: 1.25rem;
  color: var(--primary);
}
.list-item .list-item-description {
  background-color: var(--primary-variant-6);
  margin: 0 1.5rem;
  padding: 1.5rem;
}
.list-item .list-item-description .list-item-description-row {
  display: flex;
  justify-content: flex-start;
  gap: 1.5rem;
}
.list-item .list-item-description .list-item-description-row .description-text {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
}
.list-item .list-item-description .list-item-description-row .description-image {
  width: 99px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.list-item .list-item-description .list-item-description-row .description-image img {
  min-width: 99px;
  min-height: 95px;
  object-fit: contain;
  object-position: center;
}
.list-item .list-item-description .list-item-description-row-faq .list-item-nav:not(:first-child) {
  margin-top: 1rem;
}
.list-item .list-item-description .list-item-description-row-faq .list-item-nav-faq {
  color: var(--primary);
  font-size: var(--sub-heading-1-font-size);
  font-weight: 700;
  background: var(--primary-variant-6);
  border: 1px solid var(--secondary-bg-30);
  border-radius: 0.25rem;
  padding: 1.125rem 1.5rem;
}
.list-item .list-item-description .list-item-description-row-faq .list-item-nav-faq span {
  text-align: left;
}
.list-item .list-item-description .list-item-description-row-faq .list-item-nav-faq svg {
  min-width: 20px;
  min-height: 20px;
}
.list-item .list-item-description .list-item-description-row-faq .list-item-nav-faq:focus-visible {
  outline-offset: -0.125rem;
}
.list-item .list-item-description .list-item-description-row-faq .list-item-description {
  margin: 0;
  border-radius: 0 0 0.25rem 0.25rem;
  background: var(--primary-variant-6);
  border: 1px solid var(--secondary-bg-30);
}
.list-item.open-item {
  padding-bottom: 1.5rem;
}
.list-item.open-item .list-item-nav .list-item-name {
  margin-bottom: 1rem;
}
.list-item.open-item .list-item-nav .collapse-expand-button svg {
  transform: rotate(180deg);
}

.list-item-faq .collapse-expand-all-inner-rows-button {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
  margin: 0 auto 1rem;
  color: var(--primary);
}
.list-item-faq .collapse-expand-all-inner-rows-button svg {
  width: 1.25rem;
  height: 1.25rem;
  margin-left: 0.25rem;
}
.list-item-faq .collapse-expand-all-inner-rows-button.open-all-inner-rows-faq svg {
  transform: rotate(180deg);
}
.list-item-faq .list-item-nav .list-item-nav-faq {
  font-size: 1.125rem;
  padding: 1.5rem;
  border: 0;
  background-color: transparent;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.list-item-faq .list-item-nav .list-item-nav-faq .list-item-nav-faq-title {
  text-align: left;
}
.list-item-faq .list-item-nav .list-item-nav-faq .btn-collapse-expand {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
  color: var(--primary) !important;
  display: flex;
  gap: 4px;
}
.list-item-faq .list-item-nav .list-item-nav-faq .btn-collapse-expand svg {
  min-width: 20px;
  min-height: 20px;
}
.list-item-faq .list-item-nav .list-item-child-title-faq svg {
  transform: rotate(180deg);
}
.list-item-faq > .list-item-description {
  background-color: transparent;
  padding: 0;
  max-height: 43rem;
  overflow-y: auto;
  position: relative;
}
.list-item-faq.open-item-faq {
  background-color: var(--background-4);
  padding-bottom: 1.5rem;
}
.list-item-faq.open-item-faq > .list-item-nav .list-item-nav-faq svg {
  transform: rotate(180deg);
}
.list-item-faq .list-item-description .list-item-nav .open-item-faq-child {
  background-color: var(--secondary-bg-30);
  border-bottom: 0;
  border-radius: 0.25rem 0.25rem 0 0;
  gap: 10px;
}
.list-item-faq .list-item-description .list-item-nav .open-item-faq-child svg {
  transform: rotate(180deg);
}
.list-item-faq .list-item-description .list-item-nav .open-item-faq-child:focus-visible {
  outline-offset: -0.125rem;
}
.list-item-faq .list-item-description-row-faq .description-text {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
}
@media (max-width: 575.98px) {
  .list-item-faq .list-item-description-row-faq .description-text {
    font-size: var(--sub-heading-3-font-size);
    font-weight: 400;
  }
}

@media (max-width: 767.98px) {
  .list-item .list-item-description .list-item-description-row-faq .list-item-nav-faq {
    font-size: var(--sub-heading-3-font-size);
    font-weight: 700;
    padding: 1rem;
  }
  .list-item .list-item-description .list-item-description-row-faq .list-item-nav-faq .btn-collapse-expand > div {
    display: none;
  }
  .list-item-faq .list-item-nav .list-item-nav-faq {
    font-size: var(--sub-heading-2-font-size);
    font-weight: 500;
    padding: 1.3125rem 1rem;
  }
  .list-item-faq .list-item-nav .list-item-nav-faq .btn-collapse-expand > div {
    display: none;
  }
  .list-item-faq > .list-item-description {
    padding: 0 !important;
  }
}
.related-link-wrapper hr {
  margin: 1.5rem 0;
}
.related-link-wrapper .related-content-container .related-title {
  font-size: var(--sub-heading-3-font-size);
  font-weight: 500;
  color: var(--primary);
}
.related-link-wrapper .related-content-container .container .row {
  margin: 0;
}
.related-link-wrapper .related-content-container .container .row .content-section {
  flex-direction: row-reverse;
  padding: 0;
  margin-right: 0.75rem;
  justify-content: flex-end;
  flex: auto;
  max-width: fit-content;
}
.related-link-wrapper .related-content-container .container .row .content-section a {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  text-decoration: underline;
}

@media (max-width: 767.98px) {
  .act-rules-bar {
    flex-direction: column;
    align-items: flex-start;
  }
  .act-rules-bar .relevant-link {
    margin-left: 0 !important;
    margin-bottom: 1rem;
  }
  .list-item {
    margin-bottom: 1rem;
  }
  .list-item .list-item-nav .collapse-expand-button span {
    display: none;
  }
  .list-item .list-item-nav .list-item-name {
    font-size: var(--sub-heading-2-font-size);
    font-weight: 500;
    margin: 1.3125rem 1rem;
  }
  .list-item .list-item-description {
    margin: 0 1rem;
    padding: 1rem;
  }
  .list-item .list-item-description .list-item-description-row {
    gap: 0.75rem;
  }
  .list-item .list-item-description .list-item-description-row .description-text {
    font-size: var(--sub-heading-3-font-size);
    font-weight: 400;
  }
  .list-item .list-item-description .list-item-description-row .description-image img {
    min-width: 64px;
    min-height: 61px;
  }
  .related-link-wrapper hr {
    margin: 0.75rem 0;
  }
}
@media (max-width: 575.98px) {
  .collapse-expand-all-btn {
    width: 100%;
    justify-content: center;
  }
  .related-link-wrapper .related-content-container .container .row {
    flex-direction: column;
  }
  .list-item .list-item-description .list-item-description-row .description-text,
  .list-item-faq .list-item-description-row-faq .description-text {
    font-size: var(--sub-heading-3-font-size);
    font-weight: 400;
  }
  .list-item .list-item-description .list-item-description-row .description-text > div,
  .list-item-faq .list-item-description-row-faq .description-text > div {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: pre-wrap;
  }
  .list-item .toggle-button-description,
  .list-item-faq .toggle-button-description {
    color: var(--secondary);
    text-decoration: underline;
    padding: 0;
    background: none;
    border: 0;
    margin-top: 8px;
  }
}
.etds-tax-hub {
  align-items: center;
}
.etds-tax-hub .collapse-expand-button {
  height: fit-content;
}
.etds-tax-hub .list-item-name:focus-visible {
  padding: 0.25rem;
}

.etds-relevant-provisions__section-dropdown {
  display: flex;
  justify-content: space-between;
  padding: 1rem 1.5rem;
  margin-bottom: 1rem;
  border: 1px solid var(--secondary-bg-30);
  border-radius: 4px;
  background-color: var(--primary-variant-6);
  color: var(--primary);
  font-size: var(--sub-heading-1-font-size);
  font-weight: 700;
  align-items: center;
}
.etds-relevant-provisions__section-dropdown svg {
  min-width: 20px;
  min-height: 20px;
}

.etds-relevant-provisions__section-dropdown:hover {
  text-decoration: none;
  color: var(--primary);
}

.item-header > .url-type[aria-expanded=true] ~ .accordion-dropdown svg {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}

.item-header > .url-type[aria-expanded=false] ~ .accordion-dropdown svg {
  transform: rotate(0deg);
  transition: transform 0.3s ease;
}

@media (max-width: 575.98px) {
  .etds-relevant-provisions__section-dropdown {
    padding: 1rem;
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}
.form-wrapper .last-updated {
  margin-bottom: 18px;
}
.form-wrapper .search-wrapper {
  margin-bottom: 1rem;
}

.form-card {
  background-color: var(--background-4);
  border-radius: 0.5rem;
  border: 1px solid var(--secondary-bg-30);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0.75rem;
  margin-bottom: 1rem;
}
.form-card .section-one {
  display: flex;
  flex-direction: column;
  flex: 2;
}
.form-card .section-second {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}
.form-card .title {
  font-weight: 700;
  color: var(--secondary);
  font-size: 1rem;
  margin-bottom: 0.25rem;
  cursor: pointer;
}
.form-card .title svg {
  font-size: 25px;
}
.form-card p {
  font-weight: 400;
  font-size: var(--sub-heading-2-font-size);
  line-height: 21px;
  margin: 0;
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.form-card .link-section {
  font-weight: 400;
  font-size: var(--sub-heading-2-font-size);
  display: flex;
  align-items: center;
  line-height: 21px;
  color: var(--secondary);
}
.form-card .link-section span {
  margin-right: 0.25rem;
  text-decoration-line: underline;
}
.form-card .link-section svg {
  font-weight: 400;
  color: var(--secondary);
}
.form-card .link-section .lexicon-icon-etds-open-in-new-tab {
  font-size: 20px;
}
.form-card .link-section .lexicon-icon-etds-document {
  font-size: 23px;
}
.form-card .link-section .lexicon-icon-etds-info-sm {
  font-size: 16px;
}
.form-card .link-section.right-border:after {
  margin-right: 1rem;
  margin-left: 1rem;
  content: "";
  border: 0.5px solid var(--primary-stroke-30);
  width: 1.5rem;
  transform: rotate(90deg);
}
.form-card .link-section .pe-auto {
  cursor: pointer;
}
.form-card .link-section a {
  color: var(--secondary);
}

.instruction-wrapper {
  color: var(--secondary);
  line-height: 18px;
}
.instruction-wrapper h4 {
  font-weight: 700;
  font-size: var(--sub-heading-3-font-size);
}
.instruction-wrapper li {
  font-weight: 400;
  font-size: var(--sub-heading-3-font-size);
}
.instruction-wrapper ul {
  padding: 0 0 0 0.75rem;
  margin: 0;
  list-style-type: decimal;
  padding-left: 1.5em;
  margin-bottom: 1rem;
}
.instruction-wrapper svg {
  font-weight: 700;
  font-size: 18px;
}

.redirection-link-wrapper {
  width: 100%;
  list-style-type: none;
  padding: 0 1.5rem;
  background-color: var(--secondary-variant-3);
  border-radius: 0.5rem;
  border: 1px solid var(--secondary-200);
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: underline;
  color: var(--secondary);
}
.redirection-link-wrapper:hover {
  color: var(--secondary);
}

@media (max-width: 992px) {
  .form-card {
    flex-direction: column;
    align-items: flex-start;
  }
  .form-card p {
    width: 100%;
  }
  .form-card .section-second {
    justify-content: start;
    margin-top: 1rem;
  }
  .form-card .link-section.right-border:after {
    margin-right: 0;
    margin-left: 0;
  }
}
@media (max-width: 767.98px) {
  .etds-other-forms .search-wrapper .form-group-autofit {
    flex-direction: column;
  }
}
@media (max-width: 471px) {
  .form-card .link-section {
    font-size: 12px;
  }
  .form-card .link-section.right-border:after {
    content: unset;
  }
}
.etds-circulars-notifications .notifications-row {
  display: flex;
  align-items: center;
  gap: 1rem;
  justify-content: unset !important;
  flex-wrap: wrap;
}
.etds-circulars-notifications .notifications-row span:first-child {
  padding-right: 1rem;
  border-right: 1px solid var(--dark-variant-5);
}
.etds-circulars-notifications .notifications-row button {
  background: none;
  border: none;
  border-radius: 0;
  padding-left: 0;
  padding-right: 1rem;
  border-right: 1px solid var(--dark-variant-5);
}
.etds-circulars-notifications .notifications-row button:disabled {
  color: var(--text-disable-type-1);
}
.etds-circulars-notifications .notifications-row label {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  margin: 0;
  background-color: var(--secondary-variant-3);
  border-radius: 0.25rem;
  padding: 0.25rem 0.5rem;
}
.etds-circulars-notifications .notifications-row label input[type=checkbox] {
  height: 1.125rem;
  width: 1.125rem;
}
.etds-circulars-notifications .notifications-row .views-wrap {
  margin-left: auto;
  display: flex;
}
.etds-circulars-notifications .search-wrapper:has(.notifications-row) {
  border-color: var(--dark-variant-5);
}
.etds-circulars-notifications .card-body {
  border-radius: 0.25rem;
  gap: 2rem;
  background-color: var(--secondary-variant-3) !important;
  border: 1px solid var(--secondary-bg-30) !important;
}
.etds-circulars-notifications .card-text {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
}
.etds-circulars-notifications .last-updated {
  margin-bottom: 1.5rem;
}
.etds-circulars-notifications .text-end {
  gap: 1rem;
  align-items: center;
}
.etds-circulars-notifications .text-end .new-badge {
  margin-right: 0.75rem;
}
.etds-circulars-notifications .common-pipe.small-pipe {
  margin: 0;
}
.etds-circulars-notifications .text-muted {
  padding-right: 1rem;
  border-right: 1px solid var(--primary-stroke-30);
}
.etds-circulars-notifications .sections-list {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.etds-circulars-notifications .sections-item {
  width: calc(50% - 0.75rem);
  align-self: stretch;
}
.etds-circulars-notifications .card-title {
  display: flex;
  gap: 0.75rem;
}
.etds-circulars-notifications .card-title span {
  font-size: var(--sub-heading-1-font-size);
  font-weight: 700;
  width: fit-content;
}
.etds-circulars-notifications .card-title svg {
  font-size: var(--h4-font-size);
}
.etds-circulars-notifications .card-title:hover {
  text-decoration: none;
}
.etds-circulars-notifications .options {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.etds-circulars-notifications .notifications-clear-btn {
  color: var(--secondary);
  text-decoration: underline;
}
.etds-circulars-notifications .list-view {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.etds-circulars-notifications .list-view .card-body {
  align-items: center;
}
.etds-circulars-notifications .list-view .notification-card-width {
  width: 50%;
}
.etds-circulars-notifications .tile-view .card-body {
  flex-direction: column;
}
.etds-circulars-notifications .tile-view .notification-card-width {
  width: 100%;
}
.etds-circulars-notifications .tile-view .card-title {
  justify-content: space-between;
}
.etds-circulars-notifications .tile-view .new-badge {
  order: 3;
  margin-left: auto;
}
.etds-circulars-notifications .notifications-row label input[type=checkbox] {
  appearance: none;
  border: 2px solid var(--dark-variant-2);
  border-radius: 4px;
}
.etds-circulars-notifications .notifications-row label input[type=checkbox]:checked {
  appearance: auto;
  border-color: var(--dark-variant-2);
  accent-color: var(--primary);
}
.etds-circulars-notifications .action-buttons .circular-notifications-reset {
  color: var(--primary);
}
.etds-circulars-notifications .etds-form-input-text .form-control.with-right-icon {
  padding-right: 0.75rem;
}

@media (max-width: 991.98px) {
  .etds-circulars-notifications .sections-item {
    width: 100%;
  }
  .etds-circulars-notifications .form-group-autofit {
    flex-wrap: wrap;
  }
  .etds-circulars-notifications .views-wrap {
    display: none !important;
  }
  .etds-circulars-notifications .list-view .notification-card-width {
    width: 100%;
  }
  .etds-circulars-notifications .card-body {
    gap: 0.75rem;
  }
  .etds-circulars-notifications .form-group-item:not(:last-child) {
    margin-bottom: 1rem !important;
  }
  .etds-circulars-notifications .control-label.text-truncate {
    display: none;
  }
  .etds-circulars-notifications .form-group-item-autofit {
    width: 100%;
  }
  .etds-circulars-notifications .action-buttons {
    flex-direction: row;
    width: 100%;
  }
  .etds-circulars-notifications .action-buttons .btn {
    width: 100%;
  }
  .etds-circulars-notifications .card-body .text-end .btn {
    border: none;
    font-size: 0;
    background-color: unset !important;
  }
}
@media (max-width: 575.98px) {
  .etds-circulars-notifications .action-buttons {
    flex-direction: column;
  }
}
.edts-circulars .etds-misc-cards .card-print-btn-with-date-new-tag .card-left-side {
  flex: unset !important;
}
.edts-circulars .etds-misc-cards .card-print-btn-with-date-new-tag .card-left-side svg {
  color: var(--secondary);
}

.notification-card-width p {
  margin-bottom: 0;
}

.edts-circulars .card-print-btn-with-date-new-tag {
  background: transparent;
}
.edts-circulars .card-print-btn-with-date-new-tag .card-title-with-arrow {
  color: var(--tt-secondary);
}
.edts-circulars .card-print-btn-with-date-new-tag .card-title-with-arrow svg {
  color: var(--tt-secondary) !important;
}

.download-button-with-subjects {
  background-color: #f5fbf6;
  border: 1px solid #1a7844;
  border-radius: 0.25rem;
  padding: 0.1875rem 0.75rem;
  display: flex;
  align-items: center;
}
.download-button-with-subjects .subjects-icon {
  background-color: #e1f2e5;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  border-radius: 0.25rem;
  margin-right: 0.5rem;
  text-align: center;
  color: #1a7844;
}
.download-button-with-subjects .subjects-name {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 700;
  color: #1a7844;
  white-space: nowrap;
}
.download-button-with-subjects .in-download-button {
  margin-left: 1.25rem;
  padding: 0.25rem 0.75rem;
  line-height: 1.75rem;
  height: 1.75rem;
  background-color: var(--primary-variant-6);
}
.download-button-with-subjects .in-download-button svg {
  margin-right: 0.4375rem;
}

.form-wizard-page .tab-style {
  border-bottom: 0 !important;
}
.form-wizard-page .tab-style h5 {
  margin-bottom: 0 !important;
}
.form-wizard-page .dropdown-container .down-arrow-icon {
  pointer-events: none;
}

.subject-wise-list .act-name {
  text-decoration: underline;
}

.etds-page-main-content .acts-wrapper .form-wizard-list .acts-item .act-title {
  text-decoration: underline;
}

.chapter-wise-list {
  margin-bottom: 0.75rem;
}
.chapter-wise-list + .pagination-wrapper {
  margin-top: 1.75rem;
}

.chapter-wise-card {
  padding: 1rem;
  border: 1px solid var(--secondary-bg-30);
  border-radius: 0.25rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.chapter-wise-card .chapter-name {
  font-size: var(--sub-heading-1-font-size);
  font-weight: 700;
  color: var(--primary);
  margin-bottom: 0.25rem;
  cursor: pointer;
}
.chapter-wise-card .chapter-number-desc {
  font-size: var(--sub-heading-3-font-size);
  font-weight: 400;
  color: var(--dark-variant-2);
  display: flex;
}
.chapter-wise-card .chapter-number-desc .pipe {
  margin: 0 0.75rem;
}
.chapter-wise-card.open-chapter-card {
  background-color: var(--background-4);
  border-color: var(--secondary-400);
  border-bottom: 0 !important;
  border-radius: 0.25rem 0.25rem 0 0;
}

.chapter-wise-content {
  padding: 1rem;
  border: 1px solid var(--secondary-400);
  border-top: 0;
  border-radius: 0 0 0.25rem 0.25rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.chapter-wise-content ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  gap: 1rem;
  flex-direction: column;
}
.chapter-wise-content a {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  color: var(--secondary);
}

@media (max-width: 992px) {
  .form-wizard-page .form-group-autofit .form-group-item {
    flex: 1 1 calc(50% - 1rem);
    min-width: 300px;
  }
  .form-wizard-page .form-group-autofit {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
  }
}
@media (max-width: 767.98px) {
  .chapter-wise-card {
    padding: 0.75rem 1rem;
  }
  .chapter-wise-card .chapter-name {
    font-size: var(--sub-heading-2-font-size);
    font-weight: 700;
  }
  .chapter-wise-content a {
    font-size: var(--sub-heading-2-font-size);
    font-weight: 400;
  }
}
@media (max-width: 480px) {
  .form-wizard-page .form-group-autofit .form-group-item {
    min-width: 200px;
  }
}
.expand-button-common {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  border: 0;
  padding: 0;
  display: flex;
  align-items: center;
  background-color: transparent;
  color: var(--secondary);
}
.expand-button-common span {
  margin-right: 4px;
  text-decoration: underline;
}
.expand-button-common svg {
  width: 20px;
  height: 20px;
}
.expand-button-common.collapse-button-common svg {
  transform: rotate(180deg);
}
@media (max-width: 767.98px) {
  .expand-button-common span {
    display: none;
  }
  .expand-button-common svg {
    width: 24px;
    height: 24px;
  }
}

.side-bar-with-bg .additional-action .title-wrap {
  background-color: var(--secondary-variant-3);
  margin-bottom: 0.25rem !important;
  font-weight: 400 !important;
}
.side-bar-with-bg .additional-action .title-wrap.active {
  font-weight: 700 !important;
  color: var(--secondary);
}
.side-bar-with-bg .link-to-page-with-icon {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--secondary-variant-3);
  margin-bottom: 0.25rem;
  color: var(--primary-variant-7);
  padding: 0.8125rem 0.75rem;
  border-radius: 0.25rem;
  outline-offset: -0.25rem;
}
.side-bar-with-bg .link-to-page-with-icon:hover {
  text-decoration: none;
}
.side-bar-with-bg .link-to-page-with-icon svg {
  color: var(--secondary);
}

.viewItrAssistantWizard {
  padding-bottom: 1.5rem;
}

@media (max-width: 575.98px) {
  etds-reckoner .etds-page-main-content .sort-views-wrapper .views-wrap.type-2 {
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: 1rem;
  }
  etds-reckoner .etds-page-main-content .sort-views-wrapper .views-wrap.type-2 .title {
    margin: 0;
  }
}
@media (max-width: 360px) {
  .etds-page-main-content .search-wrapper .search-box.form-wizard-page .tab-style li button {
    padding: 16px;
    font-size: 12px;
  }
  .side-bar-with-bg .link-to-page-with-icon {
    margin: 5px;
  }
}
.homepage-wrapper {
  position: relative;
}
.homepage-wrapper:before {
  background-color: rgba(8, 8, 113, 0.3215686275);
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.homepage-wrapper .banner-container .banner-slider-controls {
  margin-bottom: 1.75rem;
  padding: 0.25rem 0.5rem;
}
.homepage-wrapper .banner-container .banner-slider-controls .slider-controls {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.homepage-wrapper .banner-container .banner-slider-controls .slider-controls button:focus-visible {
  outline: 0.125rem solid var(--background-lightest-blue);
  outline-offset: 0.125rem;
  box-shadow: none;
}
.homepage-wrapper .banner-container .banner-slider-controls .slider-controls svg {
  color: var(--primary-variant-6);
}
.homepage-wrapper .banner-container .banner-slider-controls .slider-controls .slider-play svg,
.homepage-wrapper .banner-container .banner-slider-controls .slider-controls .slider-pause svg {
  font-size: 1rem;
}
.homepage-wrapper .banner-container .banner-slider-controls .slider-controls .slider-previous svg,
.homepage-wrapper .banner-container .banner-slider-controls .slider-controls .slider-next svg {
  font-size: 1.125rem;
}
.homepage-wrapper .banner-container .banner-slider-controls .slider-controls .slider-dots {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
}
.homepage-wrapper .banner-container .banner-slider-controls .slider-controls .slider-dots .slide-dot {
  height: 0.5rem;
  width: 0.5rem;
  border-radius: 1px;
  background-color: var(--primary-200);
  border: 0;
  padding: 0;
}
.homepage-wrapper .banner-container .banner-slider-controls .slider-controls .slider-dots .slide-dot.active {
  background-color: var(--primary-variant-6);
}
.homepage-wrapper .banner-container .etds-slider .slick-list {
  border-radius: 0.5rem;
}
.homepage-wrapper .banner-container .etds-slider .slick-list .slider-item {
  padding: 0.25rem;
}
.homepage-wrapper .banner-container .etds-slider .slick-list .slider-item .slider-item-link {
  height: 293px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.homepage-wrapper .banner-container .etds-slider .slick-list .slider-item .slider-item-link:focus-visible {
  outline: 0.125rem solid var(--background-lightest-blue) !important;
  outline-offset: 0.125rem !important;
  box-shadow: none !important;
}
.homepage-wrapper .banner-container .etds-slider .slick-list .slider-item .slider-item-link .slider-item-content {
  height: 100%;
  width: 100%;
  border-radius: 0.5rem;
}

.home-search-bar-wrapper {
  position: relative;
  z-index: 986;
}
.home-search-bar-wrapper .home-search-bar-container {
  position: absolute;
  right: 0;
  width: 30%;
}
.home-search-bar-wrapper .home-search-bar-container .input-group.search-bar-suggestions input {
  border-top-left-radius: 1.25rem;
  border-bottom-left-radius: 1.25rem;
  background-color: var(--neutral-100) !important;
  border-color: var(--neutral-400) !important;
}
.home-search-bar-wrapper .home-search-bar-container .input-group.search-bar-suggestions input.form-control.focus,
.home-search-bar-wrapper .home-search-bar-container .input-group.search-bar-suggestions input .form-control:focus-visible,
.home-search-bar-wrapper .home-search-bar-container .input-group.search-bar-suggestions input .c-prefers-focus .form-control:focus {
  background-color: var(--primary-variant-6);
  border: none;
}
.home-search-bar-wrapper .home-search-bar-container .input-group-inset-item.input-group-inset-item-after {
  border-top-right-radius: 1.25rem;
  border-bottom-right-radius: 1.25rem;
  background-color: var(--neutral-100) !important;
  border-color: var(--neutral-400) !important;
}
.home-search-bar-wrapper .home-search-bar-container .input-group-inset-item.input-group-inset-item-after svg {
  color: var(--neutral-800);
}
.home-search-bar-wrapper .home-search-bar-container .input-group-item:has(.search-bar-keywords-input:focus-visible) {
  outline: 0.125rem solid var(--background-lightest-blue);
  outline-offset: 0.125rem;
  border-radius: 1.25rem;
}
.home-search-bar-wrapper .home-search-bar-container .input-group-item:has(.search-bar-keywords-input:focus-visible) .input-group input,
.home-search-bar-wrapper .home-search-bar-container .input-group-item:has(.search-bar-keywords-input:focus-visible) .input-group-inset-item {
  border: none;
}

.explore-section {
  background-color: var(--secondary-variant-2);
  padding: 1rem;
  border-radius: 0.5rem;
}
.explore-section h5 {
  margin-bottom: 1.25rem;
  color: var(--primary);
}
.explore-section .explore-list {
  list-style: none;
  padding: 0;
  margin: 0;
  max-height: 435px;
  overflow-y: auto;
  padding-right: 5px;
}
.explore-section .explore-list li {
  margin-bottom: 0.5rem;
  padding: 0.25rem 0 0.25rem 0.25rem;
}
.explore-section .explore-list li:last-child {
  margin-bottom: 0px;
}
.explore-section .explore-list li.active a {
  background: var(--primary-variant-4);
  border: 1px solid var(--primary-800);
}
.explore-section .explore-list li a:focus-visible {
  outline-offset: 0.125rem;
}
.explore-section .explore-list a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  background: var(--primary-stroke-2);
  padding: 0.75rem;
  border-radius: 0.25rem;
  color: var(--primary);
  font-size: var(--sub-heading-3-font-size);
  font-weight: 500;
  letter-spacing: 0.12px;
  line-height: 21px;
  border: 0.5px solid var(--primary-variant-2);
  transition: background-color 0.3s;
}
.explore-section .explore-list a .page-name {
  flex: 1;
}
.explore-section .explore-list a .right-arrow {
  flex: none;
}
.explore-section .explore-list a:hover {
  background: var(--primary-variant-5);
  border: 1px solid var(--primary-variant-1);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}
.explore-section .explore-list .first-section {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.explore-section .explore-list::-webkit-scrollbar {
  width: 6px;
}
.explore-section .explore-list::-webkit-scrollbar-thumb {
  background-color: var(--neutral-light);
  border-radius: 0.25rem;
}
.explore-section .explore-list::-webkit-scrollbar-track {
  background-color: transparent;
}
.explore-section img {
  max-width: 1.25rem;
  max-height: 1.25rem;
}

.explore-grid-container .grid-container {
  display: grid;
  grid-template-columns: 25% calc(75% - 24px);
  gap: 1.5rem;
}
.explore-grid-container .inner-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  padding: 28px 0;
}
.explore-grid-container .inner-grid lfr-drop-zone {
  background: var(--neutral-half-white);
  min-height: 100px;
  display: block;
}

@media (max-width: 991.98px) {
  .homepage-wrapper .banner-container .banner-slider-controls {
    margin-bottom: 1.25rem;
  }
  .homepage-wrapper .banner-container .etds-slider .slick-list .slider-item .slider-item-link {
    height: 213px;
  }
  .explore-grid-container .grid-container {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767.98px) {
  .homepage-wrapper .banner-container .banner-slider-controls {
    margin-bottom: 0.75rem;
    padding: 0;
  }
  .homepage-wrapper .banner-container .banner-slider-controls .slider-controls {
    justify-content: center;
  }
  .homepage-wrapper .banner-container .banner-slider-controls .slider-controls .slider-dots {
    width: 152px;
  }
  .homepage-wrapper .banner-container .etds-slider .slick-list .slider-item .slider-item-link {
    height: 239px;
  }
  .homepage-wrapper .banner-container .etds-slider .slick-list .slider-item .slider-item-link .slider-item-content {
    height: 100%;
    width: 100%;
  }
  .explore-grid-container .inner-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575.98px) {
  .homepage-wrapper .banner-container .banner-slider-controls .slider-controls {
    justify-content: space-between;
  }
  .homepage-wrapper .banner-container .banner-slider-controls .slider-controls .slider-play,
  .homepage-wrapper .banner-container .banner-slider-controls .slider-controls .slider-pause {
    position: absolute;
    right: 2rem;
  }
  .homepage-wrapper .banner-container .banner-slider-controls .slider-controls .slider-dots {
    width: auto;
  }
  .homepage-wrapper .banner-container .etds-slider .slick-list .slider-item .slider-item-link {
    height: 170px;
  }
  .explore-grid-container .inner-grid {
    grid-template-columns: 1fr;
  }
  .explore-section .explore-list {
    max-height: 445px;
  }
  .explore-section .explore-list li {
    display: none;
  }
  .explore-section .explore-list li:last-child {
    margin-bottom: 1.25rem;
  }
  .explore-section .explore-list li.visible {
    display: block;
  }
  .explore-section .see-more-btn {
    display: block;
    background-color: transparent;
    border: unset;
    font-size: var(--sub-heading-3-font-size);
    font-weight: 400;
    line-height: 18px;
    text-decoration-line: underline;
    color: var(--secondary);
    margin: 0px auto 0 auto;
  }
}
@media (min-width: 575.98px) and (max-width: 991.98px) {
  .explore-section .explore-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 1rem;
  }
}
@media screen and (min-width: 576px) {
  .explore-section .see-more-btn {
    display: none !important;
  }
}
.common-link-box {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
  border: 1px solid var(--secondary-200);
  background-color: var(--secondary-variant-2);
  color: var(--primary);
  border-radius: 0.25rem;
  padding: 1.25rem 1.5rem;
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.common-link-box:focus-visible {
  outline-offset: -0.25rem;
  width: 100%;
  display: flex;
}
.common-link-box .common-link-name {
  margin-right: auto;
}
.common-link-box .common-link-icon {
  flex-shrink: 0;
  min-width: 1.25rem;
  min-height: 1.25rem;
}
.common-link-box:hover {
  text-decoration: none;
  color: var(--primary);
}

.container-fluid.overflow-hidden > .row.align-items-start:last-child:has(.common-link-box) .common-link-box {
  margin-bottom: 0;
}

.common-new-tag {
  font-size: var(--sub-heading-3-font-size);
  font-weight: 400;
  background: linear-gradient(#f9f4fd, #f9f4fd) padding-box, linear-gradient(278.79deg, #7e22f5 -2.82%, #dbc1fc 48.93%, #7e22f5 105.91%) border-box;
  border: 1.5px solid transparent;
  color: #7e22f5;
  background-color: #f9f4fd;
  padding: 0.1875rem 0.375rem;
  display: inline-block;
  border-radius: 0.9375rem;
  height: 1.5rem;
  text-transform: uppercase;
}

.budget-bills-wrapper .common-new-tag {
  margin-left: 1rem;
}

.last-updated-finance-bill {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
  margin-top: -0.25rem;
}
.last-updated-finance-bill .last-updated {
  margin-bottom: 1.25rem !important;
  font-style: normal;
}

.finance-bill-group {
  margin-bottom: 1.25rem;
  margin-top: 1.875rem;
}
.finance-bill-group .finance-bill-heading {
  color: var(--primary);
  margin-bottom: -0.25rem;
}
.finance-bill-group .finance-bill-card {
  border-radius: 0.25rem;
  padding: 0.75rem;
  margin-bottom: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  background-color: var(--secondary-variant-3);
  border: 1px solid var(--secondary-bg-30);
}
.finance-bill-group .finance-bill-card .finance-bill-title {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 700;
  color: var(--primary);
  margin-bottom: 0.25rem;
  display: inline;
  cursor: pointer;
}
.finance-bill-group .finance-bill-card .finance-bill-title .finance-bill-icon {
  margin-left: 0.75rem;
}
.finance-bill-group .finance-bill-card .finance-bill-title .finance-bill-icon svg {
  min-width: 1.25rem;
  min-height: 1.25rem;
  margin-top: -0.125rem;
}
.finance-bill-group .finance-bill-card .finance-bill-description {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  max-width: 53.375rem;
}

.booklets-wrapper .publicity-campaign-content-wrapper .comic-content-wrapper .comic-content.tile-view {
  gap: 21px;
}
.booklets-wrapper .publicity-campaign-content-wrapper .comic-content-wrapper .comic-content.tile-view .comic-item {
  width: calc(25% - 1rem);
}
.booklets-wrapper .publicity-campaign-content-wrapper .comic-content-wrapper .comic-content.tile-view .comic-item .main-data .comic-thumbnail {
  width: 100%;
  height: 21.875rem;
}
.booklets-wrapper .publicity-campaign-content-wrapper .comic-content-wrapper .comic-content.list-view .comic-item .main-data .comic-thumbnail {
  width: 4rem;
  height: 5.25rem;
}
.booklets-wrapper .publicity-campaign-content-wrapper .comic-content-wrapper .comic-content .comic-item .main-data .text-data .comic-title {
  color: unset;
}
.booklets-wrapper .publicity-campaign-content-wrapper .comic-content-wrapper .comic-content .comic-item .main-data .text-data .comic-title:hover {
  color: unset;
}
.booklets-wrapper .publicity-campaign-content-wrapper .comic-content-wrapper .comic-content .comic-item .main-data .text-data .comic-title:focus-visible {
  display: block;
}
.booklets-wrapper .tab-style {
  display: none !important;
}
.booklets-wrapper .form-group-autofit {
  margin-bottom: 0px !important;
}
.booklets-wrapper .search-wrapper hr {
  display: none !important;
}
.booklets-wrapper .form-group-autofit .form-group-item {
  width: 25%;
}

@media (max-width: 768px) {
  .booklets-wrapper .form-group-autofit .form-group-item {
    width: 100%;
  }
  .booklets-wrapper .publicity-campaign-content-wrapper .comic-content-wrapper .comic-content.tile-view {
    gap: 1.5rem;
  }
  .booklets-wrapper .publicity-campaign-content-wrapper .comic-content-wrapper .comic-content.tile-view .comic-item {
    width: calc(33.33% - 1rem);
  }
}
@media (max-width: 576px) {
  .booklets-wrapper .publicity-campaign-content-wrapper .comic-content-wrapper .comic-content.tile-view {
    gap: 2rem;
  }
  .booklets-wrapper .publicity-campaign-content-wrapper .comic-content-wrapper .comic-content.tile-view .comic-item {
    width: calc(50% - 1rem);
  }
}
@media (max-width: 460px) {
  .booklets-wrapper .publicity-campaign-content-wrapper .comic-content-wrapper .comic-content.tile-view {
    gap: 1.25rem;
  }
  .booklets-wrapper .publicity-campaign-content-wrapper .comic-content-wrapper .comic-content.tile-view .comic-item {
    width: 100%;
  }
}
.no-page-left-side .page-with-sidebar .page-sidebar {
  display: none;
}

.has-edit-mode-menu .no-page-left-side .page-with-sidebar .page-sidebar {
  display: block;
}

.utility-wrapper {
  display: flex;
  justify-content: center;
  padding: 1.5rem 1.5rem 3rem 1.5rem;
  gap: 1.5rem;
}
.utility-wrapper .etds-card-blue-head-text {
  font-size: var(--sub-heading-1-font-size);
  margin: 0;
}
.utility-wrapper.acts-utility-wrapper .etds-card-blue-card.left-card .etds-card-blue-head {
  background-color: var(--secondary-100);
  border: 0.063rem solid var(--secondary-bg-30);
}
.utility-wrapper.acts-utility-wrapper .etds-card-blue-card.left-card svg.lexicon-icon-etds-income-tax-act {
  color: var(--secondary);
}
.utility-wrapper.acts-utility-wrapper .etds-card-blue-card.left-card .etds-card-blue-body {
  background-color: var(--secondary-info-bg-2);
}
.utility-wrapper.acts-utility-wrapper .etds-card-blue-card.left-card .form-group-item {
  margin-bottom: 0.75rem;
}
.utility-wrapper.acts-utility-wrapper .etds-card-blue-card.left-card .corresponding-clause .corresponding-clause-section-title {
  border-bottom: 0.063rem solid var(--secondary-bg-30);
  color: var(--secondary);
}
.utility-wrapper.acts-utility-wrapper .etds-card-blue-card.left-card .etds-card-blue-link-view {
  border-top: 0.063rem solid var(--secondary-bg-30);
  background-color: var(--secondary-info-bg-2);
}
.utility-wrapper.acts-utility-wrapper .etds-card-blue-card.right-card {
  border-color: var(--violet-300);
}
.utility-wrapper.acts-utility-wrapper .etds-card-blue-card.right-card .etds-card-blue-head {
  border-radius: 0.5rem 0.5rem 0 0 !important;
  border-bottom: 0.063rem solid var(--violet-300);
}
.utility-wrapper.acts-utility-wrapper .etds-card-blue-card.right-card svg.lexicon-icon-etds-income-tax-bill {
  color: var(--violet-350);
}
.utility-wrapper.acts-utility-wrapper .etds-card-blue-card.right-card .etds-card-blue-body {
  background-color: var(--violet-50);
}
.utility-wrapper.acts-utility-wrapper .etds-card-blue-card.right-card .corresponding-clause .corresponding-clause-section-title {
  border-bottom: 0.063rem solid var(--violet-150);
  color: var(--doc-viewer-text-color);
}
.utility-wrapper.acts-utility-wrapper .etds-card-blue-card.right-card .etds-card-blue-link-view {
  border-top: 0.063rem solid var(--violet-150);
  background-color: var(--violet-50);
}
.utility-wrapper.acts-utility-wrapper .etds-card-blue-card .corresponding-clause {
  padding-top: 0rem;
  padding-bottom: 0rem;
}
.utility-wrapper.acts-utility-wrapper .etds-card-blue-card .etds-card-blue-link-view {
  border-radius: 0 0 0.5rem 0.5rem;
}
.utility-wrapper.acts-utility-wrapper .etds-card-blue-card .etds-card-blue-body {
  min-height: 22.5rem;
}
.utility-wrapper.acts-utility-wrapper .corresponding-clause .corresponding-clause-section-title {
  text-align: center;
  color: var(--violet-800);
  margin-bottom: 0.75rem;
  padding-bottom: 0.5rem;
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
}
.utility-wrapper.acts-utility-wrapper .etds-card-blue-body {
  padding: 1rem 1.25rem !important;
}
.utility-wrapper.acts-utility-wrapper a {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  text-decoration: underline;
  color: var(--secondary);
  text-align: center;
  align-items: center;
  justify-content: space-between;
}
.utility-wrapper.acts-utility-wrapper a:hover {
  text-decoration: underline;
  color: var(--secondary);
}
.utility-wrapper.acts-utility-wrapper .etds-card-section-content {
  margin-top: 1rem;
  padding: 0.375rem;
  background: var(--secondary-info-bg-5);
  border: 0.063rem solid var(--secondary-bg-30);
  border-radius: 0.25rem;
}
.utility-wrapper.acts-utility-wrapper .etds-card-section-content a svg {
  margin-left: 0.25rem;
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
}
.utility-wrapper.acts-utility-wrapper .etds-card-section-content span {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
  text-align: left;
}
.utility-wrapper.acts-utility-wrapper .etds-card-blue-link-view .etds-card-blue-link-box:first-child {
  margin-bottom: 0.75rem;
}
.utility-wrapper.acts-utility-wrapper .etds-card-blue-link-view .etds-card-blue-link-box:last-of-type {
  margin-bottom: 0;
}
.utility-wrapper.acts-utility-wrapper .fisrt.dark-gray {
  color: var(--neutral-800);
}
.utility-wrapper.acts-utility-wrapper .fisrt.red-icon {
  color: var(--status-red-600);
}
.utility-wrapper.acts-utility-wrapper .middle {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 700;
}
.utility-wrapper.acts-utility-wrapper .last {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
}
.utility-wrapper.acts-utility-wrapper .status-region {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.utility-wrapper.acts-utility-wrapper .right-side-view-section {
  background: var(--neutral-purple-bg-50);
  border: 0.063rem solid var(--violet-150);
  border-radius: 0.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.375rem;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.utility-wrapper.acts-utility-wrapper .right-side-view-section span {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
}
.utility-wrapper.acts-utility-wrapper .right-side-view-section svg {
  margin-left: 0.25rem;
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
}
.utility-wrapper.acts-utility-wrapper .etds-card-parallel-reader-button button {
  background: var(--neutral-100);
  border: 0.063rem solid var(--primary);
  border-radius: 0.25rem;
  color: var(--primary);
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
}
.utility-wrapper.acts-utility-wrapper .etds-card-parallel-reader-button button:hover {
  background: var(--neutral-100);
  color: var(--primary);
}
.utility-wrapper.acts-utility-wrapper .etds-card-parallel-reader-button .btn-primary:focus {
  color: var(--primary);
}
.utility-wrapper.acts-utility-wrapper .right-side-view-section-wrapper {
  max-height: 17.938rem;
  overflow-y: auto;
  scrollbar-width: thin;
  padding-right: 0.375rem;
}

.etds-reset-all-selections {
  display: flex;
  align-items: center;
  justify-content: center;
}

.etds-card-blue-card {
  border: 1px solid var(--secondary-bg-30);
  background-color: var(--secondary-variant-2);
  border-radius: 0.5rem;
  box-shadow: -1px 4px 32px 0px rgba(0, 0, 0, 0.2);
  width: 25.4375rem;
  min-width: 25.4375rem;
  min-height: 25.9375rem;
}
.etds-card-blue-card .etds-card-blue-head {
  font-size: var(--sub-heading-1-font-size);
  font-weight: 700;
  padding: 1rem 1.25rem;
  background-color: var(--secondary-100);
  color: var(--primary);
  display: flex;
  align-items: center;
  gap: 1rem;
  border-radius: 0.375rem 0.375rem 0 0;
}
.etds-card-blue-card .etds-card-blue-head .etds-card-blue-head-icon {
  width: 2.5rem;
  height: 2.5rem;
  background-color: var(--secondary-info-bg-5);
  border: 1px solid var(--secondary-bg-20);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.etds-card-blue-card .etds-card-blue-head .etds-card-blue-head-icon svg {
  width: 1.5rem;
  height: 1.5rem;
}
.etds-card-blue-card .etds-card-blue-body {
  padding: 1.5rem 1rem;
  min-height: 19.5625rem;
}
.etds-card-blue-card .etds-card-blue-body .dropdown-container {
  background-color: var(--primary-variant-6);
}
.etds-card-blue-card .etds-card-blue-link {
  color: var(--secondary);
  text-decoration: underline;
}
.etds-card-blue-card .etds-card-blue-link-view {
  padding: 0.625rem 1rem;
}
.etds-card-blue-card .etds-card-blue-link-view .etds-card-blue-link-box {
  margin-bottom: 1rem;
}
.etds-card-blue-card .etds-card-blue-link-view .etds-card-blue-link-box a {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  text-decoration: underline;
  color: var(--secondary);
}
.etds-card-blue-card .etds-card-blue-link-view .etds-card-blue-link-box a svg {
  margin-left: 0.25rem;
  width: 1.25rem;
  height: 1.25rem;
}

.purple-card {
  border-color: #e5d3fd;
  background-color: #f2e9fe;
}
.purple-card .etds-card-blue-head {
  background-color: #dbc1fc;
  color: #51169d;
}
.purple-card .etds-card-blue-head .etds-card-blue-head-icon {
  background-color: #f2e9fe;
  border-color: #e5d3fd;
}
.purple-card .etds-card-blue-head .etds-card-blue-head-icon svg {
  width: 1.75rem;
  height: 1.8125rem;
  margin-bottom: 0.3125rem;
  margin-left: 0.1875rem;
}
.purple-card .corresponding-clause {
  background-color: #fcf9ff;
  text-align: center;
  padding: 0.625rem 1rem;
  margin-left: -1rem;
  margin-right: -1rem;
}
.purple-card .corresponding-clause .corresponding-clause-title {
  color: #51169d;
  padding: 0 2.5rem 0.5rem 2.5rem;
  margin-bottom: 1.25rem;
  border-bottom: 1px solid #ecdefe;
}
.purple-card .awaiting-selection {
  font-size: var(--sub-heading-1-font-size);
  font-weight: 700;
  color: var(--dark-variant-2);
  background: var(--dark-variant-6);
  border: 1px solid var(--dark-variant-3);
  border-radius: 0.25rem;
  padding: 0.5rem 0.75rem;
  display: inline-block;
}
.purple-card .bill-result {
  display: inline-block;
  border: 1px solid #e5d3fd;
  padding: 0.5rem 0.75rem;
  border-radius: 0.25rem;
}
.purple-card .bill-result .select-act-value {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
  color: #51169d;
}

@media (max-width: 991.98px) {
  .etds-card-blue-card {
    width: 50%;
    min-width: 50%;
    min-height: inherit;
  }
  .etds-card-blue-card .etds-card-blue-body {
    min-height: 17.5rem;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .left-side-scroll .etds-compare-act-dropdown-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
  }
  .left-side-scroll .etds-compare-act-dropdown-wrapper .form-group-item {
    width: 50%;
  }
}
@media (max-width: 767.98px) {
  .utility-wrapper {
    flex-direction: column;
    padding: 0px 0px 2rem;
  }
  .utility-wrapper.acts-utility-wrapper .etds-card-blue-card .etds-card-blue-body {
    min-height: unset;
  }
  .utility-wrapper.acts-utility-wrapper .etds-card-section-content a {
    justify-content: center;
  }
  .utility-wrapper.acts-utility-wrapper .etds-card-section-content span {
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    overflow: unset;
  }
  .utility-wrapper.acts-utility-wrapper .right-side-view-section span {
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    overflow: unset;
  }
  .utility-wrapper.acts-utility-wrapper .left-side-scroll {
    max-height: 15rem;
    overflow-y: auto;
    scrollbar-width: thin;
    padding-right: 0.375rem;
  }
  .utility-wrapper.acts-utility-wrapper .corresponding-clause .corresponding-clause-section-title {
    text-align: left;
  }
  .etds-card-blue-card {
    width: 100%;
    min-width: 100%;
  }
  .etds-card-blue-card .etds-card-blue-head {
    padding: 0.75rem 1rem;
  }
  .etds-card-blue-card .etds-card-blue-body {
    min-height: inherit;
    padding: 1rem;
  }
  .etds-reset-all-selections button.btn.btn-primary {
    width: 100%;
  }
  .acts-utility-border {
    padding: unset;
    border: unset;
    border-radius: unset;
    background-color: unset;
  }
}
.etds-compare-act-dropdown-wrapper .dropdown-container .selected-item,
.etds-compare-act-dropdown-wrapper .react-select-wrapper .etds-select__control {
  border: 1px solid var(--input-field-border) !important;
}
.etds-compare-act-dropdown-wrapper .dropdown-container .selected-item:focus-visible,
.etds-compare-act-dropdown-wrapper .dropdown-container .selected-item.open,
.etds-compare-act-dropdown-wrapper .etds-select__control.etds-select__control--is-focused {
  outline: none;
  border: 0.125rem solid var(--input-active-border) !important;
}

.advanced-search-wrapper {
  display: flex;
  justify-content: space-between;
}
.advanced-search-wrapper.open-advanced-search {
  display: block;
}
.advanced-search-wrapper.open-advanced-search .advanced-search-btn svg {
  rotate: 180deg;
}
.advanced-search-wrapper.open-advanced-search .advanced-search-container {
  border-radius: 0.25rem;
  background-color: var(--primary-variant-5);
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.advanced-search-wrapper.open-advanced-search .advanced-search-container .advanced-search-btn {
  margin-bottom: 1.25rem;
}
.advanced-search-wrapper .advanced-search-container .advanced-search-btn {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
  padding: 8px 8px 8px 16px;
  display: inline-flex;
  align-items: center;
  color: var(--primary);
  cursor: pointer;
  white-space: nowrap;
}
.advanced-search-wrapper .advanced-search-container .advanced-search-btn svg {
  margin-left: 0.25rem;
  min-width: 20px;
  height: 20px;
}
.advanced-search-wrapper .advanced-search-container .etds-select__control:focus-visible, .advanced-search-wrapper .advanced-search-container .etds-select__control--is-focused {
  outline: 0.125rem solid var(--secondary) !important;
  border: none !important;
}

.advance-search-buts {
  margin-bottom: 0;
}
.advance-search-buts .form-group-item label.text-truncate {
  display: none;
}
.advance-search-buts .action-buttons {
  justify-content: flex-end;
}

.filters-msg {
  margin-top: 0.25rem;
}
.filters-msg .filters-sub-heading {
  color: var(--neutral-800);
}

.results-box .results-box-border {
  padding: 1.25rem 1rem;
  margin-bottom: 1.5rem;
  border: 1px solid var(--dark-variant-5);
  border-radius: 0.25rem;
}
.results-box .results-box-title {
  color: var(--primary);
  margin-bottom: 1.5rem;
}

.results-card {
  border: 1px solid var(--secondary-bg-30);
  background-color: var(--secondary-variant-3);
  border-radius: 0.5rem;
  padding: 1rem 1.25rem;
  display: flex;
  align-items: center;
  gap: 1.125rem;
  margin-bottom: 1.5rem;
}
.results-card .first-later {
  color: var(--secondary);
  background-color: var(--secondary-variant-1);
  min-width: 3.75rem;
  height: 3.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin-bottom: 0;
}
.results-card .first-later-mobile {
  display: none;
}
.results-card .view-details-btn {
  background-color: var(--primary-variant-6);
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}
.results-card .view-details-btn svg {
  margin-top: -4px;
}
.results-card .view-details-btn:hover {
  color: var(--primary);
}
.results-card .view-details-btn-mobile {
  display: none;
}
.results-card .results-info {
  width: 100%;
}
.results-card .results-info .results-top {
  border-bottom: 1px solid var(--secondary-variant-1);
  padding-bottom: 0.25rem;
  margin-bottom: 1rem;
  display: flex;
  justify-content: space-between;
}
.results-card .results-info .results-top .results-name {
  color: var(--secondary);
  margin-bottom: 0;
}
.results-card .results-info .results-bottom {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  color: var(--dark-variant-2);
  display: flex;
}
.results-card .results-info .results-bottom .pipe {
  padding: 0 0.75rem;
  display: inline-block;
}
.results-card .results-info .results-bottom .results-status {
  margin-left: auto;
  margin-right: 2.5rem;
}
.results-card.results-card-gray {
  border-color: #e5e6e8;
  background-color: var(--dark-variant-6);
}
.results-card.results-card-gray .first-later {
  background-color: var(--dark-variant-5);
  color: var(--primary-variant-7);
}
.results-card.results-card-gray .results-top .results-name {
  color: var(--primary-variant-7);
}
.results-card:last-child {
  margin-bottom: 0;
}

.exempted-institutions-modal .modal-dialog {
  max-width: 65.8125rem;
}
.exempted-institutions-modal .modal-content {
  max-height: inherit;
}
.exempted-institutions-modal .modal-body {
  padding-bottom: 1.25rem;
}
.exempted-institutions-modal .modal-body .exempted-institutions-data {
  background-color: var(--primary-variant-5);
  padding: 1rem 1.25rem;
  border-radius: 0.25rem;
  margin-top: 0.25rem;
  display: flex;
}
.exempted-institutions-modal .modal-body .exempted-institutions-data h5 {
  color: var(--primary);
  margin-bottom: 1.25rem;
}
.exempted-institutions-modal .modal-body .exempted-institutions-data .ei-left {
  min-width: 28.0625rem;
  padding: 0 2.75rem 0 1.25rem;
  border-right: 1px solid var(--dark-variant-4);
}
.exempted-institutions-modal .modal-body .exempted-institutions-data .ei-right {
  min-width: 32.25rem;
  padding: 0 1.25rem 0 2.75rem;
}
.exempted-institutions-modal .modal-body .exempted-institutions-data ul {
  list-style-type: none;
  padding: 0;
  margin-bottom: 0;
}
.exempted-institutions-modal .modal-body .exempted-institutions-data ul li {
  margin-bottom: 1.125rem;
  min-height: 56px;
}
.exempted-institutions-modal .modal-body .exempted-institutions-data ul li:last-child {
  margin-bottom: 0;
}
.exempted-institutions-modal .modal-body .exempted-institutions-data ul li .ei-font-bold {
  display: block;
  font-weight: 700;
  margin-bottom: 0.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 991.98px) {
  .exempted-institutions-modal .modal-body .exempted-institutions-data .ei-left {
    min-width: 45%;
  }
  .exempted-institutions-modal .modal-body .exempted-institutions-data .ei-right {
    min-width: 55%;
  }
}
@media (max-width: 767.98px) {
  .exempted-institutions-modal .modal-body {
    padding: 1rem;
  }
  .exempted-institutions-modal .modal-body .exempted-institutions-data {
    flex-direction: column;
    padding: 1rem;
  }
  .exempted-institutions-modal .modal-body .exempted-institutions-data ul li {
    font-size: var(--sub-heading-3-font-size);
    font-weight: 400;
    min-height: inherit;
  }
  .exempted-institutions-modal .modal-body .exempted-institutions-data ul li .ei-font-bold {
    font-size: var(--sub-heading-3-font-size);
    font-weight: 700;
  }
  .exempted-institutions-modal .modal-body .exempted-institutions-data .ei-left {
    border-bottom: 1px solid var(--dark-variant-4);
    border-right: 0;
    margin-bottom: 1rem;
  }
  .exempted-institutions-modal .modal-body .exempted-institutions-data .ei-left,
  .exempted-institutions-modal .modal-body .exempted-institutions-data .ei-right {
    min-width: 100%;
    padding: 0 1rem;
  }
  .exempted-institutions-modal .modal-body .exempted-institutions-data .ei-left .row .col-md-6:last-child li:last-child,
  .exempted-institutions-modal .modal-body .exempted-institutions-data .ei-right .row .col-md-6:last-child li:last-child {
    margin-bottom: 0;
  }
}
.dateRangeGroup {
  max-width: 24.125rem;
  margin-bottom: 0;
}
.dateRangeGroup > .form-group-item:not(:last-child) {
  margin-right: 0.5rem;
}
.dateRangeGroup label.control-label {
  min-height: 18px;
}
.dateRangeGroup .MuiPickersTextField-root {
  min-width: inherit !important;
}
.dateRangeGroup .MuiStack-root {
  padding-top: 0;
}
.dateRangeGroup .MuiFormControl-root {
  min-height: inherit;
  overflow: hidden;
}
.dateRangeGroup .MuiFormControl-root .MuiPickersOutlinedInput-root {
  color: var(--primary-font-color);
}
.dateRangeGroup .MuiPickersSectionList-root {
  width: auto;
}
.dateRangeGroup .MuiPickersSectionList-root:focus-visible {
  outline-offset: -0.125rem;
}
.dateRangeGroup .MuiPickersInputBase-sectionsContainer {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  padding: 0.5625rem 0;
}
.dateRangeGroup .MuiIconButton-sizeMedium {
  background: none;
  padding: revert;
}
.dateRangeGroup .MuiIconButton-sizeMedium:focus-visible {
  outline-offset: 0rem;
}
.dateRangeGroup .custom-calendar-icon {
  margin-top: 0.25rem;
  margin-right: -0.125rem;
  color: var(--neutral-800);
}
.dateRangeGroup .MuiPickersOutlinedInput-notchedOutline {
  border-width: 1px !important;
  border-color: var(--dark-variant-4) !important;
}

.select-with-checkbox {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
}
.select-with-checkbox .css-1u9des2-indicatorSeparator {
  display: none;
}
.select-with-checkbox .css-8mmkcg {
  width: 1.0625rem;
  color: var(--neutral-800);
  transition: all 0.5s;
}
.select-with-checkbox .css-t3ipsp-control {
  box-shadow: none;
}
.select-with-checkbox .css-t3ipsp-control .css-8mmkcg {
  transform: rotate(-180deg);
}
.select-with-checkbox .css-v68sna-control div[class*=multiValue],
.select-with-checkbox .css-blhudp-control div[class*=multiValue] {
  padding: 0.3125rem 0.75rem;
  border-radius: 0.9375rem;
  margin: 0 0.75rem 0 0;
}
.select-with-checkbox .css-v68sna-control div[class*=multiValue] > div,
.select-with-checkbox .css-blhudp-control div[class*=multiValue] > div {
  font-size: var(--sub-heading-3-font-size);
  font-weight: 400;
  padding: 0;
}
.select-with-checkbox .css-1wy0on6 > .css-1xc3v61-indicatorContainer:first-child, .select-with-checkbox .css-1wy0on6 > .css-15lsz6c-indicatorContainer:first-child {
  display: none;
}

.select-with-checkbox-open-menu {
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.15);
  background-color: var(--primary-variant-6);
  border-radius: 0.25rem;
  overflow: hidden;
  position: relative;
}
.select-with-checkbox-open-menu .css-qr46ko {
  padding: 0;
}
.select-with-checkbox-open-menu > div div[role=option] {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
  padding: 0.75rem 1rem;
}
.select-with-checkbox-open-menu > div #react-select-2-option-0,
.select-with-checkbox-open-menu > div #react-select-2-option-0:has(input:checked) {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  border-bottom: 1px solid var(--dark-variant-5);
  background-color: transparent;
}
.select-with-checkbox-open-menu > div #react-select-2-option-0:has(input:checked) {
  background-color: var(--primary-variant-6);
}
.select-with-checkbox-open-menu > div #react-select-2-option-2:has(input:checked) {
  background-color: var(--dark-variant-6);
}
.select-with-checkbox-open-menu > div #react-select-2-option-2 .checkbox-input:checked {
  background-color: var(--dark-variant-1);
  border-color: var(--dark-variant-1);
}
.select-with-checkbox-open-menu .checkbox-input {
  appearance: none;
  -webkit-appearance: none;
  background-color: var(--primary-variant-6);
  border: 3px solid var(--dark-variant-2);
  padding: 8px;
  border-radius: 4px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  width: 14px;
  height: 14px;
  margin-right: 12px;
  vertical-align: middle;
}
.select-with-checkbox-open-menu .checkbox-input:checked {
  background-color: var(--secondary);
  border-color: var(--secondary);
}
.select-with-checkbox-open-menu .checkbox-input:checked::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 5px;
  width: 6px;
  height: 11px;
  border: solid var(--primary-variant-6);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.select-with-checkbox-open-menu .select-with-checkbox-foot {
  background-color: var(--primary-variant-6);
  border-top: 1px solid var(--dark-variant-5);
  padding: 0.75rem 1rem;
  text-align: right;
}

@media (max-width: 767.98px) {
  .advanced-search-container > .form-group-autofit {
    flex-direction: column;
  }
  .advanced-search-container > .form-group-autofit .form-group-item:not(:last-child) {
    margin-bottom: 1rem;
  }
  .dateRangeGroup {
    max-width: inherit;
    width: 100%;
  }
  .open-advanced-search .advance-search-buts .action-buttons .btn {
    width: 50%;
  }
}
@media (max-width: 575.98px) {
  .advanced-search-wrapper {
    flex-direction: column;
  }
  .advanced-search-wrapper .advanced-search-btn {
    margin-bottom: 1rem;
  }
  .advance-search-buts .action-buttons {
    flex-direction: column;
  }
  .advance-search-buts .action-buttons .btn {
    width: 100% !important;
  }
  .dateRangeGroup {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
  }
  .dateRangeGroup .form-group-item {
    margin-bottom: 0 !important;
  }
  .dateRangeGroup label.control-label {
    min-height: inherit;
  }
  .results-card {
    margin-bottom: 1rem;
  }
  .results-card .first-later {
    display: none;
    font-size: var(--h5-font-size);
    font-weight: 700;
    min-width: 30px;
    height: 30px;
  }
  .results-card .first-later-mobile {
    display: flex;
  }
  .results-card .view-details-btn {
    display: none;
  }
  .results-card .view-details-btn-mobile {
    display: block;
    margin-top: 0.25rem;
  }
  .results-card .results-info .results-top {
    border-bottom: 0;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
  }
  .results-card .results-info .results-bottom {
    flex-direction: column;
    align-items: flex-start;
  }
  .results-card .results-info .results-bottom > div {
    margin-bottom: 0.75rem;
  }
  .results-card .results-info .results-bottom .pipe {
    display: none;
  }
  .results-card .results-info .results-bottom .results-status {
    margin: 0.25rem 0 0.75rem 0;
  }
}
.tis-getting-started-box {
  margin-bottom: 1.75rem;
}
.tis-getting-started-box .content-box-light-blue {
  border: 1px solid var(--secondary-bg-30);
  border-radius: 0.25rem;
  padding: 1rem 0.75rem;
}
.tis-getting-started-box .content-box-light-blue .desc {
  margin-bottom: 1.25rem;
  color: var(--dark-variant-2);
}
.tis-getting-started-box .accordion-box {
  border: 1px solid var(--secondary-400);
  border-radius: 0.25rem;
  overflow: hidden;
}
.tis-getting-started-box .accordion-box .accordion-title .accordion-button {
  padding: 0.75rem 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  background-color: var(--background-4);
  width: 100%;
  border: 0;
}
.tis-getting-started-box .accordion-box .accordion-title .accordion-button.collapsed .accordion-open-close {
  transform: rotate(0deg);
}
.tis-getting-started-box .accordion-box .accordion-title .accordion-button:focus-visible {
  outline-offset: -0.125rem;
}
.tis-getting-started-box .accordion-box .accordion-title .accordion-button .accordion-open-close {
  transition: 0.5s;
  transform: rotate(180deg);
}
.tis-getting-started-box .accordion-box .accordion-content {
  padding: 1rem;
}
.tis-getting-started-box .accordion-box .accordion-content .row .col .key-feature-col {
  padding: 0.75rem 1.25rem;
  border-right: 1px solid var(--dark-variant-5);
}
.tis-getting-started-box .accordion-box .accordion-content .row .col .key-feature-col h5 {
  margin-bottom: 0.25rem;
}
.tis-getting-started-box .accordion-box .accordion-content .row .col .key-feature-col p {
  color: var(--dark-variant-2);
  margin: 0;
}
.tis-getting-started-box .accordion-box .accordion-content .row .col:first-child .key-feature-col {
  padding-left: 0;
}
.tis-getting-started-box .accordion-box .accordion-content .row .col:last-child .key-feature-col {
  padding-right: 0;
  border: 0;
}

.help-smart-feature-wrapper {
  margin-bottom: 1.75rem;
}
.help-smart-feature-wrapper .help-smart-feature.purple .content-box {
  background-color: var(--secondary-variant-3) !important;
  box-shadow: 0px 0px 0px 1px var(--secondary-bg-30) !important;
}
.help-smart-feature-wrapper .help-smart-feature.purple .content-box ul,
.help-smart-feature-wrapper .help-smart-feature.purple .content-box ol,
.help-smart-feature-wrapper .help-smart-feature.purple .content-box .list-heading {
  color: var(--secondary) !important;
}
.help-smart-feature-wrapper .help-smart-feature .content-box {
  background-color: var(--secondary-variant-3) !important;
  box-shadow: 0px 0px 0px 1px var(--secondary-bg-30) !important;
  border-radius: 0.25rem !important;
  padding: 1rem !important;
  position: relative !important;
  border: 0 !important;
}
.help-smart-feature-wrapper .help-smart-feature .content-box .content-wrapper {
  height: 268px;
  overflow-y: auto;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 1rem;
  margin-right: -1rem;
  padding-right: 1rem;
  scrollbar-width: thin;
}
.help-smart-feature-wrapper .help-smart-feature .content-box .content-wrapper .bottom-content {
  padding: 0 0 0.25rem 0.25rem;
}
.help-smart-feature-wrapper .help-smart-feature .content-box .title-wrap {
  display: flex !important;
  gap: 1.25rem !important;
  align-items: center !important;
  margin-bottom: 1rem !important;
}
.help-smart-feature-wrapper .help-smart-feature .content-box .title {
  margin-bottom: 0rem !important;
}
.help-smart-feature-wrapper .help-smart-feature .content-box .desc {
  color: var(--dark) !important;
  margin-bottom: 1rem !important;
  max-height: unset !important;
}
.help-smart-feature-wrapper .help-smart-feature .content-box .list-heading {
  color: var(--secondary) !important;
  margin: 0 !important;
  font-size: var(--sub-heading-2-font-size);
  font-weight: 700;
}
.help-smart-feature-wrapper .help-smart-feature .content-box ul,
.help-smart-feature-wrapper .help-smart-feature .content-box ol {
  color: var(--secondary) !important;
  padding-left: 1.75rem !important;
  margin-bottom: 1rem !important;
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
}
.help-smart-feature-wrapper .help-smart-feature .content-box .anchor-link-wrapper {
  margin: 0;
}

.quick-access-hub-wrapper .quick-access-hub-items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 1.25rem 1.5rem;
}
.quick-access-hub-wrapper .quick-access-hub-items.row-items-1 {
  grid-template-columns: 1fr;
}
.quick-access-hub-wrapper .quick-access-hub-items.row-items-2 {
  grid-template-columns: 1fr 1fr;
}
.quick-access-hub-wrapper .quick-access-hub-items.row-items-3 {
  grid-template-columns: 1fr 1fr 1fr;
}
.quick-access-hub-wrapper .quick-access-hub-items.row-items-4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.quick-access-hub-wrapper .quick-access-hub-items .content-box {
  background-color: var(--secondary-variant-3);
  border: 1px solid var(--secondary-bg-30);
  border-radius: 0.25rem;
  padding: 1.25rem;
  position: relative;
}
.quick-access-hub-wrapper .quick-access-hub-items .content-box.with-anchor-link {
  padding-bottom: 3.5rem;
}
.quick-access-hub-wrapper .quick-access-hub-items .content-box .title-wrap {
  display: flex;
  gap: 1.25rem;
  align-items: center;
  margin-bottom: 0.5rem;
}
.quick-access-hub-wrapper .quick-access-hub-items .content-box .title-wrap .title {
  margin-bottom: 0;
}
.quick-access-hub-wrapper .quick-access-hub-items .content-box .desc {
  color: var(--font-color-basic);
  margin-bottom: 1.25rem;
  max-height: 4rem;
  overflow-y: auto;
}
.quick-access-hub-wrapper .quick-access-hub-items .content-box .anchor-link-wrapper {
  position: absolute;
  bottom: 1.25rem;
  margin-bottom: 0;
  border-top: 1px solid var(--dark-variant-5);
  padding-top: 0.75rem;
  right: 1.25rem;
  left: 1.25rem;
}
.quick-access-hub-wrapper .quick-access-hub-items .help-smart-feature-wrapper .help-smart-feature .content-box {
  padding-bottom: 0 !important;
}
.quick-access-hub-wrapper .quick-access-hub-items .help-smart-feature-wrapper .help-smart-feature .content-box .title-wrap {
  min-height: 3.75rem;
  align-items: start !important;
}
.quick-access-hub-wrapper .quick-access-hub-items .help-smart-feature-wrapper .help-smart-feature .content-box .content-wrapper {
  height: 325px;
}
.quick-access-hub-wrapper .quick-access-hub-items .help-smart-feature-wrapper .help-smart-feature .content-box .anchor-link-wrapper {
  position: unset;
  border: 0;
  padding: 0;
}

.pdf-link-document-viewer-item {
  background-color: var(--secondary-variant-2);
  border: 1px solid var(--secondary-200);
  border-radius: 0.25rem;
  padding: 1rem 1.5rem;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  position: relative;
}
.pdf-link-document-viewer-item.new-tag-true .item-link {
  max-width: calc(100% - 9.5rem);
  display: block;
  overflow: hidden;
}
.pdf-link-document-viewer-item.new-tag-true .new-badge {
  position: absolute;
  left: 1rem;
  flex-shrink: 0;
  line-height: 1;
}
.pdf-link-document-viewer-item .item-link {
  font-size: var(--button-font-size);
  font-weight: 500;
  color: var(--primary);
  text-decoration: none;
  display: flex;
  align-items: center;
}
.pdf-link-document-viewer-item svg {
  flex-shrink: 0;
  width: 1.5rem;
  color: var(--primary);
}
.pdf-link-document-viewer-item .link-type-fragment::after {
  content: "";
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: 0.375rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_2690_70355)'%3E%3Cpath d='M15.8333 15.8333H4.16667V4.16667H10V2.5H4.16667C3.24167 2.5 2.5 3.25 2.5 4.16667V15.8333C2.5 16.75 3.24167 17.5 4.16667 17.5H15.8333C16.75 17.5 17.5 16.75 17.5 15.8333V10H15.8333V15.8333ZM11.6667 2.5V4.16667H14.6583L6.46667 12.3583L7.64167 13.5333L15.8333 5.34167V8.33333H17.5V2.5H11.6667Z' fill='%232A3A8D'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2690_70355'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.pdf-link-document-viewer-item .pdf-type-fragment-left::before {
  content: "";
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  margin-left: 0.375rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_14616_471225)'%3E%3Cpath d='M14 2H6C4.9 2 4.01 2.9 4.01 4L4 20C4 21.1 4.89 22 5.99 22H18C19.1 22 20 21.1 20 20V8L14 2ZM6 20V4H13V9H18V20H6Z' fill='%23616265'/%3E%3Crect x='1' y='11' width='15.1667' height='7' rx='0.5' fill='%23B3261D'/%3E%3Cpath d='M11.0234 16.7598V12.5146H13.8342V13.2547H11.921V14.2662H13.6477V15.0062H11.921V16.7598H11.0234Z' fill='white'/%3E%3Cpath d='M8.28028 16.7598H6.77539V12.5146H8.29272C8.71972 12.5146 9.08731 12.5996 9.39547 12.7696C9.70363 12.9382 9.94063 13.1807 10.1065 13.4972C10.2737 13.8136 10.3573 14.1923 10.3573 14.6331C10.3573 15.0753 10.2737 15.4553 10.1065 15.7732C9.94063 16.091 9.70225 16.3349 9.39132 16.5049C9.08178 16.6749 8.71143 16.7598 8.28028 16.7598ZM7.67293 15.9908H8.24297C8.50829 15.9908 8.73147 15.9438 8.9125 15.8499C9.09491 15.7545 9.23171 15.6073 9.32292 15.4083C9.41551 15.208 9.4618 14.9496 9.4618 14.6331C9.4618 14.3194 9.41551 14.0631 9.32292 13.8641C9.23171 13.6651 9.0956 13.5186 8.91457 13.4246C8.73354 13.3307 8.51036 13.2837 8.24504 13.2837H7.67293V15.9908Z' fill='white'/%3E%3Cpath d='M2.99609 16.7598V12.5146H4.67095C4.99294 12.5146 5.26724 12.5761 5.49388 12.6991C5.72051 12.8207 5.89324 12.99 6.01209 13.207C6.13231 13.4226 6.19243 13.6713 6.19243 13.9532C6.19243 14.2351 6.13162 14.4839 6.01001 14.6994C5.88841 14.915 5.71222 15.0829 5.48144 15.2031C5.25204 15.3234 4.97428 15.3835 4.64815 15.3835H3.58064V14.6642H4.50305C4.67579 14.6642 4.81813 14.6345 4.93006 14.5751C5.04338 14.5143 5.12767 14.4307 5.18295 14.3242C5.23961 14.2165 5.26793 14.0928 5.26793 13.9532C5.26793 13.8123 5.23961 13.6893 5.18295 13.5842C5.12767 13.4778 5.04338 13.3956 4.93006 13.3376C4.81675 13.2781 4.67303 13.2484 4.49891 13.2484H3.89364V16.7598H2.99609Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_14616_471225'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.pdf-link-document-viewer-item .pdf-type-fragment::after {
  content: "";
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  margin-left: 0.375rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_14616_471225)'%3E%3Cpath d='M14 2H6C4.9 2 4.01 2.9 4.01 4L4 20C4 21.1 4.89 22 5.99 22H18C19.1 22 20 21.1 20 20V8L14 2ZM6 20V4H13V9H18V20H6Z' fill='%23616265'/%3E%3Crect x='1' y='11' width='15.1667' height='7' rx='0.5' fill='%23B3261D'/%3E%3Cpath d='M11.0234 16.7598V12.5146H13.8342V13.2547H11.921V14.2662H13.6477V15.0062H11.921V16.7598H11.0234Z' fill='white'/%3E%3Cpath d='M8.28028 16.7598H6.77539V12.5146H8.29272C8.71972 12.5146 9.08731 12.5996 9.39547 12.7696C9.70363 12.9382 9.94063 13.1807 10.1065 13.4972C10.2737 13.8136 10.3573 14.1923 10.3573 14.6331C10.3573 15.0753 10.2737 15.4553 10.1065 15.7732C9.94063 16.091 9.70225 16.3349 9.39132 16.5049C9.08178 16.6749 8.71143 16.7598 8.28028 16.7598ZM7.67293 15.9908H8.24297C8.50829 15.9908 8.73147 15.9438 8.9125 15.8499C9.09491 15.7545 9.23171 15.6073 9.32292 15.4083C9.41551 15.208 9.4618 14.9496 9.4618 14.6331C9.4618 14.3194 9.41551 14.0631 9.32292 13.8641C9.23171 13.6651 9.0956 13.5186 8.91457 13.4246C8.73354 13.3307 8.51036 13.2837 8.24504 13.2837H7.67293V15.9908Z' fill='white'/%3E%3Cpath d='M2.99609 16.7598V12.5146H4.67095C4.99294 12.5146 5.26724 12.5761 5.49388 12.6991C5.72051 12.8207 5.89324 12.99 6.01209 13.207C6.13231 13.4226 6.19243 13.6713 6.19243 13.9532C6.19243 14.2351 6.13162 14.4839 6.01001 14.6994C5.88841 14.915 5.71222 15.0829 5.48144 15.2031C5.25204 15.3234 4.97428 15.3835 4.64815 15.3835H3.58064V14.6642H4.50305C4.67579 14.6642 4.81813 14.6345 4.93006 14.5751C5.04338 14.5143 5.12767 14.4307 5.18295 14.3242C5.23961 14.2165 5.26793 14.0928 5.26793 13.9532C5.26793 13.8123 5.23961 13.6893 5.18295 13.5842C5.12767 13.4778 5.04338 13.3956 4.93006 13.3376C4.81675 13.2781 4.67303 13.2484 4.49891 13.2484H3.89364V16.7598H2.99609Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_14616_471225'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.miscellaneous-card {
  background-color: var(--secondary-variant-2);
  border-radius: 0.25rem;
  border: 1px solid var(--secondary-200);
  padding: 1.5rem;
}
.miscellaneous-card.audio, .miscellaneous-card.downloads {
  padding: 1rem 1.5rem;
}
.miscellaneous-card.audio .action-link-wrap, .miscellaneous-card.downloads .action-link-wrap {
  justify-content: end;
}
.miscellaneous-card.video {
  padding: 1rem 0.75rem;
}
.miscellaneous-card.video .miscellaneous-video-wrap {
  margin-bottom: 1rem;
  position: relative;
}
.miscellaneous-card.video .miscellaneous-video-wrap .video-thumbnail {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.miscellaneous-card.video .miscellaneous-video-wrap video:focus-visible {
  outline-color: var(--secondary);
  outline-offset: 0.25rem;
}
.miscellaneous-card.video .title {
  font-size: var(--sub-heading-1-font-size);
  font-weight: 500;
  margin: 0;
}
.miscellaneous-card .title {
  margin-bottom: 0.5rem;
}
.miscellaneous-card .description {
  color: var(--dark-variant-1);
  margin-bottom: 0;
  font-size: var(--body-font-3-size);
  font-weight: 400;
}
.miscellaneous-card .description.line-clamp-3 {
  min-height: 3.5rem;
}
.miscellaneous-card .title:focus-visible,
.miscellaneous-card .description:focus-visible {
  padding: 0.25rem;
  outline-color: var(--primary-variant-9);
}
.miscellaneous-card .action-link-wrap {
  border-top: 1px solid var(--secondary-bg-30);
  padding-top: 1rem;
  margin-top: 0.5rem;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.miscellaneous-card .action-link-wrap.download-btn-wrap {
  justify-content: end;
}
.miscellaneous-card .action-link-wrap.download-btn-wrap .action-link {
  background-color: var(--primary-variant-6);
  border: 1px solid var(--primary);
  border-radius: 0.25rem;
  padding: 0.25rem 0.75rem;
}
.miscellaneous-card .action-link-wrap .audio-duration {
  border-right: 1px solid var(--primary-stroke-30);
  padding-right: 1rem;
  margin-right: 1rem;
  display: flex;
  align-items: center;
  height: 1.25rem;
  font-size: var(--body-font-3-size);
  font-weight: 400;
}
.miscellaneous-card .action-link-wrap .action-link {
  padding: 0.25rem 0;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: var(--button-font-size);
  font-weight: 500;
  color: var(--primary);
  text-decoration: none;
  height: 1.75rem;
}

.etds-tax-info-and-services-step-3 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1.25rem;
  align-items: center;
}
.etds-tax-info-and-services-step-3 .etds-external-link-card {
  width: 100%;
  padding: 0.75rem;
  border-color: #c1daf3;
}
.etds-tax-info-and-services-step-3 .etds-external-link-card span {
  color: var(--secondary);
}
.etds-tax-info-and-services-step-3 .etds-external-link-card svg {
  color: var(--secondary);
}
.etds-tax-info-and-services-step-3 svg {
  color: #27904d;
}

.etds-tax-info-and-services-detail p {
  font-size: var(--sub-heading-1-font-size);
  font-weight: 400;
  color: var(--neutral-800) !important;
}
.etds-tax-info-and-services-detail h4 {
  margin-bottom: 0.375rem;
}

@media (max-width: 991.98px) {
  .help-smart-feature-wrapper .help-column,
  .help-smart-feature-wrapper .smart-column {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .help-smart-feature-wrapper .help-column {
    margin-bottom: 1.75rem;
  }
}
@media (max-width: 767.98px) {
  .tis-getting-started-box .accordion-box .accordion-content .row .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .tis-getting-started-box .accordion-box .accordion-content .row .col:last-child .key-feature-col {
    padding-bottom: 0;
  }
  .tis-getting-started-box .accordion-box .accordion-content .row .col .key-feature-col {
    padding: 0.75rem 0;
    border-right: 0;
    border-bottom: 1px solid var(--dark-variant-5);
  }
  .tis-getting-started-box .accordion-box .accordion-content .row .col .key-feature-col h5 {
    font-size: var(--sub-heading-2-font-size);
    font-weight: 700;
  }
  .help-smart-feature-wrapper .title-wrap {
    min-height: unset !important;
  }
  .help-smart-feature-wrapper .content-wrapper {
    height: unset !important;
  }
  .help-smart-feature-wrapper .smart-column .row .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .help-smart-feature-wrapper .smart-column .row .col:not(:last-child) {
    margin-bottom: 1.25rem;
  }
  .quick-access-hub-wrapper .quick-access-hub-items {
    grid-template-columns: 1fr;
    grid-gap: 1rem;
  }
  .quick-access-hub-wrapper .quick-access-hub-items.row-items-1, .quick-access-hub-wrapper .quick-access-hub-items.row-items-2, .quick-access-hub-wrapper .quick-access-hub-items.row-items-3, .quick-access-hub-wrapper .quick-access-hub-items.row-items-4 {
    grid-template-columns: 1fr;
  }
  .content-wrapper-border .row .col-md-4:not(:last-child) .miscellaneous-card {
    margin-bottom: 1rem;
  }
}
.etds-sidebar-main-content a {
  text-decoration: underline;
}

@media screen and (max-width: 767px) {
  .miscellaneous-card .action-link-wrap {
    justify-content: flex-start !important;
  }
  .pdf-link-document-viewer-item {
    justify-content: flex-start !important;
  }
}
.card-with-title-bar {
  border: 1px solid var(--primary-variant-8);
  border-radius: 0.25rem;
  margin-bottom: 1.5rem;
  background-color: var(--primary-variant-6);
}
.card-with-title-bar .card-with-title-bar-head {
  font-size: var(--sub-heading-1-font-size);
  font-weight: 700;
  padding: 0.75rem 1rem;
  color: var(--primary);
  background-color: var(--primary-variant-4);
  border-radius: 0.1875rem 0.1875rem 0.25rem 0.25rem;
}
.card-with-title-bar .card-with-title-bar-body {
  padding: 1rem 1.25rem;
  width: 100%;
}
.card-with-title-bar .card-with-title-bar-body > div {
  width: 100%;
}
.card-with-title-bar .card-with-title-bar-body > div .portlet-body {
  display: flex;
  gap: 1.25rem;
  flex-wrap: wrap;
  flex-direction: row;
}
.card-with-title-bar .card-with-title-bar-body .card-with-title-bar-link {
  width: calc(33.3333% - 14px);
}
.card-with-title-bar .card-with-title-bar-body .card-with-title-bar-link a {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 700;
  color: var(--secondary);
  text-decoration: underline;
  max-width: 15rem;
  display: flex;
  gap: 0.25rem;
}
.card-with-title-bar .card-with-title-bar-body .card-with-title-bar-link a svg {
  min-width: 1.25rem;
}

@media (max-width: 767.98px) {
  .card-with-title-bar .card-with-title-bar-body .card-with-title-bar-link {
    width: 100%;
  }
  .card-with-title-bar .card-with-title-bar-body .card-with-title-bar-link a {
    max-width: inherit;
  }
}
.tax-gyan-bg-container .portlet-body {
  background: radial-gradient(50% 53.81% at 50% 37.13%, rgba(96, 160, 224, 0.45) 0%, rgba(5, 81, 157, 0.75) 100%) !important;
}

.tax-gyan-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  /* Main Form Area */
  /* choose level */
}
.tax-gyan-wrapper .custom-error-msg {
  font-weight: 500;
  font-size: var(--body-font-3-size);
  color: var(--error);
}
.tax-gyan-wrapper span.required-icon {
  color: var(--error);
  margin-left: 2px;
}
.tax-gyan-wrapper .top-bar {
  background-color: var(--secondary);
  color: var(--primary-variant-6);
}
.tax-gyan-wrapper .top-bar-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tax-gyan-wrapper .left-title {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
}
.tax-gyan-wrapper .right-user {
  font-weight: 500;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.tax-gyan-wrapper .main-section {
  flex: 1;
  display: flex;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 1rem;
  padding-right: 1rem;
  flex-direction: column;
}
.tax-gyan-wrapper .main-section .control-label {
  font-weight: 400;
}
.tax-gyan-wrapper .form-box {
  padding: 20px 24px;
  width: 100%;
  max-width: 408px;
  background: var(--secondary-variant-3);
  border-radius: 8px;
}
.tax-gyan-wrapper .info-banner {
  color: var(--secondary);
  padding: 10px;
  border: 1px solid #b6d4fe;
  border-radius: 5px;
  margin-bottom: 1.5rem;
  font-size: 14px;
  font-weight: 500;
}
.tax-gyan-wrapper .info-banner svg {
  margin-right: 4px;
}
.tax-gyan-wrapper .info-banner strong {
  font-weight: 700;
  font-size: 14px;
}
.tax-gyan-wrapper .welcome-text {
  font-weight: 700;
  font-size: 20px;
  color: var(--primary);
  line-height: 30px;
}
.tax-gyan-wrapper .form-section {
  display: flex;
  flex-direction: column;
}
.tax-gyan-wrapper .email-error {
  color: var(--neutral-800);
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
}
.tax-gyan-wrapper label {
  font-weight: bold;
  margin: 1rem 0 0.3rem;
}
.tax-gyan-wrapper input[type=text],
.tax-gyan-wrapper input[type=email] {
  padding: 0.6rem;
  font-size: 0.9rem;
}
.tax-gyan-wrapper .choose-level-wrapper {
  width: 624px;
  margin: auto;
  background: var(--primary-variant-6);
  border-radius: 12px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}
.tax-gyan-wrapper .choose-level-wrapper .title {
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  color: var(--primary);
}
.tax-gyan-wrapper .choose-level-wrapper .subtitle {
  margin-bottom: 20px;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
}
.tax-gyan-wrapper .choose-level-wrapper .levels {
  display: flex;
  gap: 8px;
  justify-content: space-between;
}
.tax-gyan-wrapper .choose-level-wrapper .levels .label-tag,
.tax-gyan-wrapper .choose-level-wrapper .levels .desc {
  color: var(--font-color-basic);
}
.tax-gyan-wrapper .choose-level-wrapper .level {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 4px;
}
.tax-gyan-wrapper .choose-level-wrapper .level:hover {
  background-color: #f2f6fc;
  cursor: pointer;
}
.tax-gyan-wrapper .choose-level-wrapper .number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 84px;
  min-width: 84px;
  height: 51px;
  border-radius: 42px;
  font-weight: 500;
  font-size: 24px;
}
.tax-gyan-wrapper .choose-level-wrapper .label {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 2px;
}
.tax-gyan-wrapper .choose-level-wrapper .desc {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #212121;
}
.tax-gyan-wrapper .choose-level-wrapper .level.selected .number {
  background-color: var(--secondary);
  color: var(--primary-variant-6);
  box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.12);
}
.tax-gyan-wrapper .choose-level-wrapper .buttons {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
.tax-gyan-wrapper .choose-level-wrapper .top-section {
  padding: 20px 24px;
  background: var(--secondary-variant-3);
  border-radius: 12px 12px 0 0;
}
.tax-gyan-wrapper .choose-level-wrapper .bottom-section {
  padding: 12px 24px 16px;
  border-top: 1px solid var(--dark-variant-5);
  background: var(--background-4);
  border-radius: 0 0 12px 12px;
}
.tax-gyan-wrapper .choose-level-wrapper .label-tag {
  font-size: 16px;
  font-weight: 700;
  color: #212121;
}
.tax-gyan-wrapper .choose-level-wrapper .btn {
  line-height: 0;
}
.tax-gyan-wrapper .choose-level-wrapper hr {
  border-color: var(--secondary-variant-1);
}
.tax-gyan-wrapper .choose-level-wrapper .cancel {
  border-color: var(--primary);
  color: var(--primary);
}
.tax-gyan-wrapper .duties-content {
  background: var(--secondary-variant-1);
  padding: 12px 5px 12px 16px;
  border-radius: 6px;
}
.tax-gyan-wrapper .duties-content .scroll-container {
  max-height: 306px;
  overflow-y: auto;
}
.tax-gyan-wrapper .duties-content .scroll-container::-webkit-scrollbar {
  width: 0.25rem;
}
.tax-gyan-wrapper .duties-content .scroll-container::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 0.25rem;
  padding-right: 10px;
}
.tax-gyan-wrapper .duties-content .scroll-container::-webkit-scrollbar-track {
  background-color: transparent;
}
.tax-gyan-wrapper .duties-content .duty-box {
  margin-bottom: 15px;
  margin-right: 7px;
}
.tax-gyan-wrapper .duties-content .duty-title {
  font-weight: 700;
  font-size: 16px;
  color: var(--primary);
  line-height: 24px;
}
.tax-gyan-wrapper .duties-content .duty-box ul {
  padding-left: 20px;
  margin: 0;
}
.tax-gyan-wrapper .duties-content .duty-box li {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
}
.tax-gyan-wrapper .quiz-container {
  max-width: 1270px;
  width: 100%;
  background: var(--primary-variant-6);
  margin: 24px auto;
  border: 1px solid var(--dark-variant-5);
  border-radius: 12px;
}
.tax-gyan-wrapper .quiz-container .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px;
  background-color: var(--background-4);
  border-radius: 12px;
}
.tax-gyan-wrapper .quiz-container .timer {
  font-size: 20px;
  width: 40px;
  height: 40px;
  background: #007bff;
  color: var(--primary-variant-6);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}
.tax-gyan-wrapper .quiz-container .actions .btn {
  margin-left: 10px;
}
.tax-gyan-wrapper .quiz-container .question-section {
  padding: 16px 24px;
  background: var(--secondary-variant-3);
  border: 1px solid var(--dark-variant-5);
}
.tax-gyan-wrapper .quiz-container .first-section {
  display: flex;
  justify-content: space-between;
  margin-bottom: 26px;
}
.tax-gyan-wrapper .quiz-container .question-number {
  font-weight: 700;
  font-size: 16px;
  color: var(--primary);
}
.tax-gyan-wrapper .quiz-container .score {
  background: var(--primary-variant-4);
  border-radius: 8px;
  padding: 6px 12px;
  display: flex;
  justify-content: space-between;
  gap: 4px;
  align-items: center;
}
.tax-gyan-wrapper .quiz-container .score span {
  font-weight: 500;
  font-size: 12px;
}
.tax-gyan-wrapper .quiz-container .score .score-num {
  font-weight: 700;
  font-size: 16px;
  color: var(--primary);
}
.tax-gyan-wrapper .quiz-container .pause-btn {
  border: 1px solid var(--primary);
  background: var(--primary-variant-6);
  color: var(--primary);
  line-height: 18px;
}
.tax-gyan-wrapper .quiz-container .end-quiz-btn {
  color: var(--primary);
  line-height: 19px;
}
.tax-gyan-wrapper .quiz-container .question-text {
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 16px;
}
.tax-gyan-wrapper .quiz-container.options label {
  display: block;
  background: #f1f3f5;
  margin-bottom: 10px;
  padding: 10px;
  border-radius: 6px;
  cursor: pointer;
}
.tax-gyan-wrapper .quiz-container .options input[type=radio] {
  margin-right: 10px;
}
.tax-gyan-wrapper .quiz-container .footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 24px 16px 24px;
}
.tax-gyan-wrapper .timer-wrapper {
  position: relative;
  width: 60px;
  height: 60px;
  margin-right: 17%;
}
.tax-gyan-wrapper .timer-wrapper svg {
  transform: rotate(-90deg);
}
.tax-gyan-wrapper .time-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
  font-size: 18px;
  color: var(--neutral-1200);
}
.tax-gyan-wrapper .time-text span {
  color: var(--font-color-basic);
}
.tax-gyan-wrapper .lifelines {
  display: flex;
  align-items: center;
  gap: 16px;
}
.tax-gyan-wrapper .btn span {
  margin-left: 4px;
}
.tax-gyan-wrapper .question-container {
  height: 335px;
}
.tax-gyan-wrapper .question-section .answered-question-container {
  height: 219px;
  overflow-y: auto;
}
.tax-gyan-wrapper .options {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.tax-gyan-wrapper .option {
  flex: 1 1 calc(50% - 0.625rem);
  background-color: var(--secondary-variant-3);
  border: 1px solid var(--secondary-bg-30);
  border-radius: 0.25rem;
  padding: 0.75rem 1.5rem 0.75rem 1.25rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  cursor: pointer;
  transition: border-color 0.2s ease;
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
  position: relative;
}
.tax-gyan-wrapper .option input[type=radio] {
  accent-color: #007bff;
  transform: scale(1.1);
}
.tax-gyan-wrapper .option-wrong::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0C4.47 0 0 4.47 0 10C0 15.53 4.47 20 10 20C15.53 20 20 15.53 20 10C20 4.47 15.53 0 10 0ZM10 18C5.59 18 2 14.41 2 10C2 5.59 5.59 2 10 2C14.41 2 18 5.59 18 10C18 14.41 14.41 18 10 18ZM13.59 5L10 8.59L6.41 5L5 6.41L8.59 10L5 13.59L6.41 15L10 11.41L13.59 15L15 13.59L11.41 10L15 6.41L13.59 5Z' fill='%23B3261D'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  z-index: 1;
  background-color: #fbf4f4;
}
.tax-gyan-wrapper .option-wrong {
  background-color: #fbf4f4 !important;
  border: 1px solid #e8bebb !important;
}
.tax-gyan-wrapper .option-disabled {
  border: 1px solid #dfe0e2 !important;
}
.tax-gyan-wrapper .option-correct::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.6%2014.6L15.65%207.55L14.25%206.15L8.6%2011.8L5.75%208.95L4.35%2010.35L8.6%2014.6ZM10%2020C8.61667%2020%207.31667%2019.7375%206.1%2019.2125C4.88333%2018.6875%203.825%2017.975%202.925%2017.075C2.025%2016.175%201.3125%2015.1167%200.7875%2013.9C0.2625%2012.6833%200%2011.3833%200%2010C0%208.61667%200.2625%207.31667%200.7875%206.1C1.3125%204.88333%202.025%203.825%202.925%202.925C3.825%202.025%204.88333%201.3125%206.1%200.7875C7.31667%200.2625%208.61667%200%2010%200C11.3833%200%2012.6833%200.2625%2013.9%200.7875C15.1167%201.3125%2016.175%202.025%2017.075%202.925C17.975%203.825%2018.6875%204.88333%2019.2125%206.1C19.7375%207.31667%2020%208.61667%2020%2010C20%2011.3833%2019.7375%2012.6833%2019.2125%2013.9C18.6875%2015.1167%2017.975%2016.175%2017.075%2017.075C16.175%2017.975%2015.1167%2018.6875%2013.9%2019.2125C12.6833%2019.7375%2011.3833%2020%2010%2020ZM10%2018C12.2333%2018%2014.125%2017.225%2015.675%2015.675C17.225%2014.125%2018%2012.2333%2018%2010C18%207.76667%2017.225%205.875%2015.675%204.325C14.125%202.775%2012.2333%202%2010%202C7.76667%202%205.875%202.775%204.325%204.325C2.775%205.875%202%207.76667%202%2010C2%2012.2333%202.775%2014.125%204.325%2015.675C5.875%2017.225%207.76667%2018%2010%2018Z%22%20fill%3D%22%231A7844%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  z-index: 1;
  background-color: #f5fbf6;
}
.tax-gyan-wrapper .option-correct {
  background-color: #f5fbf6 !important;
  border: 1px solid #c2e5cb !important;
}
.tax-gyan-wrapper .option.option-disable {
  background: var(--primary-variant-6);
  border: 1px solid var(--dark-variant-5);
  border-radius: 4px;
  color: var(--dark-variant-3);
  cursor: no-drop;
}
.tax-gyan-wrapper .trivia-box {
  background-color: #e7f3fe;
  border-radius: 4px;
  padding: 8px 12px;
  font-family: Arial, sans-serif;
  font-size: 13px;
  color: var(--neutral-1000-2);
  display: flex;
  align-items: center;
}
.tax-gyan-wrapper .trivia-icon {
  font-size: 14px;
}
.tax-gyan-wrapper .trivia-label {
  font-weight: bold;
  color: var(--primary);
  margin-right: 4px;
}
.tax-gyan-wrapper .trivia-text {
  flex: 1;
}
.tax-gyan-wrapper .step-progress-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.tax-gyan-wrapper .step-circle {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #d3d6e0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 14px;
}
.tax-gyan-wrapper .step-circle.completed {
  background-color: #004a99;
  color: var(--primary-variant-6);
}
.tax-gyan-wrapper .step-circle.active {
  background: #007bff;
  color: var(--primary-variant-6);
  border-radius: 100%;
  box-shadow: inset 0px 0px 0px 3px white;
  border: 1px solid var(--secondary);
}
.tax-gyan-wrapper .step-line {
  width: 15px;
  height: 5px;
  border-radius: 2px;
}
.tax-gyan-wrapper .step-line.line-active {
  background-color: #004a99;
}
.tax-gyan-wrapper .step-line.line-inactive {
  background-color: #d3d6e0;
}
.tax-gyan-wrapper .etds-quiz-score {
  background-color: var(--primary-variant-6);
  border-radius: 12px;
  width: 100%;
  max-width: 840px;
}
.tax-gyan-wrapper .etds-quiz-answers {
  border: 1px solid var(--dark-variant-5);
  padding: 16px;
  border-radius: 12px;
}
.tax-gyan-wrapper .etds-quiz-score .h5.mobile {
  display: none;
}
.tax-gyan-wrapper .etds-quiz-answers .h5 {
  padding-bottom: 12px;
  border-bottom: 1px solid var(--dark-variant-5);
  margin-bottom: 24px;
}
.tax-gyan-wrapper .etds-quiz-answers .summary {
  border: 0.063rem solid var(--secondary-bg-30);
  padding: 1rem 1.094rem;
  margin-bottom: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--secondary-variant-3);
  border-radius: 0.5rem;
}
.tax-gyan-wrapper .etds-quiz-answers .summary p {
  color: var(--primary-variant-7);
}
.tax-gyan-wrapper .etds-quiz-answers .score-box {
  background: var(--primary-variant-6);
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 700;
  color: var(--primary-variant-7);
}
.tax-gyan-wrapper .etds-quiz-answers .score {
  color: var(--secondary);
  font-size: 16px;
  font-weight: 700;
}
.tax-gyan-wrapper .etds-quiz-answers .question-box {
  border: 0.063rem solid var(--secondary-bg-30);
  padding: 1rem;
  background-color: var(--secondary-variant-3);
  border-radius: 0.5rem;
}
.tax-gyan-wrapper .etds-quiz-section {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.tax-gyan-wrapper .etds-quiz-answers .question-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0.5rem;
  border-bottom: 0.063rem solid var(--secondary-variant-1);
  margin-bottom: 1.25rem;
}
.tax-gyan-wrapper .etds-quiz-answers .question-header h3 {
  font-size: 16px;
  font-weight: 700;
}
.tax-gyan-wrapper .question-score {
  border-radius: 8px;
  padding: 6px 12px;
}
.tax-gyan-wrapper .etds-quiz-answers .question-score {
  padding: 5px 10px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 500;
}
.tax-gyan-wrapper .etds-quiz-answers .question-score strong {
  font-size: 16px;
  font-weight: 700;
}
.tax-gyan-wrapper .etds-quiz-answers .question-text {
  font-size: 16px;
  font-weight: 700;
}
.tax-gyan-wrapper .etds-quiz-answers .answer {
  margin-top: 16px !important;
  font-size: 14px;
  font-weight: 500;
}
.tax-gyan-wrapper .etds-quiz-answers .explanation {
  color: var(--primary-variant-7);
  font-size: 12px;
  font-weight: 500;
}
.tax-gyan-wrapper .etds-quiz-answers .question-box-section.correct .question-score {
  background-color: #e3f5e1;
  color: #1a7b1f;
  border: 1px solid #c2e5cb;
}
.tax-gyan-wrapper .etds-quiz-answers .question-box-section.correct .answer {
  color: #1a7844;
}
.tax-gyan-wrapper .etds-quiz-answers .question-box-section.wrong .question-score {
  background-color: #f4dedd;
  color: var(--error);
  border: 1px solid #e8bebb;
}
.tax-gyan-wrapper .etds-quiz-answers .question-box-section.wrong .answer {
  color: var(--error);
}
.tax-gyan-wrapper .etds-quiz-answers .question-box-section.not-attempted .question-score {
  background-color: var(--primary-variant-4);
  color: var(--primary-variant-7);
  border: 1px solid var(--primary-variant-4);
}
.tax-gyan-wrapper .etds-quiz-answers .question-box-section.not-attempted .answer {
  color: var(--font-color-basic);
}
.tax-gyan-wrapper .etds-quiz-answers .question-box-section .your-correct-answer {
  margin-top: 4px !important;
  color: var(--font-color-basic) !important;
}
.tax-gyan-wrapper .etds-quiz-score .button-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--secondary-variant-3);
  padding: 12px 24px 16px 24px;
  border-radius: 0 0 8px 8px;
}
.tax-gyan-wrapper .etds-quiz-score .button-container .btn-outline-primary {
  padding: 7.5px 30px;
}
.tax-gyan-wrapper .etds-quiz-score .button-container .btn-primary {
  padding: 7.5px 16px;
}
.tax-gyan-wrapper .quiz-layout-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
.tax-gyan-wrapper .quiz-content-box,
.tax-gyan-wrapper .quiz-success-content-box {
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
  background-color: var(--secondary-variant-3);
  max-width: 1270px;
  border-radius: 7px;
}
.tax-gyan-wrapper .quiz-content-box .quiz-header-section,
.tax-gyan-wrapper .quiz-success-content-box .quiz-header-section {
  border-bottom: 1px solid var(--dark-variant-5);
}
.tax-gyan-wrapper .quiz-content-box .quiz-header-section .quiz-title-heading,
.tax-gyan-wrapper .quiz-success-content-box .quiz-header-section .quiz-title-heading {
  font-size: var(--h4-font-size);
  font-weight: 700;
  color: var(--primary);
}
.tax-gyan-wrapper .quiz-content-box .quiz-header-section .success-btn,
.tax-gyan-wrapper .quiz-success-content-box .quiz-header-section .success-btn {
  font-size: var(--sub-heading-3-font-size);
  font-weight: 400;
  color: #1a7844;
  display: flex;
  align-items: center;
  gap: 6px;
  background: #f5fbf6;
  border-radius: 20px;
  border: 1px solid #c2e5cb;
}
.tax-gyan-wrapper .quiz-content-box .quiz-header-section .in-progress-btn,
.tax-gyan-wrapper .quiz-success-content-box .quiz-header-section .in-progress-btn {
  font-size: var(--body-font-3-size);
  font-weight: 400;
  color: #945301;
  background-color: #fffbf2;
  border-radius: 1.25rem;
  border: 1px solid #ffd565;
  cursor: pointer;
}
.tax-gyan-wrapper .quiz-content-box .quiz-header-section :focus,
.tax-gyan-wrapper .quiz-success-content-box .quiz-header-section :focus {
  outline: none;
  box-shadow: none;
}
.tax-gyan-wrapper .quiz-content-box .quiz-body-section,
.tax-gyan-wrapper .quiz-success-content-box .quiz-body-section {
  gap: 1.5rem;
}
.tax-gyan-wrapper .quiz-content-box .quiz-score-section .quiz-description-text,
.tax-gyan-wrapper .quiz-success-content-box .quiz-score-section .quiz-description-text {
  font-size: var(--body-font-2-size);
  font-weight: 400;
  color: var(--primary-variant-7);
  margin-top: 3.43rem;
}
.tax-gyan-wrapper .quiz-content-box .quiz-score-section .quiz-score-box,
.tax-gyan-wrapper .quiz-success-content-box .quiz-score-section .quiz-score-box {
  border: 1px solid var(--secondary-bg-30);
  border-radius: 4px;
}
.tax-gyan-wrapper .quiz-content-box .quiz-score-section .quiz-score-box .quiz-score-title,
.tax-gyan-wrapper .quiz-success-content-box .quiz-score-section .quiz-score-box .quiz-score-title {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
  color: var(--primary-variant-7);
}
.tax-gyan-wrapper .quiz-content-box .quiz-score-section .quiz-score-box .quiz-score-highlight,
.tax-gyan-wrapper .quiz-success-content-box .quiz-score-section .quiz-score-box .quiz-score-highlight {
  background-color: var(--secondary-variant-1);
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.tax-gyan-wrapper .quiz-content-box .quiz-score-section .quiz-score-box .quiz-score-highlight .total-points,
.tax-gyan-wrapper .quiz-success-content-box .quiz-score-section .quiz-score-box .quiz-score-highlight .total-points {
  font-size: var(--sub-heading-1-font-size);
  font-weight: 500;
  color: var(--primary);
  display: flex;
  gap: 5px;
  justify-content: center;
}
.tax-gyan-wrapper .quiz-content-box .quiz-score-section .quiz-score-box .quiz-score-highlight strong,
.tax-gyan-wrapper .quiz-success-content-box .quiz-score-section .quiz-score-box .quiz-score-highlight strong {
  font-size: var(--h3-font-size);
  font-weight: 700;
}
.tax-gyan-wrapper .quiz-content-box .quiz-score-section .score-percentage,
.tax-gyan-wrapper .quiz-success-content-box .quiz-score-section .score-percentage {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  margin-bottom: 0.75rem;
  margin-top: 1rem;
}
.tax-gyan-wrapper .quiz-content-box .quiz-score-section .score-percentage span,
.tax-gyan-wrapper .quiz-success-content-box .quiz-score-section .score-percentage span {
  font-size: var(--sub-heading-1-font-size);
  font-weight: 700;
}
.tax-gyan-wrapper .quiz-content-box .quiz-score-section .quiz-status-row,
.tax-gyan-wrapper .quiz-success-content-box .quiz-score-section .quiz-status-row {
  display: flex;
  gap: 1rem;
}
.tax-gyan-wrapper .quiz-content-box .quiz-score-section .quiz-status-row .quiz-status-card,
.tax-gyan-wrapper .quiz-success-content-box .quiz-score-section .quiz-status-row .quiz-status-card {
  border: 1px solid var(--secondary-bg-30);
  display: flex;
  border-radius: 4px;
}
.tax-gyan-wrapper .quiz-content-box .quiz-score-section .quiz-status-row .quiz-status-card .quiz-status-icon-box,
.tax-gyan-wrapper .quiz-success-content-box .quiz-score-section .quiz-status-row .quiz-status-card .quiz-status-icon-box {
  display: flex;
  background-color: var(--primary-variant-6);
  align-items: center;
  padding-left: 0.5rem;
  max-width: 121px;
}
.tax-gyan-wrapper .quiz-content-box .quiz-score-section .quiz-status-row .quiz-status-card .quiz-status-label,
.tax-gyan-wrapper .quiz-success-content-box .quiz-score-section .quiz-status-row .quiz-status-card .quiz-status-label {
  font-size: var(--body-font-2-size);
  font-weight: 400;
  background-color: var(--primary-variant-6);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.75rem;
}
.tax-gyan-wrapper .quiz-content-box .quiz-score-section .quiz-status-row .quiz-status-card .quiz-status-count,
.tax-gyan-wrapper .quiz-success-content-box .quiz-score-section .quiz-status-row .quiz-status-card .quiz-status-count {
  font-size: var(--h5-font-size);
  font-weight: 700;
  background-color: var(--primary-variant-4);
  width: 64px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tax-gyan-wrapper .quiz-content-box .quiz-score-section .quiz-status-row .quiz-status-card .quiz-correct-answer,
.tax-gyan-wrapper .quiz-success-content-box .quiz-score-section .quiz-status-row .quiz-status-card .quiz-correct-answer {
  background-color: #dcfad8;
  color: #1a7844;
}
.tax-gyan-wrapper .quiz-content-box .quiz-score-section .quiz-status-row .quiz-status-card .quiz-wrong-answer,
.tax-gyan-wrapper .quiz-success-content-box .quiz-score-section .quiz-status-row .quiz-status-card .quiz-wrong-answer {
  background-color: #fbe1d2;
  color: var(--error);
}
.tax-gyan-wrapper .quiz-content-box .quiz-score-section .quiz-status-row .quiz-status-card .quiz-question-count,
.tax-gyan-wrapper .quiz-success-content-box .quiz-score-section .quiz-status-row .quiz-status-card .quiz-question-count {
  max-width: 121px;
}
.tax-gyan-wrapper .quiz-content-box .quiz-duties-box,
.tax-gyan-wrapper .quiz-success-content-box .quiz-duties-box {
  background-color: var(--secondary-variant-1);
  max-height: 314px;
  overflow-y: auto;
  border-radius: 5px;
}
.tax-gyan-wrapper .quiz-content-box .quiz-duties-box .quiz-duties-title,
.tax-gyan-wrapper .quiz-success-content-box .quiz-duties-box .quiz-duties-title {
  color: var(--primary);
  font-size: var(--h4-font-size);
  font-weight: 700;
}
.tax-gyan-wrapper .quiz-content-box .quiz-duties-box .quiz-duty-subtitle,
.tax-gyan-wrapper .quiz-success-content-box .quiz-duties-box .quiz-duty-subtitle {
  font-size: var(--sub-heading-1-font-size);
  font-weight: 700;
  color: var(--primary);
  display: flex;
  gap: 5px;
  align-items: center;
}
.tax-gyan-wrapper .quiz-content-box .quiz-duties-box ul li,
.tax-gyan-wrapper .quiz-success-content-box .quiz-duties-box ul li {
  font-size: var(--sub-heading-3-font-size);
  font-weight: 500;
  color: var(--primary-variant-7);
}
.tax-gyan-wrapper .quiz-content-box .quiz-divider-line,
.tax-gyan-wrapper .quiz-success-content-box .quiz-divider-line {
  border: 1px solid var(--dark-variant-5);
}
.tax-gyan-wrapper .quiz-content-box .quiz-footer-bar,
.tax-gyan-wrapper .quiz-success-content-box .quiz-footer-bar {
  display: flex;
  justify-content: space-between;
  margin-top: 1.25rem;
  padding-bottom: 1rem;
  align-items: center;
  border-top: 1px solid var(--dark-variant-5);
}
.tax-gyan-wrapper .quiz-content-box .quiz-footer-bar .start-btn,
.tax-gyan-wrapper .quiz-success-content-box .quiz-footer-bar .start-btn {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
  border: 1px solid var(--primary);
  background-color: var(--primary-variant-6);
  border-radius: 4px;
  padding: 0.43rem;
  color: var(--primary);
}
.tax-gyan-wrapper .quiz-content-box .quiz-footer-bar .start-btn:focus-visible,
.tax-gyan-wrapper .quiz-success-content-box .quiz-footer-bar .start-btn:focus-visible {
  outline-offset: 0.125rem;
}
.tax-gyan-wrapper .quiz-content-box .quiz-footer-bar .complete-btn,
.tax-gyan-wrapper .quiz-success-content-box .quiz-footer-bar .complete-btn {
  background-color: var(--primary);
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
  color: var(--primary-variant-6);
  border-radius: 4px;
  padding: 0.43rem;
  border: 0;
}
.tax-gyan-wrapper .quiz-content-box .quiz-footer-bar .complete-btn:focus-visible,
.tax-gyan-wrapper .quiz-success-content-box .quiz-footer-bar .complete-btn:focus-visible {
  outline-offset: 0.125rem;
}
.tax-gyan-wrapper .quiz-content-box .quiz-footer-bar .end-quiz,
.tax-gyan-wrapper .quiz-success-content-box .quiz-footer-bar .end-quiz {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
  color: var(--primary);
  cursor: pointer;
}
.tax-gyan-wrapper .quiz-content-box .hidden,
.tax-gyan-wrapper .quiz-success-content-box .hidden {
  display: none !important;
}
@media (max-width: 1200px) {
  .tax-gyan-wrapper .quiz-layout-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
  }
  .tax-gyan-wrapper .quiz-content-box,
  .tax-gyan-wrapper .quiz-success-content-box {
    max-width: 691px;
  }
  .tax-gyan-wrapper .quiz-content-box .quiz-header-section,
  .tax-gyan-wrapper .quiz-success-content-box .quiz-header-section {
    display: flex;
    justify-content: space-between;
  }
  .tax-gyan-wrapper .quiz-content-box .quiz-header-section .quiz-duty-header,
  .tax-gyan-wrapper .quiz-success-content-box .quiz-header-section .quiz-duty-header {
    font-size: var(--sub-heading-2-font-size);
    font-weight: 500;
    color: var(--primary);
    gap: 0.43rem;
    cursor: pointer;
  }
  .tax-gyan-wrapper .quiz-content-box .quiz-header-section .quiz-header-container,
  .tax-gyan-wrapper .quiz-success-content-box .quiz-header-section .quiz-header-container {
    gap: 0.625rem;
  }
  .tax-gyan-wrapper .quiz-content-box .quiz-score-section .quiz-description-text,
  .tax-gyan-wrapper .quiz-success-content-box .quiz-score-section .quiz-description-text {
    margin-top: 1rem;
  }
  .tax-gyan-wrapper .quiz-content-box .quiz-score-section .score-percentage,
  .tax-gyan-wrapper .quiz-success-content-box .quiz-score-section .score-percentage {
    margin-bottom: 0;
  }
  .tax-gyan-wrapper .quiz-content-box .quiz-duties-box,
  .tax-gyan-wrapper .quiz-success-content-box .quiz-duties-box {
    max-height: 264px;
  }
  .tax-gyan-wrapper .quiz-content-box .quiz-footer-bar,
  .tax-gyan-wrapper .quiz-success-content-box .quiz-footer-bar {
    margin-top: 0.81rem;
  }
}
@media (max-width: 576px) {
  .tax-gyan-wrapper .quiz-content-box .quiz-header-section,
  .tax-gyan-wrapper .quiz-success-content-box .quiz-header-section {
    flex-direction: column;
  }
  .tax-gyan-wrapper .quiz-content-box .quiz-header-section .quiz-header-container,
  .tax-gyan-wrapper .quiz-success-content-box .quiz-header-section .quiz-header-container {
    display: flex;
    justify-content: space-between;
  }
  .tax-gyan-wrapper .quiz-content-box .quiz-header-section .quiz-duty-header,
  .tax-gyan-wrapper .quiz-success-content-box .quiz-header-section .quiz-duty-header {
    align-self: center;
    margin-bottom: 1rem;
  }
  .tax-gyan-wrapper .quiz-content-box .quiz-footer-bar,
  .tax-gyan-wrapper .quiz-success-content-box .quiz-footer-bar {
    border: none;
    flex-direction: column-reverse;
    gap: 0.625rem;
  }
  .tax-gyan-wrapper .quiz-content-box .quiz-footer-bar .start-btn,
  .tax-gyan-wrapper .quiz-success-content-box .quiz-footer-bar .start-btn {
    width: 100%;
  }
  .tax-gyan-wrapper .quiz-content-box .quiz-footer-bar .complete-btn,
  .tax-gyan-wrapper .quiz-success-content-box .quiz-footer-bar .complete-btn {
    width: 100%;
  }
  .tax-gyan-wrapper .quiz-content-box .quiz-score-section .quiz-status-row,
  .tax-gyan-wrapper .quiz-success-content-box .quiz-score-section .quiz-status-row {
    flex-direction: column;
  }
  .tax-gyan-wrapper .quiz-content-box .quiz-score-section .quiz-status-row .quiz-status-card,
  .tax-gyan-wrapper .quiz-success-content-box .quiz-score-section .quiz-status-row .quiz-status-card {
    justify-content: space-between;
    background-color: var(--primary-variant-6);
  }
  .tax-gyan-wrapper .quiz-content-box .quiz-score-section .quiz-status-row .quiz-status-card .quiz-question-count,
  .tax-gyan-wrapper .quiz-success-content-box .quiz-score-section .quiz-status-row .quiz-status-card .quiz-question-count {
    max-width: 400px;
  }
  .tax-gyan-wrapper .quiz-content-box .quiz-score-section .quiz-status-row .quiz-status-card .quiz-status-icon-box,
  .tax-gyan-wrapper .quiz-success-content-box .quiz-score-section .quiz-status-row .quiz-status-card .quiz-status-icon-box {
    max-width: 400px;
  }
  .tax-gyan-wrapper .quiz-content-box .quiz-score-section .quiz-status-row .quiz-status-card .quiz-status-count,
  .tax-gyan-wrapper .quiz-success-content-box .quiz-score-section .quiz-status-row .quiz-status-card .quiz-status-count {
    padding: 0.5rem;
  }
}
@media only screen and (max-width: 360px) {
  .tax-gyan-wrapper .etds-quiz-score .button-container {
    flex-direction: column-reverse;
    gap: 12px;
    padding: 12px 16px 16px 16px;
  }
  .tax-gyan-wrapper .etds-quiz-score .button-container button {
    width: 100%;
  }
  .tax-gyan-wrapper .etds-quiz-answers .summary {
    flex-direction: column;
    gap: 16px;
  }
  .tax-gyan-wrapper .etds-quiz-answers .summary p {
    text-align: center;
  }
  .tax-gyan-wrapper .etds-quiz-answers .score-box {
    width: 100%;
    text-align: center;
  }
  .tax-gyan-wrapper .etds-quiz-answers .h5 {
    display: none;
  }
  .tax-gyan-wrapper .etds-quiz-score .h5.mobile {
    display: block;
    padding: 12px 16px;
    border: 1px solid var(--dark-variant-5);
    background: var(--background-4);
    margin-bottom: 0;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
  }
}
@media only screen and (min-width: 361px) and (max-width: 767px) {
  .tax-gyan-wrapper .etds-quiz-score .button-container {
    flex-direction: row;
    gap: 12px;
    padding: 12px 16px 16px 16px;
  }
  .tax-gyan-wrapper .etds-quiz-score .button-container button {
    width: 100%;
  }
  .tax-gyan-wrapper .etds-quiz-answers .h5 {
    display: none;
  }
  .tax-gyan-wrapper .etds-quiz-score .h5.mobile {
    display: block;
    padding: 12px 16px;
    border: 1px solid var(--dark-variant-5);
    background: var(--background-4);
    margin-bottom: 0;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
  }
}

@media (max-width: 575.98px) {
  .tax-gyan-wrapper .quiz-container {
    height: auto;
  }
  .tax-gyan-wrapper .quiz-container .header {
    display: grid;
    grid-template-areas: "first first" "third fourth";
    grid-row-gap: 1rem;
  }
  .tax-gyan-wrapper .quiz-container .header .timer-wrapper {
    grid-area: third;
  }
  .tax-gyan-wrapper .quiz-container .header .step-progress-container {
    grid-area: fourth;
  }
  .tax-gyan-wrapper .quiz-container .header .actions {
    grid-area: first;
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .tax-gyan-wrapper .quiz-container .question-section .question-container {
    height: auto !important;
  }
  .tax-gyan-wrapper .quiz-container .question-section .question-container .options {
    gap: 0.75rem;
  }
  .tax-gyan-wrapper .quiz-container .question-section .question-container .options .option {
    flex: 100%;
  }
  .tax-gyan-wrapper .quiz-container .question-section .trivia-box {
    margin-top: 1.5rem;
  }
  .tax-gyan-wrapper .quiz-container .footer {
    flex-wrap: wrap;
    row-gap: 1rem;
  }
  .tax-gyan-wrapper .quiz-container .footer .lifelines {
    flex: 0 0 100%;
    display: grid;
    grid-template-areas: "first first" "second third";
    row-gap: 0.75rem;
  }
  .tax-gyan-wrapper .quiz-container .footer .lifelines span {
    font-size: var(--sub-heading-3-font-size);
    font-weight: 700;
    grid-area: first;
    text-align: center;
  }
  .tax-gyan-wrapper .quiz-container .footer button {
    flex: 0 0 100%;
  }
  .tax-gyan-wrapper .main-section {
    padding: 1.5rem 1rem;
  }
  .tax-gyan-wrapper .main-section .choose-level-wrapper {
    width: calc(100% - 2rem);
  }
  .tax-gyan-wrapper .main-section .choose-level-wrapper .top-section {
    padding: 1.25rem 1rem;
  }
  .tax-gyan-wrapper .main-section .choose-level-wrapper .top-section .levels {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1rem;
  }
  .tax-gyan-wrapper .main-section .choose-level-wrapper .bottom-section {
    padding: 0.75rem 1rem;
  }
  .tax-gyan-wrapper .main-section .choose-level-wrapper .bottom-section .buttons {
    gap: 0.75rem;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .tax-gyan-wrapper .main-section .quiz-layout-wrapper {
    height: auto;
    width: 100%;
  }
  .tax-gyan-wrapper .main-section .quiz-layout-wrapper .quiz-content-box,
  .tax-gyan-wrapper .main-section .quiz-layout-wrapper .quiz-success-content-box {
    width: 100%;
    margin: 0 !important;
  }
  .tax-gyan-wrapper .main-section .quiz-layout-wrapper .quiz-content-box .quiz-body-section,
  .tax-gyan-wrapper .main-section .quiz-layout-wrapper .quiz-success-content-box .quiz-body-section {
    display: block !important;
  }
  .tax-gyan-wrapper .main-section .etds-quiz-score .button-container {
    flex-direction: column-reverse;
  }
}
.etds-tax-gyan-exit-modal.modal-external .modal-content {
  min-width: 25.5rem;
}

@media (min-width: 575.98px) and (max-width: 767px) {
  .tax-gyan-wrapper .main-section .choose-level-wrapper {
    width: auto;
  }
  .tax-gyan-wrapper .quiz-content-box,
  .tax-gyan-wrapper .quiz-success-content-box {
    max-width: 598px;
  }
  .tax-gyan-wrapper .quiz-content-box .quiz-score-section .quiz-status-row,
  .tax-gyan-wrapper .quiz-success-content-box .quiz-score-section .quiz-status-row {
    gap: 8px;
  }
  .tax-gyan-wrapper .quiz-content-box .quiz-score-section .quiz-status-row .quiz-status-card .quiz-question-count,
  .tax-gyan-wrapper .quiz-success-content-box .quiz-score-section .quiz-status-row .quiz-status-card .quiz-question-count {
    max-width: 90px;
  }
}
@media (max-width: 575.98px) {
  .tax-gyan-wrapper .quiz-container .footer {
    padding: 16px;
  }
  .tax-gyan-wrapper .quiz-container .footer .lifelines span {
    font-size: 14px;
  }
  .tax-gyan-wrapper .quiz-container .footer button {
    padding: 8px;
  }
}
@media (max-width: 360px) {
  .tax-gyan-wrapper .quiz-container .lifelines button {
    grid-column: 1/-1;
  }
}
.custom-helper-text {
  font-size: var(--sub-heading-3-font-size);
  font-weight: 400;
  color: var(--neutral-800);
  margin-top: 0.5rem;
}

.content-wrapper-border:has(.tax-evasion-petitions-wrapper) {
  padding: 1rem;
}
.content-wrapper-border:has(.tax-evasion-petitions-wrapper) .custom-error {
  position: static;
}

.phone-input-group {
  flex-direction: row !important;
}
.phone-input-group .phone-country-code {
  max-width: 140px;
}

.and-or {
  font-size: var(--sub-heading-1-font-size);
  font-weight: 500;
  color: var(--dark-variant-2);
  margin-top: 2rem;
  margin-right: 1.5rem;
  white-space: nowrap;
}

@media (max-width: 991.98px) {
  .tax-evasion-name-filed .form-group-item {
    max-width: 428px;
  }
  .phone-input-group,
  .email-input-group {
    display: none !important;
  }
  .mobile-and-email-group .phone-input-group,
  .mobile-and-email-group .email-input-group {
    display: flex !important;
  }
  .mobile-and-email-group .phone-input-group {
    margin-right: 1rem;
  }
  .mobile-and-email-group .and-or {
    font-size: var(--sub-heading-2-font-size);
    font-weight: 500;
    margin-right: 1rem;
    margin-top: 2.25rem;
  }
}
@media (max-width: 575.98px) {
  .form-group-autofit.tax-evasion-name-filed {
    margin-bottom: 0;
  }
  .mobile-and-email-group {
    background-color: var(--dark-variant-6);
    padding: 0.5rem;
    border-radius: 4px;
    margin-bottom: 1rem;
  }
  .mobile-and-email-group .phone-input-group {
    margin-bottom: 0 !important;
  }
  .mobile-and-email-group .phone-country-code {
    max-width: 83px;
    margin-right: 0.5rem;
  }
  .mobile-and-email-group .and-or {
    font-size: var(--sub-heading-2-font-size);
    font-weight: 400;
    color: var(--dark-variant-2);
    margin: 0;
    text-align: center;
    width: 100%;
    padding: 0.5rem;
    margin-bottom: 1rem;
  }
}
.captcha-box .captcha-view {
  display: flex;
  gap: 1rem;
  margin-bottom: 0.5rem;
}
.captcha-box .captcha-view .captcha-img {
  width: 100%;
  height: 52px;
  border-radius: 0.1875rem;
  border: 1px solid #e1e1e1;
  position: relative;
  overflow: hidden;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.captcha-box .captcha-view .captcha-img img {
  object-fit: contain;
  object-position: center center;
}
.captcha-box .captcha-view .audio-refresh-button {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 0.5rem;
}
.captcha-box .captcha-view .audio-refresh-button .btn {
  border: 1px solid var(--primary-300);
  border-radius: 0.1875rem;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--neutral-800);
  padding: 0;
}

.custom-checkbox-input {
  appearance: none;
  -webkit-appearance: none;
  background-color: var(--primary-variant-6);
  border: 2px solid var(--dark-variant-2);
  border-radius: 0.1875rem;
  display: inline-block;
  padding: 0.375rem;
  position: relative;
  cursor: pointer;
  width: 1.125rem;
  height: 1.125rem;
  margin-right: 1rem;
  vertical-align: middle;
}
.custom-checkbox-input:checked {
  background-color: var(--secondary);
  border-color: var(--secondary);
}
.custom-checkbox-input:checked::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0.25rem;
  width: 0.375rem;
  height: 0.6875rem;
  border: solid var(--primary-variant-6);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.captcha-box-width {
  padding-right: 5rem;
}

@media (max-width: 767px) {
  .captcha-box-width {
    flex-direction: column;
  }
}
.tax-evasion-terms-conditions {
  background-color: var(--secondary-variant-3);
  border: 1px solid var(--secondary-bg-30);
  border-radius: 0.25rem;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
}
.tax-evasion-terms-conditions .page-notification {
  margin-top: 8px;
}
.tax-evasion-terms-conditions .page-notification p {
  margin: 0;
}
.tax-evasion-terms-conditions .page-notification ul,
.tax-evasion-terms-conditions .page-notification ol {
  padding-left: 1.25rem;
  margin-bottom: 0;
}
.tax-evasion-terms-conditions .page-notification .page-notification-title svg {
  width: 1.25rem;
  height: 1.25rem;
}
.tax-evasion-terms-conditions .page-notification .read-less-conditions {
  font-size: var(--sub-heading-3-font-size);
  font-weight: 700;
  height: auto;
  margin-top: 0.5rem;
  padding: 0.125rem 0 0 0.125rem;
}
.tax-evasion-terms-conditions .page-notification .read-less-conditions:hover {
  color: var(--secondary);
}
.tax-evasion-terms-conditions .page-notification .read-less-conditions svg {
  margin-left: 0.5rem;
  margin-top: 0.125rem;
}
.tax-evasion-terms-conditions .form-check-label {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  display: flex;
  align-items: flex-start;
}
.tax-evasion-terms-conditions .form-check-label .custom-checkbox-input {
  margin-top: 1px;
}
.tax-evasion-terms-conditions .form-check-label .custom-checkbox-input:focus-visible {
  outline: 0.125rem solid var(--primary-variant-9);
  outline-offset: 0.125rem;
  box-shadow: none;
  border-radius: 0.063rem;
}
.tax-evasion-terms-conditions .view-terms-link {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  color: var(--secondary);
  text-decoration: underline;
  padding: 0.125rem 0 0 0.125rem;
  margin-left: 2.0625rem;
  margin-top: 0.5rem;
  height: auto;
  display: flex;
  gap: 0.25rem;
}
.tax-evasion-terms-conditions .view-terms-link svg {
  width: 1.25rem;
  height: 1.3125rem;
  margin-top: -0.25rem;
}

.tax-evasion-foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tax-evasion-foot .btn-secondary {
  line-height: normal;
  padding: 0.5rem 1rem;
}

.etds-blue-border-box, .etds-tax-survey-wrapper .survey-detail-view {
  background-color: var(--secondary-variant-3);
  border: 1px solid var(--secondary-bg-30);
  border-radius: 0.25rem;
  padding: 1rem;
}

.etds-blue-border-heading {
  font-size: var(--sub-heading-1-font-size);
  font-weight: 500;
  margin-bottom: 1rem;
}

.etds-blue-border-box-row {
  row-gap: 1.5rem;
}

.etds-blue-card {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--secondary-bg-30);
  padding: 1.25rem;
  background-color: var(--secondary-variant-3);
  border-radius: 0.25rem;
  height: 100%;
}
.etds-blue-card .etds-blue-card-description {
  color: var(--font-color-basic);
}
.etds-blue-card .etds-card-footer {
  border-top: 1px solid var(--dark-variant-5);
  padding-top: 0.75rem;
  margin-top: auto;
}
.etds-blue-card .etds-card-footer-link {
  color: var(--secondary);
  text-decoration: underline;
}
.etds-blue-card .etds-card-footer-link svg {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.25rem;
}

.otp-authentication .modal-body {
  padding: 1.5rem;
}
.otp-authentication .modal-body .text-danger.small svg {
  width: 1.25rem;
  height: 1.25rem;
}

.otp-authentication-description {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  margin-bottom: 1.5rem;
}

.common-modal-close-btn {
  font-size: 1.5rem;
  color: var(--neutral-800);
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
  line-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
  height: auto;
}

.otp-input-wrapper {
  margin-bottom: 1.5rem;
}
.otp-input-wrapper .otp-input-field {
  position: relative;
}
.otp-input-wrapper .otp-input-field .otp-toggle-btn {
  position: absolute;
  top: 0.5625rem;
  right: 0.5625rem;
  padding: 0;
  margin: 0;
  border: 0;
  width: 1.25rem;
  display: flex;
  height: 1.25rem;
  background: none;
}
.otp-input-wrapper .otp-input-field .otp-toggle-btn svg {
  width: 1.25rem;
  height: 1.25rem;
}
.otp-input-wrapper .custom-error {
  position: static;
  display: block;
}
.otp-input-wrapper .custom-error svg {
  height: 1.25rem;
  width: 1.125rem;
}

.otp-expire {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  color: var(--dark-variant-2);
  margin-bottom: 1.5rem;
}
.otp-expire span {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
  color: var(--primary);
}

.resend-otp-button {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  text-decoration: underline;
  height: auto;
  color: var(--secondary);
}
.resend-otp-button:disabled {
  color: var(--dark-variant-3);
  opacity: 1;
}

.otp-modal-footer .btn {
  line-height: normal !important;
}
.otp-modal-footer .btn-primary {
  color: var(--primary-variant-6) !important;
}
.otp-modal-footer .btn-primary:disabled {
  background-color: var(--dark-variant-6) !important;
  border-color: var(--dark-variant-6) !important;
  color: var(--dark-variant-3) !important;
  opacity: 1;
}
.otp-modal-footer .btn-secondary:hover {
  background: var(--primary-variant-6);
}

.custom-success {
  font-size: var(--sub-heading-3-font-size);
  font-weight: 400;
  color: #1a7844;
}

.newsLetterSubscribe .phone-input-group {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  width: 100%;
  padding: 0px !important;
  border: 0px !important;
  margin: 0px !important;
  width: 100%;
}
.newsLetterSubscribe .phone-input-group .form-group-item {
  width: 100%;
  margin-bottom: 0px !important;
}
.newsLetterSubscribe .phone-input-group .align-items-center {
  width: 100%;
  flex-direction: column;
  align-items: start !important;
}
.newsLetterSubscribe .phone-input-group .custom-error {
  position: unset;
}
.newsLetterSubscribe .phone-input-group .phone-country-code .css-1jqq78o-placeholder {
  color: var(--dark-variant-2);
}
.newsLetterSubscribe .phone-input-group .phone-country-code {
  margin-right: 0;
}
.newsLetterSubscribe .email-input-group {
  width: 100%;
}
.newsLetterSubscribe .search-wrapper {
  border: 1px solid var(--primary-variant-8);
  padding: 0px !important;
  border-radius: 0.25rem;
}
.newsLetterSubscribe .search-wrapper .search-box .tab-style {
  border: 0;
  margin: 0px !important;
}
.newsLetterSubscribe .tab-style h5 {
  color: var(--primary);
  margin: 0px;
  padding: 0.75rem 1rem;
}
.newsLetterSubscribe label {
  color: var(--primary-variant-7);
}
.newsLetterSubscribe .checkbox-label {
  color: var(--primary-variant-7);
  margin-bottom: 1.25rem;
  word-wrap: break-word;
  display: inline-block;
}
.newsLetterSubscribe .captcha-box {
  margin-bottom: 1.25rem !important;
}
.newsLetterSubscribe .captcha-box .error-wrapper .custom-error {
  position: unset;
}
.newsLetterSubscribe .captcha-box .captcha-img {
  width: 20.5rem;
}
.newsLetterSubscribe .captcha-box input {
  max-width: 23rem;
  margin-top: 0.5rem;
}
.newsLetterSubscribe .captcha-box input:focus-visible {
  display: block;
}
.newsLetterSubscribe .captcha-box label {
  gap: 0.25rem;
}
.newsLetterSubscribe .tax-evasion-terms-conditions {
  width: 100%;
  margin-bottom: 0px;
}
.newsLetterSubscribe .tax-evasion-terms-conditions .view-terms-link {
  margin-left: 2rem;
}
.newsLetterSubscribe .tax-evasion-terms-conditions .view-terms-link.active {
  color: #51169d;
}
.newsLetterSubscribe .form-group-item-autofit {
  width: 100%;
}
.newsLetterSubscribe .form-group-item-autofit .action-buttons {
  justify-content: space-between;
  display: flex;
  align-items: flex-end;
  gap: 1.25rem;
  justify-content: space-between;
  padding-top: 1rem;
  border-top: 1px solid var(--dark-variant-5);
  margin-top: 1.25rem;
  flex-direction: row-reverse;
}
.newsLetterSubscribe .homeButton {
  padding: 0.5rem 1rem;
  color: var(--primary);
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
}
.newsLetterSubscribe .proceedBtn {
  padding: 0.5rem 1rem;
  height: unset;
  line-height: unset;
}
.newsLetterSubscribe .newsletter-success .action-buttons {
  justify-content: flex-end;
}
.newsLetterSubscribe .newsletter-success .etds-card-body {
  border: 1px solid var(--dark-variant-5);
  margin: 1rem;
  border-radius: 0.25rem;
}
.newsLetterSubscribe .newsletter-success .etds-card-body .action-buttons {
  margin-top: 1.5rem;
}
.newsLetterSubscribe .newsletter-success .etds-alert-box.alert-success {
  display: flex;
}
.newsLetterSubscribe .newsletter-success .etds-alert-box.alert-success svg {
  flex-shrink: 0;
}
.newsLetterSubscribe .captcha-view {
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
.newsLetterSubscribe.unsubscribe .etds-alert-box {
  margin-bottom: 1.25rem !important;
}

.required-error {
  color: var(--error);
  font-size: var(--sub-heading-3-font-size);
  font-weight: 400;
}

@media (max-width: 767px) {
  .newsLetterSubscribe .form-group-autofit {
    flex-direction: column;
    gap: 1.5rem;
  }
}
@media (max-width: 360px) {
  .newsLetterSubscribe .form-group-autofit {
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1rem;
  }
  .newsLetterSubscribe .form-group-autofit .form-group-item {
    margin-bottom: 0;
  }
  .newsLetterSubscribe .etds-checkbox-selection-section {
    margin-bottom: 1rem;
  }
  .newsLetterSubscribe .captcha-box {
    margin-bottom: 1rem;
  }
  .newsLetterSubscribe .form-group-item-autofit .action-buttons {
    margin-top: 1rem;
    flex-direction: column;
  }
  .newsLetterSubscribe .action-buttons {
    gap: 1rem;
    align-items: center;
    justify-content: unset;
  }
  .newsLetterSubscribe .action-buttons button {
    width: 100%;
    text-align: center;
  }
  .newsLetterSubscribe.unsubscribe .etds-checkbox-selection-section {
    margin-bottom: 1.25rem;
  }
  .newsLetterSubscribe.unsubscribe .form-group-item-autofit .action-buttons {
    margin-top: 1rem;
  }
}
@media (max-width: 991px) {
  .newsLetterSubscribe .phone-input-group,
  .newsLetterSubscribe .email-input-group {
    display: flex !important;
  }
}
.border-zero-btn {
  display: flex;
  align-items: center;
  border: 0;
  gap: 0.25rem;
  padding: 0.5rem 1rem;
}

.popup-inner-box {
  font-size: var(--sub-heading-3-font-size);
  font-weight: 400;
  background-color: var(--primary-variant-5);
  color: var(--neutral-1200);
  padding: 1.5rem;
  border-radius: 0.25rem;
}
.popup-inner-box > p:last-child {
  margin-bottom: 0;
}

.card-print-btn-with-date-new-tag {
  border: 1px solid var(--secondary-bg-30);
  background-color: var(--secondary-variant-3);
  border-radius: 0.25rem;
  padding: 1rem;
  margin-bottom: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.card-print-btn-with-date-new-tag:last-child {
  margin-bottom: 0;
}
.card-print-btn-with-date-new-tag .card-title-with-arrow {
  font-size: var(--sub-heading-1-font-size);
  font-weight: 700;
  color: var(--secondary);
  margin-bottom: 0.25rem;
  cursor: pointer;
  border: 0;
  background: none;
  padding-left: 0;
  padding-right: 0;
  word-break: break-word;
}
.card-print-btn-with-date-new-tag .card-title-with-arrow svg {
  margin-left: 0.75rem;
  margin-top: -0.313rem;
  flex-shrink: 0;
}
.card-print-btn-with-date-new-tag .card-description {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
}
.card-print-btn-with-date-new-tag .card-right-side {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 21rem;
  align-self: stretch;
}
.card-print-btn-with-date-new-tag .card-right-side > :last-child {
  width: 9.304rem;
}
.card-print-btn-with-date-new-tag .card-right-side .date-in-card {
  font-size: var(--sub-heading-3-font-size);
  font-weight: 400;
  min-width: 7.75rem;
  text-align: center;
}
.card-print-btn-with-date-new-tag .card-left-side {
  flex: 4;
}

.common-pipe {
  width: 1px;
  background-color: var(--primary-stroke-30);
}
.common-pipe.small-pipe {
  height: 1.25rem;
  margin: 0 1rem;
}
.common-pipe.big-pipe {
  height: 3.0625rem;
  margin: 0 1.5rem;
}

.row-3-columns {
  display: grid;
  flex-wrap: wrap;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 1.5rem;
  row-gap: 1.25rem;
}
.row-3-columns > .form-group-item, .row-3-columns > .form-group-autofit {
  margin: 0 !important;
}

.react-select-wrapper .css-1dimb5e-singleValue .selected-hide {
  display: none;
}
.react-select-wrapper .etds-select__input-container.css-19bb58m:focus {
  margin-bottom: 0.188rem !important;
}

.operator-group-box .operator-group-autofit {
  flex-direction: row !important;
}
.operator-group-box .operator-group-autofit .form-group-item .control-label {
  display: none !important;
}
.operator-group-box .operator-group-autofit .select-operator {
  margin-right: 0.5rem !important;
  max-width: 4.5rem;
  position: static;
}
.operator-group-box .operator-group-autofit .select-operator .react-select-wrapper {
  position: static;
}

.utilities-card-wrapper {
  display: grid;
  flex-wrap: wrap;
  grid-template-columns: repeat(3, 1fr);
  padding: 3rem;
  border: 1px solid var(--dark-variant-5);
  border-radius: 0.25rem;
  gap: 3rem;
  margin-bottom: 1rem;
}

.utilities-card {
  display: flex;
  padding: 0.75rem;
  background-color: var(--secondary-variant-3);
  border: 1px solid var(--secondary-bg-30);
  border-radius: 0.25rem;
  flex-direction: column;
}
.utilities-card .utilities-card-body {
  margin-bottom: auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0.75rem;
}
.utilities-card .utilities-card-body h5 {
  font-weight: 500;
}
.utilities-card .utilities-card-body img {
  width: 4rem;
  height: 4rem;
}
.utilities-card .utilities-card-foot {
  border-top: 1px solid var(--dark-variant-5);
  padding-top: 0.75rem;
  margin-top: 0.75rem;
  display: flex;
  width: 100%;
}
.utilities-card .utilities-card-foot a {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  color: var(--secondary);
}
.utilities-card .utilities-card-foot a svg {
  min-width: 1.25rem;
  height: 1.25rem;
  margin-bottom: 0.188rem;
}

@media (max-width: 991.98px) {
  .utilities-card-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  .utilities-card-wrapper {
    padding: 2rem;
    gap: 2rem;
  }
}
@media (max-width: 767.98px) {
  .row-3-columns {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    row-gap: 1rem;
  }
  .row-3-columns .form-group-item .form-group-item {
    margin-bottom: 0;
  }
  .card-print-btn-with-date-new-tag .card-right-side .btn {
    background: transparent !important;
  }
}
@media (max-width: 575.98px) {
  .utilities-card-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
  .utilities-card-wrapper {
    padding: 1rem;
    gap: 1rem;
  }
  .row-3-columns {
    grid-template-columns: 1fr;
    row-gap: 1rem;
  }
}
.etds-utilities-output-content {
  border: 1px solid #e9eaeb;
  background: var(--primary-variant-5);
  color: var(--primary-variant-7);
  margin-top: 1rem;
  padding: 0.75rem 1rem;
}

.etds-title-with-redirection-link {
  justify-content: space-between;
}
.etds-title-with-redirection-link .etds-redirection-link {
  color: var(--secondary);
}
.etds-title-with-redirection-link .etds-redirection-link span {
  text-decoration: underline;
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
}
.etds-title-with-redirection-link .etds-redirection-link:focus-visible {
  outline-offset: -0.125rem;
  padding: 0.25rem 0.5rem;
}

.accordion-header-note-section .btn {
  background: none;
  justify-content: flex-end;
  text-decoration: underline;
  width: fit-content;
  margin-left: auto !important;
}
.accordion-header-note-section .btn span {
  color: var(--secondary) !important;
}

.accordian-section-utilities {
  background: none;
  margin: 0;
  border: 0;
}

.accordion-header-utilities-section .collapse .exemption-table {
  padding: 0;
  background: no-repeat;
}
.accordion-header-utilities-section .collapse .exemption-table .table-container {
  border: 1px solid var(--dark-variant-5);
}

.accordian-detail {
  display: flex;
  flex-wrap: wrap;
  gap: 4rem;
}

.information-tag {
  padding: 0.375rem;
  background: var(--secondary-variant-3);
  border-radius: 1.25rem;
  border: 1px solid var(--secondary-bg-30);
  font-size: var(--sub-heading-3-font-size);
  font-weight: 400;
  color: var(--secondary);
}

.accordion-header-utilities-section thead tr {
  background: var(--primary-variant-4) !important;
}
.accordion-header-utilities-section .table tbody tr:nth-child(odd) {
  background: var(--primary-variant-6) !important;
}
.accordion-header-utilities-section .table tbody tr.odd-row {
  background: var(--primary-variant-5);
}
.accordion-header-utilities-section .exemption-table .table-container .table-responsive .table tbody tr.gold-ornament-table-last-row td {
  font-weight: 700;
}

.etds-composite-agriculture .exemption-table .table-container {
  border: 1px solid #909296;
}
.etds-composite-agriculture .exemption-table .table-container thead tr {
  background-color: var(--primary-variant-4) !important;
}
.etds-composite-agriculture .exemption-table .table-container .table-responsive .table tbody tr:nth-child(odd) {
  background-color: var(--primary-variant-6);
}
.etds-composite-agriculture .exemption-table .table-container .table-responsive .table tbody tr:nth-child(even) {
  background-color: var(--primary-variant-5);
}

.etds-cost-inflation .etds-redirection-link svg {
  height: 1.125rem;
  width: 1.125rem;
}
.etds-cost-inflation .alert-danger {
  display: flex;
  flex-wrap: wrap;
}
.etds-cost-inflation .alert-danger svg {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.5rem;
  flex-shrink: 0;
}
.etds-cost-inflation .dateRangeGroup {
  max-width: 100%;
}
.etds-cost-inflation .dateRangeGroup .form-group-item {
  margin-right: 1.5rem;
}

.etds-dtaa-utilities-header {
  color: var(--primary);
  margin-bottom: 1.5rem;
}

@media (max-width: 575.98px) {
  .card-print-btn-with-date-new-tag {
    flex-direction: column;
    align-items: start;
  }
  .card-print-btn-with-date-new-tag .card-right-side {
    min-width: unset;
    width: 100%;
  }
  .card-print-btn-with-date-new-tag .card-right-side .new-badge {
    margin-right: 1rem;
  }
  .card-print-btn-with-date-new-tag .card-right-side .common-pipe.big-pipe {
    display: none;
  }
  .card-print-btn-with-date-new-tag .card-right-side .date-in-card {
    min-width: unset;
  }
  .card-print-btn-with-date-new-tag .card-right-side .btn {
    border: 0;
    padding: 0;
    width: 1.25rem;
    height: 1.25rem;
    overflow: hidden;
  }
}
.exempted-insitution .custom-multiselect {
  position: relative;
  background: var(--primary-variant-6);
}
.exempted-insitution .custom-multiselect .item-list-section:focus-visible {
  outline: 0.063rem solid var(--primary-variant-9);
  outline-offset: -0.125rem;
}
.exempted-insitution .custom-trigger {
  border: 1px solid var(--dark-variant-4);
  padding: 0.375rem 0.625rem;
  border-radius: 0.25rem;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
.exempted-insitution .divider {
  height: 0.063rem;
  background: #e5e7eb;
}

.etds-information-box {
  padding: 0.75rem;
  border-radius: 0.25rem;
  border: 1px solid var(--secondary-300);
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
}
.etds-information-box .edts-information-popup-click,
.etds-information-box a {
  color: inherit;
  text-decoration: underline;
  padding: 0 4px;
}
.etds-information-box svg {
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  margin-top: 0.125rem;
}

.etds-information-modal .modal-body {
  padding: 1.5rem 1.5rem 0.5rem;
}
.etds-information-modal .heading-line {
  margin-top: 0.75rem;
}
.etds-information-modal .modal-footer-section {
  margin-top: 1.5rem;
}

.etds-guided-modal-content-section {
  color: var(--primary-variant-7);
}
.etds-guided-modal-content-section .etds-modal-body-heading {
  font-weight: 500;
  margin-bottom: 1.25rem;
}
.etds-guided-modal-content-section .etds-external-link-card svg {
  color: var(--neutral-800-2);
}
.etds-guided-modal-content-section .etds-alert-box {
  border-radius: 0.25rem !important;
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: flex-start;
}
.etds-guided-modal-content-section .etds-alert-box svg {
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  margin-top: 0.125rem;
}
.etds-guided-modal-content-section .etds-alert-box span {
  margin: 0;
  font-weight: 400;
}

.etds-modal-body-external-link-card {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.etds-modal-body-external-link-card .etds-external-link-card {
  border-radius: 0.25rem;
  color: var(--neutral-1000-3);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
  padding: 0.719rem 1rem;
}

.info-card-light {
  background: var(--secondary-variant-3);
  border: 0.5px solid var(--secondary-bg-30);
  font-weight: 500;
}

.info-card-dark {
  background: var(--secondary-variant-1);
  border: 0.5px solid var(--secondary-400);
  font-weight: 700;
  color: var(--primary) !important;
}
.info-card-dark svg {
  color: var(--primary) !important;
}

.etds-grievance-user-registation .phone-input-group {
  margin-bottom: 0;
}
.etds-grievance-user-registation .phone-input-group .custom-error {
  position: unset;
}
.etds-grievance-user-registation .etds-grievance-form .custom-label-class {
  color: var(--text-tertiary);
}
.etds-grievance-user-registation .etds-grievance-form .action-buttons {
  margin-top: 1.25rem !important;
}
.etds-grievance-user-registation .etds-user-validation .etds-card-body .captcha-box-width {
  padding-right: 0;
}
.etds-grievance-user-registation .etds-user-validation .etds-card-body .email-input-group {
  display: flex !important;
}
.etds-grievance-user-registation .etds-user-validation .etds-card-body hr {
  border: 0;
  margin-top: 1.25rem;
  margin-bottom: 0px;
}

.tax-evasion-terms-conditions .view-terms-link.active {
  color: #51169d;
}

.etds-btn-group {
  width: 100%;
}
.etds-btn-group .action-buttons {
  justify-content: space-between;
  display: flex;
  align-items: flex-end;
  gap: 1.25rem;
  justify-content: space-between;
  padding-top: 1rem;
  border-top: 1px solid var(--dark-variant-5);
  margin-top: 1.25rem;
}
.etds-btn-group label {
  display: none;
}

.homeButton {
  padding: 0.5rem 1rem;
  color: var(--primary);
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
}

.proceedBtn {
  padding: 0.5rem 1rem;
  height: unset;
  line-height: unset;
}

.etds-grievance-table tbody tr button {
  color: var(--primary);
  text-decoration: none;
  font-weight: 500;
  cursor: pointer;
  padding: 0 4px;
  border: 0;
  background: 0;
  text-decoration: underline;
}
.etds-grievance-table .status-table th,
.etds-grievance-table .status-table td {
  width: unset;
}

@media (min-width: 990px) {
  .etds-grievance-user-registation .phone-country-code {
    margin-right: 0.5rem !important;
  }
  .etds-grievance-user-registation .captcha-box-width {
    margin-bottom: 0;
  }
  .etds-grievance-user-registation .etds-card-body hr {
    margin-top: 2.313rem;
  }
  .etds-user-validation .etds-card-body .form-group-autofit {
    max-width: 24.125rem;
  }
}
@media (max-width: 991.98px) {
  .etds-grievance-user-registation .tax-evasion-name-filed {
    margin-bottom: 1.5rem;
  }
  .etds-grievance-user-registation .etds-card-body hr {
    margin-top: 2.313rem;
  }
  .etds-grievance-user-registation .action-buttons {
    margin-top: 1rem;
  }
  .etds-grievance-user-registation .etds-grievance-filter .search-wrapper .form-group-autofit.input-and-dropdown {
    display: flex;
    flex-direction: column;
  }
  .etds-grievance-user-registation .etds-grievance-filter .search-wrapper .form-group-autofit.mobile {
    margin-top: 1.5rem;
  }
  .etds-grievance-user-registation .etds-grievance-filter .action-buttons {
    gap: 1.25rem;
    margin-top: 0.7rem;
  }
}
@media (max-width: 767px) and (min-width: 359px) {
  .etds-grievance-user-registation .form-group-item {
    max-width: 22.5rem;
  }
  .etds-grievance-user-registation .email-input-group {
    max-width: 22.5rem;
  }
  .etds-grievance-user-registation .mobile-and-email-group .phone-country-code {
    margin-right: 0px !important;
  }
  .etds-grievance-user-registation .mobile-and-email-group .phone-input-group {
    max-width: 100%;
  }
  .etds-grievance-user-registation .mobile-and-email-group .form-group-item:last-child {
    max-width: 100%;
  }
  .etds-grievance-user-registation .etds-card-body hr {
    margin-top: 1.5rem;
  }
  .etds-grievance-user-registation .captcha-box-width {
    display: block;
  }
  .etds-grievance-user-registation .action-buttons {
    gap: 1rem;
  }
  .etds-grievance-user-registation .action-buttons button {
    width: 100%;
    text-align: center;
  }
  .etds-grievance-user-registation .etds-user-validation .action-buttons {
    margin-top: 1.25rem;
  }
  .etds-grievance-form .etds-card-body .form-group-autofit {
    flex-direction: row;
    gap: 0;
  }
  .etds-grievance-form .etds-card-body .etds-textarea-wrapper {
    max-width: 100%;
  }
  .etds-grievance-filter .search-wrapper {
    margin-bottom: 1.25rem;
  }
  .etds-grievance-filter .search-wrapper .tab-style {
    margin-bottom: 1rem !important;
  }
  .etds-grievance-filter .search-wrapper .tab-style h5 {
    margin-bottom: 0.75rem !important;
  }
  .etds-grievance-filter .search-wrapper .input-filter-dropdown.mobile {
    flex-direction: column !important;
    margin-top: 0px !important;
  }
  .etds-grievance-filter .input-filter-dropdown {
    flex-direction: row !important;
    gap: 1rem !important;
  }
  .etds-grievance-filter .input-filter-dropdown .form-group-item {
    margin-right: 0px !important;
  }
  .etds-grievance-filter .dateRangeGroup {
    flex-direction: row !important;
    gap: 0.5rem !important;
    align-items: center !important;
  }
  .etds-grievance-filter .filter-buttons-section {
    width: 100% !important;
  }
  .etds-grievance-filter .filter-buttons-section label {
    display: none;
  }
  .etds-grievance-filter .filter-buttons-section .action-buttons {
    margin-top: 0 !important;
    gap: 1rem !important;
  }
  .etds-grievance-filter .input-and-dropdown {
    gap: 1rem !important;
    align-items: unset !important;
  }
  .etds-grievance-table {
    margin-bottom: 1.25rem;
  }
  .status-table th,
  .status-table td {
    width: 17.125rem;
  }
}
@media (max-width: 767.98px) {
  .etds-grievance-user-registation .form-group-autofit {
    flex-direction: column;
    gap: 1.5rem;
  }
  .etds-ticket-details .comment-header {
    font-size: var(--sub-heading-2-font-size);
    font-weight: 700;
  }
  .etds-ticket-details .back-button .icon {
    display: none;
  }
  .etds-ticket-details .back-button svg {
    display: flex !important;
    width: 1.5rem;
    height: 1.5rem;
  }
  .etds-ticket-details .back-button.desktop {
    display: none;
  }
  .etds-ticket-details .back-button.mobile {
    height: 1.5rem;
    width: 1.5rem;
    display: flex !important;
    border: 0px;
    gap: 1rem !important;
    padding: 0.25rem !important;
  }
  .etds-ticket-details .back-button.mobile:focus-visible {
    outline-offset: 0.5rem;
  }
  .etds-ticket-details .etds-ticket-id-button {
    gap: 0.75rem;
  }
  .etds-ticket-details .btn-primary {
    width: 100%;
    margin-top: 1.938rem !important;
  }
  .etds-ticket-details .etds-ticket-content {
    gap: 1.25rem !important;
    flex-direction: column;
  }
  .etds-ticket-details .etds-comment-box {
    margin-top: 1rem !important;
  }
  .etds-ticket-details .fileDetailsList {
    margin-top: 1rem !important;
    gap: 1rem !important;
  }
  .etds-ticket-details .etds-ticket-header {
    margin-bottom: 1.25rem;
  }
  .etds-ticket-details .comment-message-title,
  .comment-message {
    font-size: var(--sub-heading-2-font-size);
    font-weight: 400;
  }
  .etds-ticket-details .ticket-left,
  .etds-ticket-details .ticket-right {
    flex: 1 1 100%;
  }
}
@media (min-width: 767px) {
  .etds-grievance-form .etds-card-body .form-group-autofit {
    max-width: 49.75rem;
  }
  .etds-grievance-form .etds-card-body .etds-file-upload {
    max-width: 49.75rem;
  }
}
@media (max-width: 600px) {
  .etds-ticket-details .fileDetailsList .fileDetails {
    width: 100% !important;
  }
}
@media (max-width: 360px) {
  .etds-grievance-user-registation .form-group-autofit {
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1rem;
  }
  .etds-grievance-user-registation .form-group-autofit .form-group-item {
    margin-bottom: 0;
  }
  .etds-grievance-user-registation .tax-evasion-terms-conditions .view-terms-link {
    margin-left: 0;
  }
  .etds-grievance-user-registation .captcha-box-width {
    display: block;
    padding-right: unset;
  }
  .etds-grievance-user-registation .etds-card-body hr {
    margin-top: 1rem;
  }
  .etds-grievance-user-registation .phone-country-code {
    margin-right: 0 !important;
  }
  .etds-grievance-user-registation .captcha-box {
    gap: 0.5rem !important;
    margin-bottom: 1rem;
  }
  .etds-grievance-user-registation .mobile-and-email-group .phone-input-group {
    gap: 0.5rem !important;
  }
  .etds-btn-group .action-buttons {
    margin-top: 1rem;
    gap: 1rem;
    align-items: center;
    justify-content: unset;
    flex-direction: column-reverse;
  }
  .etds-btn-group .action-buttons button {
    width: 100%;
    text-align: center;
  }
  .etds-success-card-message .form-group-item-autofit .action-buttons button {
    width: 100%;
  }
  .etds-grievance-form .etds-card-body .form-group-autofit {
    flex-direction: column;
    gap: 1.5rem;
  }
  .etds-user-validation .etds-card-body .form-group-autofit {
    max-width: 100% !important;
  }
  .etds-user-validation .etds-card-body hr {
    border-top: 1px solid var(--dark-variant-5) !important;
    margin-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .etds-grievance-filter .search-wrapper {
    margin-bottom: 1.25rem;
  }
  .etds-grievance-filter .search-wrapper .input-filter-dropdown {
    width: 100%;
  }
  .etds-grievance-filter .search-wrapper .input-filter-dropdown.mobile {
    margin-top: 0px !important;
    flex-direction: column !important;
  }
  .etds-grievance-filter .search-wrapper .input-filter-dropdown.mobile .MuiPickersSectionList-root {
    display: block;
  }
  .etds-grievance-filter .search-wrapper .input-filter-dropdown.first-section {
    flex-direction: column !important;
  }
  .etds-grievance-filter .dateRangeGroup {
    flex-direction: row !important;
    gap: 0.5rem !important;
    align-items: flex-end !important;
  }
  .etds-grievance-filter .filter-buttons-section {
    width: 100%;
    margin-top: 0px !important;
  }
  .etds-grievance-filter .filter-buttons-section .action-buttons {
    gap: 0.75rem;
    flex-direction: column;
  }
  .etds-grievance-filter .filter-buttons-section .action-buttons button {
    width: 100%;
  }
  .etds-grievance-table {
    margin-bottom: 1.25rem;
  }
  .etds-ticket-details .btn-primary {
    margin-top: 1.25rem !important;
  }
  .etds-ticket-details .etds-comment-box {
    margin-top: 1.25rem !important;
  }
  .etds-ticket-details .ticket-body .row {
    flex-direction: column !important;
  }
  .etds-ticket-details .ticket-body .message {
    width: 100%;
  }
  .etds-ticket-details .ticket-body .message p {
    word-break: break-word;
  }
}
.etds-success-card-message .etds-card-body {
  border: 1px solid var(--dark-variant-5);
  margin: 1rem;
  border-radius: 0.25rem;
}
.etds-success-card-message .etds-card-body .form-group-item-autofit label {
  display: none;
}
.etds-success-card-message .etds-card-body .form-group-item-autofit .action-buttons {
  padding-top: 1rem;
  margin-top: 1.25rem;
  justify-content: flex-end;
  border-top: 1px solid var(--dark-variant-5);
}
.etds-success-card-message .etds-card-body .alert-success {
  border-radius: 0.25rem;
  display: flex;
}
.etds-success-card-message .etds-card-body .alert-success svg {
  flex-shrink: 0;
}

.etds-grievance-filter .dateRangeGroup {
  margin-right: 1.5rem;
}
.etds-grievance-filter .dateRangeGroup .MuiInputLabel-root.MuiInputLabel-formControl {
  top: -0.375rem;
}
.etds-grievance-filter .dateRangeGroup .MuiPickersOutlinedInput-notchedOutline legend span {
  display: none;
}
.etds-grievance-filter .filter-dropdown {
  margin-right: 1.5rem;
}
.etds-grievance-filter .search-wrapper {
  padding: 1rem !important;
}
.etds-grievance-filter .search-wrapper .input-filter-dropdown {
  flex-direction: row !important;
}
.etds-grievance-filter .form-group-autofit {
  margin-bottom: 0;
}
.etds-grievance-filter .form-group-autofit .form-group-autofit {
  margin-bottom: 0;
}
.etds-grievance-filter .action-buttons {
  gap: 1.5rem;
}

.etds-ticket-details {
  margin: auto;
}
.etds-ticket-details .etds-ticket-header {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  margin-bottom: 1.5rem;
}
.etds-ticket-details .etds-ticket-id-button {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.etds-ticket-details .back-button {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  background-color: transparent;
  color: var(--primary);
  border: 1px solid var(--primary);
  padding: 0.25rem 0.75rem;
  border-radius: 0.25rem;
  cursor: pointer;
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
}
.etds-ticket-details .back-button .icon {
  display: flex !important;
  align-items: center;
  height: 1.25rem;
  width: 1.25rem;
  margin-bottom: 0.25rem;
  display: block;
}
.etds-ticket-details .back-button.mobile {
  display: none;
}
.etds-ticket-details .ticket-id {
  font-size: var(--h5-font-size);
  font-weight: 700;
  color: var(--primary);
  margin: 0;
}
.etds-ticket-details .ticket-id span {
  font-weight: 700;
}
.etds-ticket-details .status-badge {
  padding: 0.375rem;
  border-radius: 1.25rem;
  font-size: var(--sub-heading-3-font-size);
  font-weight: 400;
  display: inline-block;
}
.etds-ticket-details .status-badge.Open {
  background-color: #f5fbf6;
  color: #1a7844;
  border: 1px solid #c2e5cb;
}
.etds-ticket-details .status-badge.New {
  background-color: #f5fbf6;
  color: #1a7844;
  border: 1px solid #c2e5cb;
}
.etds-ticket-details .status-badge.In-progress {
  background-color: #fffbf2;
  color: #945301;
  border: 1px solid #ffd565;
}
.etds-ticket-details .status-badge.Closed {
  background-color: #fbf4f4;
  color: var(--error);
  border: 1px solid #e8bebb;
  padding: 0.375rem;
  font-size: var(--sub-heading-3-font-size);
  font-weight: 400;
  border-radius: 1.25rem;
}
.etds-ticket-details .etds-ticket-content {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
}
.etds-ticket-details .etds-ticket-content .label {
  color: #74777a !important;
  border: 0;
  text-transform: none;
}
.etds-ticket-details .ticket-left {
  flex: 0 0 calc(60% - 0.75rem);
}
.etds-ticket-details .ticket-right {
  flex: 0 0 calc(40% - 0.75rem);
}
.etds-ticket-details .ticket-right .event-card {
  border: 1px solid var(--secondary-bg-30);
}
.etds-ticket-details .ticket-right .event-card .event-header {
  color: var(--primary);
  font-weight: 500;
}
.etds-ticket-details .ticket-body .row {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
  margin-bottom: 1.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.etds-ticket-details .ticket-body .column {
  flex: 1 1 45%;
}
.etds-ticket-details .ticket-body label,
.etds-ticket-details .ticket-body .label {
  display: block;
  font-size: var(--sub-heading-3-font-size);
  font-weight: 400;
  color: var(--dark-variant-2);
  margin-bottom: 0.25rem;
}
.etds-ticket-details .ticket-body p {
  margin: 0 0 1.5rem;
  color: var(--primary-variant-7);
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
  margin-bottom: 0;
}
.etds-ticket-details .ticket-body .message {
  margin-bottom: 1rem;
  width: 45%;
}
.etds-ticket-details .fileNameSize {
  max-width: 9.625rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #1a7844;
}
.etds-ticket-details .event-item {
  margin-bottom: 1rem;
}
.etds-ticket-details .event-item:last-child {
  margin-bottom: 0px;
}
.etds-ticket-details .event-item label,
.etds-ticket-details .event-item .label {
  font-size: var(--sub-heading-3-font-size);
  font-weight: 400;
  color: var(--dark-variant-2);
}
.etds-ticket-details .event-item p {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
  color: var(--primary-variant-7);
  margin-bottom: 0;
}
.etds-ticket-details .event-header {
  color: var(--primary);
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
}
.etds-ticket-details .event-card {
  border: 1px solid var(--secondary-bg-30);
}
.etds-ticket-details .etds-comment-box {
  border: 1px solid var(--secondary-bg-30);
  border-radius: 0.25rem;
  overflow: hidden;
  margin-top: 1.5rem;
  background-color: var(--primary-variant-6);
}
.etds-ticket-details .etds-comment-box .comment-header {
  background-color: var(--secondary-variant-2);
  padding: 1rem 1.5rem;
  font-size: var(--sub-heading-1-font-size);
  font-weight: 700;
  color: var(--primary-variant-1);
  border-bottom: 1px solid var(--secondary-variant-2);
}
.etds-ticket-details .etds-comment-box .comment-body {
  padding: 1rem;
  font-size: var(--sub-heading-1-font-size);
  font-weight: 400;
  color: var(--neutral-1200);
}
.etds-ticket-details .etds-comment-box .comment-body:nth-of-type(odd) {
  background-color: var(--dark-variant-6);
}
.etds-ticket-details .etds-comment-box .comment-body .comment-message-title {
  margin-bottom: 1.25rem;
  font-size: var(--sub-heading-1-font-size);
  font-weight: 700;
  display: flex;
  gap: 1.25rem;
}
.etds-ticket-details .etds-comment-box .comment-body .comment-message-title .comment-date {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  color: var(--neutral-1200);
}
.etds-ticket-details .etds-file-upload .fileName .icon svg {
  color: #1a7844;
}
.etds-ticket-details .etds-file-upload .fileDetails {
  margin-top: 0px !important;
}
.etds-ticket-details .fileDownload svg {
  color: var(--neutral-800);
}
.etds-ticket-details .fileDetailsList {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin-top: 1.5rem;
}
.etds-ticket-details .fileDetailsList .fileDetails {
  margin-top: 0px !important;
  width: calc(50% - 0.75rem);
}

.etds-ticket-details .ticket-card,
.etds-ticket-details .event-card {
  background-color: var(--primary-variant-6);
  border: 1px solid var(--dark-variant-5);
  border-radius: 0.25rem;
  overflow: hidden;
}

.etds-ticket-details .ticket-header,
.etds-ticket-details .event-header {
  background-color: var(--primary-variant-5);
  font-weight: bold;
  padding: 0.75rem 1rem;
  color: var(--primary-variant-7);
}

.etds-ticket-details .event-header,
.event-body {
  padding: 0.75rem !important;
}

.etds-ticket-details .ticket-body,
.etds-ticket-details .event-body {
  padding: 1rem;
}

.etds-ticket-details .fileName,
.etds-ticket-details .fileDetails {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.status-table {
  width: 100%;
  border: 1px solid var(--dark-variant-5);
  border-radius: 0.25rem;
  background: var(--primary-variant-6);
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
}
.status-table th {
  color: var(--primary-variant-7);
  font-size: var(--sub-heading-2-font-size);
  font-weight: 700;
}
.status-table thead {
  background-color: var(--primary-variant-5);
  width: 100%;
}
.status-table tbody {
  width: 1000%;
}
.status-table tbody tr:nth-child(even) {
  background-color: var(--dark-variant-6);
}
.status-table a {
  color: var(--primary);
  text-decoration: none;
  font-weight: 500;
  cursor: pointer;
}
.status-table .badge {
  padding: 0.3rem;
  border-radius: 1.25rem;
  font-size: var(--sub-heading-3-font-size);
  font-weight: 400;
  display: inline-block;
  width: unset;
  margin: 0.625rem 1rem;
}
.status-table .badge.open {
  background-color: #f5fbf6;
  color: #1a7844;
  border: 1px solid #c2e5cb;
}
.status-table .badge.in-progress {
  background-color: #fffbf2;
  color: #945301;
  border: 1px solid #ffd565;
}
.status-table .badge.closed {
  background-color: #fbf4f4;
  color: var(--error);
  border: 1px solid #e8bebb;
}
.status-table .status-date {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
}
.status-table .table-right-arrow svg {
  height: 1.5rem;
  width: 1.5rem;
  color: var(--secondary);
}

.status-table th,
.status-table td {
  padding: 0.625rem 1rem;
  text-align: left;
  width: 24.625rem;
}

.status-table .table-right-arrow,
.status-table .table-head-right-arrow {
  width: 3.5rem !important;
}

.etds-grievance-form textarea.form-control:focus-visible {
  border-color: var(--secondary);
  border-width: 0.125rem;
}

.etds-grievance-filter .MuiStack-root button {
  padding: 0 8px;
}

.etds-page-main-content:has(.etds-tax-survey-cards-container),
.etds-page-main-content:has(.survey-detail-view) {
  padding-top: 0;
  padding-bottom: 4rem;
}

.etds-tax-survey-wrapper .tab-style {
  display: none !important;
}
.etds-tax-survey-wrapper .etds-tax-survey-cards-container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1rem;
  background-color: var(--primary-variant-6);
  border: 1px solid var(--dark-variant-5);
  border-radius: 0.25rem;
}
.etds-tax-survey-wrapper .etds-tax-survey-cards-container .etds-tax-survey-views-and-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.etds-tax-survey-wrapper .etds-tax-survey-cards-container .etds-tax-survey-views-and-title h3 {
  color: var(--primary);
}
.etds-tax-survey-wrapper .etds-tax-survey-cards-container .survey-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.5rem;
  padding: 1.25rem 1rem;
}
.etds-tax-survey-wrapper .etds-tax-survey-cards-container .survey-card .survey-card__content,
.etds-tax-survey-wrapper .etds-tax-survey-cards-container .survey-card .etds-tax-survey-card-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}
.etds-tax-survey-wrapper .etds-tax-survey-cards-container .survey-card .survey-card__content .h5 {
  color: var(--primary);
}
.etds-tax-survey-wrapper .etds-tax-survey-cards-container .survey-card .etds-tax-survey-card-footer button {
  min-width: fit-content;
}
.etds-tax-survey-wrapper .etds-tax-survey-cards-container .survey-card .survey-card__description,
.etds-tax-survey-wrapper .etds-tax-survey-cards-container .survey-card .btn {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
}
.etds-tax-survey-wrapper .etds-tax-survey-cards-container .survey-card .survey-card__date {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
}
.etds-tax-survey-wrapper .etds-tax-survey-cards-container .etds-tax-survey-card-body {
  border: 1px solid var(--secondary-bg-30);
  border-radius: 0.25rem;
  background-color: var(--secondary-variant-3);
}
.etds-tax-survey-wrapper .etds-tax-survey-cards-container .list-view {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}
.etds-tax-survey-wrapper .etds-tax-survey-cards-container .list-view .survey-card .survey-card__content {
  flex: 3.5;
}
.etds-tax-survey-wrapper .etds-tax-survey-cards-container .list-view .survey-card .survey-card__content strong {
  flex: 1;
}
.etds-tax-survey-wrapper .etds-tax-survey-cards-container .list-view .survey-card .survey-card__content span {
  flex: 1;
}
.etds-tax-survey-wrapper .etds-tax-survey-cards-container .list-view .survey-card .etds-tax-survey-card-footer {
  flex: 1.5;
  gap: 1.5rem;
}
.etds-tax-survey-wrapper .etds-tax-survey-cards-container .tile-view {
  display: flex;
  width: 100%;
  gap: 1rem;
  flex-wrap: wrap;
}
.etds-tax-survey-wrapper .etds-tax-survey-cards-container .tile-view .survey-card {
  width: calc(36% - 3rem);
  flex-direction: column;
  align-items: unset;
}
.etds-tax-survey-wrapper .etds-tax-survey-cards-container .tile-view .survey-card .survey-card__content {
  flex-direction: column;
  align-items: unset;
}
.etds-tax-survey-wrapper .etds-tax-survey-cards-container .tile-view .survey-card .survey-card__content .survey-card__title,
.etds-tax-survey-wrapper .etds-tax-survey-cards-container .tile-view .survey-card .survey-card__content .survey-card__description {
  width: 100%;
}
.etds-tax-survey-wrapper .views-wrap {
  margin-left: auto;
}
.etds-tax-survey-wrapper .content-wrapper .card-body {
  flex: unset;
}
.etds-tax-survey-wrapper .survey-detail-view {
  padding: 1.25rem 1rem;
}
.etds-tax-survey-wrapper .survey-detail-view h1, .etds-tax-survey-wrapper .survey-detail-view .h4 {
  color: var(--primary);
}
.etds-tax-survey-wrapper .survey-detail-view .survey-detail-texts {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.etds-tax-survey-wrapper .survey-detail-view .survey-detail-texts div p {
  font-size: 1rem;
}
.etds-tax-survey-wrapper .survey-detail-view .survey-detail-texts a {
  color: var(--secondary);
  text-decoration: underline;
}
.etds-tax-survey-wrapper .survey-detail-view .survey-dates {
  display: flex;
  font-size: 0.875rem;
}
.etds-tax-survey-wrapper .survey-detail-view .survey-dates span {
  font-size: 0.875rem;
}
.etds-tax-survey-wrapper .survey-detail-view .survey-dates button {
  display: block;
  margin-left: auto;
}
.etds-tax-survey-wrapper .survey-detail-view .survey-dates {
  gap: 0.25rem;
}

.content-wrapper-border .custom-error {
  position: static;
}

@media (max-width: 991.98px) {
  .etds-tax-survey-wrapper .etds-tax-survey-cards-container .tile-view .survey-card {
    width: calc(50% - 3rem) !important;
  }
  .etds-tax-survey-wrapper .etds-tax-survey-cards-container .list-view .survey-card {
    flex-direction: column;
  }
  .etds-tax-survey-wrapper .etds-tax-survey-cards-container .list-view .survey-card .survey-card__content,
  .etds-tax-survey-wrapper .etds-tax-survey-cards-container .list-view .survey-card .etds-tax-survey-card-footer {
    width: 100%;
  }
  .etds-tax-survey-wrapper .etds-tax-survey-cards-container .list-view .survey-card .survey-card__content {
    flex-direction: column;
    align-items: start;
  }
}
@media (max-width: 760px) {
  .etds-tax-survey-wrapper .etds-tax-survey-cards-container .tile-view .survey-card {
    width: 100% !important;
  }
  .etds-tax-survey-wrapper .survey-detail-view .survey-dates button {
    height: unset;
  }
}
.etds-login-bg-wrapper {
  position: relative;
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2.125rem 1rem 2.688rem 1rem;
}
.etds-login-bg-wrapper .login-content-container {
  position: relative;
  z-index: 3;
  background-color: var(--primary-variant-6);
  max-width: 25.5rem;
  width: 100%;
  border-radius: 0.5rem;
}
.etds-login-bg-wrapper .login-content-container .login-container {
  padding: 1.75rem 1.5rem 1.5rem 1.5rem;
}
.etds-login-bg-wrapper .login-content-container .login-container input.is-invalid:focus-visible {
  outline-offset: 0.125rem;
}
.etds-login-bg-wrapper .login-content-container .panel-body {
  padding: 0px !important;
}
.etds-login-bg-wrapper .etds-login-header h1 {
  margin-bottom: 1rem;
  text-align: center;
}
.etds-login-bg-wrapper .etds-login-header p {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  color: var(--dark-variant-2);
  text-align: left;
  margin-bottom: 1rem;
}
.etds-login-bg-wrapper .email-group .email-input-wrapper {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.etds-login-bg-wrapper .verify-link {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  color: var(--secondary);
  text-decoration: underline;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  outline-offset: 0.125rem;
}
.etds-login-bg-wrapper .verify-link.disabled {
  color: var(--dark-variant-3);
  pointer-events: none;
  text-decoration: none;
  font-size: var(--sub-heading-3-font-size);
  font-weight: 400;
}
.etds-login-bg-wrapper .email-status {
  margin-left: 0.5rem;
}
.etds-login-bg-wrapper .password-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
}
.etds-login-bg-wrapper .password-wrapper input {
  width: 100%;
  padding-right: 2.188rem;
}
.etds-login-bg-wrapper .toggle-password {
  position: absolute;
  right: 0.625rem;
  cursor: pointer;
  user-select: none;
}
.etds-login-bg-wrapper .forgot-password-link {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  color: var(--secondary);
  text-decoration: underline;
  outline-offset: 0.125rem;
}
.etds-login-bg-wrapper .login-home-redirection {
  padding: 1.5rem;
  background: var(--secondary-variant-3);
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.etds-login-bg-wrapper .back-home-link {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
  color: #0046ad;
  outline-offset: 0.125rem;
}
.etds-login-bg-wrapper .back-home-link:hover {
  text-decoration: none;
}
.etds-login-bg-wrapper .register-btn,
.etds-login-bg-wrapper .signin-btn {
  min-width: 48%;
  padding: 0.469rem 0.688rem;
  min-height: calc(2.25rem + 1px);
  height: unset;
}
.etds-login-bg-wrapper .error-message {
  margin-top: 0.25rem;
}
.etds-login-bg-wrapper input.is-invalid {
  border-color: var(--error);
}
.etds-login-bg-wrapper .password-input-wrapper {
  position: relative;
}
.etds-login-bg-wrapper .password-eye-button {
  position: absolute;
  right: 0.625rem;
  top: 50%;
  background: none;
  border: none;
  transform: translateY(-50%);
  cursor: pointer;
  padding: 0;
  outline-offset: 0.125rem;
}
.etds-login-bg-wrapper .password-eye-button .hide {
  display: none;
}
.etds-login-bg-wrapper .email-status-icon {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--success);
}
.etds-login-bg-wrapper .email-verfiy {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
.etds-login-bg-wrapper .otp-input-wrapper {
  position: relative;
  margin-bottom: 0px !important;
}
.etds-login-bg-wrapper .otp-group {
  margin-bottom: 1.25rem;
}
.etds-login-bg-wrapper .otp-group svg {
  color: var(--neutral-800);
}
.etds-login-bg-wrapper .otp-eye-button {
  position: absolute;
  right: 0.625rem;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  outline-offset: 0.125rem;
}
.etds-login-bg-wrapper .otp-eye-button .hide {
  display: none;
}
.etds-login-bg-wrapper .otp-eye-button[disabled] {
  pointer-events: none;
  opacity: 0.5;
}
.etds-login-bg-wrapper .password-group svg {
  color: var(--neutral-800);
}
.etds-login-bg-wrapper .bg-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.35;
  z-index: 1;
}
.etds-login-bg-wrapper .bg-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(8, 8, 113, 0.3215686275);
  z-index: 2;
}
.etds-login-bg-wrapper .forget-password-remember {
  margin-bottom: 1.75rem;
}
.etds-login-bg-wrapper .forget-password-remember .input-checkbox-wrapper {
  margin-bottom: 0px;
}
.etds-login-bg-wrapper .forget-password-remember .input-checkbox-wrapper label {
  gap: 0.5rem;
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  color: var(--primary-variant-7);
}
.etds-login-bg-wrapper .forget-password-remember .input-checkbox-wrapper input {
  height: 1.125rem;
  width: 1.125rem;
  border-color: var(--dark-variant-2);
  accent-color: var(--primary);
}
.etds-login-bg-wrapper .etds-otp-details {
  text-align: center;
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  color: var(--dark-variant-2);
}
.etds-login-bg-wrapper .etds-otp-details #expireTimer span {
  color: var(--primary);
  font-weight: 500;
}
.etds-login-bg-wrapper .etds-otp-details #expireTimer.error-text {
  color: var(--error);
}
.etds-login-bg-wrapper .etds-otp-details #otpResendText {
  color: var(--dark-variant-3);
}
.etds-login-bg-wrapper .etds-otp-details #otpResendText.verify-link {
  color: var(--secondary);
}
.etds-login-bg-wrapper .etds-otp-details button {
  margin: 0.75rem 0;
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  color: var(--secondary);
  text-decoration: underline;
  background: none;
  border: none;
}

.etds-login-page-wrapper {
  padding: 0px;
  max-width: 100%;
}

@media (max-width: 767.98px) {
  .etds-login-bg-wrapper .etds-login-header h1 {
    font-size: var(--h5-font-size);
    font-weight: 700;
  }
  .etds-login-bg-wrapper .etds-login-header p {
    font-size: var(--sub-heading-3-font-size);
    font-weight: 400;
  }
  .etds-login-bg-wrapper .forget-password-remember {
    margin-bottom: 1rem;
  }
  .etds-login-bg-wrapper .c-gap-4 {
    flex-direction: column-reverse;
    gap: 0.5rem;
  }
  .etds-login-bg-wrapper .login-content-container .login-container {
    padding: 1rem !important;
  }
  .etds-login-bg-wrapper .login-home-redirection {
    padding: 1rem;
  }
}
.has-edit-mode-menu .no-results-wrapper,
.has-edit-mode-menu .search-result-container {
  display: block !important;
}

.search-result-container .portlet-category-facet .panel-header .panel-title {
  font-size: var(--body-font-3-size);
  font-weight: 700;
  color: var(--primary);
}
.search-result-container .portlet-category-facet .pane-body {
  padding: 0;
}
.search-result-container .portlet-category-facet .panel-header,
.search-result-container .portlet-category-facet .panel-body {
  border-bottom: 1px solid var(--dark-variant-5);
}
.search-result-container .portlet-category-facet .facet-clear-btn {
  border-bottom: 1px solid var(--dark-variant-5);
  font-size: var(--sub-heading-2-font-size);
  width: 100%;
}
.search-result-container .sorting-tags {
  border-bottom: 1px solid var(--dark-variant-5);
}
.search-result-container .sorting-tags .panel-header,
.search-result-container .sorting-tags .control-label {
  display: none;
}
.search-result-container .sorting-tags > div {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
.search-result-container .panel-group .panel-header + .panel-collapse > .panel-body {
  padding-left: 0;
}
.search-result-container .panel-body {
  padding: 0;
  margin: 0;
}
.search-result-container .search-total-label {
  margin: 16px auto;
}
.search-result-container .input-select-wrapper {
  margin: 0.75em;
  margin-top: 0;
}
.search-result-container .etds-facet-as-tabs {
  margin: 0;
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.search-result-container .etds-facet-as-tabs .btn {
  border-radius: 42px;
  background: var(--secondary-variant-3);
  min-width: 84px;
  height: 36px;
  text-align: center;
}
.search-result-container .etds-facet-as-tabs .facet-term-selected {
  background: var(--secondary);
  color: var(--primary-variant-6);
  box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.12);
}
.search-result-container .etds-facet-as-tabs .facet-term-unselected {
  background: var(--secondary-variant-3);
}
.search-result-container .filer-title {
  font-size: var(--h5-font-size);
  font-weight: 700;
  color: var(--primary);
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--dark-variant-5);
  margin-bottom: 1.25rem;
}
.search-result-container ul#search-results-display-list {
  gap: 16px;
}
.search-result-container ul#search-results-display-list li {
  border-radius: 4px;
  background-color: var(--secondary-variant-3);
  border: 1px solid var(--secondary-bg-30);
}
.search-result-container ul#search-results-display-list .search-results-header a {
  color: var(--primary);
  font-size: var(--sub-heading-1-font-size);
  font-weight: 700;
  align-items: center;
}
.search-result-container ul#search-results-display-list .search-results-header .download-pdf-btn {
  font-size: var(--sub-heading-2-font-size);
  color: var(--primary);
  padding: 0.25rem 0.75rem;
  width: auto;
  border: 1px solid var(--dark-variant-4);
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.search-result-container ul#search-results-display-list .search-results-metadata .download-pdf-btn {
  font-size: var(--sub-heading-2-font-size);
  color: var(--primary);
  padding: 0.25rem 0.75rem;
  width: auto;
  border: 1px solid var(--dark-variant-4);
}
.search-result-container ul#search-results-display-list .search-results-metadata .taglib-asset-categories-summary a {
  text-decoration: underline;
  color: var(--secondary);
  font-weight: 400;
}

.etds-page-container .search-tab-content h2 {
  color: var(--primary);
  font-weight: 500;
  font-size: var(--sub-heading-2-font-size);
  margin-bottom: 16px;
}
.etds-page-container .search-tab-content .input-group-inset:focus-visible ~ .input-group-inset-item {
  border-color: var(--secondary);
  border-width: 0.125rem;
}
.etds-page-container .searchTipsContainer {
  font-weight: 500;
  font-size: var(--sub-heading-2-font-size);
  padding: 12px 24px 16px 24px;
  background: var(--primary-variant-5);
}
.etds-page-container .searchTipsContainer a {
  margin-left: 3px;
  padding: 5px;
  text-decoration: underline;
  color: var(--secondary);
  font-weight: 400;
}

.custom-basic-component a {
  padding: 5px;
}

.etds-page-main-content.search-outer-wrapper .search-wrapper {
  padding: 0;
}
.etds-page-main-content.search-outer-wrapper .search-wrapper .tab-style {
  margin: 16px 24px 0 24px;
}
.etds-page-main-content.search-outer-wrapper .search-wrapper .search-tab-content {
  padding: 16px 24px 0px 24px;
}

.search-tips-wrapper .seach-tip-list,
.search-tips-wrapper p {
  color: var(--font-color-basic);
}
.search-tips-wrapper .seach-tip-list {
  font-size: var(--sub-heading-3-font-size);
}

.bg-like-blue {
  background: var(--secondary-variant-3);
}

.custom-pagination .pagination-bar {
  border: 1px solid var(--dark-variant-4);
  padding: 8px 16px;
  border-radius: 4px;
}
.custom-pagination .pagination-bar .pagination-results {
  color: var(--primary-variant-7);
  margin-bottom: 0;
}
.custom-pagination .pagination-bar .pagination-items-per-page {
  margin: 0;
}
.custom-pagination .pagination-bar ul.pagination {
  margin: 0;
}
.custom-pagination .pagination-bar ul.pagination .page-item.disabled {
  display: none;
}
.custom-pagination .pagination-bar ul.pagination .page-item a.page-link {
  text-decoration: underline;
  background: unset;
  color: var(--secondary);
}
.custom-pagination .pagination-bar ul.pagination .page-item.active .page-link {
  color: var(--secondary-variant-4);
}
.custom-pagination .pagination-bar ul.pagination .page-item.active .page-link::before {
  background-color: unset;
}
.custom-pagination .pagination-bar button.page-link {
  border: 1px solid var(--dark-variant-4);
  color: var(--primary-variant-7);
}

.category-filters .custom-control .custom-control-label::after {
  border-radius: unset;
}

.etds-facet-as-tabs .facet-term:focus-visible {
  outline: 1px solid var(--secondary);
  outline-offset: 2px;
}

.search-result-container .pagination a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  display: inline-flex;
}

.search-results-header {
  gap: 10px;
}

.search-result-container ul#search-results-display-list .search-results-metadata .taglib-asset-categories-summary a {
  padding: 5px;
}

.search-result-container .taglib-asset-categories-summary a::after,
.search-result-container .taglib-asset-categories-summary a::after {
  content: ", ";
}
.search-result-container .taglib-asset-categories-summary a:last-child::after,
.search-result-container .taglib-asset-categories-summary a:last-child::after {
  content: "";
}

.etds-main-content.doc-view-content-main a {
  margin: 0 5px;
  text-decoration: underline;
}

.search-bar-suggestions-dropdown-menu {
  max-height: 12rem;
}

.search-outer-wrapper input::placeholder,
.search-outer-wrapper textarea::placeholder {
  line-height: normal !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
}

@media (max-width: 992px) {
  .search-outer-wrapper .search-tab-content .form-group-autofit {
    flex-direction: column;
  }
  .search-result-container .sorting-tags > div {
    flex-direction: column;
    gap: 20px;
  }
  .search-results-metadata .subtext-wrapper {
    flex-direction: column;
  }
}
@media (max-width: 767.98px) {
  .search-result-container .pagination-bar {
    gap: 10px;
  }
  .search-result-container .pagination-bar p {
    margin: 0 auto;
  }
  .pagination-bar .dropdown-menu {
    max-height: 200px;
    overflow-y: auto;
    bottom: auto !important;
    top: 100% !important;
  }
  .home-search-bar-wrapper .home-search-bar-container {
    margin-bottom: 10px;
  }
}
.etds-registration-portal .page-title-wrap {
  justify-content: flex-start;
  gap: 1.5rem;
}
.etds-registration-portal .page-title-wrap svg {
  height: 1.25rem;
  width: 1.25rem;
}
.etds-registration-portal .page-title-wrap .etds-alert-box {
  color: var(--secondary);
}
.etds-registration-portal .page-content-wrap {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding-top: 3rem;
  padding-bottom: 3rem;
  background: var(--background-4);
}
.etds-registration-portal .page-content-wrap .etds-verification-section {
  flex-direction: column;
  max-width: 25.5rem;
}
.etds-registration-portal .form-group-item-autofit .control-label {
  display: none;
}
.etds-registration-portal .form-group-item-autofit .action-buttons {
  justify-content: space-between;
  border-top: 1px solid var(--dark-variant-5);
  padding-top: 1rem;
  margin-top: 1.5rem;
}
.etds-registration-portal .form-group-autofit .email-input-group {
  margin-bottom: 1.25rem;
}
.etds-registration-portal .email-input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.etds-registration-portal .email-input-wrapper #emailStatus {
  position: absolute;
  right: 0.75rem;
  top: 45%;
  transform: translateY(-50%);
  color: var(--success);
}
.etds-registration-portal .email-input-wrapper #emailStatus svg {
  height: 1.125rem;
  width: 1.188rem;
  color: var(--success);
}

.etds-register-as-new-user-header {
  max-width: 25.5rem;
  width: 100%;
}
.etds-register-as-new-user-header p {
  color: #707070;
}

.input-with-verify-email {
  display: flex;
  justify-content: space-between;
}
.input-with-verify-email .verify-email-btn {
  padding: 0px;
  height: unset;
  margin-bottom: 0.5rem;
  color: var(--secondary);
  text-decoration: underline;
  font-weight: 400;
}

.etds-registration-portal .verified-email {
  color: var(--placeholder-color);
  text-decoration: none;
  font-size: var(--sub-heading-3-font-size);
  font-weight: 400;
}

.register-otp-timer {
  text-align: center;
  width: 100%;
  padding: 0;
  height: unset;
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  color: #707070;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.register-otp-timer .otp-timer {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
  color: #323232;
}

.register-otp-resend {
  text-align: center;
  width: 100%;
  padding: 0;
  height: unset;
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  color: var(--secondary);
  text-decoration: underline;
}
.register-otp-resend:hover {
  text-decoration: underline;
}

.kms-success-btn .action-buttons {
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}
.kms-success-btn .btn-secondary {
  border-color: var(--primary);
  color: var(--primary);
}

.etds-kms-personal-details .page-content-wrap {
  align-items: flex-start;
}

.password-setup-container {
  display: flex;
  gap: 1.5rem;
  align-items: stretch;
  width: 100%;
}
.password-setup-container .password-form {
  width: 33%;
}
.password-setup-container .password-form .custom-error {
  font-size: var(--sub-heading-3-font-size);
  font-weight: 500;
  color: var(--error);
  margin-top: 8px;
}
.password-setup-container .password-form .otp-input-field input.error {
  border: 1px solid var(--error);
}
.password-setup-container .password-form .otp-input-field .form-control:focus-visible {
  background: var(--primary-variant-6);
}
.password-setup-container .password-info {
  width: 70%;
  height: 100%;
}

.password-info .info-box {
  padding: 2.25rem 1.5rem;
  border: 1px solid var(--primary-variant-3);
  background: var(--primary-variant-5);
  border-radius: 0.25rem;
}

.password-section-wrapper .info-header {
  font-size: var(--sub-heading-1-font-size);
  font-weight: 400;
  margin-bottom: 1rem;
  display: flex;
  gap: 0.375rem;
  align-items: center;
}
.password-section-wrapper .info-header svg {
  height: 1.25rem;
  width: 1.25rem;
  flex-shrink: 0;
}
.password-section-wrapper .info-box ul {
  list-style-type: none;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin: 0;
}
.password-section-wrapper .info-box li {
  padding-left: 0;
  color: var(--error);
  display: flex;
  flex-direction: row;
  gap: 0.563rem;
}
.password-section-wrapper .info-box li.success {
  color: #1a7844;
}
.password-section-wrapper .info-box li.success svg {
  margin-top: 0.375rem;
  flex-shrink: 0;
}
.password-section-wrapper .info-box li svg {
  height: 1.25rem;
  width: 1.25rem;
  flex-shrink: 0;
}
.password-section-wrapper .strength-meter {
  margin-top: 0.5rem;
}
.password-section-wrapper .strength-meter span {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  color: var(--font-color-basic);
}
.password-section-wrapper .multi-strength-bar {
  display: flex;
  gap: 0.25rem;
  margin-top: 0.25rem;
  height: 0.25rem;
}
.password-section-wrapper .multi-strength-bar .segment {
  flex: 1;
  background-color: var(--dark-variant-5);
  border-radius: 0.063rem;
  transition: background-color 0.3s ease;
}
.password-section-wrapper .multi-strength-bar .segment.red {
  background-color: #d1604e;
}
.password-section-wrapper .multi-strength-bar .segment.orange {
  background-color: var(--warning);
}
.password-section-wrapper .multi-strength-bar .segment.green {
  background-color: #1a7844;
}

@media (max-width: 767.98px) {
  .password-setup-container {
    flex-direction: row;
  }
  .password-setup-container .password-form {
    width: 60%;
  }
  .password-setup-container .password-info {
    width: 40%;
  }
  .etds-kms-personal-details .page-content-wrap .form-group-autofit {
    flex-direction: column;
    gap: 1.5rem;
    width: 100% !important;
  }
}
@media (max-width: 991.98px) {
  .etds-registration-portal .page-title-wrap {
    margin-bottom: 1rem;
  }
  .etds-registration-portal .form-group-autofit .email-input-group {
    display: block !important;
  }
  .etds-page-main-content .page-title-wrap .page-title {
    font-size: var(--h4-font-size);
    font-weight: 700;
  }
  .etds-page-main-content .page-title-wrap .etds-alert-box span {
    font-size: var(--sub-heading-3-font-size);
    font-weight: 400;
  }
  .password-setup-container .password-form {
    width: 50%;
  }
  .password-setup-container .password-info {
    width: 50%;
  }
}
@media (max-width: 360px) {
  .etds-registration-portal .page-content-wrap {
    padding: 1rem !important;
  }
  .etds-registration-portal .form-group-item-autofit .action-buttons {
    flex-direction: column-reverse;
    gap: 1rem;
    margin-top: 1.25rem;
  }
  .etds-registration-portal .form-group-item-autofit .action-buttons button {
    width: 100%;
    text-align: center;
    justify-content: center;
  }
  .etds-registration-portal .page-title-wrap .page-title {
    font-size: var(--h5-font-size);
    font-weight: 700;
  }
  .password-setup-container {
    flex-direction: column;
    gap: 1rem;
  }
  .password-setup-container .password-form {
    width: 100%;
  }
  .password-setup-container .password-info {
    width: 100%;
  }
  .etds-kms-personal-details .page-content-wrap .form-group-autofit {
    gap: 1rem;
    margin-bottom: 16px !important;
  }
  .etds-kms-personal-details .page-content-wrap .form-group-autofit .form-group-item {
    margin-bottom: 0px;
  }
}
.etds-misc {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.etds-misc .search-wrapper {
  margin-bottom: 0 !important;
}
.etds-misc .search-wrapper .MuiPickersInputBase-sectionsContainer {
  padding: 0.5rem 0;
}
.etds-misc .no-blue-bg .card-print-btn-with-date-new-tag {
  border-color: var(--dark-variant-5);
  background-color: inherit;
}
.etds-misc .no-blue-bg .card-print-btn-with-date-new-tag .card-left-side .card-title-texts .card-title-with-arrow {
  color: var(--primary);
}
.etds-misc .etds-misc-cards {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.etds-misc .etds-misc-cards.etds-whats-new .card-print-btn-with-date-new-tag .card-left-side {
  flex: 0 1 57%;
}
.etds-misc .etds-misc-cards .card-print-btn-with-date-new-tag {
  margin-bottom: 0;
  padding: 1.75rem 1rem;
}
.etds-misc .etds-misc-cards .card-print-btn-with-date-new-tag .card-left-side {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex: 0 1 60%;
}
.etds-misc .etds-misc-cards .card-print-btn-with-date-new-tag .card-left-side .card-title-texts {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.etds-misc .etds-misc-cards .card-print-btn-with-date-new-tag .card-left-side .card-title-texts .card-title-with-arrow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 2;
  word-break: unset;
}
.etds-misc .etds-misc-cards .card-print-btn-with-date-new-tag .card-left-side .card-title-texts:focus {
  outline-offset: 0.125rem;
}
.etds-misc .etds-misc-cards .card-print-btn-with-date-new-tag .card-left-side .card-title-texts .card-title-with-arrow:has(span) {
  display: block;
}
.etds-misc .etds-misc-cards .card-print-btn-with-date-new-tag .card-left-side .card-title-texts svg {
  color: var(--primary);
}
.etds-misc .etds-misc-cards .card-print-btn-with-date-new-tag .card-right-side {
  flex: 0 1 30%;
  gap: 1rem;
  min-width: unset;
}
.etds-misc .etds-misc-cards .card-print-btn-with-date-new-tag .card-right-side .etds-whats-new-tag {
  padding: 0.188rem 0.375rem;
  border-radius: 1.25rem;
  background-color: var(--secondary-100);
  color: var(--primary);
  font-size: 0.75rem;
  white-space: nowrap;
}
.etds-misc .etds-misc-cards .card-print-btn-with-date-new-tag .card-right-side .date-in-card {
  text-wrap: nowrap;
}
.etds-misc .etds-misc-cards .card-print-btn-with-date-new-tag .card-right-side .common-pipe {
  margin: 0;
  background-color: var(--dark-variant-5);
}
.etds-misc .etds-misc-cards .card-print-btn-with-date-new-tag .card-right-side .etds-misc-link {
  color: var(--secondary);
}
.etds-misc .etds-misc-cards .card-print-btn-with-date-new-tag .card-right-side .etds-external-link-button {
  background: none;
  border: none;
  padding: 0;
}
.etds-misc .etds-misc-cards .card-print-btn-with-date-new-tag .card-right-side .etds-misc__button {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: unset;
}
.etds-misc .etds-misc-cards .card-print-btn-with-date-new-tag .card-right-side .etds-misc__button .mobile-download {
  display: none;
  color: var(--primary);
}
.etds-misc .etds-misc-cards .card-print-btn-with-date-new-tag .card-right-side .etds-misc__button svg {
  font-size: 2rem;
  color: var(--primary);
}
.etds-misc .etds-misc-cards .card-print-btn-with-date-new-tag .card-right-side .etds-misc__button:hover {
  background: inherit;
  color: var(--primary);
}
.etds-misc .etds-misc-cards .btn.btn-sm {
  height: unset;
}
.etds-misc .etds-tenders .card-print-btn-with-date-new-tag {
  padding: 1rem;
}
.etds-misc .search-wrapper {
  padding: 1.25rem 1rem;
}
.etds-misc .search-wrapper .form-group-autofit {
  margin-bottom: 0;
}
.etds-misc .MuiFormControl-root .MuiInputLabel-formControl {
  margin-top: -9px;
}
.etds-misc .MuiFormControl-root .MuiInputLabel-formControl.Mui-focused {
  margin-top: 0;
}

@media (max-width: 991.98px) {
  .etds-misc .etds-misc-cards .card-print-btn-with-date-new-tag {
    flex-direction: column;
    padding: 1rem;
  }
  .etds-misc .etds-misc-cards .card-print-btn-with-date-new-tag .card-left-side {
    width: 100%;
  }
  .etds-misc .etds-misc-cards .card-print-btn-with-date-new-tag .card-left-side .card-description {
    display: none;
  }
  .etds-misc .etds-misc-cards .card-print-btn-with-date-new-tag .card-left-side .card-title-texts .card-title-with-arrow {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .etds-misc .etds-misc-cards .card-print-btn-with-date-new-tag .card-right-side {
    width: 100%;
    justify-content: space-between;
  }
  .etds-misc .etds-misc-cards .card-print-btn-with-date-new-tag .card-right-side .action-buttons {
    flex-direction: column;
  }
  .etds-misc .etds-misc-cards .card-print-btn-with-date-new-tag .card-right-side .action-buttons button {
    width: 100%;
  }
  .etds-misc .etds-misc-cards .card-print-btn-with-date-new-tag .card-right-side .etds-misc__button p,
  .etds-misc .etds-misc-cards .card-print-btn-with-date-new-tag .card-right-side .desktop-download {
    display: none;
  }
  .etds-misc .etds-misc-cards .card-print-btn-with-date-new-tag .card-right-side .etds-misc__button {
    border: none;
    padding: 0;
    width: fit-content;
    background-color: inherit !important;
  }
  .etds-misc .etds-misc-cards .card-print-btn-with-date-new-tag .card-right-side .etds-misc__button .mobile-download {
    display: block;
  }
  .etds-misc .etds-misc-cards .card-print-btn-with-date-new-tag .card-right-side .open-in-new-tab-btn {
    width: unset;
  }
  .etds-misc .etds-misc-cards .card-print-btn-with-date-new-tag .card-right-side .date-in-card {
    text-align: left;
  }
  .etds-misc .etds-tenders .card-print-btn-with-date-new-tag .card-left-side .card-description {
    display: block;
  }
  .etds-misc .etds-whats-new .card-print-btn-with-date-new-tag .card-right-side {
    justify-content: unset;
  }
  .etds-misc .etds-whats-new .card-print-btn-with-date-new-tag .card-right-side .common-pipe {
    display: none;
  }
  .etds-misc .etds-whats-new .card-print-btn-with-date-new-tag .card-right-side .etds-misc__button {
    margin-left: auto;
  }
}
@media (max-width: 575.98px) {
  .etds-misc .action-buttons {
    flex-direction: column;
  }
  .etds-misc .action-buttons button {
    width: 100%;
  }
}
@media (max-width: 480.98px) {
  .etds-misc .etds-whats-new .card-print-btn-with-date-new-tag .card-right-side {
    flex-wrap: wrap;
  }
}
.edts-miscellaneous-video .news-items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 1rem 1rem;
}
.edts-miscellaneous-video .miscellaneous-card.video .title {
  font-size: var(--sub-heading-3-font-size);
  font-weight: 700;
  text-decoration: underline;
  -webkit-line-clamp: 2;
  color: var(--secondary);
}
@media (max-width: 767.98px) {
  .edts-miscellaneous-video .container-fluid > .row > .col:not(:last-child) {
    margin-bottom: 1rem;
  }
}

.etds-miscellaneous-twitter-section {
  border-bottom: 1px solid var(--dark-variant-5);
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
.etds-miscellaneous-twitter-section img {
  margin-top: 0.5rem;
  max-width: 100%;
}
.etds-miscellaneous-twitter-section .twitter-heading {
  color: var(--secondary);
  font-weight: 700;
}
.etds-miscellaneous-twitter-section .twitter-heading span:nth-child(2) {
  margin-right: 1rem;
}
.etds-miscellaneous-twitter-section .twitter-heading span:nth-child(3) {
  font-weight: 400;
  font-size: 0.85em;
  padding-left: 1rem;
  border-left: 1px solid var(--dark-variant-5);
}
.etds-miscellaneous-twitter-section .twitter-description {
  margin-top: 0.5rem;
  font-size: 1em;
}

.edts-miscellaneous-principal {
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 1rem;
}
@media (min-width: 768px) {
  .edts-miscellaneous-principal {
    grid-template-columns: repeat(3, 1fr);
  }
}
.edts-miscellaneous-principal .item-link {
  display: flex;
  gap: 0.5rem;
}

.etds-ccit-region-meetings .custom-table-wrapper .table-responsive table td:nth-child(4) {
  color: var(--primary-variant-7);
}
.etds-ccit-region-meetings .custom-table-wrapper .table-responsive table thead tr th {
  line-height: inherit;
}
.etds-ccit-region-meetings .custom-table-wrapper .table-responsive table .btn {
  height: unset;
}
.etds-ccit-region-meetings .custom-table-wrapper .ccit-view-more {
  margin-top: -1.25rem;
  margin-bottom: 1rem;
  display: flex;
  justify-content: end;
}
.etds-ccit-region-meetings .custom-table-wrapper .ccit-view-more svg {
  width: 1.25rem;
  height: 1.25rem;
}
.etds-ccit-region-meetings .modal-dialog .modal-body .img-fluid {
  width: 100%;
}

.etds-meetings {
  display: flex;
  text-wrap: nowrap;
}

.etds-useful-links {
  display: flex;
  gap: 1.5rem;
  align-items: center;
}
.etds-useful-links .useful-link-buttons-group {
  display: flex;
  background-color: var(--primary-variant-6);
  padding: 0.25rem;
  border: 1px solid var(--dark-variant-5);
  border-radius: 0.25rem;
  align-items: center;
}
.etds-useful-links .useful-link-buttons-group .useful-link-button {
  padding: 0.25rem 0.75rem;
  background-color: unset;
  border: unset;
  display: flex;
  outline-offset: -0.25rem;
  color: var(--dark);
}
.etds-useful-links .useful-link-buttons-group .useful-link-button svg path {
  fill: var(--primary-variant-7);
}
.etds-useful-links .useful-link-buttons-group .useful-link-button.active-button {
  background-color: var(--secondary-variant-2);
  border-radius: 0.125rem;
  font-weight: 700;
  color: var(--secondary);
}
.etds-useful-links .useful-link-buttons-group .useful-link-button.active-button svg path {
  fill: var(--secondary);
}

.misc-card-container > div {
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 1rem;
}
.misc-card-container > div.list-view .pdf-link-document-viewer-item {
  justify-content: start !important;
}
.misc-card-container > div.list-view .pdf-link-document-viewer-item.new-tag-true .item-link {
  max-width: unset;
}
.misc-card-container > div.list-view .pdf-link-document-viewer-item.new-tag-true .new-badge {
  position: unset;
  margin-left: 0.75rem;
}
.misc-card-container > div .pdf-link-document-viewer-item .item-link {
  vertical-align: center;
}
.misc-card-container > div .pdf-link-document-viewer-item svg {
  min-width: 1.25rem;
  min-height: 1.25rem;
}
.misc-card-container > div.list-view {
  grid-template-columns: 1fr;
}
@media (min-width: 767px) {
  .misc-card-container > div {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 991px) {
  .misc-card-container > div {
    grid-template-columns: repeat(3, 1fr);
  }
}
.misc-card-container .new-tag-fragment:has(.new-badge) .item-link {
  padding-right: 26px;
  position: relative;
  max-width: calc(100% - 4.5rem) !important;
}
.misc-card-container .new-tag-fragment:has(.new-badge) .link-type-fragment::after {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin-left: unset !important;
  display: unset !important;
}
.misc-card-container .pdf-link-document-viewer-item .link-type-fragment::after {
  flex-shrink: 0;
}

.miscellaneous-short-keys-container .miscellaneous-short-keys p {
  border-bottom: 0.0625rem solid var(--dark-variant-5);
  margin-bottom: 0;
  padding-bottom: 1rem;
  font-size: 1rem;
}
.miscellaneous-short-keys-container .miscellaneous-short-keys:last-child p {
  border-bottom: none;
  padding-bottom: 0;
}
.miscellaneous-short-keys-container .miscellaneous-short-keys:not(:first-child) .h3 {
  padding-top: 1.25rem;
}

.etds-miscellaneous-content {
  margin-top: 1.5rem;
}
.etds-miscellaneous-content h3,
.etds-miscellaneous-content .h3 {
  border-bottom: 0.0625rem solid var(--dark-variant-5);
  padding-bottom: 0.75rem;
  color: var(--primary-variant-1);
  margin-bottom: 0;
}
.etds-miscellaneous-content.variant2 {
  border: 0.0625rem solid var(--primary-variant-8);
  padding: 1.25rem 1.5rem;
  margin-bottom: 1.5rem;
  border-radius: 0.25rem;
}
.etds-miscellaneous-content.variant2 h3 {
  padding-bottom: 0.5rem;
  font-size: 1.25rem;
}
.etds-miscellaneous-content.variant2 .sub-heading-1-regular {
  padding-top: 1rem;
  padding-bottom: 0;
}
.etds-miscellaneous-content.variant2 .sub-heading-1-regular p {
  font-size: 1rem;
  font-weight: 400;
}
.etds-miscellaneous-content.variant2 .sub-heading-1-regular a {
  color: var(--secondary);
}
.etds-miscellaneous-content .sub-heading-1-regular {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  color: var(--primary-variant-7);
}
.etds-miscellaneous-content a {
  text-decoration: underline;
}

.etds-screen-reader-content .contact-table .table-responsive .table tbody tr .sub-heading-2-medium {
  font-weight: 500;
}

.etds-eoir-circulars {
  padding-top: 0;
}
.etds-eoir-circulars .last-updated {
  color: var(--primary-variant-7);
  margin-bottom: 0.75rem;
}
.etds-eoir-circulars .card-title-texts {
  gap: 0.75rem;
  justify-content: unset !important;
}
.etds-eoir-circulars .card-title-with-arrow {
  flex: unset !important;
}
.etds-eoir-circulars .card-print-btn-with-date-new-tag .card-right-side .open-in-new-tab-btn {
  width: 9.304rem;
  justify-content: center;
}

html[lang=hi-IN] body .etds-misc .etds-misc-cards .card-print-btn-with-date-new-tag .card-right-side {
  flex: 0 1 38%;
}
html[lang=hi-IN] body .etds-eoir-circulars .card-print-btn-with-date-new-tag .card-right-side .open-in-new-tab-btn {
  width: 6.185rem;
}

@media (max-width: 991.98px) {
  html[lang=hi-IN] body .etds-misc__button {
    height: unset !important;
  }
  .etds-misc .form-group-autofit {
    flex-direction: column;
  }
  .edts-miscellaneous-video .news-items {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .etds-misc .etds-misc-cards .card-print-btn-with-date-new-tag .card-left-side {
    flex: 0 1 50%;
  }
}
@media (max-width: 767.98px) {
  .edts-miscellaneous-video .news-items {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 575.98px) {
  .edts-miscellaneous-video .news-items {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 1279.98px) {
  .etds-misc .etds-misc-cards .card-print-btn-with-date-new-tag .card-left-side {
    flex: 0 1 55%;
  }
  .etds-misc .etds-misc-cards .card-print-btn-with-date-new-tag .card-right-side {
    flex: 0 1 40%;
  }
}
@media (max-width: 1199.98px) {
  .etds-misc .etds-misc-cards.etds-whats-new .card-print-btn-with-date-new-tag .card-left-side {
    flex: 0 1 45%;
  }
}
.etds-section {
  padding-bottom: 2rem;
}
.etds-section p:last-child {
  margin-bottom: 0;
}
.etds-section .doc-view-content-main {
  padding-top: 0.25rem;
}
.etds-section .etds-button--back {
  display: none;
  padding: 0.5rem 1rem;
  border: 0.0625rem solid var(--primary);
  color: var(--primary);
  border-radius: 0.25rem;
  background-color: transparent;
  cursor: pointer;
  min-width: 8.375rem;
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
}
.etds-section .etds-button--back:hover, .etds-section .etds-button--back:focus-visible {
  background-color: var(--primary-variant-5);
  border-color: var(--primary);
  color: var(--primary);
}
.etds-section .etds-button--back:hover {
  outline: none;
}
.etds-section .etds-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem 0 1rem 0;
}
@media (max-width: 768px) {
  .etds-section .etds-header {
    flex-direction: column;
    align-items: unset;
  }
}
.etds-section .etds-header-title {
  font-size: var(--h3-font-size);
  font-weight: 700;
}
.etds-section .etds-info-box {
  background-color: var(--primary-variant-6);
  border: 0.0625rem solid var(--dark-variant-5);
  border-radius: 0.5rem;
  margin-bottom: 1.5rem;
  padding: 1.25rem 1.5rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}
.etds-section .etds-info-box > div {
  text-align: left;
}
.etds-section .etds-label {
  color: var(--dark-variant-2);
  margin-bottom: 0.25rem;
  font-size: var(--sub-heading-3-font-size);
  font-weight: 400;
}
.etds-section .etds-label-value {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
}
.etds-section .etds-content-box {
  background-color: var(--primary-variant-6);
  border: 0.0625rem solid var(--dark-variant-5);
  border-radius: 0.5rem;
  margin-bottom: 1.5rem;
  padding: 1.25rem 1.5rem;
  width: 100%;
  font-size: var(--sub-heading-1-font-size);
  font-weight: 400;
}
.etds-section .etds-toggle-button {
  background: none;
  border: none;
  width: 100%;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 0;
  cursor: pointer;
  font-weight: 600;
  color: var(--dark-variant-2);
}
.etds-section .etds-download-card {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
  padding: 2.875rem 1rem;
}
.etds-section .etds-download-card .etds-card-title {
  display: flex;
  align-items: center;
  color: var(--primary);
  font-size: var(--sub-heading-1-font-size);
  font-weight: 700;
}
.etds-section .etds-download-card .etds-card-title svg {
  height: 1.3rem;
}
.etds-section .etds-download-card .etds-card-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  text-transform: capitalize;
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
}
.etds-section .etds-link {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  color: var(--primary);
}
.etds-section .etds-link:hover {
  text-decoration: underline;
}
.etds-section .etds-img-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}
.etds-section .etds-img-card .etds-download-card {
  padding: 0;
  flex-wrap: nowrap;
}
.etds-section .etds-img-card .etds-card-img {
  max-width: 11.25rem;
  max-height: 7.25rem;
  overflow: hidden;
}
.etds-section .etds-img-card .etds-card-img picture {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.etds-section .etds-audio-card audio {
  width: 100%;
}
.etds-section .lexicon-icon-etds-chevron-right {
  width: 2rem;
}
.etds-section .etds-main-content {
  max-height: 50rem;
  overflow-y: auto;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
}
.etds-section #footnoteSection .etds-footnote-heading {
  border-bottom: unset;
}
.etds-section #footnoteSection hr {
  margin-top: 0.625rem;
}
.etds-section .etds-download-heading {
  padding-bottom: 1rem;
  margin: 0;
  font-size: var(--sub-heading-1-font-size);
  font-weight: 400;
}
.etds-section .etds-header-title {
  padding-top: 1.125rem;
  margin: 0 0 0.5rem 0;
  font-size: var(--h3-font-size);
  font-weight: 700;
}
.etds-section .etds-heading {
  display: flex;
  gap: 0.625rem;
}
.etds-section .etds-sub-tittle {
  margin: 0;
  font-size: var(--h5-font-size);
  font-weight: 500;
}
.etds-section .etds-footnote-heading {
  border-bottom: 0.0625rem solid var(--primary-variant-3);
  font-size: var(--h5-font-size);
  font-weight: 500;
}
.etds-section .etds-content-box-heading {
  font-style: normal;
  font-size: var(--h4-font-size);
  font-weight: 700;
}

.reckoner-section .etds-anchor-tag {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.reckoner-section svg {
  width: 1.25rem;
  height: 1.25rem;
}
.reckoner-section .left-sidebar button {
  color: inherit;
  background-color: inherit;
  border: unset;
  text-align: start;
}
.reckoner-section ul {
  padding: 0;
  margin: 0;
}
.reckoner-section ul li {
  list-style: none;
}
.reckoner-section .right-main-content {
  width: 100%;
}
.reckoner-section .right-main-content.hidden {
  display: none;
}
.reckoner-section .right-main-content.active {
  display: block;
}
.reckoner-section .main-full-content.hidden {
  display: none;
}
.reckoner-section .main-full-content.active {
  display: flex;
  flex-direction: column;
}
.reckoner-section .left-sidebar.hidden {
  display: none;
}
.reckoner-section .left-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background-color: var(--background-4);
  padding: 1.25rem 1rem;
  border-right: 0.0625rem solid var(--dark-variant-5);
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  margin: -1.25rem 1rem -1.25rem -1rem;
}
.reckoner-section .toggle-sidebar-btn {
  background-color: unset;
  border: unset;
  font-size: var(--sub-heading-2-font-size);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--primary);
  gap: 0.625rem;
}
.reckoner-section .main-content {
  display: none;
}
.reckoner-section .main-content.active {
  display: block;
}
.reckoner-section .side-bar-with-bg .additional-action .title-wrap.active {
  background-color: var(--secondary-variant-1);
}
.reckoner-section .side-bar-with-bg .additional-action .title-wrap.active .sidebar-title {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 700;
  color: var(--secondary);
}
.reckoner-section .page-content-wrap {
  display: flex;
}
.reckoner-section .page-content-wrap .left-sidebar {
  padding: unset;
  box-shadow: unset;
  margin-right: unset;
  border-top: 0.0625rem solid var(--dark-variant-5);
  padding-top: 0.25rem;
  border-radius: unset;
}
.reckoner-section .page-content-wrap.toggled {
  display: block;
}
.reckoner-section .page-content-wrap.toggled .left-content {
  border-right: unset;
  padding: unset;
  margin: unset;
  background-color: unset;
  border: unset;
}
.reckoner-section .page-content-wrap.toggled .toggle-sidebar-btn {
  padding: 0.3125rem 0.75rem;
  box-shadow: -0.0625rem 0.25rem 0.375rem rgba(12, 16, 39, 0.16);
  margin-bottom: 1.5rem;
  font-size: var(--sub-heading-3-font-size);
  color: var(--dark-variant-2);
  align-self: start;
  border-radius: 0.825rem;
}
.reckoner-section .content-wrapper-border .contents-hide,
.reckoner-section .content-wrapper-border .toggled .contents {
  display: flex;
}
.reckoner-section .content-wrapper-border .contents-logo {
  display: none;
}
.reckoner-section .content-wrapper-border .contents-logo svg {
  width: 0.75rem;
  height: 0.75rem;
  margin-left: 0.25rem;
}
.reckoner-section .content-wrapper-border .toggled .contents-hide,
.reckoner-section .content-wrapper-border .toggled .contents {
  display: none;
}
.reckoner-section .content-wrapper-border .toggled .contents-logo {
  display: block;
}
.reckoner-section .contents {
  font-size: var(--h5-font-size);
  font-weight: 700;
}
.reckoner-section .contents-hide {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
}
.reckoner-section .sidebar-title {
  font-style: normal;
  padding: 0;
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
}
@media (max-width: 375px) {
  .reckoner-section .page-content-wrap {
    flex-direction: column;
  }
  .reckoner-section .page-content-wrap .left-content {
    border-right: unset;
    margin: -1.25rem -1rem 1.25rem -1rem;
  }
  .reckoner-section .page-content-wrap.toggled .left-content {
    border-right: unset;
    padding: unset;
    margin: unset;
  }
}

.sections .etds-label-value:empty::before {
  content: "-";
  color: inherit;
}

.department-newz-wrapper .form-group-autofit {
  margin-bottom: 0;
}
.department-newz-wrapper .search-wrapper {
  margin-bottom: 1.25rem;
}
.department-newz-wrapper .last-updated {
  margin-bottom: 1.25rem;
}
.department-newz-wrapper .card-print-btn-with-date-new-tag .card-left-side {
  gap: 0.25rem !important;
}
.department-newz-wrapper .card-print-btn-with-date-new-tag .card-left-side .card-title-texts {
  display: flex;
}
.department-newz-wrapper .card-print-btn-with-date-new-tag .card-title-with-arrow {
  width: fit-content !important;
}
.department-newz-wrapper .card-print-btn-with-date-new-tag .lexicon-icon-etds-chevron-right {
  font-size: 19px;
  color: var(--secondary);
}
.department-newz-wrapper .card-print-btn-with-date-new-tag .btn.btn-sm {
  padding: 0.25rem 0.25rem 0.25rem 0.75rem !important;
}
.department-newz-wrapper .card-print-btn-with-date-new-tag .card-right-side {
  min-width: 322px !important;
}
.department-newz-wrapper .common-pipe.small-pipe {
  height: 100%;
}
.department-newz-wrapper .lexicon-icon-etds-download-1 {
  margin-left: 0.5rem;
}

.etds-circulars-notifications.department-instruction-wrapper .list-view {
  gap: 1.5rem;
}
.etds-circulars-notifications.department-instruction-wrapper .list-view .notification-card-width {
  width: 80% !important;
}
.etds-circulars-notifications.department-instruction-wrapper .list-view .card-body {
  align-items: unset;
}
.etds-circulars-notifications.department-instruction-wrapper .last-updated {
  margin-bottom: 20px !important;
}
.etds-circulars-notifications.department-instruction-wrapper .notifications-row span:first-child {
  border-right: unset;
}
.etds-circulars-notifications.department-instruction-wrapper .etds-page-main-content .search-wrapper {
  margin-bottom: 1.25rem;
}
.etds-circulars-notifications.department-instruction-wrapper .text-end {
  gap: 1rem;
}
.etds-circulars-notifications.department-instruction-wrapper .text-end .small {
  font-size: var(--sub-heading-3-font-size);
  font-weight: 400;
  min-width: 7.75rem;
  text-align: center;
}
.etds-circulars-notifications.department-instruction-wrapper .text-end .lexicon-icon-etds-download {
  color: var(--primary);
}
.etds-circulars-notifications.department-instruction-wrapper .common-pipe.small-pipe:first-child {
  height: 100%;
}

.kms-wrapper {
  border: 1px solid var(--dark-variant-5);
  border-radius: 0.25rem;
}
.kms-wrapper .right-content {
  background-color: #fff !important;
}
.kms-wrapper .page-with-sidebar {
  background-color: var(--background-4) !important;
}
.kms-wrapper .page-content-wrap .left-sidebar {
  flex: 0 0 222px;
  max-width: 222px;
}
.kms-wrapper .page-content-wrap .right-content {
  padding: 1.25rem 1rem !important;
}

.kms-knowledge-portal .search-wrapper {
  margin-bottom: unset;
  padding: unset;
  border-radius: unset;
  border: unset;
}
.kms-knowledge-portal .card-print-btn-with-date-new-tag .card-right-side .open-in-new-tab-btn {
  width: 9.304rem;
  justify-content: center;
}

.view-all-wrapper {
  float: right;
}
.view-all-wrapper a {
  color: var(--secondary) !important;
  text-decoration-line: underline;
}

.open-in-new-tab-btn svg {
  height: 1.25rem;
  width: 1.25rem;
}

.green-new-tag-wrapper .new-badge {
  background: var(--light-bg-green);
  border: 0.063rem solid var(--light-border-green);
  color: var(--success-700);
  font-size: 0.75rem;
  text-transform: capitalize;
}

.questions-root {
  margin-top: 1.5rem;
}
.questions-root .questions-tag-selector,
.questions-root .form-feedback-group {
  display: none;
}
.questions-root .question-row {
  background-color: var(--secondary-variant-3);
  border-radius: 0.5rem;
  border: 1px solid var(--border-color);
}
.questions-root .question-row .questions-title:after {
  border-radius: 0.5rem;
}
.questions-root .question-row ul.stretched-link-layer li:first-child {
  display: none;
}
.questions-root .questions-section-single .questions-container .col-md-1 {
  visibility: hidden;
}

html[lang=hi-IN] body .kms-knowledge-portal .card-print-btn-with-date-new-tag .card-right-side .open-in-new-tab-btn {
  width: 6.185rem;
}

@media (max-width: 991.98px) {
  .kms-wrapper .card-print-btn-with-date-new-tag .card-right-side,
  .kms-wrapper .department-newz-wrapper .card-print-btn-with-date-new-tag .card-right-side {
    min-width: unset !important;
  }
  .department-newz-wrapper .form-group-autofit {
    flex-direction: column;
  }
  .department-newz-wrapper .row-3-columns {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767.98px) {
  .kms-wrapper .page-with-sidebar {
    background-color: transparent;
  }
  .kms-wrapper .page-with-sidebar .page-sidebar {
    margin-bottom: 0;
    margin: 1.25rem 1rem 0;
  }
  .view-all-wrapper {
    padding-bottom: 0;
    padding-top: 1rem;
  }
}
@media (max-width: 575.98px) {
  .department-newz-wrapper .card-print-btn-with-date-new-tag .card-right-side {
    min-width: unset !important;
    justify-content: flex-start;
    gap: 1rem;
    padding: 0;
  }
  .department-newz-wrapper .card-print-btn-with-date-new-tag .card-right-side .common-pipe {
    display: none;
  }
  .department-newz-wrapper .card-print-btn-with-date-new-tag .card-right-side .etds-misc__button {
    padding: 0 !important;
  }
  .department-newz-wrapper .card-print-btn-with-date-new-tag .card-right-side .etds-misc__button span {
    display: none;
  }
  .department-newz-wrapper .card-print-btn-with-date-new-tag .card-right-side .etds-misc__button svg {
    margin: 0 !important;
  }
}
@media (max-width: 360px) {
  .kms-knowledge-portal .card-print-btn-with-date-new-tag {
    flex-direction: column;
  }
  .kms-wrapper .page-content-wrap .left-sidebar {
    max-width: 100%;
  }
  .kms-knowledge-portal .pagination-wrapper {
    flex-direction: column;
    gap: 10px;
  }
  .kms-knowledge-portal .pagination-wrapper .load-time {
    display: block !important;
  }
  .kms-knowledge-portal .pagination-wrapper .pagination-pages .jump-to-page {
    margin-left: 0;
  }
  .kms-knowledge-portal .pagination-wrapper .pagination-pages .prev-next-wrap {
    gap: 6px;
  }
  .tax-survey-success-footer {
    flex-direction: column;
    gap: 10px;
  }
}
.etds-my-profile-container .etds-my-profile {
  display: flex;
  gap: 1.5rem;
}
.etds-my-profile-container .etds-my-profile .sidebar {
  padding: 1.75rem 1rem 1rem 0.5rem;
  background: var(--secondary-variant-3);
  height: unset;
  min-width: 17.875rem;
}
.etds-my-profile-container .etds-my-profile .header-actions .btn-secondary {
  border-color: var(--primary);
  color: var(--primary);
  display: flex;
  flex-direction: row;
  gap: 0.25rem;
  align-items: center;
}
.etds-my-profile-container .etds-my-profile .header-actions .btn-secondary svg {
  width: 1.25rem;
  height: 1.25rem;
}
.etds-my-profile-container .profile-container {
  width: 100%;
}
.etds-my-profile-container .profile-summary {
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--secondary-300);
  border-radius: 0.375rem;
  background: var(--background-4);
  margin-bottom: 1rem;
}
.etds-my-profile-container .profile-summary h2 {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 700;
  color: var(--primary);
  margin-bottom: 0.125rem;
}
.etds-my-profile-container .profile-summary p {
  margin-bottom: 0px;
}
.etds-my-profile-container .sidebar {
  display: block;
}
.etds-my-profile-container .sidebar hr {
  margin-bottom: 0.5rem;
  border-color: var(--dark-variant-5);
}
.etds-my-profile-container .sidebar .tab-style {
  padding-left: 0px;
  list-style: none;
  display: flex;
  gap: 0.25rem;
  flex-direction: column;
}
.etds-my-profile-container .sidebar .tab-style li button {
  border-radius: 0.25rem;
  padding: 0;
  font-size: var(--sub-heading-2-font-size);
  font-weight: 400;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  cursor: pointer;
  background: unset;
  border: 0;
  width: 100%;
  outline-offset: -0.25rem;
}
.etds-my-profile-container .sidebar .tab-style li button svg {
  width: 1.25rem;
  height: 1rem;
}
.etds-my-profile-container .sidebar .tab-style li.active button {
  background: var(--primary-variant-8);
  font-size: var(--sub-heading-2-font-size);
  font-weight: 700;
  color: var(--secondary-700);
}
.etds-my-profile-container .sidebar .tab-style li.active button svg {
  color: var(--secondary-700);
}
.etds-my-profile-container .sidebar .tab-style li svg {
  color: var(--dark-variant-1);
}
.etds-my-profile-container .sidebar .tab-style li button {
  padding: 0.75rem;
}
.etds-my-profile-container .sidebar .tab-style li a {
  padding: 0.75rem;
}
.etds-my-profile-container .profile-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}
.etds-my-profile-container .profile-details-tab {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1.25rem;
}
.etds-my-profile-container .profile-details-tab .icon-box {
  border: 0.5px solid #919191;
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0.313rem 0.313rem 0.5rem;
}
.etds-my-profile-container .profile-details-tab .label {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
  color: var(--neutral-1000-3);
  border: 0;
}
.etds-my-profile-container .etds-profile-details .header-actions .btn-secondary svg {
  width: 1.25rem;
  height: 1.25rem;
}
.etds-my-profile-container .etds-profile-details.profile-non-edit .form-group-item .control-label {
  font-size: var(--sub-heading-3-font-size);
  font-weight: 400;
  color: var(--font-color-basic);
}
.etds-my-profile-container .etds-profile-details.profile-non-edit .form-group-item input {
  font-size: var(--sub-heading-3-font-size);
  font-weight: 400;
  color: var(--dark-variant-2);
  color: var(--primary-variant-7) !important;
  padding: 0px;
  margin: 0px;
  border: 0;
  border-color: unset !important;
  background-color: unset !important;
  height: unset !important;
}
.etds-my-profile-container .etds-profile-details.profile-non-edit .form-group-item input::placeholder {
  opacity: 0;
}
.etds-my-profile-container .etds-profile-details .etds-card-body {
  background: var(--background-4);
}
.etds-my-profile-container .etds-profile-details .etds-card-body .form-group-item-autofit .control-label {
  display: none;
}
.etds-my-profile-container .etds-profile-details .etds-card-body .address-row {
  margin-bottom: 0;
}
.etds-my-profile-container .etds-profile-details.profile-edit .form-group-item {
  /* Hide icon but keep trigger active */
}
.etds-my-profile-container .etds-profile-details.profile-edit .form-group-item input:disabled {
  color: #909296;
  background-color: #f6f7f7 !important;
}
.etds-my-profile-container .etds-profile-details.profile-edit .form-group-item input[type=date] {
  padding-right: 0.5rem !important;
}
.etds-my-profile-container .etds-profile-details.profile-edit .form-group-item input[type=date] {
  -webkit-appearance: none; /* Optional */
  appearance: none;
  position: relative;
}
.etds-my-profile-container .etds-profile-details.profile-edit .form-group-item input[type=date]::-webkit-calendar-picker-indicator {
  position: absolute;
  right: 0.5rem;
  cursor: pointer;
}
.etds-my-profile-container .profile-details-tab-edit {
  display: flex;
  justify-content: space-between;
}
.etds-my-profile-container .profile-details-tab-edit .header-actions {
  margin-bottom: 1.25rem;
}
.etds-my-profile-container .profile-details-tab-edit .btn-secondary {
  padding: 0.25rem 0.75rem;
}
.etds-my-profile-container .etds-change-password .alert-info {
  margin-bottom: 1.5rem !important;
}
.etds-my-profile-container .etds-change-password .etds-card-body {
  display: flex;
  justify-content: center;
}
.etds-my-profile-container .etds-change-password .etds-card-body form {
  width: 20rem;
}
.etds-my-profile-container .etds-change-password .alert-success {
  width: 100%;
}
.etds-my-profile-container .etds-change-password input {
  background: unset !important;
}
.etds-my-profile-container .profile-details .etds-card .form-group-autofit > .form-group-item:not(:last-child) {
  margin-right: 1.25rem;
}

.etds-set-password-vertical .password-setup-container .password-form {
  width: 100%;
}
.etds-set-password-vertical .password-setup-container .password-info {
  width: 100%;
  height: unset;
}
.etds-set-password-vertical .password-setup-container .password-info .info-box {
  background: unset;
  border: unset;
  padding: 0px;
  margin-bottom: 1.5rem;
}
.etds-set-password-vertical .password-setup-container .form-group-item {
  margin-bottom: 1rem;
}

.password-section-wrapper.etds-set-password-vertical .strength-meter span {
  font-size: var(--sub-heading-3-font-size);
  font-weight: 400;
}
.password-section-wrapper.etds-set-password-vertical .info-header {
  font-size: var(--sub-heading-3-font-size);
  font-weight: 400;
  color: var(--font-color-basic);
  align-items: flex-start;
}
.password-section-wrapper.etds-set-password-vertical .info-header svg {
  flex-shrink: 0;
}
.password-section-wrapper.etds-set-password-vertical .info-box li {
  font-size: var(--sub-heading-3-font-size);
  font-weight: 400;
  align-items: center;
}
.password-section-wrapper.etds-set-password-vertical .info-box li svg {
  font-size: var(--sub-heading-3-font-size);
  font-weight: 400;
}
.password-section-wrapper.etds-set-password-vertical .password-form .form-group-item:last-child {
  margin-bottom: 0;
}

.etds-profile-container.mobile {
  display: none;
}

@media (max-width: 767.98px) {
  .etds-my-profile-container {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .etds-my-profile-container .etds-profile-container {
    border: 0;
    border-top: 1px solid var(--dark-variant-5);
    border-bottom: 1px solid var(--dark-variant-5);
    border-radius: 0;
    background: var(--background-4);
    padding: 0.75rem 1rem 1rem 1rem;
    margin-bottom: 1.25rem;
  }
  .etds-my-profile-container .etds-profile-container .etds-user-info {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    margin-bottom: 0.25rem;
  }
  .etds-my-profile-container .etds-profile-container .etds-user-info .name {
    color: var(--primary);
    font-size: var(--sub-heading-1-font-size);
    font-weight: 700;
  }
  .etds-my-profile-container .etds-profile-container .etds-user-info .designation {
    color: var(--dark-variant-2);
    font-size: var(--sub-heading-3-font-size);
    font-weight: 400;
  }
  .etds-my-profile-container .etds-profile-container.mobile {
    display: block !important;
  }
  .etds-my-profile-container .etds-profile-dropdown .control-label {
    display: none;
  }
  .etds-my-profile-container .etds-profile-dropdown span.icon svg {
    width: 1.25rem;
    height: 1.25rem;
    margin-top: 0.25rem;
  }
  .etds-my-profile-container .etds-profile-dropdown .react-select-wrapper .css-hlgwow {
    padding: 0.375rem 1rem;
  }
  .etds-my-profile-container .etds-profile-dropdown .dropdown-option-with-icon {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
  }
  .etds-my-profile-container .etds-profile-dropdown .css-t3ipsp-control {
    min-height: unset !important;
    height: unset !important;
    border-color: var(--secondary-variant-1) !important;
    box-shadow: none;
    background: var(--primary) !important;
    font-size: var(--sub-heading-2-font-size);
    font-weight: 500;
  }
  .etds-my-profile-container .etds-profile-dropdown .css-t3ipsp-control .dropdown-option-with-icon {
    color: var(--primary-variant-6);
  }
  .etds-my-profile-container .etds-profile-dropdown .css-t3ipsp-control .css-15lsz6c-indicatorContainer svg {
    color: var(--primary-variant-6);
  }
  .etds-my-profile-container .sidebar {
    display: none;
  }
  .etds-my-profile-container .etds-my-profile {
    padding-right: 0px !important;
  }
  .etds-my-profile-container .profile-details-tab-edit {
    flex-direction: column;
  }
  .alert-notifications.alert-notifications-fixed {
    top: 16rem !important;
  }
}
@media (max-width: 991.98px) {
  .etds-my-profile-container .profile-header h3 {
    font-size: var(--h4-font-size);
    font-weight: 700;
  }
}
@media (max-width: 360px) {
  .etds-my-profile-container header.profile-header {
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1rem;
  }
  .etds-my-profile-container header.profile-header h3 {
    font-size: var(--h5-font-size);
    font-weight: 500;
  }
  .etds-my-profile-container header.profile-header .header-actions .btn-secondary {
    width: 100%;
    justify-content: center;
  }
  .kms-success-btn {
    width: 100%;
  }
  .kms-success-btn .action-buttons {
    gap: 1rem;
    align-items: center;
    justify-content: unset;
    flex-direction: column-reverse;
  }
  .kms-success-btn .action-buttons .btn {
    width: 100%;
    justify-content: center;
  }
}
.forget-password-steps {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  margin-bottom: 1.25rem;
  align-items: center;
  flex-wrap: wrap;
}
.forget-password-steps .step {
  border-radius: 0.25rem;
  padding: 0.75rem 0.75rem 0.75rem 1rem;
  display: flex;
  gap: 0.5rem;
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
  min-width: 19.5rem;
  flex-wrap: wrap;
}
.forget-password-steps .step svg {
  flex-shrink: 0;
  font-size: var(--h4-font-size);
  font-weight: 500;
}
.forget-password-steps .otp-verification {
  border: 1px solid var(--secondary-300);
  background: var(--secondary-variant-2);
  color: var(--secondary);
}
.forget-password-steps .change-password {
  border: 1px solid var(--secondary-bg-30);
  background: var(--background-4);
  color: var(--dark-variant-2);
}
.forget-password-steps .divider {
  width: 1.5rem;
  border: 1px solid var(--dark-variant-5);
  height: 1px;
}
.forget-password-steps .otp-success {
  border: 1px solid var(--secondary-bg-30);
  background: var(--background-4);
  color: #1a7844;
}

.etds-forgot-password-portal .etds-forgot-password-header {
  width: 100%;
}
.etds-forgot-password-portal .etds-forgot-password-header p {
  text-align: center;
}
.etds-forgot-password-portal .page-content-wrap .etds-verification-section {
  max-width: 22.5rem;
}
.etds-forgot-password-portal .email-input-group {
  margin-bottom: 1rem !important;
}
.etds-forgot-password-portal .register-otp-timer {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  font-weight: 500;
}
.etds-forgot-password-portal .register-otp-timer .otp-timer {
  color: var(--primary);
}
.etds-forgot-password-portal .form-group-item-autofit .action-buttons {
  margin-top: 1.25rem;
}
.etds-forgot-password-portal .form-group-item-autofit .action-buttons button {
  align-items: center;
  display: flex;
  gap: 0.25rem;
}
.etds-forgot-password-portal .form-group-item-autofit .action-buttons button svg {
  height: 1.25rem;
}
.etds-forgot-password-portal .form-group-item-autofit .action-buttons button.btn-secondary {
  border: 1px solid var(--primary);
  color: var(--primary);
  margin-right: 0.125rem;
}
.etds-forgot-password-portal .password-section-wrapper {
  max-width: 20rem;
}

.etds-forget-password-mobile {
  display: none;
}

.etds-forget-password-mobile {
  background-color: var(--secondary-variant-3);
  margin-bottom: 2rem;
}
.etds-forget-password-mobile .progress-wrapper svg {
  height: 4rem;
  width: 4rem;
}
.etds-forget-password-mobile .header {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  border-top: 1px solid var(--dark-variant-5);
  border-bottom: 1px solid var(--dark-variant-5);
}
.etds-forget-password-mobile .title {
  font-size: var(--h4-font-size);
  font-weight: 700;
  color: var(--primary);
}
.etds-forget-password-mobile .subtitle {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 500;
  color: var(--primary);
  display: flex;
  align-items: center;
}
.etds-forget-password-mobile .arrow {
  color: var(--primary);
  margin-top: 0.25rem;
}
.etds-forget-password-mobile .arrow.close {
  margin-top: -0.125rem;
}
.etds-forget-password-mobile .dropdown-content {
  padding-top: 1rem;
  background: var(--background-4);
}
.etds-forget-password-mobile .dropdown-content .step.pending {
  background: var(--secondary-variant-2);
  color: var(--secondary);
}
.etds-forget-password-mobile .step {
  display: flex;
  align-items: center;
  padding: 0.625rem 0.625rem 0.625rem 1rem;
  gap: 0.75rem;
}
.etds-forget-password-mobile .step svg {
  height: 1.25rem;
  width: 1.25rem;
}
.etds-forget-password-mobile .step.verified {
  color: #1a7844;
}
.etds-forget-password-mobile .dropdown-open .subtitle {
  gap: 0;
}
.etds-forget-password-mobile .dropdown-open .subtitle .arrow.open {
  margin-top: 0.25rem;
  margin-left: 0.5rem;
}
.etds-forget-password-mobile .divider {
  width: 0.75rem;
  background: var(--dark-variant-4);
  height: 0.063rem;
  transform: rotate(90deg);
  margin-left: 1.375rem;
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}

@media (max-width: 360px) {
  .etds-forget-password-mobile {
    display: block !important;
  }
  .forget-password-steps {
    display: none;
  }
  .forget-password-steps .step {
    min-width: 100%;
    min-width: 100%;
  }
  .forget-password-steps .divider {
    width: 0.75rem;
    transform: rotate(90deg);
    margin-left: 1.5rem;
  }
  .etds-forgot-password-portal .etds-forgot-password-header p {
    text-align: left;
  }
}
.etds-update-password-module .password-setup-container {
  flex-direction: column;
  gap: 0;
}
.etds-update-password-module .password-setup-container fieldset .panel-body {
  padding: 0;
}

@media (max-width: 767px) {
  .forget-password-steps {
    flex-direction: column;
    align-items: self-start;
  }
  .forget-password-steps .divider {
    margin: 10px 0;
    transform: rotate(90deg);
    margin-left: 8.5rem;
  }
}
.etds-natweb-reports {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1.25rem 1.25rem 0;
  background-color: var(--primary-variant-6);
  border: 1px solid var(--secondary-variant-2);
  border-radius: 0.25rem;
}
.etds-natweb-reports .etds-natweb--bottom-padding-border {
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--dark-variant-5);
}
.etds-natweb-reports .etds-natweb-reports-header-texts {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.etds-natweb-reports .etds-natweb-reports-header-texts .text-muted {
  font-style: italic;
}
.etds-natweb-reports .etds-natweb-reports-header-texts .etds-natwebs-buttons {
  gap: 0.625rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.etds-natweb-reports .etds-natweb-reports-header-texts .etds-natwebs-buttons .etds-natwebs-button-container {
  display: flex;
  flex-direction: column;
  gap: 0.438rem;
  padding: 0.75rem;
  background-color: var(--background-4);
  border: 1px solid var(--secondary-bg-30);
  border-radius: 0.25rem;
  margin-bottom: 0.125rem;
}
.etds-natweb-reports .etds-natweb-reports-header-texts .etds-natwebs-buttons .etds-natwebs-button-container .etds-natwebs-button-tab-text {
  text-align: start;
  color: var(--font-color-basic);
  min-height: 2.5rem;
}
.etds-natweb-reports .etds-natweb-reports-header-texts .etds-natwebs-buttons .etds-natwebs-button-container .etds-natwebs-button {
  padding: 0.25rem;
  border: 1px solid var(--primary-variant-8);
  border-radius: 3.125rem;
  color: var(--font-color-basic);
}
.etds-natweb-reports .etds-natweb-reports-header-texts .etds-natwebs-buttons .etds-natwebs-button-container .etds-natwebs-button a,
.etds-natweb-reports .etds-natweb-reports-header-texts .etds-natwebs-buttons .etds-natwebs-button-container .etds-natwebs-button a:hover {
  text-decoration: none !important;
  color: var(--dark) !important;
}
.etds-natweb-reports .etds-natweb-reports-header-texts .etds-natwebs-buttons .etds-natwebs-button-container--neutral {
  background-color: var(--primary-variant-6);
  border: 0.5px solid var(--dark-variant-4);
  color: #61646b !important;
}
.etds-natweb-reports .etds-natweb-reports-header-texts .etds-natwebs-buttons .etds-natwebs-button-container--neutral .etds-natwebs-button {
  background-color: var(--background-4);
}
.etds-natweb-reports .etds-natweb-reports-header-texts .etds-natwebs-buttons .active .etds-natwebs-button {
  background-color: var(--secondary-variant-2);
  color: var(--secondary);
  font-weight: bold;
}
.etds-natweb-reports .etds-natweb-reports-header-texts .etds-natweb-reports-header-texts__p {
  color: var(--text-tertiary);
  font-size: 0.75rem;
  font-style: italic;
}
.etds-natweb-reports .etds-cca-natweb {
  display: flex;
  flex-direction: column;
}
.etds-natweb-reports .etds-cca-natweb .etds-natweb-cca__title {
  color: var(--primary);
}
.etds-natweb-reports .etds-cca-natweb .etds-natweb__button {
  border-color: var(--primary);
}
.etds-natweb-reports .etds-cca-natweb .etds-natweb__button:hover {
  color: var(--font-color-basic);
}
.etds-natweb-reports .etds-cca-natweb .etds-natweb-reset {
  color: var(--primary);
}
.etds-natweb-reports .etds-cca-natweb .etds-cca-natweb-mainwrapper .etds-natweb__table {
  border-color: var(--dark-variant-5);
}
.etds-natweb-reports .etds-cca-natweb .etds-cca-natweb-mainwrapper .etds-natweb__table .etds-natweb-links {
  color: var(--secondary);
  text-decoration: underline;
}
.etds-natweb-reports .etds-cca-natweb .etds-cca-natweb-mainwrapper .etds-natweb__table .etds-natweb-table-last-updated-date,
.etds-natweb-reports .etds-cca-natweb .etds-cca-natweb-mainwrapper .etds-natweb__table .etds-natweb-table-last-updated-by {
  color: var(--primary);
}
.etds-natweb-reports .etds-cca-natweb .etds-cca-natweb-mainwrapper .etds-natweb__table--blue-text {
  color: var(--secondary-600);
}
.etds-natweb-reports .etds-cca-natweb .etds-cca-natweb-mainwrapper .etds-natweb__table--blue-text svg {
  color: var(--secondary);
}
.etds-natweb-reports .etds-cca-natweb .etds-cca-natweb-mainwrapper .rounded-table {
  border: 1px solid var(--dark-variant-5);
  border-radius: 0.25rem;
}
.etds-natweb-reports .etds-cca-natweb .etds-cca-natweb-mainwrapper .etds-natweb-table-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.5rem 1.25rem 1rem;
  border: 1px solid var(--dark-variant-5);
  border-radius: 0.25rem;
}
.etds-natweb-reports .etds-cca-natweb .etds-cca-natweb-mainwrapper .etds-natweb-table-wrapper .etds-natweb-table-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.etds-natweb-reports .etds-cca-natweb .etds-cca-natweb-mainwrapper .etds-natweb-table-wrapper .etds-natweb-generated-reports-header {
  display: flex;
  gap: 1.313rem;
}
.etds-natweb-reports .etds-cca-natweb .etds-cca-natweb-mainwrapper .etds-natweb-table-wrapper .etds-natweb-generated-reports-header .etds-natweb-dcu-important {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.etds-natweb-reports .etds-cca-natweb .etds-cca-natweb-mainwrapper .etds-natweb-table-wrapper .etds-natweb-generated-reports-header .etds-natweb-dcu-important svg,
.etds-natweb-reports .etds-cca-natweb .etds-cca-natweb-mainwrapper .etds-natweb-table-wrapper .etds-natweb-generated-reports-header .etds-natweb-dcu-important p {
  color: var(--secondary);
}
.etds-natweb-reports .etds-cca-natweb .etds-cca-natweb-mainwrapper .search-wrapper .MuiPickersInputBase-sectionsContainer {
  padding: 0.5rem 0;
}
.etds-natweb-reports .etds-cca-natweb .etds-cca-natweb-mainwrapper .search-wrapper .MuiStack-root {
  padding: 0;
}
.etds-natweb-reports .etds-cca-natweb .etds-cca-natweb-mainwrapper .search-wrapper .dateGroup {
  margin-right: 1.5rem;
}
.etds-natweb-reports .etds-cca-natweb .etds-cca-natweb-mainwrapper .search-wrapper .form-group-autofit {
  margin-bottom: 0;
}
.etds-natweb-reports .etds-cca-natweb .etds-cca-natweb-mainwrapper .search-wrapper .search-box div.tab-style {
  border: none;
}
.etds-natweb-reports .etds-cca-natweb .etds-cca-natweb-mainwrapper .search-wrapper .search-box div.tab-style h5 {
  margin-bottom: 0;
}
.etds-natweb-reports .etds-cca-natweb .etds-cca-natweb-mainwrapper .search-wrapper .etds-natweb-dates-picker {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  max-width: fit-content;
}
.etds-natweb-reports .etds-cca-natweb .etds-cca-natweb-mainwrapper .search-wrapper .etds-sub-tab-label {
  margin-bottom: 1.5rem;
}
.etds-natweb-reports .etds-cca-natweb .etds-cca-natweb-mainwrapper .search-wrapper .etds-sub-tab-label p {
  color: var(--dark-variant-2);
}
.etds-natweb-reports .etds-cca-natweb .etds-cca-natweb-mainwrapper .search-wrapper .alert-success {
  color: #1a7844;
}
.etds-natweb-reports .etds-cca-natweb .etds-cca-natweb-mainwrapper .search-wrapper .alert-success .alert-indicator {
  font-size: 1.1rem;
}
.etds-natweb-reports .etds-cca-natweb .etds-cca-natweb-mainwrapper .search-wrapper .alert-success .autofit-section .lead {
  color: #1a7844;
}
.etds-natweb-reports .etds-cca-natweb .etds-button--neutraliser {
  background: none;
  border: none;
}
.etds-natweb-reports .etds-cca-natweb .etds-dcu-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4rem;
  padding: 0.75rem 1.5rem;
  border: 1px solid white;
  border-radius: 4px;
}
.etds-natweb-reports .etds-cca-natweb .etds-dcu-card p {
  margin-bottom: 0;
}
.etds-natweb-reports .etds-cca-natweb .etds-dcu-card .etds-dcu-report-details-icon {
  display: flex;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.25rem;
}
.etds-natweb-reports .etds-cca-natweb .etds-dcu-card .etds-dcu-report-label {
  color: var(--text-tertiary);
}
.etds-natweb-reports .etds-cca-natweb .etds-dcu-card .etds-dcu-report-details {
  display: flex;
  gap: 1rem;
}
.etds-natweb-reports .etds-cca-natweb .etds-dcu-card .etds-dcu-report-details .etds-dcu-report-texts .etds-dcu-report-name {
  font-weight: 700;
}
.etds-natweb-reports .etds-cca-natweb .etds-dcu-card--success {
  border-color: #1a7844;
  background-color: #f5fbf6;
}
.etds-natweb-reports .etds-cca-natweb .etds-dcu-card--success .etds-dcu-report-details .etds-dcu-report-details-icon {
  background-color: #e1f2e5;
}
.etds-natweb-reports .etds-cca-natweb .etds-dcu-card--success .etds-dcu-report-details .etds-dcu-report-name {
  color: #1a7844;
}
.etds-natweb-reports .etds-cca-natweb .etds-dcu-card--success .etds-dcu-report-status {
  color: #1a7844;
}
.etds-natweb-reports .etds-cca-natweb .etds-dcu-card--warning {
  border-color: #945301;
  background-color: #fffbf2;
}
.etds-natweb-reports .etds-cca-natweb .etds-dcu-card--warning .etds-dcu-report-details .etds-dcu-report-details-icon {
  background-color: #fff2d9;
}
.etds-natweb-reports .etds-cca-natweb .etds-dcu-card--warning .etds-dcu-report-details .etds-dcu-report-name {
  color: #945301;
}
.etds-natweb-reports .etds-cca-natweb .etds-dcu-card--warning .etds-dcu-report-status {
  color: #945301;
}
.etds-natweb-reports .etds-cca-natweb .etds-dcu-card--danger {
  border-color: var(--error);
  background-color: #fbf4f4;
}
.etds-natweb-reports .etds-cca-natweb .etds-dcu-card--danger .etds-dcu-report-details .etds-dcu-report-details-icon {
  background-color: #f4dedd;
}
.etds-natweb-reports .etds-cca-natweb .etds-dcu-card--danger .etds-dcu-report-details .etds-dcu-report-name {
  color: var(--error);
}
.etds-natweb-reports .etds-cca-natweb .etds-dcu-card--danger .etds-dcu-report-status {
  color: var(--error);
}
.etds-natweb-reports .etds-cca-natweb .Mui-error {
  margin-left: 0;
}

.etds-natweb-notifications {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-left: auto;
  width: fit-content;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1000;
}
.etds-natweb-notifications p,
.etds-natweb-notifications h3 {
  margin-bottom: 0;
}
.etds-natweb-notifications .etds-natweb-red-dot {
  border-radius: 0.75rem;
  background-color: var(--error);
  width: 0.625rem;
  height: 0.625rem;
}
.etds-natweb-notifications .etds-natweb-notifications-icon {
  margin-left: auto;
  position: relative;
}
.etds-natweb-notifications .etds-natweb-notifications-icon .etds-natweb-red-dot--count {
  border: 1px solid var(--primary-variant-6);
  font-size: 0.5rem;
  font-weight: 700;
  color: var(--primary-variant-6);
  width: fit-content;
  position: absolute;
  top: 0;
  right: -7px;
  z-index: 2;
  width: 1rem;
  height: 1rem;
  text-align: center;
}
.etds-natweb-notifications .etds-natweb-notifications-card {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1.25rem 1.5rem;
  background-color: var(--primary-variant-6);
  border: 1px solid var(--dark-variant-5);
  border-radius: 0.5rem;
  z-index: 3;
}
.etds-natweb-notifications .etds-natweb-notifications-card .etds-natweb-notifications-card-header {
  display: flex;
  justify-content: space-between;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--dark-variant-5);
}
.etds-natweb-notifications .etds-natweb-notifications-card .etds-natweb-notifications-card-header h3 {
  font-size: var(--h5-font-size);
  font-weight: 700;
  color: var(--primary);
  margin-bottom: 0;
}
.etds-natweb-notifications .etds-natweb-notifications-card .etds-natweb-notifications-card-header svg {
  color: var(--primary);
  width: 1rem;
  height: 1rem;
}
.etds-natweb-notifications .etds-natweb-notifications-card .etds-natweb-notifications-card-row {
  display: flex;
  gap: 1rem;
}
.etds-natweb-notifications .etds-natweb-notifications-card .etds-natweb-notifications-card-row .etds-natweb-notifications-card-content {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.etds-natweb-notifications .etds-natweb-notifications-card .etds-natweb-notifications-card-row .etds-natweb-notifications-card-content .etds-natweb-notifications-card-content-header {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
}
.etds-natweb-notifications .etds-natweb-notifications-card .etds-natweb-notifications-card-row .etds-natweb-notifications-card-content .etds-natweb-notifications-card-content-header .etds-natweb-notifications-card-content__p {
  flex: 3;
  font-size: var(--body-font-2-size);
  font-weight: 400;
}
.etds-natweb-notifications .etds-natweb-notifications-card .etds-natweb-notifications-card-row .etds-natweb-notifications-card-content .etds-natweb-notifications-card-content-header .etds-natweb-notifications-red-dot-container {
  flex: 1;
}
.etds-natweb-notifications .etds-natweb-notifications-card .etds-natweb-notifications-card-row .etds-natweb-notifications-card-content .etds-natweb-notifications-card-content-header .etds-natweb-notifications-red-dot-container .etds-natweb-red-dot {
  margin-left: auto;
}
.etds-natweb-notifications .etds-natweb-notifications-card .etds-natweb-notifications-card-row .etds-natweb-notifications-card-content .etds-natweb-notifications-card-content-footer {
  display: flex;
  gap: 0.25rem;
  align-items: center;
}
.etds-natweb-notifications .etds-natweb-notifications-card .etds-natweb-notifications-card-row .etds-natweb-notifications-card-content .etds-natweb-notifications-card-content-footer .etds-natweb-notifications-card-content-footer__p {
  font-size: var(--body-font-3-size);
  font-weight: 400;
}
.etds-natweb-notifications .etds-natweb-notifications-card .etds-natweb-notifications-card-row .etds-natweb-notifications-card-content .etds-natweb-notifications-card-content-footer .etds-natweb-notifications-card-content-footer__button {
  padding: 0.219rem 0.75rem;
  border-color: var(--primary);
  margin-left: auto;
}
.etds-natweb-notifications .etds-natweb-notifications-card .etds-natweb-notifications-card-row .etds-natweb-notifications-card-content .etds-natweb-notifications-card-content-footer .etds-natweb-notifications-card-content-footer__button:hover {
  color: var(--primary);
  background-color: inherit;
}

.etds-natweb-wrapper {
  position: relative;
}
.etds-natweb-wrapper .page-title {
  color: var(--primary);
}

@media (max-width: 991.98px) {
  .etds-natweb-reports .etds-cca-natweb .etds-dcu-card {
    display: grid;
    grid-template-areas: "top-left top-left top-left top-right top-right";
    gap: 0.75rem;
  }
  .etds-natweb-reports .etds-cca-natweb .etds-dcu-card .etds-dcu-report-details {
    grid-area: top-left;
  }
  .etds-natweb-reports .etds-cca-natweb .etds-dcu-card .ml-auto {
    grid-area: top-right;
  }
}
@media (max-width: 767.98px) {
  .etds-natweb-reports .etds-cca-natweb .etds-dcu-card {
    grid-template-areas: "top-left top-left top-right top-right";
  }
  .etds-natweb-reports .etds-cca-natweb .etds-cca-natweb-mainwrapper .etds-natweb-table-wrapper {
    overflow-x: auto;
  }
  .etds-cca-natweb-mainwrapper .react-select-wrapper .etds-select__control .etds-select__value-container .etds-select__placeholder {
    font-size: 0.625rem;
  }
  .etds-cca-natweb-mainwrapper .form-group-autofit .form-group-item {
    min-width: unset;
  }
  .etds-cca-natweb-mainwrapper .form-group-autofit > .form-group-item:not(:last-child) {
    margin-right: 1rem;
  }
  .etds-cca-natweb-mainwrapper .action-buttons {
    gap: 0.25rem !important;
  }
  .etds-cca-natweb-mainwrapper .action-buttons .btn {
    font-size: 0.625rem;
  }
  .css-q6vpb4 {
    z-index: 988;
  }
  .etds-natweb-notifications .etds-natweb-notifications-card .etds-natweb-notifications-card-row .etds-natweb-notifications-card-content .etds-natweb-notifications-card-content-header {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    flex-direction: column;
  }
  .etds-tax-defaulter .MuiInputBase-root {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%20%3Cg%20clip-path%3D%22url(%23clip0_25515_4157)%22%3E%20%3Cpath%20d%3D%22M4.16667%2018.8334C3.70833%2018.8334%203.31597%2018.6702%202.98958%2018.3438C2.66319%2018.0174%202.5%2017.6251%202.5%2017.1667V5.50008C2.5%205.04175%202.66319%204.64939%202.98958%204.323C3.31597%203.99661%203.70833%203.83341%204.16667%203.83341H5V2.16675H6.66667V3.83341H13.3333V2.16675H15V3.83341H15.8333C16.2917%203.83341%2016.684%203.99661%2017.0104%204.323C17.3368%204.64939%2017.5%205.04175%2017.5%205.50008V17.1667C17.5%2017.6251%2017.3368%2018.0174%2017.0104%2018.3438C16.684%2018.6702%2016.2917%2018.8334%2015.8333%2018.8334H4.16667ZM4.16667%2017.1667H15.8333V8.83342H4.16667V17.1667ZM4.16667%207.16675H15.8333V5.50008H4.16667V7.16675Z%22%20fill%3D%22%23909296%22/%3E%20%3C/g%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_25515_4157%22%3E%20%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%20transform%3D%22translate(0%200.5)%22/%3E%20%3C/clipPath%3E%20%3C/defs%3E%20%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.625rem center;
    background-size: 1.25rem;
  }
  .etds-ccit-region-meetings .modal-dialog.modal-lg {
    margin-top: 0.5rem;
  }
}
@media (max-width: 575.98px) {
  .etds-natweb-reports .etds-natweb-reports-header-texts .etds-natwebs-buttons {
    grid-template-columns: 1fr;
  }
  .etds-natweb-reports .etds-cca-natweb .etds-dcu-card {
    display: flex;
    flex-direction: column;
    align-items: start;
  }
  .etds-natweb-reports .etds-cca-natweb .etds-dcu-card .ml-auto {
    margin-left: unset !important;
  }
}
@media (max-width: 480.98px) {
  .etds-natweb-reports .etds-cca-natweb .etds-cca-natweb-mainwrapper .search-wrapper .etds-natweb-dates-picker .dateRangeGroup {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
@media (max-width: 991.98px) {
  .etds-natweb-reports .etds-natweb-reports-header-texts .etds-natwebs-buttons .etds-natwebs-button-container .etds-natwebs-button-tab-text {
    min-height: 3rem;
  }
}
@media (max-width: 991.98px) and (max-width: 768px) {
  .etds-natweb-reports .etds-natweb-reports-header-texts .etds-natwebs-buttons .etds-natwebs-button-container .etds-natwebs-button-tab-text {
    min-height: 4rem;
  }
}
.sitemap-card {
  border: 1px solid var(--dark-variant-5);
  background-color: var(--primary-variant-6);
  padding: 1rem;
  border-radius: 0.25rem;
  margin-bottom: 1.25rem;
}
.sitemap-card .sitemap-card_title {
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--dark-variant-5);
  margin-bottom: 1.5rem;
}
.sitemap-card .sitemap-page-link {
  text-decoration: none;
  color: var(--secondary);
}
.sitemap-card .sitemap-page-link:hover {
  color: var(--secondary);
}
.sitemap-card .direct-links {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-row-gap: 1.5rem;
  grid-column-gap: 1.5rem;
}
.sitemap-card .child-links {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-row-gap: 1.5rem;
  grid-column-gap: 1rem;
  display: none;
}
.sitemap-card .child-links:has(.child-col) {
  display: grid;
}
.sitemap-card .child-links .child-col {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}

@media (max-width: 575.98px) {
  .sitemap-card .direct-links {
    grid-template-columns: 1fr;
  }
  .sitemap-card .child-links:has(.child-col) {
    grid-template-columns: 1fr;
  }
  .etds-page-main-content.sitemap-page .sort-views-wrapper {
    margin-top: 0.75rem;
  }
  .etds-page-main-content.sitemap-page .sort-views-wrapper .views-wrap.type-2 {
    display: flex;
  }
}
.etds-kms-reports .accordion-header {
  background: var(--secondary-variant-3) !important;
}
.etds-kms-reports .accordion-header .section-label {
  color: var(--primary-variant-7);
  text-align: left;
}
.etds-kms-reports .accordion-content {
  padding: 1rem !important;
  padding-top: 0;
  background: var(--secondary-variant-3);
}
.etds-kms-reports .accordion-content .accordion-list {
  border-top: 1px solid var(--secondary-bg-30);
  padding-top: 0.75rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1.625rem;
  row-gap: 0.75rem;
}
.etds-kms-reports .accordion-pdf {
  border: 1px solid var(--secondary-bg-30);
  display: flex;
  flex-wrap: wrap;
  min-width: 290px;
  background: var(--background-4);
  padding: 0.75rem;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.25rem;
  max-width: 290px;
}
.etds-kms-reports .accordion-pdf svg {
  height: 1.5rem;
  width: 1.25rem;
  flex-shrink: 0;
}
.etds-kms-reports .accordion-pdf-title {
  font-size: var(--sub-heading-2-font-size);
  font-weight: 700;
  color: var(--primary);
  text-align: left;
  width: 80%;
}

@media (max-width: 767.98px) {
  .etds-kms-reports .accordion-header .section-label {
    text-align: left;
  }
  .etds-kms-reports .accordion-header .expand span {
    display: none;
  }
  .etds-kms-reports .accordion-pdf {
    min-width: 100%;
  }
}
.children-theme {
  font-family: "Baloo2 semibold";
  background: linear-gradient(164.4deg, rgba(66, 166, 146, 0.6) 6.65%, rgba(204, 255, 245, 0.6) 20.51%, rgba(255, 255, 255, 0.6) 24.01%);
  margin-bottom: 48px;
}
.children-theme .container-with-title {
  padding: 32px 48px;
}
.children-theme .container-with-title .title {
  font-size: var(--title-font-size);
  line-height: 40px;
  margin-bottom: 32px;
}
.children-theme .chidren-top-banner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 16px;
}
.children-theme .chidren-top-banner .children-image {
  margin-right: 1.875rem;
}
.children-theme .children-container {
  margin-top: 1.875rem;
}
.children-theme .children-container .children-inner-container {
  background: var(--secondary-blue-variant-1);
  border-radius: 1.5rem;
  position: relative;
  z-index: 99;
}
.children-theme .children-container .children-inner-container .video-cards-inner-container p {
  margin-bottom: 0;
}
.children-theme .children-container .top-vector {
  position: absolute;
  right: 0;
  top: -110px;
  bottom: 79.71%;
  width: 85%;
  z-index: 9;
  overflow: hidden;
}
.children-theme .children-container .top-vector svg {
  width: 100%;
}
.children-theme .children-tile-section {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
  gap: 3rem;
  margin-top: 1rem;
  padding: 3rem 2rem 6rem;
  font-weight: 600;
  font-size: 1.25rem;
}
.children-theme .children-tile-section .children-tile-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.children-theme .children-tile-section .children-tile-wrapper .page-redirection {
  padding: 1.5rem;
}
.children-theme .children-tile-section .children-tile-wrapper .page-redirection a {
  color: var(--primary-green-variant-8);
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
}
.children-theme .children-tile-section .children-tile-wrapper .page-redirection a::after {
  content: "";
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3Cpath%20fill='black'%20d='M12.6667%2012.6667H3.33333V3.33333H8V2H3.33333C2.59333%202%202%202.6%202%203.33333V12.6667C2%2013.4%202.59333%2014%203.33333%2014H12.6667C13.4%2014%2014%2013.4%2014%2012.6667V8H12.6667V12.6667ZM9.33333%202V3.33333H11.7267L5.17333%209.88667L6.11333%2010.8267L12.6667%204.27333V6.66667H14V2H9.33333Z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3Cpath%20fill='black'%20d='M12.6667%2012.6667H3.33333V3.33333H8V2H3.33333C2.59333%202%202%202.6%202%203.33333V12.6667C2%2013.4%202.59333%2014%203.33333%2014H12.6667C13.4%2014%2014%2013.4%2014%2012.6667V8H12.6667V12.6667ZM9.33333%202V3.33333H11.7267L5.17333%209.88667L6.11333%2010.8267L12.6667%204.27333V6.66667H14V2H9.33333Z'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
}
.children-theme .children-tile-section .children-tile-wrapper .page-redirection a:focus-visible {
  padding: 0.25rem;
}
.children-theme .children-card-tiles-wrapper {
  border: 2px solid var(--secondary-blue-variant-4);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  padding: 24px;
  text-align: center;
}
.children-theme .children-card-tiles-wrapper img {
  height: 336px;
}
.children-theme .children-card-tiles-wrapper:hover {
  text-decoration: none;
}
.children-theme .children-card-tiles-wrapper p {
  display: flex;
  justify-content: center;
  gap: 8px;
  align-items: center;
  font-weight: 600;
  color: var(--primary-green-variant-8);
  font-size: 24px;
  white-space: nowrap;
}
.children-theme .children-card-tiles-wrapper:focus-visible {
  margin: 0.25rem;
}
.children-theme .chidren-video {
  display: flex;
  justify-content: start;
  padding: 32px 48px 48px;
}
.children-theme .chidren-video .girl-with-cloud {
  display: flex;
  flex-direction: column;
}
.children-theme .chidren-video .video-slider-container {
  overflow: hidden;
  position: relative;
  border: 16px solid #1f1f1f;
  z-index: 1;
  border-radius: 18px;
  height: 471px;
  display: flex;
  align-items: center;
}
.children-theme .chidren-video .video-slider-container .background-blur-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 471px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  filter: blur(8px);
}
.children-theme .chidren-video .video-slider-container .video-cards-inner-container-wrapper {
  padding: 40px 0 40px 24px;
  overflow: scroll;
}
.children-theme .chidren-video .video-slider-container .video-cards-inner-container-wrapper .container-fluid.d-flex {
  overflow: scroll !important;
  gap: 24px;
}
.children-theme .chidren-video .video-slider-container .video-cards-inner-container-wrapper .view-all-btn {
  position: absolute;
  width: 109px;
  min-width: 84px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px;
  height: 36px;
  left: 761px;
  top: 383px;
  background: var(--primary-variant-6);
  border: 1px solid var(--primary);
  border-radius: 4px;
  right: 0;
}
.children-theme .chidren-video .video-slider-container .video-cards-inner-container-wrapper .view-all-btn:hove {
  text-decoration: none;
}
.children-theme .chidren-video .video-slider-container .video-cards-inner-container-wrapper .view-all-btn:focus-visible {
  outline-offset: -0.125rem;
}
.children-theme .video-cards-inner-container {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px;
  gap: 16px;
  background: var(--secondary-blue-variant-2);
  border-radius: 8px;
  min-width: 300px;
  margin-bottom: 32px;
}
.children-theme .video-cards-inner-container p {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  font-size: 16px;
}
.children-theme .video-wrapper video,
.children-theme .video-wrapper img {
  border-radius: 4px;
}
.children-theme .video-wrapper {
  position: relative;
  width: 21.125rem;
  height: 17.688rem;
}
.children-theme .custom-thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  cursor: pointer;
  z-index: 2;
  transition: opacity 0.5s ease;
  opacity: 1;
}
.children-theme .custom-play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  background: rgba(0, 0, 0, 0.6);
  color: var(--primary-variant-6);
  border: none;
  font-size: 36px;
  border-radius: 50%;
  padding: 10px 20px;
  cursor: pointer;
  transition: opacity 0.5s ease;
  opacity: 1;
}
.children-theme .custom-thumbnail.fade-out,
.children-theme .custom-play-btn.fade-out {
  opacity: 0;
  pointer-events: none;
}
.children-theme .new-badge {
  width: unset;
  padding: 10px;
}
.children-theme .video-slider-bg-container .video-wrapper {
  width: 17.625rem;
  height: 12.385rem;
}
.children-theme .children-cards-outer-container {
  background: var(--secondary-blue-variant-2);
  padding: 24px 48px;
  z-index: 999;
  position: relative;
}
.children-theme .inner-vector {
  position: absolute;
  top: -122px;
  bottom: 79.71%;
  z-index: 9;
  width: 100%;
}
.children-theme .inner-vector svg {
  width: 100%;
}
.children-theme .advisory-modal.modal-wrapper .modal-content p {
  font-size: 12px;
}
.children-theme .advisory-modal.modal-wrapper .modal-content p.copy-right {
  color: var(--dark-variant-2);
}
.children-theme .children-corner-list {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.children-theme .children-corner-list li {
  cursor: pointer;
  padding: 16px 24px;
  transition: background 0.3s;
  background: var(--secondary-blue-variant-3);
  border: 1px solid var(--secondary-blue);
  border-radius: 4px;
  font-weight: 500;
  font-size: 20px;
  color: var(-primary);
}
.children-theme .children-corner-list li a:first-child:focus-visible {
  padding: 0.25rem;
}
.children-theme .songs-popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
.children-theme .songs-popup .popup-content {
  background: var(--primary-variant-6);
  padding: 20px;
  border-radius: 10px;
  text-align: center;
}
.children-theme .songs-popup .popup-content h3 {
  margin-bottom: 15px;
}
.children-theme .publicity-campaign-content-wrapper {
  margin-bottom: 0 !important;
  background-color: var(--secondary-blue-variant-1);
}
.children-theme .publicity-campaign-content-wrapper .event-slider-wrap .slider-expand-btn {
  border: 1px solid var(--primary-green-variant-5);
}
.children-theme .publicity-campaign-content-wrapper .event-slider-wrap .slider-expand-btn svg,
.children-theme .publicity-campaign-content-wrapper .event-slider-wrap .slider-expand-btn span {
  color: var(--primary-green-variant-5);
}
.children-theme .publicity-campaign-content-wrapper .event-slider-wrap .slider-item-content {
  border-radius: 4px;
}
.children-theme .publicity-campaign-content-wrapper .event-slider-wrap .event-slider-controls .slider-controls {
  border: 1px solid #c4e2c7;
}
.children-theme .publicity-campaign-content-wrapper .event-slider-wrap .event-slider-controls .slider-controls button {
  color: var(--primary-green-variant-5);
}
.children-theme .publicity-campaign-content-wrapper .event-slider-wrap .event-slider-controls .slider-controls button.slider-previous, .children-theme .publicity-campaign-content-wrapper .event-slider-wrap .event-slider-controls .slider-controls button.slider-next, .children-theme .publicity-campaign-content-wrapper .event-slider-wrap .event-slider-controls .slider-controls button.slider-pause {
  color: var(--primary-green-variant-5);
}
.children-theme .publicity-campaign-content-wrapper .event-slider-wrap .event-slider-controls .slider-controls button:focus-visible {
  outline-offset: 0.125rem;
}
.children-theme .publicity-campaign-content-wrapper .event-slider-wrap .event-slider-controls .slider-controls .slider-dots .slide-dot {
  background-color: #c4e2c7;
}
.children-theme .publicity-campaign-content-wrapper .event-slider-wrap .event-slider-controls .slider-controls .slider-dots .slide-dot.active {
  background-color: var(--primary-green-variant-5);
}
.children-theme .publicity-campaign-content-wrapper .pagination-wrapper {
  background-color: transparent;
  font-family: var(--body-font-en);
}
.children-theme .publicity-campaign-content-wrapper .pagination-wrapper .load-time {
  color: var(--secondary-blue-variant-8);
}
.children-theme .publicity-campaign-content-wrapper .pagination-wrapper .pagination-pages .jump-to-page input {
  background-color: var(--primary-variant-6);
}
.children-theme .publicity-campaign-content-wrapper .pagination-wrapper .pagination-pages .prev-next-wrap button:disabled {
  color: var(--neutral-250) !important;
}
.children-theme .publicity-campaign-content-wrapper .pagination-wrapper .pagination-pages .prev-next-wrap button:disabled svg {
  color: var(--neutral-250);
}
@media (max-width: 1279px) {
  .children-theme .children-container .top-vector {
    top: -100px;
  }
  .children-theme .children-inner-container .inner-vector {
    top: -100px;
  }
}
@media (max-width: 1024px) {
  .children-theme .children-tile-wrapper {
    font-size: 0.875rem;
  }
  .children-theme .children-container .top-vector {
    top: -85px;
  }
  .children-theme .children-inner-container .inner-vector {
    top: -85px;
  }
  .children-theme .children-tile-section {
    gap: 8px;
    padding: 16px;
    overflow: scroll;
  }
  .children-theme .children-tile-section .children-tile-wrapper .page-redirection {
    padding: 0.5rem;
  }
  .children-theme .children-tile-section .children-tile-wrapper .page-redirection a::after {
    width: 1rem;
    height: 1rem;
  }
}
@media (max-width: 768px) {
  .children-theme .children-tile-wrapper {
    flex: 0 0 calc((100% - 6rem) / 3);
    box-sizing: border-box;
    flex-wrap: wrap;
  }
  .children-theme .children-container .top-vector {
    top: -63px;
    width: 100%;
  }
  .children-theme .children-inner-container .inner-vector {
    top: -63px;
  }
  .children-theme .container-with-title {
    padding: 24px;
  }
  .children-theme .container-with-title .title {
    font-size: var(--h2-font-size);
  }
}
@media (max-width: 640px) {
  .children-theme .children-container .top-vector {
    top: -48px;
  }
  .children-theme .children-inner-container .inner-vector {
    top: -48px;
  }
}
@media (max-width: 480px) {
  .children-theme .children-container .top-vector {
    top: -30px;
  }
  .children-theme .children-inner-container .inner-vector {
    top: -30px;
  }
}

@media (max-width: 991.98px) {
  .children-theme .video-wrapper {
    width: 100%;
    height: 100%;
  }
}
button.custom-play-btn:focus-visible {
  outline: 0.3rem solid var(--primary-variant-9);
  outline-offset: 0.1rem;
}

.etds-online-oath .sort-views-wrapper .views-wrap.type-2 {
  display: flex !important;
}
.etds-online-oath .etds-oath-section .sort-views-wrapper .views-wrap.type-2 .actions {
  margin-left: 0px;
}
.etds-online-oath .forget-password-steps .step.change-password {
  font-weight: 400;
}
.etds-online-oath .forget-password-steps .step svg {
  height: 1.5rem;
  width: 1.5rem;
}
.etds-online-oath .etds-forget-password-mobile .step svg {
  color: var(--dark-variant-2);
  height: 1.5rem;
  width: 1.5rem;
}
.etds-online-oath .etds-forget-password-mobile .step div {
  color: var(--dark-variant-2);
}
.etds-online-oath .etds-forget-password-mobile .step.pending svg {
  color: var(--secondary);
}
.etds-online-oath .etds-forget-password-mobile .step.pending div {
  color: var(--secondary);
}
.etds-online-oath .etds-forget-password-mobile .step.verified svg {
  color: #1a7844;
}
.etds-online-oath .etds-forget-password-mobile .step.verified div {
  color: #1a7844;
}
.etds-online-oath .alert-danger svg {
  width: 1.5rem;
  height: 1.5rem;
}
.etds-online-oath .search-wrapper .title-with-toggle {
  display: flex;
  flex-wrap: wrap;
  gap: 1.75rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--secondary-bg-30);
  margin-bottom: 1.5rem;
}

.etds-certificate .tab-style {
  margin-bottom: 0 !important;
  border: 0 !important;
}
.etds-certificate .tab-style h5 {
  color: var(--primary);
}
.etds-certificate button {
  gap: 0.25rem;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.etds-certificate button svg {
  width: 1.125rem;
  height: 1.125rem;
  margin-bottom: 0.25rem;
}
.etds-certificate .btn-secondary:hover {
  background-color: var(--primary-variant-6);
  color: var(--primary);
}
.etds-certificate .page-content-wrap {
  background: var(--neutral-stroke-5);
  border: 1px solid var(--secondary-bg-30);
  padding: 1rem;
  display: flex;
  justify-content: center;
}
.etds-certificate .page-content-wrap img {
  width: 100%;
  height: 100%;
}
.etds-certificate .kms-success-btn {
  margin-bottom: 1.25rem;
}
.etds-certificate .kms-success-btn .text-truncate {
  display: none;
}
.etds-certificate .kms-success-btn .action-buttons {
  justify-content: flex-end;
  padding-top: 1rem !important;
  border-top: 1px solid var(--dark-variant-5) !important;
  padding-top: 1rem !important;
  border-top: 1px solid var(--dark-variant-5) !important;
}
.etds-certificate .search-wrapper {
  margin-bottom: 1.25rem;
  background: var(--background-4);
}
.etds-certificate .certificate-image {
  width: 100%;
  max-width: 900px;
  min-width: 900px;
}

.etds-certificate-btns {
  margin-bottom: 1.5rem;
}
.etds-certificate-btns button {
  height: calc(2.25rem + 1px) !important;
}
.etds-certificate-btns .btn-secondary svg {
  margin-top: 0.5rem;
}
.etds-certificate-btns .btn-secondary:disabled {
  color: var(--primary);
  border-color: var(--primary);
}

.etds-oath-section .kms-success-btn .action-buttons {
  justify-content: space-between;
}
.etds-oath-section .title-with-toggle {
  flex-direction: column;
  gap: 1.5rem !important;
  border: 0 !important;
  margin: 0 !important;
}

.oath-content {
  padding: 1rem;
  margin-bottom: 0 !important;
  border: 1px solid var(--secondary-bg-30);
  border-radius: 0.25rem;
}
.oath-content p {
  color: var(--neutral-1200);
  font-size: var(--sub-heading-1-font-size);
  font-weight: 400;
}

@media (max-width: 991.98px) {
  .etds-certificate .certificate-image {
    max-width: 100%;
    min-width: 100%;
  }
}
@media (max-width: 480.98px) {
  .etds-certificate-btns {
    margin-bottom: 1rem;
  }
  .etds-certificate-btns .action-buttons {
    flex-direction: column;
    gap: 1rem;
  }
  .etds-certificate-btns .action-buttons button {
    width: 100%;
  }
  .etds-certificate .certificate-image {
    max-width: unset;
    min-width: unset;
  }
}
html[lang=hi-IN] .etds-certificate-btns .btn-secondary span {
  margin-top: 0.313rem;
}

.portlet-questions .navigation-bar .nav-item:nth-child(2) {
  display: none !important;
}

.portlet-questions .questions-section-list .sheet-subtitle:first-of-type,
.portlet-questions .questions-section-list .sheet-subtitle:first-of-type + .row {
  display: none !important;
}