/* Contacts styling */
@import url("https://fonts.googleapis.com/css2?family=Figtree:wght@200;300;400;500;600;700;800;900;1000&family=Nunito:wght@200;300;400;500;600;700;800;900;1000&display=swap");
body {
  background: #f2f2f2 !important;
  font-family: "Figtree", sans-serif !important;
}
:root {
  --shadowSize: 10px;
  --shadowColor: grey;
  --tealThemeLight: #edfafb;
  --tealThemeDark: #027274;
  --tealBorder: #9fdedf;
  --orangeThemeLight: #fff6f1;
  --orangeThemeDark: #eb7623;
  --goldThemeLight: #fff4d3;
  --goldThemeDark: #d09e08;
}
#kiwi-big-iframe-wrapper {
  margin-bottom: 140px !important;
  z-index: 1000 !important;
}
#inquiries-contacts-page {
  max-width: 480px;
  min-height: 100vh;
  margin: auto;
  background: white;
  position: relative;
}
#inquiries-contacts-page > .header {
  width: 100%;
  padding: 16px 16px 8px 16px;
  border-bottom: 2px solid #f6f8fb;
  position: fixed;
  top: 0;
  max-width: 480px;
  left: 50%;
  transform: translate(-50%);
  z-index: 100;
  background: white;
}
#inquiries-contacts-page .header .back-cta {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 26px;
}
#inquiries-contacts-page > .header h2 {
  color: var(--Greyish-Black---Text-Greyish-Black-90, #32303f);
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize !important;
  margin-bottom: 0px;
}

.tabs-cont {
  min-height: auto;
}
.tabs-cont,
.tabs-cont > div {
  overflow: visible !important;
}
.tab-item {
  color: var(--Light-Text-Secondary, #757c8d);
  text-align: center;
  font-family: Figtree;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
  letter-spacing: -0.042px;
  border-radius: 6px;
  padding: 4px 12px !important;
  height: auto !important;
  min-height: auto;
  text-transform: capitalize;
}
.tab-item:hover {
  color: #0f232f;
}
.tab-item.Mui-selected {
  background: var(--Light-Base-Secondary, #0f232f) !important;
  color: var(--Light-Text-Tertiary, #fff);
  text-align: center;
  font-family: Figtree;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
  letter-spacing: -0.042px;
}
.tabs-cont .MuiTabs-indicator {
  bottom: -8px;
  height: 4px !important;
  border-radius: 7px 7px 0px 0px;
  background: var(--Light-Base-Secondary, #0f232f);
}
.inquiries-tab-panel,
.contacts-tab-panel {
  padding: 0;
  margin-top: 110px;
}
.contact-banner-cont .banner-cards-cont {
  margin: 0;
  border-bottom: 8px solid #f6f8fb;
}
.contacts-sector-modal .inquiries-cont .inquiries-list,
.contacts-cont .contacts-list {
  margin-bottom: 220px;
}
.inquiries-cont {
  padding-bottom: 100px;
}
.inquiries-cont .inquiries-list > h2 {
  color: var(--Light-Text-Secondary, #757c8d);
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px;
  padding: 12px 16px;
}
.inquiries-cont .inquiries-list > div {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.inquiries-cont .inquiries-list > div > div {
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: start;
  margin: 8px 16px;
  overflow: hidden;
}
.inquiries-cont .inquiries-list .details {
  display: grid;
  width: 100%;
  justify-content: space-between;
  gap: 10px;
  grid-template-columns: 100% 0;
}
.inquiries-cont .inquiries-list .avatar > img {
  height: 44px;
  width: 44px;
  border-radius: 50%;
}
.inquiries-cont .inquiries-list .details h3 {
  color: var(--Light-Text-Primary, #0f232f);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin: 0;
  width: 230px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.inquiries-cont .inquiries-list > div > div span {
  color: var(--Light-Text-Secondary, #757c8d);
  font-family: Figtree;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 133.333% */
}
.inquiries-cont .inquiries-list > div > div span#status {
  border-radius: 4px;
  padding: 4px 6px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  margin-right: 8px;
}
.inquiries-cont .inquiries-list .CLOSED {
  background: #f0f1f3;
  color: var(--Light-Text-Secondary, #757c8d);
}
.inquiries-cont .inquiries-list .OPEN {
  background: #fff2e1;
  color: var(--Light-Focus-Orange, #f79009);
}
.inquiries-cont .inquiries-list .COMPLETED {
  background: #eefff7;
  color: var(--Light-States-Green, #06a976);
}
.new-inquiry-card {
  height: 100%;
  width: 100%;
  display: grid;
  place-items: center;
  margin-top: 50px;
}
.new-inquiry-card h3 {
  color: var(--Light-Text-Primary, #0f232f);
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  margin-top: 24px;
  margin-bottom: 4px;
}
.new-inquiry-card button {
  border-radius: 8px;
  background: #027274;
  color: var(--Light-Text-Tertiary, #fff);
  font-size: 14px;
  font-weight: 600;
  border: none;
  padding: 14px 40px;
  margin-top: 24px;
}
.new-inquiry-card p {
  color: var(--Light-Text-Secondary, #7a8b94);
  font-size: 12px;
  font-weight: 300;
  margin: 0;
}
.add-btn {
  position: fixed;
  bottom: 0px;
  width: 100%;
  max-width: 480px;
  margin: auto;
  z-index: 500;
  background: white;
  padding: 16px;
  box-sizing: border-box;
  box-shadow: 0px -3px 8px 0px rgba(0, 0, 0, 0.06);
}
.add-btn > button {
  border: none;
  border-radius: 4.5px;
  background: #027274;
  color: white;
  height: 48px;
  font-size: 14px;
  font-weight: 600;
  width: 100%;
}
.favourite-contacts-list,
.no-favourites {
  border-bottom: 8px solid #f2f2f2;
  padding: 20px;
}
.favourite-contacts-list > p,
.no-favourites > p {
  color: #7f8a89;
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
}
.favourite-contacts-list > div {
  display: flex;
  gap: 20px;
  overflow: auto;
}
.favourite-contacts-list > div > div {
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  position: relative;
  width: 62px;
}
.favourite-contacts-list > div > div > img {
  border-radius: 15px;
  height: 50px;
  width: 50px;
}
.favourite-contacts-list > div > div > .heart-icon {
  position: absolute;
  top: 35px;
  right: -3px;
  font-size: 18px;
}
.favourite-contacts-list div > p {
  margin: 0;
  margin-top: 5px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-break: anywhere;
}
.favourite-contacts-list .view-all {
  color: var(--tealThemeDark);
}
.favourite-contacts-list .view-all > button {
  border: none;
  background: var(--tealThemeDark);
  color: white;
  border-radius: 15px;
  height: 50px;
  width: 50px;
  font-size: 20px;
}
.no-favourites > p {
  margin-bottom: 10px;
}
.no-favourites > div {
  color: #7f8a89;
  display: grid;
  grid-template-columns: 30px auto;
  gap: 5px;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
  align-items: center;
}
.no-favourites > div > *:nth-child(1) {
  font-size: 25px;
  color: #aab5b6;
}
.modal-header.prospect-contacts {
  background: white;
  padding: 15px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
  position: relative;
  font-size: 18px;
  font-weight: 400;
  color: #222b2c;
  position: fixed;
  z-index: 100;
  width: 100%;
  max-width: 480px;
}

.all-favourite-contacts-list {
  position: fixed;
  top: 0;
  background: white;
  position: relative;
}
.all-favourite-contacts-list .header {
  background: white;
  padding: 15px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
  position: relative;
  font-size: 18px;
  font-weight: 400;
  color: #222b2c;
  position: fixed;
  z-index: 100;
  width: 100%;
}
.all-favourite-contacts-list .contacts-list {
  margin: 0px 0px 20px 20px;
  min-height: 100vh;
  padding-top: 80px;
}
.contacts-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.prospect-contacts-cont .contacts-list {
  margin-top: 80px !important;
}
.contacts-list > .contact-card {
  display: flex;
  gap: 10px;
  margin-right: 20px;
  align-items: center;
}
.contacts-list > .contact-card img {
  width: 44px;
  height: 44px;
  object-fit: cover;
  border-radius: 50%;
}
.contacts-list > .contact-card > .contact {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 5px;
}
.contacts-list > .contact-card > .contact:nth-last-child(2) {
  border-bottom: none;
}
.contacts-list > .contact-card > .contact > div:nth-child(2) {
  align-items: center;
}
.contacts-list > .contact-card > .contact > div:nth-child(2) > div {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  line-height: 1;
}
.contacts-list > .contact-card > .contact > div:nth-child(2) > div span {
  font-size: 12px;
}
.contacts-list > .contact-card > .contact h2 {
  color: var(--Light-Text-Primary, #0f232f);
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  text-wrap: nowrap;
  overflow-wrap: break-word;
}
.contacts-list > .contact-card > .contact p {
  padding-top: 2px;
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--Light-Text-Secondary, #757c8d);
  font-size: 12px;
  font-weight: 300;
  margin: 0;
}
.add-inquiry-icon {
  width: 96px;
  color: var(--Light-Text-Primary, #0f232f);
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  border-radius: 6px;
  border: 1px solid var(--Light-Support-Divider, #ebecef);
  background: var(--Light-Base-BG1, #f6f8fb);
  padding: 9px 12px;
}
.contacts-sector-modal .contacts-cont {
  background: white;
  margin: 12px 0px;
  padding: 12px 16px;
  padding-right: 0;
  margin: 0;
}
.contacts-sector-modal .contacts-cont > .heading {
  color: var(--Light-Text-Secondary, #757c8d);
  font-family: Figtree;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  padding-bottom: 8px;
}
.contacts-sector-modal .contacts-cont .contacts-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
/* End of Favourite Contacts List  */
.inquiry-form-modal .modal-body {
  padding: 0;
}

/* Add Contact */
#add-contact {
  background: #f2f2f2;
  overflow: auto;
  padding-bottom: 80px;
  height: 100%;
}
#add-contact .header {
  padding: 15px 0 0 15px;
  background: white;
}
#add-contact .header p {
  padding: 0;
  margin: 0;
  color: var(--Light-Text-Primary, #262a33);
  font-size: 20px;
  font-weight: 600;
}
#add-contact .basic-info {
  padding: 20px;
  border-bottom: 2px solid var(--tealBorder);
  margin-bottom: 15px;
  background: white;
  border-radius: 0 0 10px 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  width: unset;
}
#add-contact .basic-info > div {
  display: flex;
  flex-direction: column;
  gap: 3px;
  color: #32303f;
  font-size: 14px;
  font-weight: 400;
  width: 100%;
}

#add-contact .basic-info .names > div {
  display: flex;
  gap: 10px;
}
#add-contact .basic-info label {
  color: #5b5965;
  font-weight: 500;
}
#add-contact .add-contact-btn {
  z-index: 1501;
  background: white;
  padding: 10px 20px;
  position: fixed;
  width: 100%;
  bottom: 0;
  max-width: 480px;
}
#add-contact .add-contact-btn button {
  background: var(--tealThemeDark);
  color: white;
  width: 100%;
  border: none;
  padding: 10px;
  border-radius: 10px;
  font-size: 18px;
}
#add-contact .add-contact-btn button:disabled {
  background: #e6e6e6 !important;
  color: rgba(0, 0, 0, 0.26);
}

.MuiOutlinedInput-notchedOutline {
  /* Customize the normal state border color and width here */
  border-color: #babfc6;
  border-width: 1px;
  border-radius: 7px;
}

.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline {
  /* Customize the hover state border color and width here */
  border-color: #babfc6;
  border-width: 2px;
}

.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  /* Customize the focused state border color and width here */
  border-color: #babfc6;
  border-width: 2px;
}
.css-umnwes-MuiButtonBase-root-MuiToggleButton-root {
  text-transform: capitalize;
  padding: 7px 20px;
}
.css-umnwes-MuiButtonBase-root-MuiToggleButton-root.Mui-selected {
  border: 1px solid teal !important;
  background: #ebfcfd !important;
}
#add-contact .collapsible-section {
  margin: 20px 10px;
  display: block;
}
#add-contact .acordian-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 10px;
}
#add-contact .acordian-header > div {
  text-transform: uppercase;
  color: #7f8a89;
  font-weight: 100;
  font-size: 14px;
}
#add-contact .acordian-header > button {
  color: var(--tealThemeDark);
  background-color: var(--tealThemeLight);
  border: none;
  font-weight: 500;
  font-size: 14px;
  border-radius: 5px;
  padding: 5px 10px;
}
#add-contact .location-accordion {
  margin-top: -10px;
}
#add-contact .css-1elwnq4-MuiPaper-root-MuiAccordion-root:before {
  content: none;
}
#add-contact .css-15v22id-MuiAccordionDetails-root {
  padding: 0;
}
#add-contact .collapsible-section .location-accordion > div {
  padding: 10px 15px;
}
#add-contact .collapsible-section .location-accordion > div > div {
  display: flex;
  gap: 10px;
  margin-bottom: 5px;
}
#add-contact .collapsible-section .location-accordion > div p {
  margin: 0;
  font-size: 17px;
  color: #32303f;
}
#add-contact .collapsible-section .location-accordion .bucket-list {
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
}
#add-contact .collapsible-section .location-accordion .bucket-list > button,
.occasions .add-another-date-btn {
  border: none;
  background: var(--tealThemeLight);
  color: var(--tealThemeDark);
  font-wright: 500;
  width: 100%;
  padding: 8px;
  border-radius: 8px;
  margin: 8px 0;
}
#add-contact .collapsible-section .location-accordion .bucket-list > button:disabled {
  background: #bcbcbc;
  color: #818181;
}
#add-contact .collapsible-section .location-accordion .bucket-list .delete-icon {
  position: absolute;
  right: 20px;
}
#add-contact .MuiPaper-rounded.MuiPaper-elevation1.MuiAccordion-root {
  margin-bottom: 20px;
  box-shadow: none;
  border-radius: 10px;
}
#add-contact .collapsible-section .location-accordion .bucket-list .MuiInputBase-input {
  padding-right: 50px !important;
  margin-left: -5px;
}
#add-contact .collapsible-section .hotel-preference {
  display: none;
}
#add-contact .collapsible-section .hotel-preference .options {
  display: flex;
}
#add-contact .collapsible-section .hotel-preference .options > div {
  border: 1px solid #d7d7d7;
  border-radius: 8px;
  text-align: center;
  width: 72px;
  height: 77px;
}
#add-contact .collapsible-section .hotel-preference .options > div > p {
  font-size: 14px;
  margin: 0;
  padding: 0;
}
#add-contact .collapsible-section .hotel-preference .css-1oakzvg-MuiButtonBase-root-MuiCheckbox-root .MuiSvgIcon-root {
  font-size: 28px;
}
#add-contact .collapsible-section .hotel-preference .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root {
  color: #aab5b6;
}
#add-contact .collapsible-section .hotel-preference .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.Mui-checked {
  color: var(--tealThemeDark);
}
#add-contact .css-m9glnp-MuiPaper-root-MuiDialog-paper {
  border-radius: 10px;
  margin-top: 10vh;
}
.css-1u3bzj6-MuiFormControl-root-MuiTextField-root,
.css-1n4twyu-MuiInputBase-input-MuiOutlinedInput-input {
  width: 100%;
}
.search-modal-header {
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-size: 18px;
}
.modal-header {
  border-bottom: none !important;
  display: block !important;
}
.search-results {
  padding: 10px 5px;
  max-height: 75vh;
  overflow: auto;
}
.search-results > div {
  padding: 10px 0px;
  border-bottom: 1px solid #ebebeb;
  color: grey;
  display: flex;
  align-items: center;
  gap: 10px;
}
.search-results > div > div:nth-child(1) {
  background: #f1f6fe;
  color: #1d64dd;
  padding: 3px 5px;
  border-radius: 5px;
}
.search-results > div em {
  color: black;
  font-style: normal;
  font-size: 20px;
}
.modal-body #no-result-found {
  display: block;
  font-size: 12px;
  line-height: 1.5;
  color: #7f8a89;
  border-bottom: none;
}
.modal-body #no-result-found em {
  font-size: 12px;
  color: #7f8a89;
  font-weight: 800;
}
.modal-body #add-destination > button {
  width: 90% !important;
  background: #027274;
  color: white;
  border: none;
  border-radius: 10px;
  padding: 10px;
  font-weight: 600;
}
.css-bkrceb-MuiButtonBase-root-MuiPickersDay-root.Mui-selected,
.css-bkrceb-MuiButtonBase-root-MuiPickersDay-root.Mui-selected:hover,
.css-195y93z-MuiButtonBase-root-MuiPickersDay-root.Mui-selected:hover,
.css-195y93z-MuiButtonBase-root-MuiPickersDay-root.Mui-selected {
  background: var(--tealThemeDark);
}
.occasions .css-1e6y48t-MuiButtonBase-root-MuiButton-root {
  color: var(--tealThemeDark);
}
.css-hfutr2-MuiSvgIcon-root-MuiSelect-icon {
  color: var(--tealThemeDark);
  background: var(--tealThemeLight);
  border-radius: 50%;
}
.occasions .occasions-list {
  margin-top: -20px;
}
.occasions .occasions-list > div {
  padding: 15px 15px;
  border-bottom: 1px solid #e7e7e7;
}
.occasions .occasions-list > div > div:nth-child(1) {
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
}
.occasions .occasions-list .date-picker {
  display: grid;
  grid-template-columns: 48% 48%;
  box-sizing: border-box;
  justify-content: space-between;
}
.MuiPopover-root.MuiMenu-root {
  z-index: 1501;
}
.css-1sumxir-MuiFormLabel-root-MuiInputLabel-root.Mui-focused {
  color: var(--tealThemeDark);
}
.occasions .occasions-list > div > div:nth-child(1) > * {
  font-size: 17px;
  margin: 0;
}
.occasions .add-another-date-btn {
  margin: 15px 0px;
  width: 90%;
  margin-left: 5%;
}
/* End Add Contact */

/* View Contact */
.view-contact-card {
  background: #f2f2f2;
}
.view-contact-card .top-cont {
  background: white;
  padding: 20px;
  border-bottom: 2px solid #9fdedf;
  border-radius: 0px 0px 8px 8px;
}
.view-contact-card .top-cont .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.menu-item {
  display: flex;
  gap: 10px;
  align-items: center;
}
.view-contact-card .top-cont .header > div:nth-child(2) {
  display: flex;
  gap: 15px;
}
.view-contact-card .contact-info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.view-contact-card .contact-info .img-contact {
  text-align: center;
  margin-top: 20px;
}
.view-contact-card .contact-info .img-contact svg.defs {
  position: absolute;
  width: 0;
  height: 0;
}
.view-contact-card .contact-info .img-contact .squircle-image--wrapper img {
  height: 96px;
  width: 96px;
  clip-path: url(#squircle);
}
.view-contact-card .contact-info .img-contact h2 {
  font-size: 24px;
  margin-top: 10px;
  color: #32303f;
}
.view-contact-card .contact-info .img-contact .phone-number,
.view-contact-card .contact-info .img-contact .email {
  color: #7f8a89;
  font-size: 16px;
  font-weight: 300;
}
.view-contact-card .contact-info .actions {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 20px;
}
.view-contact-card .contact-info .actions > button {
  height: 62px;
  width: 76px;
  background: #ebfcfd;
  border-radius: 5px;
  border: none;
  color: var(--tealThemeDark);
  font-size: 20px;
}
.view-contact-card .contact-info .actions > button:disabled {
  filter: grayscale(100%);
}
.view-contact-card .contact-info .actions > button > p {
  font-size: 12px;
  margin: 0;
  line-height: 0.8;
}
.view-contact-card .contact-info .actions .whatsapp {
  background: #e9fbf0;
  color: black;
}
.view-contact-card .contact-info .actions .instagram {
  background: #ffede5;
  color: black;
}
.view-contact-card .advanced-profiling {
  padding: 15px 10px;
}
.view-contact-card .advanced-profiling .teal {
  color: #6db7b9;
}
.view-contact-card .advanced-profiling .grey {
  color: #aab5b6;
}
.view-contact-card .advanced-profiling > div {
  background: white;
  border-radius: 10px;
  color: #32303f;
}
.view-contact-card .advanced-profiling > div p {
  margin: 0;
}
.view-contact-card .advanced-profiling > div > div {
  padding: 15px 20px;
  display: flex;
  gap: 10px;
}
.view-contact-card .advanced-profiling > div > div:not(:last-child) {
  border-bottom: 1px solid #e7e7e7;
}
.view-contact-card .advanced-profiling > div > div > div {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.view-contact-card .advanced-profiling > div > div > div > span {
  color: #2e7cf6;
  font-size: 14px;
}
.view-contact-card .advanced-profiling > div > p {
  padding: 15px 0 5px 20px;
  color: #7f8a89;
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
}
.view-contact-card .advanced-profiling > .location-and-pref .bucket-list > div > div {
  max-width: 90%;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 5px;
}
.view-contact-card .advanced-profiling > .location-and-pref .bucket-list > div span {
  background: #f2f2f2;
  border-radius: 16px;
  padding: 1px 7px;
  color: #505555;
  font-weight: 500;
  font-size: 14px;
}
.view-contact-card .advanced-profiling > .occasions {
  margin-top: 15px;
}
.view-contact .modal-body {
  padding: 0 !important;
}
/* End View Contact */

/* Contact Selector modal  */
.contacts-sector-modal .modal-header {
  display: block;
  box-shadow: none;
}
.contacts-sector-modal .modal-header span {
  color: var(--Light-Text-Primary, #0f232f);
  font-family: Figtree;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  margin-left: 8px;
}
.contacts-sector-modal .modal-body {
  padding: 0;
}
.contacts-sector-modal .create-new-contact {
  padding: 16px;
}
.contacts-sector-modal .create-new-contact h3 {
  color: var(--Light-Text-Primary, #0f232f);
  /* Web/Title-16 */
  font-family: Figtree;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 23px; /* 143.75% */
  letter-spacing: -0.112px;
  margin-bottom: 2px;
}
.contacts-sector-modal .create-new-contact p {
  color: var(--Light-Text-Secondary, #757c8d);
  font-family: Figtree;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 16px; /* 133.333% */
  letter-spacing: -0.24px;
  margin: 0;
}
.contacts-sector-modal .create-new-contact .options-container {
  display: flex;
  gap: 16px;
  overflow-x: scroll;
}
.contacts-sector-modal .create-new-contact .add-new-contact {
  border-radius: 8px;
  background: var(--Light-Base-BG1, #f6f8fb);
  padding: 20px 32px;
  width: fit-content;
  display: grid;
  gap: 6px;
  place-items: center;
  margin-top: 16px;
  text-align: center;
}
.contacts-sector-modal .create-new-contact .add-new-contact.hidden {
  display: none;
}
.contacts-sector-modal .create-new-contact .add-new-contact h4 {
  color: var(--Light-Text-Primary, #0f232f);
  font-family: Figtree;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  margin: 0;
  line-height: 16px;
}
.MuiDrawer-modal.add-contact-form {
  z-index: 1500;
}
/* End Contact Selector modal  */

@media only screen and (min-width: 800px) {
  .modal-header {
    left: calc(50% - 240px) !important;
  }
}