@font-face {
  font-family: "Sofia Pro";
  src: url("../fonts/Sofia-Pro/Sofia Pro Light Az.otf");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Sofia Pro";
  src: url("../fonts/Sofia-Pro/Sofia Pro Regular Az.otf");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Sofia Pro";
  src: url("../fonts/Sofia-Pro/Sofia Pro Medium Az.otf");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Sofia Pro";
  src: url("../fonts/Sofia-Pro/Sofia Pro Semi Bold Az.otf");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Sofia Pro";
  src: url("../fonts/Sofia-Pro/Sofia Pro Bold Az.otf");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Sofia Pro";
  src: url("../fonts/Sofia-Pro/Sofia Pro Black Az.otf");
  font-weight: 900;
  font-style: normal;
}
* {
  font-family: "Sofia Pro", Arial, sans-serif !important;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

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

* ::-webkit-scrollbar {
  width: 8px !important;
}
* ::-webkit-scrollbar-thumb {
  background-color: #9586fb !important;
  border-radius: 20px;
}

body -webkit-scrollbar {
  display: none;
}

body {
  font-size: 16px;
  margin-bottom: 140px;
  background-color: #f5f5f5;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

a {
  text-decoration: none;
}

.text-paragraph {
  color: #54607a;
}

.text-sm {
  font-size: 0.875rem;
}

.form-input {
  margin-top: 15px;
  display: block;
  width: 100%;
  height: 60px;
  padding: 20px;
  font-size: 1rem;
  border-radius: 8px;
  background: #f1f1f1;
  border: none;
}

.floating__footer {
  z-index: 99;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: -moz-fit-content;
  max-width: fit-content;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin: 10px auto 30px;
  border-radius: 24px;
  background-color: #202437;
  padding: 12px;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.13), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.09), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.08), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.06), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.05), 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.04);
}
.floating__footer .footer__icon {
  padding: 15px 16px;
  border-radius: 14px;
  display: flex;
  align-content: center;
  justify-content: center;
  cursor: pointer;
}
.floating__footer .footer__icon:hover {
  background-color: #ffcae4;
}
.floating__footer .footer__icon:hover .drop-down {
  transform: translate(0, -10px);
  opacity: 1;
  visibility: visible;
}
.floating__footer .drop-down {
  cursor: default;
  position: absolute;
  transition: 0.4s;
  border-radius: 10px;
  visibility: hidden;
  color: #100303;
  padding: 7px 14px;
  background: white;
  border: 1px solid #e2e2e2;
  box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.13), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.09), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.08), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.06), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.05), 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.04);
  top: -35px;
  opacity: 0;
}
.floating__footer .drop-down::after {
  width: 7px;
  height: 7px;
  content: "";
  transform: rotate(45deg);
  background-color: white;
  border-right: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  position: absolute;
  bottom: -5px;
  right: calc(50% - 5px);
}
.floating__footer .home__icon {
  background-color: #00c92c;
  transition: 0.3s;
}
.floating__footer .home__icon:hover {
  background-color: #24eb4f;
}
.floating__footer .chatbot__icon {
  background-color: #5dd8d0;
  transition: 0.3s;
}
.floating__footer .chatbot__icon:hover {
  background-color: #7ef1ea;
}
.floating__footer .calendar__icon {
  background-color: #ecb0cd;
  transition: 0.2s;
  cursor: pointer;
}
.floating__footer .calendar__icon:hover {
  background-color: #ffcae4;
}
.floating__footer .goals__icon {
  background-color: #fbab4d;
  transition: 0.3s;
}
.floating__footer .goals__icon:hover {
  background-color: #fdbd73;
}
.floating__footer .projects__icon {
  background-color: #9586fb;
  transition: 0.3s;
}
.floating__footer .projects__icon:hover {
  background-color: #a597ff;
}
.floating__footer .notes__icon {
  background-color: #56ccf2;
  transition: 0.3s;
}
.floating__footer .notes__icon:hover {
  background-color: #70dafd;
}
.floating__footer .settings__icon {
  background-color: #404bfc;
  transition: 0.3s;
}
.floating__footer .settings__icon:hover {
  background-color: #535ffc;
}

.drop-down-links {
  cursor: default;
  position: absolute;
  transition: 0.5s;
  border: 1px solid rgba(226, 226, 226, 0.4509803922);
  border-radius: 20px;
  padding: 14px 20px;
  background: #202437;
  box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.13), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.09), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.08), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.06), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.05), 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.04);
  display: flex;
  justify-content: center;
  align-items: start;
  gap: 14px;
  top: -150px;
  opacity: 0;
}
.drop-down-links::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  background-color: #202437;
  border-radius: 0px 0px 5px 0px;
  border-right: 1px solid rgba(226, 226, 226, 0.4509803922);
  border-bottom: 1px solid rgba(226, 226, 226, 0.4509803922);
  right: calc(50% - 5px);
  transform: rotate(45deg);
  bottom: -8px;
}
.drop-down-links .drop-down-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  color: white;
  font-size: 0.875rem;
}
.drop-down-links .drop-down-item p {
  text-align: center;
  max-width: 50px;
}
.drop-down-links .icon {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 14px;
  background: #fff;
  padding: 16px;
  box-shadow: 0px 8.196px 15.367px 0px rgba(108, 93, 211, 0.2);
}/*# sourceMappingURL=footer.css.map */