@charset "UTF-8";
/**
 * @license
 *
 * Font Family: Satoshi
 * Designed by: Deni Anggara
 * URL: https://www.fontshare.com/fonts/satoshi
 * © 2023 Indian Type Foundry
 *
 * Font Styles:
 * Satoshi Variable(Variable font)
 * Satoshi Variable Italic(Variable font)
 * Satoshi Light
 * Satoshi Light Italic
 * Satoshi Regular
 * Satoshi Italic
 * Satoshi Medium
 * Satoshi Medium Italic
 * Satoshi Bold
 * Satoshi Bold Italic
 * Satoshi Black
 * Satoshi Black Italic
 *
*/
/**
* This is a variable font
* You can controll variable axes as shown below:
* font-variation-settings: 'wght' 900.0;
*
* available axes:

* 'wght' (range from 300.0 to 900.0)

*/
@font-face {
  font-family: "Satoshi-Variable";
  src: url("./assets/fonts/Satoshi-Variable.woff2") format("woff2"), url("./assets/fonts/Satoshi-Variable.woff") format("woff"), url("./assets/fonts/Satoshi-Variable.ttf") format("truetype");
  font-weight: 300 900;
  font-display: swap;
  font-style: normal;
}
/**
* This is a variable font
* You can controll variable axes as shown below:
* font-variation-settings: 'wght' 900.0;
*
* available axes:

* 'wght' (range from 300.0 to 900.0)

*/
@font-face {
  font-family: "Satoshi-VariableItalic";
  src: url("./assets/fonts/Satoshi-VariableItalic.woff2") format("woff2"), url("./assets/fonts/Satoshi-VariableItalic.woff") format("woff"), url("./assets/fonts/Satoshi-VariableItalic.ttf") format("truetype");
  font-weight: 300 900;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Satoshi-Light";
  src: url("./assets/fonts/Satoshi-Light.woff2") format("woff2"), url("./assets/fonts/Satoshi-Light.woff") format("woff"), url("./assets/fonts/Satoshi-Light.ttf") format("truetype");
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Satoshi-LightItalic";
  src: url("./assets/fonts/Satoshi-LightItalic.woff2") format("woff2"), url("./assets/fonts/Satoshi-LightItalic.woff") format("woff"), url("./assets/fonts/Satoshi-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Satoshi-Regular";
  src: url("./assets/fonts/Satoshi-Regular.woff2") format("woff2"), url("./assets/fonts/Satoshi-Regular.woff") format("woff"), url("./assets/fonts/Satoshi-Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Satoshi-Italic";
  src: url("./assets/fonts/Satoshi-Italic.woff2") format("woff2"), url("./assets/fonts/Satoshi-Italic.woff") format("woff"), url("./assets/fonts/Satoshi-Italic.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Satoshi-Medium";
  src: url("./assets/fonts/Satoshi-Medium.woff2") format("woff2"), url("./assets/fonts/Satoshi-Medium.woff") format("woff"), url("./assets/fonts/Satoshi-Medium.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Satoshi-MediumItalic";
  src: url("./assets/fonts/Satoshi-MediumItalic.woff2") format("woff2"), url("./assets/fonts/Satoshi-MediumItalic.woff") format("woff"), url("./assets/fonts/Satoshi-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Satoshi-Bold";
  src: url("./assets/fonts/Satoshi-Bold.woff2") format("woff2"), url("./assets/fonts/Satoshi-Bold.woff") format("woff"), url("./assets/fonts/Satoshi-Bold.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Satoshi-BoldItalic";
  src: url("./assets/fonts/Satoshi-BoldItalic.woff2") format("woff2"), url("./assets/fonts/Satoshi-BoldItalic.woff") format("woff"), url("./assets/fonts/Satoshi-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Satoshi-Black";
  src: url("./assets/fonts/Satoshi-Black.woff2") format("woff2"), url("./assets/fonts/Satoshi-Black.woff") format("woff"), url("./assets/fonts/Satoshi-Black.ttf") format("truetype");
  font-weight: 900;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Satoshi-BlackItalic";
  src: url("./assets/fonts/Satoshi-BlackItalic.woff2") format("woff2"), url("./assets/fonts/Satoshi-BlackItalic.woff") format("woff"), url("./assets/fonts/Satoshi-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-display: swap;
  font-style: italic;
}
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden !important;
  font-family: "Satoshi-Variable", sans-serif !important;
  background-color: #FFFFFF;
  scroll-behavior: smooth;
}
body h1, body h2, body h3, body h4, body h5, body p {
  padding: 0;
  margin: 0;
}

.topNavigation {
  display: flex;
  border-bottom: 1.2px solid #dedede;
  width: 100%;
  position: relative;
  gap: 2rem;
  height: 4rem;
  align-items: center;
}
.topNavigation .topLastWrapper {
  display: flex;
  position: absolute;
  right: 3rem;
  gap: 5rem;
}
.topNavigation .logoContainer {
  border-right: 1.2px solid #dedede;
  height: 4rem;
  display: flex;
  align-items: center;
  width: 14rem;
}
.topNavigation .logoContainer .logo {
  height: 3.2rem;
  display: flex;
  margin-left: 1.5rem;
}
.topNavigation .navigationItems {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.topNavigation .navigationItems .activeNav {
  color: #296EB4;
}
.topNavigation .navigationItems .navBtn {
  border: 1.2px solid #dedede;
  transition: all 0.3s ease-in-out;
}
.topNavigation .navigationItems .navBtn:hover {
  background-color: #296EB4;
  color: #fff;
  border: 1.2px solid #296EB4;
}
.topNavigation .navigationItems li {
  list-style: none;
}
.topNavigation .navigationItems li a {
  display: flex;
  font-size: 0.8rem;
  color: hwb(0 10% 90%/0.842);
  height: 2rem;
  align-items: center;
  padding: 0 0.5rem;
  border-radius: 4px;
  text-decoration: none;
  font-family: "Satoshi-Medium";
  gap: 0.3rem;
  transition: color 0.3s ease-in-out;
}
.topNavigation .navigationItems li a span {
  display: flex;
  height: 0.8rem;
  width: 0.8rem;
}
.topNavigation .navigationItems li a:hover {
  color: #296EB4;
}
.topNavigation .searchContainer {
  display: flex;
  height: 2rem;
  width: 16rem;
  position: relative;
  align-items: center;
}
.topNavigation .searchContainer .searchIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.5rem;
  width: 1.5rem;
  position: absolute;
  left: 0.5rem;
}
.topNavigation .searchContainer input:focus {
  border: 1.2px solid #296EB4;
  background-color: rgba(172, 214, 255, 0.0901960784);
}
.topNavigation .searchContainer input {
  width: 100%;
  height: 100%;
  border: 1.2px solid #dedede;
  border-radius: 4px;
  font-family: "Satoshi-Medium";
  padding-left: 2.5rem;
  outline: none;
}
.topNavigation .shortcutItems {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.topNavigation .shortcutItems div {
  height: 1rem;
  width: 1rem;
}
.topNavigation .shortcutItems div span {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.topNavigation .shortcutItems div span img {
  height: 100%;
  width: 100%;
}
.topNavigation .accountDisplay {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.topNavigation .accountDisplay .accountName {
  font-family: "Satoshi-Medium";
  font-size: 0.8rem;
}
.topNavigation .accountDisplay .avatar {
  display: flex;
  height: 2rem;
  width: 2rem;
}

.myContainer .navigationBtns {
  display: flex;
  margin-top: 2rem;
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
  gap: 1rem;
}
.myContainer .navigationBtns .previousBtn {
  border-radius: 0.25rem;
  border: 1px solid var(--Dashboard-Main, #296EB4);
  background: rgba(41, 110, 180, 0.49);
  color: #fff;
}
.myContainer .navigationBtns .nextBtn {
  border-radius: 0.25rem;
  background: var(--Dashboard-Main, #296EB4);
  color: #fff;
}
.myContainer .navigationBtns a {
  display: flex;
  height: 2.2rem;
  align-items: center;
  justify-content: center;
  align-items: center;
  padding: 0 1rem;
  font-size: 0.75rem;
  font-family: "Satoshi-Bold";
  text-decoration: none;
  gap: 0.5rem;
}
.myContainer .navigationBtns a span {
  display: flex;
  height: 1rem;
  width: 1rem;
  align-items: center;
  justify-content: center;
}
.myContainer .myContainerWrapper {
  width: 95%;
  margin-inline: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  /* background-color: red; */
}
.myContainer .myContainerWrapper .navigationIndicator {
  display: flex;
  border-radius: 0.625rem;
  border: 1px solid rgba(41, 110, 180, 0.15);
  background: #F4F7FB;
  padding: 0.5rem;
  padding-bottom: 0;
  margin-bottom: 0;
}
.myContainer .myContainerWrapper .navigationIndicator li.uk-active {
  background-color: #296EB4;
  border-radius: 4px;
  color: #fff;
}
.myContainer .myContainerWrapper .navigationIndicator li.uk-active a {
  color: #fff !important;
}
.myContainer .myContainerWrapper .navigationIndicator .navigationWrapper {
  display: flex;
}
.myContainer .myContainerWrapper .navigationIndicator .navigationWrapper .navItems {
  display: flex;
  flex-direction: column;
  list-style-type: none;
  padding: 0;
  gap: 0.5rem;
}

.myContainer .myContainerWrapper .navigationIndicator .navigationWrapper .navItems a:hover {
  border: 1.2px solid #296EB4;
}
.myContainer .myContainerWrapper .navigationIndicator .navigationWrapper .navItems a {
  border-radius: 0.25rem;
  border: 1.2px solid rgba(41, 111, 180, 0);
  color: #000000;
  font-size: 0.75rem;
  border-radius: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding-left: 0.5rem;
  text-transform: capitalize;
  display: flex;
  height: 2.5rem;
  align-items: center;
  font-size: 0.75rem;
  text-decoration: none;
  font-family: "Satoshi-Bold";
  width: 15rem;
  position: relative;
}
.myContainer .myContainerWrapper .navigationIndicator .navigationWrapper .navItems a .iconCloser {
  position: absolute;
  right: 0.5rem;
}
.myContainer .myContainerWrapper .navigationIndicator .navigationWrapper .navItems a .sliderCountNumber {
  display: flex;
  height: 2rem;
  min-width: 2rem;
  min-height: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--Dashboard-Icon, #464646);
  font-family: Satoshi;
  font-size: 0.63144rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
  margin-right: 0.5rem;
  border-radius: 1.20231rem;
  border: 1.031px solid rgba(70, 70, 70, 0.12);
  background: rgba(247, 247, 247, 0.59);
}
.myContainer .formWrapper {
  display: flex;
  width: 60%;
  flex-direction: column;
}
.myContainer .formWrapper .topWrapper .mainHeading {
  font-size: 2rem;
  font-family: "Satoshi-Black";
  width: 60%;
  color: #333;
}
.myContainer .formWrapper .topWrapper .mainHeading span {
  color: #296EB4;
}
.myContainer .formWrapper .topWrapper .suheading {
  margin-top: 0.5rem;
  width: 60%;
  font-size: 0.9rem;
  font-family: "Satoshi-Medium";
}
.myContainer .formWrapper form {
  margin-top: 2rem;
}
.myContainer .formWrapper form .formInputWrapper > * {
  width: 50%;
}
.myContainer .formWrapper form .formInputWrapper {
  display: flex;
  gap: 1rem;
  width: 100%;
}
.myContainer .formWrapper form .formInputWrapper .inputsContained {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.myContainer .formWrapper form .formInputWrapper .secondaryInputsWrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.myContainer .formWrapper form .formInputWrapper .inputWrapped {
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  position: relative;
  flex-direction: column;
}
.myContainer .formWrapper form .formInputWrapper .inputWrapped .countryDrop {
  position: absolute;
  bottom: 0.5rem;
  right: 0.5rem;
}
.myContainer .formWrapper form .formInputWrapper .inputWrapped input {
  display: flex;
  height: 2.2rem;
  padding-left: 0.5rem;
  border-radius: 0.25rem;
  border: 1px solid #e2e2e2;
  background: #FFF;
  margin-top: 0.5rem;
  outline: none;
}
.myContainer .formWrapper form .formInputWrapper .inputWrapped input:focus {
  border: 1px solid #296EB4;
  background-color: rgba(41, 111, 180, 0.0745098039);
}
.myContainer .formWrapper form .formInputWrapper .inputWrapped ::-moz-placeholder {
  font-size: 0.8rem;
  font-family: "Satoshi-Medium";
  text-transform: capitalize;
}
.myContainer .formWrapper form .formInputWrapper .inputWrapped ::placeholder {
  font-size: 0.8rem;
  font-family: "Satoshi-Medium";
  text-transform: capitalize;
}
.myContainer .formWrapper form .formInputWrapper .inputWrapped .inputDisplayName {
  font-size: 0.75rem;
  font-family: "Satoshi-Bold";
  color: #333;
  margin-left: 0.5rem;
  padding: 0;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
}

.mainWrapperContainer {
  display: flex;
  /* background-color: #000000; */
}
.mainWrapperContainer .sideNavigation {
  border-right: 1.2px solid #dedede;
  width: 14rem;
  position: absolute;
  bottom: 0;
  height: calc(100dvh - 4rem);
}
.mainWrapperContainer .sideNavigation .sideWrapper {
  width: 90%;
  border-radius: 10px;
  margin-inline: auto;
  margin-top: 2rem;
}
.mainWrapperContainer .sideNavigation .sideWrapper .topMenu {
  background-color: rgba(41, 111, 180, 0.05);
  padding: 0.5rem;
  border-radius: 4px;
}
.mainWrapperContainer .sideNavigation .sideWrapper .menuHeading {
  font-size: 0.7rem;
  font-family: "Satoshi-Bold";
  padding: 0;
  color: rgba(26, 26, 26, 0.546);
  margin: 0;
}
.mainWrapperContainer .sideNavigation .sideWrapper .helpMenu {
  margin-top: 1rem;
  background-color: rgba(41, 111, 180, 0.05);
  padding: 0.5rem;
  border-radius: 4px;
}
.mainWrapperContainer .sideNavigation .sideWrapper .helpMenu .helpHeading {
  font-size: 0.7rem;
  font-family: "Satoshi-Bold";
  padding: 0;
  color: rgba(26, 26, 26, 0.546);
  margin: 0;
}
.mainWrapperContainer .sideNavigation .sideWrapper .bottomDarkModeToggle {
  display: none;
}
.mainWrapperContainer .sideNavigation .sideWrapper .sideNavLinks {
  list-style: none;
  padding: 0;
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.mainWrapperContainer .sideNavigation .sideWrapper .sideNavLinks .uk-nav-sub a {
  font-size: 0.7rem;
  text-transform: capitalize;
  color: #1a1a1a;
  font-family: "Satoshi-Medium";
  gap: 0.1rem !important;
  padding-left: unset !important;
  transition: all 0.3s ease-in-out;
}
.mainWrapperContainer .sideNavigation .sideWrapper .sideNavLinks .uk-nav-sub a:hover {
  color: #296EB4;
}
.mainWrapperContainer .sideNavigation .sideWrapper .sideNavLinks .active {
  background-color: #296EB4;
  border: 1.2px solid #296EB4;
  color: #FFFFFF;
}
.mainWrapperContainer .sideNavigation .sideWrapper .sideNavLinks .active span {
  background-color: #fff;
}
.mainWrapperContainer .sideNavigation .sideWrapper .sideNavLinks .active:hover {
  background-color: #296EB4;
  border: 1.2px solid #296EB4;
  color: #FFFFFF;
}
.mainWrapperContainer .sideNavigation .sideWrapper .sideNavLinks .active:hover span {
  background-color: #fff;
}
.mainWrapperContainer .sideNavigation .sideWrapper .sideNavLinks a {
  font-size: 0.8rem;
  display: flex;
  height: 2rem;
  padding-left: 0.5rem;
  border-radius: 4px;
  text-decoration: none;
  align-items: center;
  gap: 0.5rem;
  font-family: "Satoshi-Medium";
  border: 1.2px solid rgba(41, 111, 180, 0);
  color: rgba(26, 26, 26, 0.8);
  transition: all 0.3s ease-in-out;
  position: relative;
}
.mainWrapperContainer .sideNavigation .sideWrapper .sideNavLinks a .iconDrop {
  position: absolute;
  right: 0.5rem;
}
.mainWrapperContainer .sideNavigation .sideWrapper .sideNavLinks a .linkIcon {
  background-color: unset !important;
  height: 0.9rem;
  width: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mainWrapperContainer .sideNavigation .sideWrapper .sideNavLinks a .linkIcon img {
  height: 100%;
  width: 100%;
}
.mainWrapperContainer .sideNavigation .sideWrapper .sideNavLinks a:hover {
  background-color: #cee7ff;
  border: 1.2px solid #8cc4ff;
}

.dashboardMainDisplay {
  width: 85%;
  max-width: 1250px;
  margin-inline: auto;
}
.dashboardMainDisplay .topContainer {
  margin-top: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.dashboardMainDisplay .topContainer .balanceDisplay {
  display: flex;
  flex-direction: column;
  min-width: 4rem;
  position: relative;
}
.dashboardMainDisplay .topContainer .balanceDisplay span {
  display: flex;
  font-size: 0.8rem;
  font-style: normal;
  font-family: "Satoshi-Bold";
  font-weight: 500;
  line-height: normal;
  position: absolute;
  right: 0;
  top: 0;
  width: -moz-fit-content;
  width: fit-content;
}
.dashboardMainDisplay .topContainer .balanceDisplay .Balance {
  padding-top: 1rem;
  font-family: "Satoshi-Black";
  position: relative;
  right: 0;
  font-size: 1.65781rem;
  font-style: normal;
  margin-left: 1rem;
  font-weight: 900;
  line-height: 135.189%; /* 2.24119rem */
  color: #F09000;
}
.dashboardMainDisplay .topContainer .breadcrumbContainer {
  height: -moz-fit-content;
  height: fit-content;
}
.dashboardMainDisplay .topContainer .breadcrumbContainer nav {
  padding-bottom: unset !important;
  margin-bottom: unset !important;
}
.dashboardMainDisplay .topContainer .breadcrumbContainer nav .activeLinkDashboard span {
  font-family: "Satoshi-Bold";
  color: #296EB4;
}
.dashboardMainDisplay .topContainer .breadcrumbContainer .wrapper {
  display: flex;
  flex-direction: column;
}
.dashboardMainDisplay .topContainer .breadcrumbContainer .wrapper .welcomeMessage {
  padding: 0;
  font-family: "Satoshi-Medium";
  color: #1a1a1a;
  margin: 0;
  margin-top: -0.5rem;
  height: -moz-fit-content;
  height: fit-content;
  font-size: 1.3rem;
}
.dashboardMainDisplay .topContainer .breadcrumbContainer .wrapper .welcomeMessage span {
  font-size: 1.3rem;
  font-family: "Satoshi-Black";
  color: #16154D;
}
.dashboardMainDisplay .kpiContainer {
  margin-top: 1.5rem;
}
.dashboardMainDisplay .kpiContainer .flexWrapper {
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
}
.dashboardMainDisplay .kpiContainer .flexWrapper > div {
  background-color: #F9F9F9;
  width: 35%;
  border-radius: 10px;
  padding-bottom: 1rem;
}
.dashboardMainDisplay .kpiContainer .flexWrapper > div .mainCardContainer {
  padding: 0 2rem;
  margin-top: 0.5rem;
}
.dashboardMainDisplay .kpiContainer .flexWrapper > div .mainCardContainer .bottomCardContainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
}
.dashboardMainDisplay .kpiContainer .flexWrapper > div .mainCardContainer .bottomCardContainer .graphGrowthDisplay {
  display: flex;
  align-items: center;
  gap: 0.312rem;
  border-radius: 0.25rem;
  background: rgba(41, 110, 180, 0.05);
  padding: 0.3rem;
}
.dashboardMainDisplay .kpiContainer .flexWrapper > div .mainCardContainer .bottomCardContainer .graphGrowthDisplay span {
  display: flex;
  align-items: center;
  width: 1.2rem;
  height: 1.2rem;
}
.dashboardMainDisplay .kpiContainer .flexWrapper > div .mainCardContainer .bottomCardContainer .graphGrowthDisplay p {
  font-size: 0.7rem;
  font-family: "Satoshi-Medium";
}
.dashboardMainDisplay .kpiContainer .flexWrapper > div .mainCardContainer .bottomCardContainer .viewKPIBtn:hover {
  background-color: #184572;
}
.dashboardMainDisplay .kpiContainer .flexWrapper > div .mainCardContainer .bottomCardContainer .viewKPIBtn:hover span {
  transform: translateX(0.3rem);
}
.dashboardMainDisplay .kpiContainer .flexWrapper > div .mainCardContainer .bottomCardContainer .viewKPIBtn {
  display: flex;
  background-color: #296EB4;
  color: #fff;
  font-family: "Satoshi-Bold";
  height: 2.3rem;
  font-size: 0.8rem;
  align-items: center;
  padding: 0 1rem;
  text-decoration: none;
  gap: 0.5rem;
  border-radius: 10rem;
  transition: all 0.3s ease-in-out;
}
.dashboardMainDisplay .kpiContainer .flexWrapper > div .mainCardContainer .bottomCardContainer .viewKPIBtn span {
  display: flex;
  height: 1rem;
  width: 1rem;
  align-items: center;
  justify-content: center;
  padding: 0.1rem;
  transition: all 0.3s ease-in-out;
}
.dashboardMainDisplay .kpiContainer .flexWrapper > div .mainCardContainer .bottomCardContainer .viewKPIBtn span img {
  height: 100%;
  height: 100%;
}
.dashboardMainDisplay .kpiContainer .flexWrapper > div .mainCardContainer .cardValueDisplay {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dashboardMainDisplay .kpiContainer .flexWrapper > div .mainCardContainer .cardValueDisplay .dealsValueTop {
  margin-top: 1rem;
}
.dashboardMainDisplay .kpiContainer .flexWrapper > div .mainCardContainer .cardValueDisplay .dealsValueTop .availableDeals {
  font-size: 0.8rem;
  font-family: "Satoshi-Medium";
}
.dashboardMainDisplay .kpiContainer .flexWrapper > div .mainCardContainer .cardValueDisplay .dealsValueTop .dealsAvailable h2 {
  font-size: 2.1875rem;
  font-family: "Satoshi-Black";
  color: #16154D;
}
.dashboardMainDisplay .kpiContainer .flexWrapper > div .mainCardContainer .cardValueDisplay .optionsDropDateView a {
  font-size: 0.7rem;
  font-weight: 600;
  display: flex;
  gap: 0.2rem;
  height: 2rem;
  background-color: #eee;
  display: flex;
  color: rgba(26, 26, 26, 0.7450980392);
  align-items: center;
  padding: 0 0.5rem;
  text-decoration: none;
  border-radius: 4px;
}
.dashboardMainDisplay .kpiContainer .flexWrapper > div .topCardContaier {
  border-bottom: 1.2px solid #dedede;
  display: flex;
  align-items: center;
  height: 3rem;
  padding: 0 2rem;
  justify-content: space-between;
}
.dashboardMainDisplay .kpiContainer .flexWrapper > div .topCardContaier .cardDescription {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.dashboardMainDisplay .kpiContainer .flexWrapper > div .topCardContaier .cardDescription p {
  font-family: "Satoshi-Bold";
  color: #333;
}
.dashboardMainDisplay .kpiContainer .flexWrapper > div .topCardContaier .cardDescription .newDisplay {
  display: flex;
  font-size: 0.6rem;
  background-color: #296EB4;
  color: #fff;
  border-radius: 10rem;
  height: 1rem;
  font-family: "Satoshi-Medium";
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 0.5rem;
  align-items: center;
  justify-content: center;
}
.dashboardMainDisplay .kpiContainer .flexWrapper > div .topCardContaier .cardDescription .iconContainer {
  height: 1.3rem;
  width: 1.3rem;
  border-radius: 50%;
  justify-content: center;
  display: flex;
  align-items: center;
  background: rgba(41, 110, 180, 0.15);
}
.dashboardMainDisplay .kpiContainer .flexWrapper > div .topCardContaier .dotsOptions {
  display: flex;
  height: 1rem;
  width: 1rem;
  align-items: center;
}

.hotDealsCompWatch {
  margin-top: 1.5rem;
  display: flex;
  flex-direction: row-reverse;
  gap: 2rem;
}
.hotDealsCompWatch .comparisonWatchWrapper {
  border-radius: 4px;
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
  position: relative;
}
.hotDealsCompWatch .comparisonWatchWrapper .cardHeading {
  font-size: 1.3rem;
  font-family: "Satoshi-Bold";
  margin-top: 1rem;
  color: #1a1a1a;
}
.hotDealsCompWatch .comparisonWatchWrapper .pieChartContainer {
  margin-inline: unset;
  width: 100%;
}
.hotDealsCompWatch .discoverHotDeals {
  min-width: 60%;
  height: 23rem;
  padding-right: 1rem;
}
.hotDealsCompWatch .discoverHotDeals .wrapperHotDeals {
  display: flex;
  justify-content: space-between;
}
.hotDealsCompWatch .discoverHotDeals .wrapperHotDeals .creditCardDisplay {
  padding: 0 2rem;
  width: 60%;
}
.hotDealsCompWatch .discoverHotDeals .wrapperHotDeals .creditCardDisplay .heading {
  margin-top: 2rem;
  font-size: 1.2rem;
  font-family: "Satoshi-Bold";
  color: #1a1a1a;
}
.hotDealsCompWatch .discoverHotDeals .wrapperHotDeals .creditCardDisplay .cardContainer {
  display: flex;
  margin-top: 2rem;
  width: 100%;
  height: 15rem;
  gap: 1rem;
  align-items: end;
}
.hotDealsCompWatch .discoverHotDeals .wrapperHotDeals .creditCardDisplay .cardContainer .pieChartWrapper {
  display: flex;
  transform: translateY(-1.5rem);
  height: 14rem;
}
.hotDealsCompWatch .discoverHotDeals .wrapperHotDeals .creditCardDisplay .cardContainer .keyContainer {
  display: flex;
  height: 6rem;
  width: 12rem;
  margin-left: 1rem;
  transform: translateY(-6rem);
}
.hotDealsCompWatch .discoverHotDeals .wrapperHotDeals .creditCardDisplay .cardContainer .keyContainer img {
  height: 100%;
  width: 100%;
}
.hotDealsCompWatch .discoverHotDeals .wrapperHotDeals .dealsMore {
  width: 40%;
  position: relative;
}
.hotDealsCompWatch .discoverHotDeals .wrapperHotDeals .dealsMore .spanheading {
  display: flex;
  background-color: #F09000;
  color: #fff;
  font-family: "Satoshi-Medium";
  width: -moz-fit-content;
  width: fit-content;
  font-size: 0.7rem;
  height: 1.2rem;
  align-items: center;
  border-radius: 10rem;
  margin-left: 1.5rem;
  margin-top: 1rem;
  padding: 0 0.5rem;
  align-items: center;
}
.hotDealsCompWatch .discoverHotDeals .wrapperHotDeals .dealsMore .spanheading #svgIcon {
  margin-left: 0.2rem;
}
.hotDealsCompWatch .discoverHotDeals .wrapperHotDeals .dealsMore::before {
  content: "";
  position: absolute;
  height: 12rem;
  width: 100%;
  bottom: 0;
  z-index: 2;
  background: linear-gradient(0deg, #F1F1F1 0%, rgba(241, 241, 241, 0) 100%);
}
.hotDealsCompWatch .discoverHotDeals .wrapperHotDeals .dealsScroll {
  list-style: none;
  width: 100%;
  height: 15rem;
  overflow-y: scroll;
  position: relative;
}
.hotDealsCompWatch .discoverHotDeals .wrapperHotDeals .dealsScroll a {
  text-decoration: none;
}
.hotDealsCompWatch .discoverHotDeals .wrapperHotDeals .discoverAllDeals {
  display: flex;
  background-color: #296EB4;
  height: 2.5rem;
  text-decoration: none;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 1rem;
  align-items: center;
  font-size: 0.75rem;
  margin-inline: auto;
  border-radius: 10rem;
  color: #fff;
  font-family: "Satoshi-Bold";
  position: relative;
  z-index: 3;
  gap: 0.5rem;
  transform: translateY(-1rem);
}
.hotDealsCompWatch .discoverHotDeals .wrapperHotDeals .discoverAllDeals span {
  display: flex;
  align-items: center;
  height: 1rem;
  width: 1rem;
}
.hotDealsCompWatch .discoverHotDeals .wrapperHotDeals .dealDescription .heading {
  font-size: 0.9rem;
  color: #1a1a1a;
  font-family: "Satoshi-Bold";
}
.hotDealsCompWatch .discoverHotDeals .wrapperHotDeals .dealDescription .description {
  font-size: 0.75rem;
  font-family: "Satoshi-Medium";
  margin-top: 0.5rem;
  max-width: 95%;
  color: rgba(26, 26, 26, 0.801);
}

.hotDealsCompWatch > div {
  background-color: #F9F9F9;
  height: 100%;
}

.globalReachPortfolio {
  margin-top: 1rem;
}
.globalReachPortfolio .ReachBackground {
  height: 100%;
  display: flex;
}
.globalReachPortfolio .globalPortfolioWrapper > div {
  background-color: #F9F9F9;
  height: 20rem;
}
.globalReachPortfolio .globalPortfolioWrapper > div .cardHeading {
  padding-left: 2rem;
}
.globalReachPortfolio .globalPortfolioWrapper {
  display: flex;
  gap: 2rem;
}
.globalReachPortfolio .globalPortfolioWrapper .cardHeading {
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1.5rem;
  font-family: "Satoshi-Bold";
  color: #1a1a1a;
  margin-top: 1rem;
}
.globalReachPortfolio .globalPortfolioWrapper .globalReachContainer {
  width: 40%;
  position: relative;
}
.globalReachPortfolio .globalPortfolioWrapper .globalReachContainer .sessionsCountry {
  background-color: rgba(242, 242, 242, 0.6980392157);
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 14rem;
  padding-bottom: 0.5rem;
}
.globalReachPortfolio .globalPortfolioWrapper .globalReachContainer .sessionsCountry .topContainer {
  display: flex;
  padding: 0 0.5rem;
  align-items: top;
}
.globalReachPortfolio .globalPortfolioWrapper .globalReachContainer .sessionsCountry .topContainer span {
  display: flex;
  font-size: 1.1rem;
  font-family: "Satoshi-Medium";
}
.globalReachPortfolio .globalPortfolioWrapper .globalReachContainer .sessionsCountry .topContainer .optionsToggle {
  display: flex;
  height: 1rem;
  width: 1rem;
}
.globalReachPortfolio .globalPortfolioWrapper .globalReachContainer .sessionsCountry .topSessionFilter {
  background-color: #eee;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 0.5rem;
  margin-left: 0.5rem;
  color: #1a1a1a;
  font-family: "Satoshi-Regular";
  font-weight: 400;
  border: 0.2px solid #dedede;
  border-radius: 4px;
  text-decoration: none !important;
  padding: 0.24831rem 0.20644rem;
  justify-content: center;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.7rem;
}
.globalReachPortfolio .globalPortfolioWrapper .globalReachContainer .sessionsCountry .topSessionFilter span {
  display: flex;
  height: 0.8rem;
  width: 0.8rem;
  align-items: center;
  justify-content: center;
}
.globalReachPortfolio .globalPortfolioWrapper .globalReachContainer .sessionsCountry .countryListDescription:before {
  content: "";
  position: absolute;
  height: 10rem;
  width: 100%;
  background: linear-gradient(0deg, #F1F1F1 0%, rgba(241, 241, 241, 0) 100%);
  bottom: 0;
}
.globalReachPortfolio .globalPortfolioWrapper .globalReachContainer .sessionsCountry .countryListDescription {
  display: flex;
  margin-top: 1rem;
  border-bottom: 1.2px solid #dedede;
  flex-direction: column;
  gap: 1rem;
  list-style: none;
  padding: 0;
  padding-bottom: 1rem;
}
.globalReachPortfolio .globalPortfolioWrapper .globalReachContainer .sessionsCountry .countryListDescription li {
  height: 1.5rem;
  padding: 0 0.5rem;
}
.globalReachPortfolio .globalPortfolioWrapper .globalReachContainer .sessionsCountry .countryListDescription li a {
  display: flex;
  height: 100%;
  width: 100%;
}
.globalReachPortfolio .globalPortfolioWrapper .globalReachContainer .sessionsCountry .countryListDescription li a span {
  display: flex;
  height: 100%;
  width: 100%;
}
.globalReachPortfolio .globalPortfolioWrapper .globalReachContainer .sessionsCountry .description {
  padding: 0 0.5rem;
  position: relative;
  z-index: 2;
  margin-top: -1.5rem;
  text-align: center;
  font-size: 0.75rem;
  font-family: "Satoshi-Medium";
}
.globalReachPortfolio .globalPortfolioWrapper .globalReachContainer .sessionsCountry .viewFullCountryList {
  display: flex;
  background-color: #296EB4;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 1rem;
  height: 2.2rem;
  align-items: center;
  font-size: 0.75rem;
  font-family: "Satoshi-Bold";
  border-radius: 10rem;
  color: #fff;
  gap: 0.5rem;
  margin-inline: auto;
  margin-top: 0.5rem;
  position: relative;
  z-index: 3;
}
.globalReachPortfolio .globalPortfolioWrapper .globalReachContainer .sessionsCountry .viewFullCountryList span {
  display: flex;
  height: 1rem;
  width: 1rem;
  align-items: center;
  justify-content: center;
}
.globalReachPortfolio .globalPortfolioWrapper .globalReachContainer .sessionsCountry .viewFullCountryList span img {
  height: 100%;
  width: 100%;
}
.globalReachPortfolio .globalPortfolioWrapper .investmentPortfolioWrapper {
  width: 60%;
  display: flex;
  gap: 1rem;
  position: relative;
}
.globalReachPortfolio .globalPortfolioWrapper .investmentPortfolioWrapper .graphDisplayContainer {
  width: 60%;
  height: 100%;
  position: relative;
  padding-left: 2rem;
}
.globalReachPortfolio .globalPortfolioWrapper .investmentPortfolioWrapper .graphDisplayContainer .investHeading {
  font-size: 1.5rem;
  font-family: "Satoshi-Bold";
  color: #1a1a1a;
  margin-top: 1rem;
}
.globalReachPortfolio .globalPortfolioWrapper .investmentPortfolioWrapper .graphDisplayContainer .graphWrapper {
  height: 70%;
  width: 90%;
  position: absolute;
  bottom: 0;
}
.globalReachPortfolio .globalPortfolioWrapper .investmentPortfolioWrapper .graphDisplayContainer .graphWrapper span {
  display: flex;
  width: 100%;
  height: 100%;
}
.globalReachPortfolio .globalPortfolioWrapper .investmentPortfolioWrapper .graphDisplayContainer .graphWrapper span img {
  height: 100%;
  width: 100%;
}
.globalReachPortfolio .globalPortfolioWrapper .investmentPortfolioWrapper .assetsManagment {
  display: flex;
  flex-direction: column;
  background-color: #F1F1F1;
  border-radius: 4px;
  width: 35%;
  height: -moz-fit-content;
  height: fit-content;
  padding: 1rem 0;
  position: absolute;
  bottom: 0;
  right: 0;
}
.globalReachPortfolio .globalPortfolioWrapper .investmentPortfolioWrapper .assetsManagment .assetsWrapper .cardSubHeading {
  font-size: 1rem;
  padding: 0 0.5rem;
  font-family: "Satoshi-Bold";
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  display: flex;
  gap: 0.5rem;
}
.globalReachPortfolio .globalPortfolioWrapper .investmentPortfolioWrapper .assetsManagment .assetsWrapper .cardSubHeading span {
  background-color: #296EB4;
  display: flex;
  height: 1.2rem;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 0.6rem;
  align-items: center;
  color: #fff;
  padding: 0 0.6rem;
  border-radius: 10rem;
}
.globalReachPortfolio .globalPortfolioWrapper .investmentPortfolioWrapper .assetsManagment .listedStockOptions {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  list-style: none;
  padding: 0;
}
.globalReachPortfolio .globalPortfolioWrapper .investmentPortfolioWrapper .assetsManagment .listedStockOptions li {
  height: 3rem;
  width: 90%;
  margin-inline: auto;
}
.globalReachPortfolio .globalPortfolioWrapper .investmentPortfolioWrapper .assetsManagment .listedStockOptions li a {
  display: flex;
  align-items: center;
  position: relative;
  gap: 0.5rem;
  height: 100%;
  width: 100%;
  text-decoration: none;
  background-color: #fff;
  border-radius: 5px;
  padding-left: 0.5rem;
}
.globalReachPortfolio .globalPortfolioWrapper .investmentPortfolioWrapper .assetsManagment .listedStockOptions li a .CompanyName {
  font-size: 0.8rem;
  color: #1a1a1a;
  font-family: "Satoshi-Bold";
}
.globalReachPortfolio .globalPortfolioWrapper .investmentPortfolioWrapper .assetsManagment .listedStockOptions li a .stockGrowth {
  position: absolute;
  right: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.2rem;
}
.globalReachPortfolio .globalPortfolioWrapper .investmentPortfolioWrapper .assetsManagment .listedStockOptions li a .stockGrowth .chartDisplay {
  display: flex;
  display: flex;
  height: 1.5rem;
  width: 1.5rem;
  align-items: center;
  justify-content: center;
}
.globalReachPortfolio .globalPortfolioWrapper .investmentPortfolioWrapper .assetsManagment .listedStockOptions li a .stockGrowth .chartDisplay img {
  height: 100%;
  width: 100%;
}
.globalReachPortfolio .globalPortfolioWrapper .investmentPortfolioWrapper .assetsManagment .listedStockOptions li a .stockGrowth .percentageGrowth {
  font-size: 0.6rem;
  font-family: "Satoshi-Bold";
  color: #1C7630;
}
.globalReachPortfolio .globalPortfolioWrapper .investmentPortfolioWrapper .assetsManagment .listedStockOptions li a .logoContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 176, 240, 0.0705882353);
  height: 2.3rem;
  width: 2.3rem;
  border-radius: 50%;
}

.pieChartContainer {
  display: flex;
  flex-direction: column;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-color: #F9F9F9;
  position: relative;
  padding-bottom: 1.5rem;
  border-radius: 4px;
  display: flex;
  align-items: unset !important;
}
.pieChartContainer .keyDealsComponent {
  display: flex;
  height: -moz-fit-content;
  height: fit-content;
  width: 95%;
  margin-top: 1.5rem;
  margin-inline: auto;
  gap: 2rem;
}
.pieChartContainer .keyDealsComponent a:hover {
  background-color: #16154D;
}
.pieChartContainer .keyDealsComponent a:hover .uk-icon {
  color: #fff;
}
.pieChartContainer .keyDealsComponent a:hover .numberAvailable {
  color: white;
  opacity: 0.9;
}
.pieChartContainer .keyDealsComponent a:hover p {
  color: #cee7ff;
}
.pieChartContainer .keyDealsComponent a {
  display: flex;
  flex-direction: column;
  width: 35%;
  gap: 0.5rem;
  border: 1.2px solid #e7e7e7;
  border-radius: 4px;
  padding: 0.5rem 0;
  text-decoration: none;
  align-items: center;
  transition: all 0.3s ease-in-out;
}
.pieChartContainer .keyDealsComponent a .uk-icon {
  color: #16154D;
}
.pieChartContainer .keyDealsComponent a .numberAvailable {
  margin-top: 0.5rem;
  font-family: "Satoshi-Bold";
  font-size: 0.75rem;
  width: 50%;
  text-align: center;
  color: #1a1a1a;
}
.pieChartContainer .keyDealsComponent a p {
  font-family: "Satoshi-Black";
  font-size: 1.2rem;
  color: #296EB4;
}
.pieChartContainer .dealsWrapper {
  background-color: unset !important;
  background-color: #fff !important;
  margin-top: 1rem;
  margin-left: 0.5rem;
  height: -moz-fit-content;
  height: fit-content;
  width: 95%;
  padding: 0.5rem 0;
}
.pieChartContainer .dealsWrapper .cardValueDisplay {
  width: 100%;
}
.pieChartContainer .topCardContaier {
  border-bottom: 1.2px solid #dedede;
  display: flex;
  align-items: center;
  height: 3rem;
  padding: 0 2rem;
  justify-content: space-between;
}
.pieChartContainer .topCardContaier .cardDescription {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.pieChartContainer .topCardContaier .cardDescription p {
  font-family: "Satoshi-Bold";
  color: #333;
}
.pieChartContainer .topCardContaier .cardDescription .newDisplay {
  display: flex;
  font-size: 0.6rem;
  background-color: #296EB4;
  color: #fff;
  border-radius: 10rem;
  height: 1rem;
  font-family: "Satoshi-Medium";
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 0.5rem;
  align-items: center;
  justify-content: center;
}
.pieChartContainer .topCardContaier .cardDescription .iconContainer {
  height: 1.3rem;
  width: 1.3rem;
  border-radius: 50%;
  justify-content: center;
  display: flex;
  align-items: center;
  background: rgba(41, 110, 180, 0.15);
}
.pieChartContainer .topCardContaier .dotsOptions {
  display: flex;
  height: 1rem;
  width: 1rem;
  align-items: center;
}
.pieChartContainer .mainCardContainer {
  padding: 0 2rem;
  margin-top: 0.5rem;
}
.pieChartContainer .mainCardContainer .bottomCardContainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
}
.pieChartContainer .mainCardContainer .bottomCardContainer .graphGrowthDisplay {
  display: flex;
  align-items: center;
  gap: 0.312rem;
  border-radius: 0.25rem;
  background: rgba(41, 110, 180, 0.05);
  padding: 0.3rem;
}
.pieChartContainer .mainCardContainer .bottomCardContainer .graphGrowthDisplay span {
  display: flex;
  align-items: center;
  width: 1.2rem;
  height: 1.2rem;
}
.pieChartContainer .mainCardContainer .bottomCardContainer .graphGrowthDisplay p {
  font-size: 0.7rem;
  font-family: "Satoshi-Medium";
}
.pieChartContainer .mainCardContainer .bottomCardContainer .viewKPIBtn:hover {
  background-color: #184572;
}
.pieChartContainer .mainCardContainer .bottomCardContainer .viewKPIBtn:hover span {
  transform: translateX(0.3rem);
}
.pieChartContainer .mainCardContainer .bottomCardContainer .viewKPIBtn {
  display: flex;
  background-color: #296EB4;
  color: #fff;
  font-family: "Satoshi-Bold";
  height: 2.3rem;
  font-size: 0.8rem;
  align-items: center;
  padding: 0 1rem;
  text-decoration: none;
  gap: 0.5rem;
  border-radius: 10rem;
  transition: all 0.3s ease-in-out;
}
.pieChartContainer .mainCardContainer .bottomCardContainer .viewKPIBtn span {
  display: flex;
  height: 1rem;
  width: 1rem;
  align-items: center;
  justify-content: center;
  padding: 0.1rem;
  transition: all 0.3s ease-in-out;
}
.pieChartContainer .mainCardContainer .bottomCardContainer .viewKPIBtn span img {
  height: 100%;
  height: 100%;
}
.pieChartContainer .mainCardContainer .cardValueDisplay {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pieChartContainer .mainCardContainer .cardValueDisplay .dealsValueTop {
  margin-top: 1rem;
}
.pieChartContainer .mainCardContainer .cardValueDisplay .dealsValueTop .availableDeals {
  font-size: 0.8rem;
  font-family: "Satoshi-Medium";
}
.pieChartContainer .mainCardContainer .cardValueDisplay .dealsValueTop .dealsAvailable h2 {
  font-size: 2.1875rem;
  font-family: "Satoshi-Black";
  color: #16154D;
}
.pieChartContainer .mainCardContainer .cardValueDisplay .optionsDropDateView a {
  font-size: 0.7rem;
  font-weight: 600;
  display: flex;
  gap: 0.2rem;
  height: 2rem;
  background-color: #eee;
  display: flex;
  color: rgba(26, 26, 26, 0.7450980392);
  align-items: center;
  padding: 0 0.5rem;
  text-decoration: none;
  border-radius: 4px;
}

.uploadContentscontainer .uploadWrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #dedede;
  margin-top: 1.5rem;
  height: 20rem;
  width: 35rem;
}
.uploadContentscontainer .uploadWrapper .cloudIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 6rem;
  background-color: #fff;
  width: 6rem;
}
.uploadContentscontainer .uploadWrapper .uploadHeader {
  margin-top: 1rem;
  font-size: 1.4rem;
  width: 60%;
  margin-inline: auto;
  text-align: center;
  font-family: "Satoshi-Bold";
}
.uploadContentscontainer .headingHeaderContainer {
  display: flex;
  flex-direction: column;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  margin-top: 1rem;
}
.uploadContentscontainer .headingHeaderContainer .headingHeader {
  font-family: "Satoshi-Bold";
  color: #1a1a1a;
  width: 35rem;
  text-align: center !important;
  font-size: 2rem;
}
.uploadContentscontainer .headingHeaderContainer .paragraphHeader {
  font-size: 0.8rem;
  margin-top: 0.5rem;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  margin-inline: auto;
  font-family: "Satoshi-Medium";
  text-align: center;
}

.chooseFilesBtn {
  margin-top: 2rem;
  height: 2rem;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 1.5rem;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: unset;
  border: none;
  font-family: "Satoshi-Bold";
  background-color: #296EB4;
  color: #fff;
}

.documentsUpload {
  margin-top: 1rem;
  width: 35rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.documentsUpload .file-item {
  display: flex;
  align-items: center;
  justify-content: space-around;
  height: 2rem;
  border-radius: 4p x;
  border: 1.2px solid #dedede;
}


.formGroup {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
}


.formGroup label {
  font-family: "Satoshi-Bold";
  color: #1a1a1a;
}

.formGroup .editBtn {
  justify-content: center;
  font-family: "Satoshi-Bold";
  position: relative;
  justify-content: center;
}

.formGroup input {
  width: -moz-max-content;
  width: max-content;
  justify-content: right;
  display: flex;
  border: none;
  font-family: "Satoshi-medium";
}

.approveBtn {
  margin-top: 2rem;
  height: 2rem;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 1.5rem;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: unset;
  border: none;
  font-family: "Satoshi-Bold";
  background-color: #296EB4;
  color: #fff;
}

.file-itemm {
  display: flex;
  align-items: center;
  justify-content: space-around;
  height: 2rem;
  border-radius: 4px;
  border: 1.2px solid #dedede;
}/*# sourceMappingURL=dasboard.css.map */


.singleListingContainer {

  /* background-color: #000000; */
  /* border: #000000; */
  width: 248 ;
  height: 264;
  border-style: solid;
  border-radius: 10px;
  border-color: #e0e0e0;
  border-width: 1px;
  position: relative;
}

.topWrapper {
  background-color: #FFF;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  max-width: 800px;
  margin: 0 auto;
  /* font-family: 'Satoshi-Bold'; */
}

.headingLabel{
  text-align: left;
  margin-bottom: 5px;
  font-family: 'Satoshi-Bold';
  font-size: large;
}

.description{
  margin-top: 5px;
}

.bottomWrapper {
  background-color: #FFF;
}

.bottomWrapper{
  padding: 5px;
  border-radius: 10px;
  max-width: 800px;
  margin: 0 auto;
}

.middleDescription{

  /* background-color: #16154D; */
  color: 444647;
  font-family: 'Satoshi-Bold';
  /* font-weight: 700; */
  position: relative;
  align-self: stretch;
  /* font-size: 8px; */
  width: fit-content;
 font-size: large;
 margin-left: 10px;
}

.description{

  /* background-color: #000000; */
  color: 85878a;
  text-align: left;
  font-family: 'Satoshi-Medium';
  width: 300px;

}

.bottomWrapper .description{
  font-size: small;
  margin-left: 10px;
  padding: 2px;
}

.topImagesContainer{
  /* background-color: #000000; */
  display: flex;
  flex-direction: row;
  row-gap: 0px;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  margin-bottom: 10px;
}

.hashTagLabels{

  background: rgba(31, 83, 136, 0.10);
  border-radius: 2.14px;
  /* flex-shrink: 0; */
  width: fit-content;
  /* height: 13.7px; */
  /* position: relative; */
  overflow: hidden;
  /* color: #000000; */
}

.perfomanceIcon {
  display: flex;
  background-color: #296EB4;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
}

.bottomContainer{

  /* background-color: #1F5388; */
  border-radius: 15px;
  height: fit-content;
  gap: 10px;
  border-style: solid;
  border-color: #F0F0F0;
}

.bottomHeading {


  background-color: #1F5388;
  color: #fefefe;
  align-items: center;
  border-top: 10px;
  display: flex;
  /* justify-content: space-between; */
  align-items: center;
  font-size: 15px;
  font-family: 'Satoshi-Bold';
  padding: 8px;
  /* margin-top: 15px; */
  border-radius: 10px;
  
}

.apply-button{
  background: #296eb4;
  border-radius: 5px;
  padding: 8px;
  display: flex;
  flex-direction: row;
  gap: 2px;
  row-gap: 0px;
  align-items: center;
  justify-content: center;
  color: white;
  width: fit-content;
  font-weight: 700;
  font-family: 'Satoshi-Bold';
  margin-bottom: 10px;
  margin-left: 10px;
}

  .benefits{

    background-color: #fefefe;
    /* background-color: #000000; */
    font-family: 'Satoshi-Medium';
    margin-top: -2%;
    row-gap: 10px;
    justify-content: left;
    align-items: left;
    padding: 15px;
  }

  .bottom img {

    /* background-color: purple; */
    display: flex;
    /* background-color: #296EB4; */
    width: 1rem;
    height: 1rem;
    /* border-radius: 50%; */
  }
  .bottom {
    display: flex;
    gap: 12px;
    align-self: center;
  }


  .myContainerWrapper{

    /* background-color: #000000; */
    max-width: 100%;
    display: flex;
    align-items: center;
    /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */
    gap: 2rem;
    /* max-width: 800px; */
    
  }

  .myContainer{
    /* background-color: yellow; */
    /* max-width: 800px; */
    /* gap: 2rem; */
    display: flex;
    flex-direction: column;
  }

  .listingsContainer{

    /* background-color: #000000; */
    max-width: fit-content;
    /* width: 100px; */
  }

  .topContainer{
    margin-left: 30px;
    .topHeading{
        color: #1a1a1a;
        font-family: 'Satoshi-Bold';
        width: 300px;
    }

    .topDescription{
        color: 1a1a1a;
        font-family: 'Satoshi-Medium';
        font-size: 18;
        margin-top: 10px;
    }

    .annualMonthlyPlan{
        background-color: #296eb4;
        border-radius: 56px;
        padding: 5px;
        display: flex;
        flex-direction: row;
        row-gap: 0px;
        align-items: center;
        justify-content: space-between;
        flex-shrink: 0;
        gap: 10px;
        width: fit-content;
        margin-top: 40px;

        .annualPlan{
            
            background: #1a4571;
            border-radius: 115px;
            padding: 8px;
            display: flex;
            flex-direction: row;
            gap: 10px;
            row-gap: 0px;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 12px;
            font-family: 'Satoshi-Medium';
        }

        .monthlyPlan{
            /* background: #1a4571; */
            
            padding: 8px;
            display: flex;
            flex-direction: row;
            gap: 10px;
            row-gap: 0px;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 13px;
            font-family: 'Satoshi-Medium';
        }
    }
  }


  .packagesContainer{
    /* background-color: #000000; */
    width: fit-content;
    flex-direction: row;
    display: flex;
    position: relative;
    gap: 20px;
    margin-top: 50px;
    margin-left: 30px;

    .silverPackages{
        /* background-color: green; */
        border-radius: 15px;
        border-style: solid;
        border-color: #dedede;
        border-width: 1px;
        flex-shrink: 0;
        height: fit-content;
        width: 300px;
        position: relative;
        overflow: hidden;
        justify-content: space-between;
        flex-direction: row;
        padding: 10px;

    }

    h2{
        color: #1a1a1a;
        font-family: 'Satoshi-Medium';
    }

    p{
        font-family: 'Satoshi-Regular';
        color: #1a1a1a;
        font-size: 12px;
    }

    h1{
        color: #1a1a1a;
        font-family: 'Satoshi-Bold';

    }
.ratePerMonth{
    font-family: 'Satoshi-Light';
    /* background-color: #16154D; */
}
.choosePlan{

    background: #296eb4;
    border-radius: 5px;
    padding: 8px 16px 8px 16px;
    display: flex;
    /* flex-direction: row; */
    /* gap: 10px;
    row-gap: 0px; */
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 10px;
    border: none;
    font-family: 'Satoshi';
}
  }

.price{
    /* background-color: red; */
    display: flex;
    flex-direction: row;
    align-items: baseline;
}

.tablePackages{
    /* margin-top: 50px; */
    background-color: purple;
    align-self: stretch;
    flex-shrink: 0;
    height: 400px;
    position: relative;
}

.tableHeading{

    th{
        /* background: #f7f7f7; */
        /* border-radius: 10px 10px 0px 0px; */
        border-style: solid;
        border-color: #dedede;
        /* border-width: 1px 1px 0px 1px; */
        height: 50px;
        position: relative;
        overflow: hidden;
        /* background-color: #000000; */
    }
    
    

    .features{
        /* background-color: white; */
        color: #296eb4;
        align-items: left;
        width:520px;
    }
    
}
.subscription-table{

    /* background-color: red; */
    display: flex;
    flex-direction: column;
    gap: 45px;
    row-gap: 0px;
    align-items: flex-start;
    

    td{
       
        background: #f7f7f7;
        /* border-radius: 10px 10px 0px 0px; */
        border-style: solid;
        border-color: #dedede;
        /* border-width: 1px 1px 0px 1px; */
        height: 10px;
        position: relative;
        overflow: hidden;
        width: 138px;
        font-size: 'Satoshi-Bold';
        /* width:520px; */
    }

}

.tableHeading{
    background-color: #F7F7F7;
    display: flex;
    flex-direction: row;
    width: fit-content;
    color: #333333;
    font-family: 'Satoshi-Bold';
    position: relative;
    font-size: 20px;
    align-items: center;
    justify-content: space-between;
    gap: 610px;
    /* margin-top: 55px; */
    border-style: solid;
    border-width: 1px;
    border-color: #dedede;
    padding: 10px;
    border-radius: 10px;

    .packageHeading{
        /* background-color: green; */
        display: flex;
        flex-direction: row;
        padding: 10px ;
        gap: 28px;
        /* color: #296eb4; */
    }
}
.featuresHeading{
    color: #296EB4;
}




/*  */
div.packageHeading {
	background-color: unset !important;
	box-sizing: border-box;
	display: flex;
	width: 30rem;
	justify-content: space-between;
	gap: 10rem;
	padding: unset !important;
	padding-left: .5rem !important;
	/* padding: 0; */
}
.packageHeading > div {
	border-right: 1.2px solid black;
	width: 10rem;
}


.tableHeading1{
    /* background-color: red; */
    display: flex;
    flex-direction: row;
    /* width: fit-content; */
    color: #1a1a1a;
    font-family: 'Satoshi-Bold';
    position: relative;
    font-size: 20px;
    align-items: center;
    justify-content: space-between;
    gap: 100px;
    margin-top: 30px;
    /* border-style: solid; */
    border-width: 1px;
    border-color: #dedede;
    width: 100%;

    .packageHeading1{
        /* background-color: green; */
        display: flex;
        flex-direction: row;
        padding: 10px ;
        gap: 10px;
        /* color: #296eb4; */
        /* align-items: center; */
    }
}
.featuresHeading1{
    color: #1a1a1a;
    width: 40%;
    /* background-color: purple; */
    /* height: 30px; */

}




/*  */
div.packageHeading1 {
	background-color: unset !important;
	box-sizing: border-box;
	display: flex;
	width: 30rem;
	justify-content: space-between;
	gap: 10rem;
	padding: unset !important;
	padding-left: .5rem !important;
	/* padding: 0; */
}
.packageHeading1 > div {
	/* border-right: 1.2px solid black; */
	width: 10rem;
}

.packageHeading > div:nth-child(3) {
	border-right: none;
}

.pricingTable{
    border-style: solid;
    width: fit-content;
    height: fit-content;
    margin-top: 70px;
    border-radius: 10px;
    border-color: #dedede;
    border-width: 0px 1px 1px 1px;
    padding: 30px;
}