@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;
}

.calendar__component {
  display: flex;
}
.calendar__component .calendar__main__wrapper {
  border-radius: 15px;
  width: 100%;
  position: relative;
  background: #f6f6f6;
  padding: 15px;
  box-shadow: 0px -1px 7.5px 0px #c2c2c2 inset;
}
.calendar__component .calendar__main__wrapper .backgroud__overlay__image {
  position: absolute;
  z-index: 0;
  bottom: 0;
  right: 60px;
}
.calendar__component .calendar__main__wrapper .new__event__button {
  position: relative;
  z-index: 1;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  border: none;
  gap: 10px;
  border-radius: 10px;
  cursor: pointer;
  padding: 15px 20px;
  font-size: 1.125rem;
  background-color: #9586fb;
}
.calendar__component .calendar__main__wrapper .calendar {
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin-top: 15px;
  border-radius: 20px;
  padding: 10px;
  max-height: 336px;
  width: 100%;
  border: 1px solid var(--Stock, #ebebf2);
  background: #fff;
  box-shadow: 0px 71px 80px 0px rgba(0, 0, 0, 0.03), 0px 29.662px 33.422px 0px rgba(0, 0, 0, 0.02), 0px 15.859px 17.869px 0px rgba(0, 0, 0, 0.02), 0px 8.89px 10.017px 0px rgba(0, 0, 0, 0.01), 0px 4.722px 5.32px 0px rgba(0, 0, 0, 0.01), 0px 1.965px 2.214px 0px rgba(0, 0, 0, 0.01);
}
.calendar__component .calendar__main__wrapper .calendar .calendar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 7px;
  align-items: center;
  font-weight: 700;
  padding: 10px;
}
.calendar__component .calendar__main__wrapper .calendar .calendar-header .month__year {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 24px;
  font-weight: 800;
}
.calendar__component .calendar__main__wrapper .calendar .calendar-header .year-change {
  border-radius: 44px;
  background: #eaecfc;
  margin: 0;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 30px;
}
.calendar__component .calendar__main__wrapper .calendar .calendar-header .year-change:hover {
  background-color: #dee2fc;
}
.calendar__component .calendar__main__wrapper .calendar .calendar-week-days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  font-weight: 600;
  cursor: pointer;
  color: rgb(104, 104, 104);
  opacity: 50;
}
.calendar__component .calendar__main__wrapper .calendar .calendar-week-days div {
  display: grid;
  place-items: center;
  color: #100303;
  opacity: 50;
}
.calendar__component .calendar__main__wrapper .categories {
  position: relative;
  z-index: 1;
  margin-top: 15px;
  border-radius: 20px;
  border: 1px solid var(--Stock, #ebebf2);
  background: #fff;
  padding: 20px;
}
.calendar__component .calendar__main__wrapper .categories h1 {
  font-size: 24px;
}
.calendar__component .calendar__main__wrapper .categories .category__collection {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.calendar__component .calendar__main__wrapper .categories .category__collection .category__item {
  position: relative;
  display: flex;
  gap: 10px;
  align-items: center;
}
.calendar__component .calendar__main__wrapper .categories .category__collection .category__item .badge {
  position: absolute;
  right: 0;
  background-color: #ff5636;
  height: 25px;
  width: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  border-radius: 50px;
}
.calendar__component .event__organizer {
  width: 100%;
}

.calendar-days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
  color: #0a0921;
}

.calendar-days div {
  width: 37px;
  height: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  position: relative;
  cursor: pointer;
  animation: to-top 1s forwards;
}

.year-picker {
  display: flex;
  align-items: center;
  gap: 12px;
}

.calendar-footer {
  padding: 10px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

#year:hover {
  cursor: pointer;
}

.calendar-days div span {
  position: absolute;
}

.calendar-days div:hover {
  transition: width 0.2s ease-in-out, height 0.2s ease-in-out;
  background-color: #fbc7d4;
  border-radius: 20%;
  color: #f8fbff;
}

.calendar-days div.current-date {
  color: #f8fbff;
  background-color: #9796f0;
  border-radius: 20%;
}

.month-picker {
  cursor: pointer;
  padding: 1px 4px;
  border-radius: 10px;
  transition: 0.5s;
}
.month-picker:hover {
  background-color: #f8f8f8;
}

.month-list {
  position: relative;
  left: 0;
  top: -130px;
  background-color: #f8f8f8;
  color: #151426;
  display: grid;
  grid-template-columns: repeat(3, auto);
  gap: 2px;
  border-radius: 20px;
  padding: 2px;
}

.month-list > div {
  display: grid;
  place-content: center;
  transition: all 0.2s ease-in-out;
}

.month-list > div > div {
  border-radius: 15px;
  padding: 10px;
  cursor: pointer;
}

.month-list > div > div:hover {
  background-color: #9796f0;
  color: #f8fbff;
  transform: scale(0.9);
  transition: all 0.2s ease-in-out;
}

.month-list.show {
  visibility: visible;
  pointer-events: visible;
  transition: 0.6s ease-in-out;
  animation: to-left 0.71s forwards;
}

.month-list.hideonce {
  visibility: hidden;
}

.month-list.hide {
  animation: to-right 1s forwards;
  visibility: none;
  pointer-events: none;
}

.date-time-formate {
  height: 4rem;
  width: 100%;
  font-family: Dubai Light, Century Gothic;
  position: relative;
  display: flex;
  top: 50px;
  justify-content: center;
  align-items: center;
}

.day-text-formate {
  font-family: Microsoft JhengHei UI;
  font-size: 1.4rem;
  padding-right: 5%;
  border-right: 3px solid #9796f0;
}

.date-time-value {
  display: block;
  position: relative;
  text-align: center;
  padding-left: 5%;
}

.time-formate {
  font-size: 1.5rem;
}

.time-formate.hideTime {
  animation: hidetime 1.5s forwards;
}

.day-text-formate.hidetime {
  animation: hidetime 1.5s forwards;
}

.date-formate.hideTime {
  animation: hidetime 1.5s forwards;
}

.day-text-formate.showtime {
  animation: showtime 1s forwards;
}

.time-formate.showtime {
  animation: showtime 1s forwards;
}

.date-formate.showtime {
  animation: showtime 1s forwards;
}

@keyframes to-top {
  0% {
    transform: translateY(0);
    opacity: 0;
  }
  100% {
    transform: translateY(100%);
    opacity: 1;
  }
}
@keyframes to-left {
  0% {
    transform: translatex(230%);
    opacity: 1;
  }
  100% {
    transform: translatex(0);
    opacity: 1;
  }
}
@keyframes to-right {
  10% {
    transform: translatex(0);
    opacity: 1;
  }
  100% {
    transform: translatex(-150%);
    opacity: 1;
  }
}
@keyframes showtime {
  0% {
    transform: translatex(250%);
    opacity: 1;
  }
  100% {
    transform: translatex(0%);
    opacity: 1;
  }
}
@keyframes hidetime {
  0% {
    transform: translatex(0%);
    opacity: 1;
  }
  100% {
    transform: translatex(-370%);
    opacity: 1;
  }
}
@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;
}

.main__content {
  margin-top: 30px;
}
.main__content .events__section {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 1280px) {
  .main__content .events__section {
    flex-direction: row;
  }
}
.main__content .events__section .calendar__component {
  width: 100%;
  border-radius: 30px;
  border: 1px solid #e3e3e3;
  background: #fff;
  padding: 20px;
  box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.11), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.08), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.07), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.05), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.04), 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.03);
}
@media (min-width: 1280px) {
  .main__content .events__section .calendar__component {
    max-width: 370px;
  }
}
.main__content .events__section .event__organizer {
  width: 100%;
  padding: 20px;
  background-color: white;
  border-radius: 30px;
  border: 1px solid #e3e3e3;
  background: linear-gradient(180deg, #fff 0%, #fff 100%);
  box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.11), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.08), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.07), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.05), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.04), 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.03);
}
.main__content .events__section .recent__events__component {
  padding: 24px 0px;
  width: 100%;
  border-radius: 30px;
  border: 1px solid #e3e3e3;
  background: linear-gradient(180deg, #fff 0%, #fff 100%);
  box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.11), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.08), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.07), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.05), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.04), 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.03);
}
@media (min-width: 1280px) {
  .main__content .events__section .recent__events__component {
    max-width: 560px;
  }
}
.main__content .events__section .recent__events__component h1 {
  font-size: 1.875rem;
  padding-bottom: 15px;
  margin-inline: 30px;
  font-weight: 700;
  border-bottom: 1px solid #ebebf2;
}
.main__content .events__section .recent__events__component .recent__events__content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 20px;
  max-height: 734px;
  overflow-y: scroll;
  margin-right: 10px;
}
.main__content .events__section .recent__events__component .recent__events__content .recent__event__item {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 14px 24px;
  transition: 0.2s;
  cursor: pointer;
}
.main__content .events__section .recent__events__component .recent__events__content .recent__event__item:hover {
  background: rgba(149, 134, 251, 0.1);
}
.main__content .events__section .recent__events__component .recent__events__content .recent__event__item:hover img {
  animation: bell 1s ease-out;
}
@keyframes bell {
  0% {
    transform: rotate(35deg);
  }
  12.5% {
    transform: rotate(-30deg);
  }
  25% {
    transform: rotate(25deg);
  }
  37.5% {
    transform: rotate(-20deg);
  }
  50% {
    transform: rotate(15deg);
  }
  62.5% {
    transform: rotate(-10deg);
  }
  75% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(0);
  }
}
.main__content .events__section .recent__events__component .recent__events__content .recent__event__item img {
  transition: all 0.2s;
}
.main__content .events__section .recent__events__component .recent__events__content .recent__event__item p {
  color: #54607a;
  max-width: 316px;
  line-height: 26px;
}
.main__content .events__section .recent__events__component .recent__events__content .recent__event__item p .font-bold {
  color: #100303;
}
.main__content .notes__gpt {
  margin: 30px 0;
  display: flex;
  gap: 30px;
  flex-direction: column;
}
@media (min-width: 1280px) {
  .main__content .notes__gpt {
    flex-direction: row;
  }
}
.main__content .notes__gpt .recent__notes__component {
  width: 100%;
  width: 100%;
  border-radius: 30px;
  border: 1px solid #e3e3e3;
  background: #fff;
  padding: 14px auto;
  box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.11), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.08), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.07), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.05), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.04), 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.03);
}
@media (min-width: 1280px) {
  .main__content .notes__gpt .recent__notes__component {
    max-width: 648px;
  }
}
.main__content .notes__gpt .recent__notes__component .recent__notes__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 30px 15px;
  border-bottom: 1px solid #ebebf2;
}
.main__content .notes__gpt .recent__notes__component .recent__notes__header h1 {
  font-size: 1.875rem;
  font-weight: 700;
}
.main__content .notes__gpt .recent__notes__component .recent__notes__header button {
  display: flex;
  align-items: center;
  color: white;
  border: none;
  gap: 10px;
  border-radius: 10px;
  cursor: pointer;
  padding: 15px 20px;
  font-size: 1.125rem;
  background: linear-gradient(15deg, #7769d4 26.3%, #9586fb 86.4%);
}
.main__content .notes__gpt .recent__notes__component .recent__notes__content {
  overflow-y: scroll;
  max-height: 844px;
  overflow-y: scroll;
  padding: 0 10px 0px 28px;
  margin: 10px 10px 20px 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.main__content .notes__gpt .recent__notes__component .recent__notes__content .recent__note__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  border-radius: 12px;
  padding: 14px 18px;
  transition: 0.3s;
  cursor: pointer;
}
.main__content .notes__gpt .recent__notes__component .recent__notes__content .recent__note__item .recent__note__date {
  color: #54607a;
  transition: 0.3s;
}
.main__content .notes__gpt .recent__notes__component .recent__notes__content .recent__note__item h1 {
  font-size: 1.25rem;
}
.main__content .notes__gpt .recent__notes__component .recent__notes__content .recent__note__item .recent__note__tags {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.main__content .notes__gpt .recent__notes__component .recent__notes__content .recent__note__item .recent__note__tags span {
  border-radius: 5px;
  padding: 10px 14px;
  transition: 0.4s;
  background-color: #eeeeee;
  color: #434343;
}
.main__content .notes__gpt .recent__notes__component .recent__notes__content .recent__note__item:hover {
  background: rgba(149, 134, 251, 0.1);
}
.main__content .notes__gpt .recent__notes__component .recent__notes__content .recent__note__item:hover .recent__note__tags span {
  background-color: white;
}
.main__content .notes__gpt .recent__notes__component .recent__notes__content .recent__note__item:hover .recent__note__date {
  color: #9586fb;
}
.main__content .notes__gpt .communicate__with__gpt {
  width: 100%;
  border-radius: 30px;
  border: 1px solid #e3e3e3;
  background: #fff;
  display: flex;
  flex-direction: column;
  padding: 20px;
  box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.11), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.08), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.07), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.05), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.04), 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.03);
}
.main__content .notes__gpt .communicate__with__gpt .gpt__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 30px 15px;
  border-bottom: 1px solid #ebebf2;
}
.main__content .notes__gpt .communicate__with__gpt .gpt__header h1 {
  font-size: 1.875rem;
  font-weight: 700;
}
.main__content .notes__gpt .communicate__with__gpt .gpt__header button {
  cursor: pointer;
  padding: 8px;
  border: none;
  background: none;
  border-radius: 8px;
  transition: 0.4s;
}
.main__content .notes__gpt .communicate__with__gpt .gpt__header button:hover {
  background-color: #eeeeee;
}
.main__content .notes__gpt .communicate__with__gpt .gpt__body {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.main__content .notes__gpt .communicate__with__gpt .gpt__body .gpt__chatdisplay .message {
  margin-block: 20px;
  display: flex;
  gap: 20px;
  align-items: center;
  line-height: 170%;
}
.main__content .notes__gpt .communicate__with__gpt .gpt__body .gpt__chatdisplay .message div {
  max-width: 930px;
  border-radius: 15px;
  background: #f5f3ff;
  padding: 20px 24px;
  box-shadow: 0px -1px 7.5px 0px #c2c2c2 inset;
}
.main__content .notes__gpt .communicate__with__gpt .gpt__body .gpt__chatdisplay .user {
  flex-direction: row-reverse;
}
.main__content .notes__gpt .communicate__with__gpt .gpt__body .gpt__chatdisplay .ai {
  flex-direction: row;
  color: #54607a;
}
.main__content .notes__gpt .communicate__with__gpt .gpt__body .gpt__textbox {
  display: flex;
  align-items: center;
  gap: 20px;
  width: 100%;
}
.main__content .notes__gpt .communicate__with__gpt .gpt__body .gpt__textbox .gpt__textarea {
  flex: 1;
  display: flex;
  align-items: center;
  padding-inline: 20px 10px;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  background: #f6f6f6;
}
.main__content .notes__gpt .communicate__with__gpt .gpt__body .gpt__textbox .gpt__textarea input {
  height: 60px;
  outline: none;
  background-color: transparent;
  border: none;
  flex: 1;
  font-size: 1rem;
}
.main__content .notes__gpt .communicate__with__gpt .gpt__body .gpt__textbox .gpt__textarea img {
  height: 45px;
  width: 45px;
  padding: 7px;
  cursor: pointer;
  border-radius: 50%;
  transition: 0.4s;
}
.main__content .notes__gpt .communicate__with__gpt .gpt__body .gpt__textbox .gpt__textarea img:hover {
  background-color: #eeeeee;
}
.main__content .notes__gpt .communicate__with__gpt .gpt__body .gpt__textbox button {
  display: flex;
  align-items: center;
  color: white;
  border: none;
  gap: 10px;
  height: 60px;
  padding: 0 60px;
  border-radius: 10px;
  cursor: pointer;
  font-size: 1.125rem;
  background: linear-gradient(15deg, #7769d4 26.3%, #9586fb 86.4%);
}
.main__content .recent__projects__container {
  width: 100%;
  position: relative;
  border-radius: 30px;
  border: 1px solid #e3e3e3;
  background: #fff;
  padding: 40px;
  box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.11), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.08), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.07), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.05), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.04), 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.03);
}
.main__content .recent__goals__container {
  margin-top: 30px;
  position: relative;
  width: 100%;
  border-radius: 30px;
  border: 1px solid #e3e3e3;
  background: #fff;
  padding: 40px;
  box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.11), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.08), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.07), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.05), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.04), 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.03);
}
.main__content .recents__table {
  margin-top: 30px;
}
.main__content .container__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main__content .container__header h1 {
  font-size: 1.875rem;
  font-weight: 700;
}/*# sourceMappingURL=home.css.map */