@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
@import url("app.css");

:root {
  --primary-red: #EE2737;
  --color-darkgrey: #4D4D4D;
  --color-grey: #F2F3F3;
  --color-lightwhite: #FAFAFA;
  --color-shadowwhite: #EEEFF0;
  --white: #fff;
  --color-lightgrey: #EAEBEC;
  --color-lightgrey2: #999A9B;
  --color-lighred: #FCD4D7;
  --color-silver: #C0C0C1;
  --color-lightgrey3: #737474;
  --color-lightgrey4: #bcbec0;
  --color-darkred: #D52634;
}

body,
html {
  font-family: "Plus Jakarta Sans", serif;
  font-size: 14px;
  color: var(--color-darkgrey);
}

.fs-10 {
  font-size: 0.714rem;
  /* 10px */
}

.fs-12 {
  font-size: 0.857rem;
  /* 12px */
}

.fs-14 {
  font-size: 1rem;
  /* 14px */
}

.fs-16 {
  font-size: 1.143rem;
  /* 16px */
}

.fs-18 {
  font-size: 1.286rem;
  /* 18px */
}

.fs-20 {
  font-size: 1.429rem;
  /* 20px */
}

.fs-22 {
  font-size: 1.571rem;
  /* 22px */
}

.fs-24 {
  font-size: 1.714rem;
  /* 24px */
}

.fs-26 {
  font-size: 1.857rem;
  /* 26px */
}

.fs-28 {
  font-size: 2rem;
  /* 28px */
}

.fs-30 {
  font-size: 2.143rem;
  /* 30px */
}

.fs-34 {
  font-size: 2.429rem;
  /* 34px */
}

.fs-36 {
  font-size: 2.571rem;
  /* 36px */
}

.fs-40 {
  font-size: 2.857rem;
  /* 40px */
}

.fs-48 {
  font-size: 3.429rem;
  /* 48px */
}

.text_darkgrey {
  color: var(--color-darkgrey);
}

.text_lightgrey2 {
  color: var(--color-lightgrey2);
}

.text_primaryred {
  color: var(--primary-red);
}

.text_silver {
  color: var(--color-silver);
}

.text_lightgrey3 {
  color: var(--color-lightgrey3);
}

.text_lightgrey4 {
  color: var(--color-lightgrey4);
}

.text_darkred {
  color: var(--color-darkred);
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700 !important;
}

.bg_lightwhite {
  background-color: var(--color-lightwhite);
}

.bg_grey {
  background-color: var(--color-grey);
}

.bg_lightgrey {
  background-color: var(--color-lightgrey);
}

.lh_1 {
  line-height: 21px;
}

.br-5 {
  border-radius: 5px;
}

.br-10 {
  border-radius: 10px;
}

.br-20 {
  border-radius: 20px;
}

.p-10 {
  padding: 10px;
}

.pt-20 {
  padding-top: 20px;
}

.pb-20 {
  padding-bottom: 20px;
}

.py-40 {
  padding: 40px 0px;
}

.p-20 {
  padding: 20px;
}

.px-20 {
  padding-right: 20px;
  padding-left: 20px;
}

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

.mt-20 {
  margin-top: 20px;
}

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

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

.mt-40 {
  margin-top: 40px;
}

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

.headerNavbar {
  padding: 27px 27px 78px 27px;
  background-color: var(--color-grey);
}

.dropdown-item:active {
  background-color: var(--color-grey);
  color: unset;
}

.breadcrumb {
  background-color: var(--color-darkgrey);
  padding: 5px 10px;
}

.breadcrumb-active {
  background: var(--primary-red);
  padding: 5px 10px;
}

.tooltipHover {
  position: absolute;
  left: -110px;
  white-space: nowrap;
  background-color: var(--color-darkgrey);
  padding: 10px;
  color: white;
  border-radius: 5px;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  font-size: 10px;
  top: 5%;
  visibility: hidden;
}

.headerIcons:hover+.tooltipHover {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}

.tooltipHover::after {
  width: 17px;
  height: 8px;
  content: '';
  position: absolute;
  right: -15%;
  display: inline-block;
  background-image: url(../images/icons/tooltip-icon.svg);
  background-repeat: no-repeat;
  top: 37%;
}

.headerIcons {
  background-color: var(--color-lightwhite);
  padding: 10px;
  display: inline-block;
  border: 1px solid var(--color-shadowwhite);
  border-radius: 100px;
  width: 40px;
  height: 40px;
  line-height: 0.6;
  margin-right: 22px;
}

.loggedInUser {
  background-color: var(--color-lightwhite);
  display: inline-block;
  border: 1px solid var(--color-shadowwhite);
  padding: 10px 20px !important;
  border-radius: 100px;
}

.accordian_button .accordion-item {
  padding: 20px 20px;
  border-radius: 10px;
  border: 1px solid var(--color-shadowwhite);
  margin-bottom: 19px;
}

.accordian_button .accordion-item:last-of-type {
  margin-bottom: 0px;
}

.accordian_button .accordion-button:not(.collapsed) {
  color: var(--primary-red);
}

.more-infolink p {
  display: inline-block;
  padding: 10px;
  width: 100%;
  font-size: 14px;
  border-bottom: 1px solid #E6E7E8;
  margin-bottom: 0px;
  font-weight: 500;
  color: #4D4D4D;
}

.more-infolink p:last-child {
  border-bottom: none;
}

.more-infolink p:hover {
  background-color: #E6E7E8;
}

.notification_badge {
  color: var(--primary-red);
  border: 1px solid var(--color-lighred);
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: inline-block;
  line-height: 2.1;
  text-align: center;
  background-color: var(--white);
}

.info_badge {
  color: var(--primary-red);
  border: 1px solid var(--color-lighred);
  border-radius: 50%;
  width: 34px;
  height: 34px;
  display: inline-block;
  line-height: 2.2;
  text-align: center;
  background-color: var(--white);
}

.activeProjects {
  background-color: var(--color-lightgrey);
  border-radius: 5px;
  border: 1px solid #E6E7E8;
  width: 26px;
  text-align: center;
  display: inline-block;
}

.btn_primary {
  background: linear-gradient(180deg, #F14B58 0%, var(--primary-red) 100%);
  border: 1px solid var(--primary-red);
  color: var(--white);
  padding: 10px 20px;
  border-radius: 10px;
  font-weight: 700;
}

.activeProjectscard,
.projects-accordion .accordion-item,
.ic_accordiontoggle .accordion-item {
  border: 1px solid var(--color-shadowwhite);
  background-color: var(--color-lightwhite);
  border-radius: 20px;
}

.ic_accordiontoggle.accordion {
  --bs-accordion-bg: var(--color-lightwhite) !important;
}

.btn-approvebadge,
.btn_success {
  border: 1px solid #53BA83 !important;
  color: #53BA83 !important;
  padding: 5px 10px;
  border-radius: 5px;
  background-color: rgba(83, 186, 131, 0.1) !important;
  font-weight: 700;
}

.btn-dangerbadge,
.btn_pending {
  border: 1px solid var(--primary-red) !important;
  color: var(--primary-red) !important;
  padding: 5px 10px;
  border-radius: 5px;
  background-color: rgba(238, 39, 55, 0.1);
  font-weight: 700;
}

.btn-approvebadge,
.btn-dangerbadge {
  position: absolute;
  right: 7%;
  top: 28%;
  z-index: 8;
}

.activeProjectscard .cardHeader,
.activeProjectscard .cardpadding {
  padding: 20px;
}

.cardsborder {
  border-bottom: 1px solid var(--color-shadowwhite);
}

.innerpadding {
  padding: 10px 20px;
}


.btn_filledwhite {
  border: 1px solid var(--color-shadowwhite) !important;
  background: var(--white) !important;
  padding: 10px 20px;
  border-radius: 100px;
}

.accordian_button .accordion-button::after,
.projects-accordion .accordion-button::after,
.combinedapplication_accordion .accordion-button::after,
.landallotment-accordion .accordion-button::after {
  background-image: url(../images/icons/cheverondown.svg);
  background-repeat: no-repeat;
}

.ic_accordiontoggle .accordion-button::after {
  background-image: url(../images/icons/toggle.svg);
  background-repeat: no-repeat;
  width: 30px;
  background-size: contain;
}

.ic_accordiontoggle .accordion-button:not(.collapsed)::after {
  background-image: url(../images/icons/toggle-on.svg);
  transform: none;
}

.loggedIn-dropdown .dropdown-menu[data-bs-popper] {
  right: 0;
  left: auto;
  top: 135%;
}

.loggedIn-dropdown .dropdown-menu::before {
  position: absolute;
  content: "";
  width: 37px;
  height: 21px;
  background-color: var(--color-lightwhite);
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  top: -7%;
  right: 3%;
}

.loggedIn-dropdown .dropdown-menu .dropdown-item {
  border-bottom: 1px solid #E6E7E8;
  padding: 10px;
}

.loggedIn-dropdown .dropdown-menu .dropdown-item:hover {
  background-color: #E6E7E8;
}

.cursor-pointer {
  cursor: pointer;
}

.input_searchexpand {
  width: 40px;
  height: 40px;
  position: relative;
  border-radius: 100px;
  border: 1px solid var(--color-shadowwhite);
  background-color: var(--color-lightwhite);
  padding: 10px;
  transition: width 0.4s ease-in-out;
  line-height: 0.6;
  margin-right: 22px;
}

.input_searchexpand.active {
  width: 182px;
}

.input_searchexpand.active input {
  opacity: 1;
  padding: 8px 8px 8px 30px;
}

.search-Icon {
  position: absolute;
  left: 11px;
  cursor: pointer;
  z-index: 9;
}

.headerNavbar {
  background-image: url(../images/icons/header-banner.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.headerNavbar::before {
  position: absolute;
  top: 0;
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 0;
  left: 0;
}

.projects-accordion .accordion-button:not(.collapsed),
.ic_accordiontoggle .accordion-button:not(.collapsed) {
  background-color: var(--color-lightwhite);
}

.projects-accordion .accordion-button {
  border-radius: 20px !important;
  padding: 20px;
  color: var(--color-darkgrey) !important;
}

.ic_accordiontoggle .accordion-button {
  border-radius: 20px !important;
  padding: 23px;
  color: var(--color-darkgrey) !important;
}

.border-shadowwhite {
  border: 1px solid var(--color-shadowwhite);
}

.projectsinfo {
  border: 1px solid #E6E7E8;
  background: linear-gradient(180deg, #E6E7E8 0%, var(--color-lightwhite) 100%);
  border-radius: 10px;
  padding: 10px 20px;
}

#welcomePopup .btn-close,
#investorPopup .btn-close,
#activitylogModal .btn-close,
#revertQueriesModal .btn-close,
#knowapproval .btn-close,
#knowWizard .btn-close,
#incentive-calculator .btn-close,
#viewmoreInfoModal .btn-close,
#documentlistmodal .btn-close,
#caf-notification .btn-close,
#notication-responded .btn-close {
  background-image: none;
  opacity: unset;
}

#investorPopup .modal-content,
#activitylogModal .modal-content,
#revertQueriesModal .modal-content,
#viewmoreInfoModal .modal-content,
#documentlistmodal .modal-content {
  padding: 20px 40px 40px 40px;
}

#knowapproval .modal-content,
#knowWizard .modal-content,
#incentive-calculator .modal-content {
  padding: 20px 40px;
}

.carousel-dots .dots-active {
  background-color: var(--color-silver);
  height: 8px;
  width: 16px;
  border-radius: 100px;
  display: inline-block;
}

.carousel-dots .dots {
  background-color: var(--color-silver);
  height: 8px;
  width: 8px;
  border-radius: 100px;
  display: inline-block;
  margin-left: 4px;
}

.btn_outline {
  border: 1px solid var(--color-shadowwhite) !important;
  padding: 5px 20px;
  color: var(--color-silver);
  border-radius: 100px;
}

.btn_primarysmall {
  padding: 5px 20px;
  background-color: var(--primary-red) !important;
  border-radius: 100px;
}

.btn_primarymedium {
  padding: 10px 20px;
  background-color: var(--primary-red);
}

.btn_primarymedium:hover {
  background-color: var(--color-darkgrey) !important;
  border: 1px solid #2e2e2e;
}

.btn_blackmedium {
  padding: 10px 20px;
  border: 1px solid #2E2E2E;
  border-radius: 10px;
  background: linear-gradient(180deg, #4D4D4D 0%, #2E2E2E 100%);
}

.introjs-arrow {
  display: none !important;
}

.introjs-tooltip {
  width: 100% !important;
  max-width: 337px !important;
  border-radius: 20px !important;
  padding: 20px !important;
  right: 0% !important;
}

.introjs-button {
  padding: 5px 20px !important;
  background-color: var(--primary-red) !important;
  border-radius: 100px !important;
  color: var(--white) !important;
  font-weight: 500;
  text-shadow: none !important;
  border: none !important;
}

.introjs-tooltipbuttons {
  padding: unset !important;
  border: unset !important;
}

.introjs-tooltiptext {
  padding: 10px 10px 20px 10px !important;
  color: var(--color-darkgrey);
  font-weight: 500;
}

.introjs-skipbutton::before {
  content: '' !important;
  background-image: url(../images/icons/close-icon.svg) !important;
}

.introjs-skipbutton {
  font-weight: unset !important;
  color: #dd5f22 !important;
  height: unset !important;
  width: unset !important;
  line-height: unset !important;
}

.introjs-bullets {
  border-top: 1px solid var(--color-shadowwhite);
}

.select-investtype {
  border: 1px solid #E6E7E8;
  border-radius: 10px;
  padding: 20px;
}

.form-check-label {
  font-size: 14px;
  color: var(--color-lightgrey3);
  font-weight: 400;
}

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

.form-check-input:checked {
  background-color: unset;
}

.primarycheckbox {
  border: 2px solid var(--primary-red);
  margin-right: 10px;
}

.primarycheckbox:checked {
  background-color: var(--primary-red);
  border: 1px solid var(--primary-red);

}

input[type="radio"]:checked::before,
input[type="checkbox"]:checked::before {
  background-color: var(--primary-red);
}

input[type="radio"]:checked,
input[type="checkbox"]:checked {
  box-shadow: none;
}

.form-check-input[type="radio"] {
  border: 2px solid var(--primary-red);
  width: 15px;
  height: 15px;
  margin-right: 10px;
}

.combinedapplication_accordion .accordion-item,
.landallotment-accordion .accordion-item {
  border: 1px solid var(--color-shadowwhite);
  background-color: var(--color-lightwhite);
  border-radius: 20px;
}

.combinedapplication_accordion .accordion-button:not(.collapsed),
.landallotment-accordion .accordion-button:not(.collapsed) {
  background-color: var(--color-lightwhite);
  padding-bottom: 0px;
}

.combinedapplication_accordion .accordion-button,
.landallotment-accordion .accordion-button {
  color: var(--color-darkgrey);
  box-shadow: none;
  background-color: var(--color-lightwhite);
  border-radius: 20px !important;
  padding: 23px;
}

.combinedapplication_accordion .accordion-button .sl-no {
  background-color: var(--color-darkgrey);
  border-radius: 50%;
  color: var(--white);
  width: 31px;
  height: 31px;
  padding: 4px;
  text-align: center;
  margin-right: 23px;
  line-height: 1.25;
}

.headingborder,
.headingborder2 {
  border-top: 1px solid var(--color-shadowwhite);
  border-bottom: 1px solid var(--color-shadowwhite);
}

.headingborder {
  margin: 46px 0;
}

.headingborder2 {
  margin: 40px 0;
}

.form-label {
  color: var(--color-darkgrey);
  font-size: 14px;
  font-weight: 400;
}

.select_dropdown,
.input_field {
  border: 1px solid var(--color-silver) !important;
  height: 36px;
  border-radius: 10px !important;
  color: var(--color-lightgrey3);
}

.combinedapplication_accordion .accordion-first-step .accordion-button.collapsed .sl-no {
  background-color: var(--color-darkgrey);
}

.combinedapplication_accordion .accordion-button.collapsed .sl-no {
  background-color: var(--color-silver);
}

.combinedapplication_accordion .accordion-button.collapsed {
  color: var(--color-silver);
}

.combinedapplication_accordion .accordion-first-step .accordion-button.collapsed {
  color: var(--color-darkgrey);
}

.combinedapplication_accordion .accordion-body,
.landallotment-accordion .accordion-body {
  padding: 23px;
}

.btn_outlinewhite {
  background-color: var(--color-lightwhite);
  border: 1px solid #E6E7E8 !important;
  border-radius: 5px;
  padding: 5px 10px;
}

.knowMore-btn {
  position: absolute;
  top: 28%;
  right: 18%;
  z-index: 8;
}

.popupTable thead tr {
  background-color: var(--color-darkgrey);
  color: white;
  font-weight: 700;
  vertical-align: middle;
}

.popupTable thead tr th {
  padding: 10px;
}

.popupTable tbody tr td {
  white-space: nowrap;
  padding: 10px;
  vertical-align: middle;
  color: var(--color-darkgrey);
  font-weight: 400;
  font-size: 14px;
}

#activitylogModal .modal-dialog,
#revertQueriesModal .modal-dialog,
#documentlistmodal .modal-dialog {
  max-width: 930px;
}

.popupTable {
  border-radius: 10px;
}

.btn_dark {
  background-color: var(--color-darkgrey) !important;
  border-radius: 5px;
  border: 1px solid #2E2E2E !important;
  padding: 5px 10px;
}

.introjs-helperLayer {
  box-shadow: rgba(0, 0, 0, 0.40) 0px 0px 0px 5000px !important;
}

#welcomePopup .modal-content {
  max-width: 383px;
  margin: 0 auto;
}

/* .table-bordered>:not(caption)>*{
  border-width: 0px !important;
} */
.custom-file-input::-webkit-file-upload-button {
  background-color: var(--color-lightgrey3) !important;
  border: none;
  color: #fff;
  margin: auto;
  margin-right: 5px;
  font-size: 14px;
  padding: 1px 7px 1px 7px;
  /* padding-left: 7px;
  padding-right: 7px; */
  height: 22px;
  border-radius: 5px;
  cursor: pointer;
  border-bottom: none;
}

.custom-file-input {
  height: 40px;
  padding: 8px 6px 8px 6px;
}

.custom-file-input::-webkit-file-upload-button:hover {
  background-color: var(--color-lightgrey3) !important;
}

.btn_lightred {
  background: #F6939B !important;
  padding: 5px 15px;
  border-radius: 2px;
}

.btn_lightblue {
  padding: 5px 10px;
  border-radius: 2px;
  background: #58C7DC !important;
}

.btn_searchbtn {
  position: absolute;
  top: 27.5px;
  right: 11px;
  height: 37px;
  background-color: var(--color-darkgrey) !important;
  border-radius: 0px 10px 10px 0px;
}

.searchfield .input_field {
  padding: 0 52px 0 12px;
}

.w-33 {
  width: 33%;
}

.w-15 {
  width: 15%;
}

.w-5 {
  width: 5%;
}

.signed-info {
  max-width: 350px;
  margin: 46px auto;
}

.paymentcard {
  border: 1px solid #E6E7E8;
  border-radius: 10px;
  padding: 10px 18px;
}

.btn_darkbadge {
  background-color: var(--color-darkgrey);
  padding: 5px 10px;
  border-radius: 5px;
  border: 1px solid #2E2E2E;
}

.progress-container {
  width: 32%;
  background-color: #E6E7E8;
  border-radius: 10px;
  overflow: hidden;
  height: 10px;
}

.progress-bar {
  width: 10%;
  height: 100%;
  background-color: var(--primary-red);
  transition: width 0.3s ease;
}

#validationPopup .modal-dialog,
#activityModal .modal-dialog,
#deleteModal .modal-dialog {
  max-width: 259px;
  margin: 0 auto;

}

#submitModal .modal-dialog,
#ModalSubmitted .modal-dialog {
  max-width: 301px;
  margin: 0 auto;
}

.cafpace-process-submited .accordion-button span:before {
  width: 100%;
  height: 100%;
  content: url('../images/icons/check-mark.svg');
  position: absolute;
  z-index: 99;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #53BA83;
  top: 0;
}

.cafpace-process-submited .accordion-button {
  color: var(--color-darkgrey) !important;
}

.accordion-button span.sl-no {
  position: relative;
  overflow: hidden;
}

.btn_darkrounded {
  background-color: var(--color-darkgrey) !important;
  border-radius: 100px;
  padding: 5px 20px;
}

.introjs-button:focus {
  box-shadow: none !important;
}

.departmentService {
  padding: 5px 10px;
  border-radius: 5px;
  border: 1px solid #E6E7E8;
  background-color: var(--color-lightwhite);
}

.departmentService:hover {
  border: 1px solid #2E2E2E;
  background: var(--color-darkgrey);
  color: var(--color-lightwhite);
}

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

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


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

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

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

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

.footer-navigation-bar a {
  font-size: 14px;
  color: #bcbec0;
  text-decoration: none;
}

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

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

.subscribe-input-text-wap .form-control::placeholder {
  color: #bcbec0 !important;
}

.footer-navigation-bar a:hover {
  color: var(--primary-red);
}

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

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

.social-chanal-wap ul {
  list-style: none;
  gap: 20px;
}

.approvalCard {
  background-color: var(--color-lightwhite);
  border: 1px solid var(--color-shadowwhite);
  padding: 23px;
  border-radius: 20px;
}

.projectTabs {
  padding: 2px;
  background-color: var(--color-grey);
  border: 1px solid #E6E7E8;
  border-radius: 10px;
  text-wrap: nowrap;
  /* overflow: auto; */
}

.projectBtn.active {
  background-color: var(--primary-red);
  padding: 10px;
  border: 1px solid #E6E7E8;
  border-radius: 10px;
  color: white;
}

.projectBtn.active span {
  background-color: var(--color-lightwhite);
  color: var(--primary-red);
}

.projectBtn {
  padding: 10px;
  color: var(--color-darkgrey);
  border: none;

}

.projectBtn span {
  background-color: var(--color-darkgrey);
  border-radius: 50px;
  color: white;
}

.projectBtnactive span,
.projectBtn span {
  border-radius: 50px;
  padding: 4px;
  display: inline-block;
  width: 31px;
  height: 31px;
  margin-right: 10px;
  line-height: 1.28;
}

.projecttabs-content {
  display: none;
  /* Hidden by default */
  transform: all 0.3s ease-in-out;
}

.projecttabs-content.active {
  display: block;
  transform: all 0.3s ease-in-out;
}

.btn_primarygradient {
  background: linear-gradient(180deg, #F14B58 0%, #EE2737 100%);
  border: 1px solid var(--primary-red);
  padding: 10px 20px;
}

.btn_primarygradient:hover {
  background: linear-gradient(180deg, #4D4D4D 0%, #2E2E2E 100%);
  border: 1px solid #2E2E2E;
}

.btn_blackgradient {
  background: linear-gradient(180deg, #4D4D4D 0%, #2E2E2E 100%) !important;
  border: 1px solid #2E2E2E;
  padding: 10px 20px;
}

.kya-tabs-completed .projectBtn span {
  position: relative;
}

.kya-tabs-completed .projectBtn span::before {
  width: 100%;
  height: 100%;
  content: url(../images/icons/check-mark.svg);
  position: absolute;
  z-index: 99;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--primary-red);
  top: 0;
  border-radius: 50px;
}

.kya-icons {
  background-color: var(--white);
  border-radius: 50px;
  border: 1px solid #EEEFF0;
  margin-right: 20px;
  transition: all .3s ease-in-out;
  cursor: pointer;
  width: 36px;
  height: 36px;
  display: inline-block;
  line-height: 2.1;
  text-align: center;
}

.kya-icons:last-of-type {
  margin-right: 0px;
}

.kya-icons:hover {
  background-color: var(--primary-red);

}

.kya-icons:hover path {
  fill: white;
}

.custom-dropdown-menu {
  position: absolute;
  width: 100%;
  background: var(--color-lightwhite);
  border-radius: 4px;
  padding: 9px 13px;
  display: none;
  z-index: 10;
  margin-top: 5px;
  border: 1px solid rgba(0, 0, 0, 0.10);
}

.custom-dropdown-menu.active {
  display: block;
}

.custom-dropdown-menu label {
  display: flex;
  align-items: center;
  padding: 4px;
  cursor: pointer;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.custom-dropdown-menu label:last-of-type {
  border-bottom: none;
}

.dropdownbadge {
  background-color: var(--color-darkgrey);
  border-radius: 5px;
  padding: 2px 10px;
  position: absolute;
  right: 12px;
}


.activityTooltip {
  position: absolute;
  background-color: var(--color-lightwhite);
  border: 1px solid #EEEFF0;
  padding: 20px;
  min-width: 273px;
  width: 100%;
  white-space: wrap;
  border-radius: 20px;
  opacity: 0;
  transition: all 0.4s ease-in-out;
  z-index: 0;
  visibility: hidden;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
  left: 0%;
  bottom: 136%;
}

.kya-button {
  position: relative;
  z-index: 2;
  cursor: pointer;
  /* overflow: hidden; */
}

/* .projectactivity {
  top: -50%;
  left: 1%;
  
}

.land-building {
  top: -64%;
  left: 19%;
}

.utility-details {
  top: -47%;
  left: 42%;
}

.Env-related {
  top: -65%;
  right: 17%;
}

.Emp-related {
  top: -65%;
  right: -3%;
} */

.projectBtn.active:hover+.activityTooltip {
  opacity: 1;
  visibility: visible;
}


.activityTooltip::before {
  position: absolute;
  /* content: url(../images/icons/triangle.svg); */
  content: '';
  width: 40px;
  height: 40px;
  background-color: var(--color-lightwhite);
  clip-path: polygon(45% 100%, 0 0, 100% 0);
  bottom: -11%;
  left: 5%;
  border-radius: 2px;
}

.investmentDetail-text,
.border_bottom {
  border-bottom: 1px solid #EEEFF0;
}

.investmentDetail-text button {
  border-radius: 5px;
}

.ic_accordioncards {
  border: 1px solid #E6E7E8;
  padding: 20px;
  border-radius: 10px;
}

.more-infolink a:hover {
  color: var(--color-darkgrey);
}

.icons_dropdown .dropdown-menu.show {
  left: -63px !important;
  border-radius: 10px;
  top: 15px !important;
}

.icons_dropdown .dropdown-menu {
  border: none;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
}

.icons_dropdown .dropdown-menu::before {
  position: absolute;
  content: "";
  width: 19px;
  height: 15px;
  background-color: var(--color-lightwhite);
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  top: -11%;
  left: 45%;
}

.stickyColumn {
  position: sticky;
  right: 0;

}

.popupTable th.stickyColumn {
  background-color: var(--color-darkgrey);
  box-shadow: -2px 0px 20px 0px rgba(0, 0, 0, 0.05);
}

.popupTable td.stickyColumn {
  background-color: var(--color-lightwhite);
  box-shadow: -2px 0px 20px 0px rgba(0, 0, 0, 0.05);
}

.applyService th {
  white-space: nowrap;
}

.customScrollbar::-webkit-scrollbar-track {
  border-radius: 100px;
}

.customScrollbar::-webkit-scrollbar {
  background-color: #E6E7E8;
  height: 10px;
  border-radius: 100px;
  width: 11px;
}

.customScrollbar::-webkit-scrollbar-thumb {
  border-radius: 100px;
  /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); */
  background-color: var(--primary-red);
}

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

.viewIcon {
  border-radius: 100px;
  border: 1px solid #EEEFF0;
  background: var(--white);
  height: 36px;
  width: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all .3s ease-in-out;
  cursor: pointer;
}

.viewIcon:hover {
  background-color: var(--primary-red);
}

.viewIcon:hover path {
  fill: white;
}

.btn_darkred {
  padding: 5px 10px;
  border: 1px solid #C6212E;
  background-color: var(--primary-red);
}

.btn_darkred:hover {
  border: 1px solid #2E2E2E;
  background-color: var(--color-darkgrey);
}

/*applyservices css */
.btn_darkroundedmedium {
  border-radius: 100px;
  border: 1px solid #2E2E2E;
  background: var(--color-darkgrey);
  padding: 10px 20px;
}

.button_hover:hover {
  background-color: var(--primary-red) !important;
  border: 1px solid var(--primary-red) !important;
}

.cardrounded {
  background-color: var(--color-lightwhite);
  border: 1px solid var(--color-shadowwhite);
  padding: 20px;
  border-radius: 20px;
}

.tablebggrey {
  background-color: var(--color-grey) !important;
}

.landallotment-accordion .popupTable tbody tr td,
.amendmentstable .popupTable tbody tr td {
  height: 60px;
}

.btn_primaryred {
  background-color: var(--primary-red);
  padding: 5px 10px;
}

.btn_primaryred:hover {
  background-color: var(--color-darkgrey);
}

.table-pagination .pagination.active {
  background-color: var(--primary-red);
  border: none;
  color: white;

}

.table-pagination .pagination {
  text-align: center;
  background-color: var(--color-lightgrey);
  border-radius: 5px;
  border: 1px solid #E6E7E8;
  display: inline-block;
  padding: 5px;
  margin-right: 5px;
  font-weight: 600;
  font-size: 12px;
  width: 23px;
  height: 23px;
  line-height: 1;
}

.viewIcon:hover .viewtooltiptext,
.showtooltip:hover .tooltiptext {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}


.tooltiptext,
.viewtooltiptext {
  position: absolute;
  white-space: nowrap;
  background-color: var(--color-darkgrey);
  padding: 10px;
  color: white;
  border-radius: 5px;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  font-size: 10px;
  top: 0%;
  visibility: hidden;
  z-index: 9;
}

.tooltiptext {
  left: -91px;
}

.viewtooltiptext {
  left: -50px;
}

.tooltiptext::after,
.viewtooltiptext::after {
  width: 17px;
  height: 8px;
  content: '';
  position: absolute;
  display: inline-block;
  background-image: url(../images/icons/tooltip-icon.svg);
  background-repeat: no-repeat;
  top: 37%;
  z-index: 9;
}

.tooltiptext::after {
  right: -18%;
}

.viewtooltiptext::after {
  right: -34%;
}

.popupTable td.stickyColumn::after {
  content: '';
  width: 1px;
  height: 100%;
  background-color: #E6E7E8;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}

.landallotment-accordion .accordion-button.collapsed .right_arrow.active,
.landallotment-accordion .accordion-button:not(.collapsed) .right_arrow.active {
  background-image: url(../images/icons/completed-right-arrow.svg);
}

.landallotment-accordion .accordion-button.collapsed .right_arrow,
.landallotment-accordion .accordion-button:not(.collapsed) .right_arrow {
  background-image: url(../images/icons/right-arrow.svg);
  background-repeat: no-repeat;
  width: 31px;
  height: 31px;
  margin-right: 20px;
  background-size: contain;
}

.landallotment-accordion .accordion-button:not(.collapsed) .right_arrow {
  transform: rotate(-90deg);
}

.gif_image {
  height: 22px;
  width: 22px;
}

#ModalPreview .modal-content {
  background-color: #fafafa;
}

.bggrey_rounded {
  background: var(--color-grey);
  padding: 20px;
  border-radius: 10px;
}

#ModalPreview .modal-header {
  padding: 38px 40px 0px 40px;
}

#ModalPreview .modal_footer {
  border-radius: 0px 0px 20px 20px;
  border-top: 1px solid #EEEFF0;
  background: #FAFAFA;
  padding: 20px 39px;
}

#ModalPreview .customScrollbar {
  height: 630px;
  overflow-y: auto;
}

.notificationcard .card_body.active {
  border: 1px solid #F9B7BC;
  background: #FCD4D7;
}

.bardivider {
  color: #F46F7A;
  margin: 0 20px
}

.btn_filledwhitesmall {
  border: 1px solid #EEEFF0 !important;
  background: #FFF !important;
  padding: 5px 10px;
  border-radius: 100px;
}

.notificationcard .card_body {
  padding: 20px;
  border-radius: 20px;
  background-color: var(--color-lightwhite);
  border: 1px solid var(--color-shadowwhite);
}

.btn-notifications button {
  padding: 5px 10px !important;
  background: var(--color-lightwhite) !important;
  border: 1px solid #E6E7E8 !important;
}

.w-30 {
  width: 30%;
}

.w-5 {
  width: 5%;
}

.onhover:hover {
  background-color: var(--primary-red) !important;
  color: white;
}

.onhover:hover path {
  fill: #fff;
}

.badge_info {
  background-color: #58C7DC;
  border-radius: 0px 0px 5px 5px;
  padding: 2px 10px;
  color: var(--color-lightwhite);
  display: inline-block;
  position: relative;
  top: -3px;
}

.inputend-0 {
  border-radius: 10px 10px 10px 0px !important;
}

/* Nelson Query Css declaration starts */
.query-section-wapper .projectBtn {
  width: 100%;
}

.query-section-wapper .kya-button {
  width: 100%;
}

.query-section-wapper .projectTabs {
  gap: 10px;
  padding: 5px;
}

.query-section-wapper .projectBtn {
  width: 100%;
  background-color: #fff;
  padding: 10px;
  /* border: 1px solid #E6E7E8; */
  border-radius: 10px;
  height: 50px;
  min-width: 150px;
}

.query-section-wapper .projectBtn.active {
  background-color: var(--primary-red);
  padding: 10px;
  border: 1px solid #E6E7E8;
  border-radius: 10px;
  color: white;
}

/* Nelson Query Css declaration */


@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }

  #ModalPreview .modal-dialog {
    max-width: 1140px;
    margin: 0 auto;
  }

  #ModalPreview .modal-body {
    padding: 20px 40px 20px 40px;
  }
}

@media (min-width: 991px) {
  #investorPopup .modal-dialog {
    max-width: 850px;
  }

  #knowapproval .modal-dialog,
  #knowWizard .modal-dialog,
  #incentive-calculator .modal-dialog {
    max-width: 580px;
    margin: 0 auto;
  }

  .selectServiceType select {
    min-width: 250px;
  }

  #viewmoreInfoModal .modal-dialog {
    max-width: 930px;
    margin: 0 auto;
  }

  #clearNotifcationModal .modal-dialog {
    max-width: 356px;
    margin: 0 auto;
  }

  #caf-notification .modal-dialog {
    max-width: 371px;
    margin: 0 auto;
  }

  #notication-responded .modal-dialog {
    max-width: 371px;
    margin: 0 auto;
  }

  #importantMessageModal .modal-dialog {
    max-width: 362px;
    margin: 0 auto;
  }

}

@media (max-width:1023px) {

  .openHamburger.open {
    transform: translateX(0);
  }

  .overflow_hiddeny {
    overflow-y: hidden;
  }

  .openHamburger {
    position: fixed !important;
    top: 163px;
    transform: translateX(120%);
    transition: all 300ms ease-in-out;
    /* margin: 0 auto; */
    right: 42px;
    z-index: 99;
    width: fit-content;
  }

  .openHamburger .accordian_button {
    max-width: 233px;
    overflow-y: auto;
    padding: 10px;
    border-radius: 10px;
    background-color: var(--white);
  }

  .bg_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 40;
    display: none;
    /* Initially hidden */
  }

  .bg_overlay.active {
    display: block;
    /* Show when active */
  }

  .mobile_hamburger {
    margin-left: 18px;
  }

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

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

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

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

  .projectTabs {
    overflow: auto;
  }
}

@media (min-width:768px) and (max-width:1023px) {
  .openHamburger {
    top: 92px;
    right: 32px;
  }

  #ModalPreview .modal-dialog {
    max-width: 650px;
    margin: 0 auto;
  }

  #clearNotifcationModal .modal-dialog {
    max-width: 356px;
    margin: 0 auto;
  }
}

@media (min-width: 481px) and (max-width:767px) {
  .headerNavbar {
    padding: 24px 27px 27px 24px;
  }


  .btn-approvebadge,
  .btn-dangerbadge {
    right: 15%;
    top: 15%;
  }

  .knowMore-btn {
    position: relative;
    justify-content: center;
    right: unset;
    top: unset;
    padding: 20px;
  }

  .progress-container {
    width: 100%
  }

  #clearNotifcationModal .modal-dialog {
    max-width: 356px;
    margin: 0 auto;
  }

  #caf-notification .modal-dialog {
    max-width: 371px;
    margin: 0 auto;
  }
}

@media (min-width: 280px) and (max-width:480px) {
  .headerNavbar {
    padding: 24px 27px 27px 24px;
  }

  .headerNavbar .navbar-brand {
    margin: 0 auto 47px auto;
  }


  .headerIcons {
    margin-right: 18px;
  }

  .input_searchexpand {
    margin-right: 18px;
  }

  .loggedInUser {
    font-size: 10px;
  }

  .btn-approvebadge,
  .btn-dangerbadge {
    right: 15%;
    top: 15%;
  }

  .knowMore-btn {
    position: relative;
    justify-content: center;
    right: unset;
    top: unset;
    padding: 20px;
  }

  #activitylogModal .modal-content,
  #revertQueriesModal .modal-content,
  #investorPopup .modal-content,
  #documentlistmodal .modal-content {
    padding: 24px;
  }

  .progress-container {
    width: 100%
  }

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

  .ic_accordiontoggle .accordion-button {
    padding: 17px;
  }

  .custom-tooltip {
    left: -23% !important;
  }
}







/* ron declarations for my profile */
.modal-myprofile {
  max-width: 900px;
}

.profile-modal-content {
  max-width: 900px;
}

.static-height {
  height: 30vh;
}

.px-40 {
  padding-left: 40px;
  padding-right: 40px;
}

.pt-40 {
  padding-top: 40px;
}

.p-40 {
  padding: 40px;
}

.mx-40 {
  margin-left: 40px;
  margin-right: 40px;
}

.profile-svg {
  margin: 1.5px 10px 1.5px 0px;
}

.pro-bottom {
  border-bottom: 1px solid #C0C0C1;
}

.bottom-profile-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
}

#profile-modal .btn-close {
  background-image: none;
  opacity: unset;
}

#profile-modal .modal-dialog {
  max-width: 930px;
  margin: 0 auto;
}


.profile-icons {
  display: flex;
  align-items: center;
  gap: 12px;
}


.file-zoom {
  padding: 5px;
  align-items: center;
  gap: 11px;
  border-radius: 100px;
  border: 1px solid #EEEFF0;
}

.profile-grids {
  display: grid;
  grid-gap: 40px;
  grid-template-columns: 1fr 1fr 1fr;
}

iframe.sws-iframe {
  display: block;
  width: 100%;
  height: 70vh;
}

.profile-pdf-file {
  display: block;
  padding: 20px;
  width: auto;
  display: flex;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
  border-radius: 20px;
  border: 1px solid #EEEFF0;
  background: #FAFAFA;
  margin: 40px;
}

.profile-pdf-file {
  margin: 0px 40px 20px 40px;
}

.close-end {
  justify-content: end;
  display: flex;
}

.custom-tooltip {
  display: none;
  position: absolute;
  bottom: calc(100% + 15px);
  left: 60%;
  background-color: white;
  padding: 15px;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  width: 300px;
  z-index: 1000;
  color: #4D4D4D;
  font-size: 10px;
  font-weight: 500;
  line-height: 150%;
  /* 15px */
  border-radius: 10px;
  border: 1px solid #EEEFF0;
  background: #FAFAFA;
}

.custom-tooltip::after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 40px;
  /* Increased from 20px to 40px to move arrow right */
  width: 16px;
  height: 16px;
  background-color: white;
  transform: rotate(45deg);
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.05);
}

input[data-custom-tooltip]:hover+.custom-tooltip {
  display: block;
}


/* MydocumentPopupLabel */
#MydocumentPopupLabel .modal-content {
  padding: 24px;
}

#MydocumentPopupLabel .modal-dialog {
  max-width: 850px;
}

#MydocumentPopupLabel .modal-content {
  padding: 20px 40px 40px 40px;
}

#MydocumentPopupLabel .btn-close {
  background-image: none;
  opacity: unset;
}

.pan-document {
  object-fit: contain;
}

.accordion-body p a {
  text-decoration: none;
  color: inherit;
}

.bordertop-colorgrey {
  border-top: 1px solid var(--color-grey);
}

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


/* withdraw popup */
#documentwithdrawmodal .modal-content {
  padding: 24px;
}

#documentwithdrawmodal .btn-close {
  background-image: none;
  opacity: unset;
}

#documentwithdrawmodal .modal-content {
  padding: 20px 40px 40px 40px;
}

#documentwithdrawmodal .modal-dialog {
  max-width: 645px;
}

@media screen and (max-width:1000px) {
  .profile-grids {
    display: flex;
  }

  .profile-pdf-file {
    margin: 0;
  }

  #profile-tableModal .modal-body {
    display: block !IMPORTANT;
  }

  #profile-tableModal .modal-body h2 {
    margin-bottom: 1rem;
  }

  .profile-icons {
    justify-content: flex-start !important;
  }

  .profile-pdf-file {
    margin: 0;
    overflow: scroll;
  }
}

/* ron declarations for my profile */