*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

html {
  font-size: 62.5%; }

body {
  box-sizing: border-box;
  font-size: 1.4rem;
  color: #191919;
  font-family: "Baloo Bhai 2", cursive; }

.image-control {
  display: flex;
  align-items: center;
  justify-content: center; }
  .image-control img {
    width: 100%; }
  .image-control.vertical-image img {
    width: auto;
    height: 100%; }

ul {
  list-style: none; }

table {
  border-collapse: collapse;
  width: 100%; }
  table tr td,
  table tr th {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3); }
    table tr td:first-of-type,
    table tr th:first-of-type {
      padding-left: 2.5rem; }
    table tr td:last-of-type,
    table tr th:last-of-type {
      padding-right: 2.5rem; }
  table thead tr th {
    font-size: 14px;
    font-weight: 600;
    text-align: start;
    padding: 1.3rem 0;
    background-color: rgba(0, 0, 0, 0.03); }
  table tbody tr td {
    font-size: 14px;
    font-weight: 500;
    padding: 1.4rem 0; }

    .form-double-column {
      display: grid;
      grid-template-columns: 1fr 1fr;
      column-gap: 2rem;
      margin-bottom: 1rem; }
    
    .form-group {
      display: flex;
      flex-direction: column; }
      .form-group strong {
        margin-bottom: 1rem;
        font-weight: 600;
        font-size: 1.2rem; }
      .form-group input {
        height: 3.6rem;
        width: 100%;
        display: flex;
        align-items: center;
        padding: 0 1rem;
        background-color: rgba(25, 25, 25, 0.03);
        border: none;
        outline: none; }

        label.image-control {
          position: relative;
          margin: 0 auto;
          margin-bottom: 2.5rem;
          height: 10rem;
          width: 10rem;
          cursor: pointer;
      }
      label.image-control img {
          transition: all 150ms ease-in-out;
      }
      label.image-control input {
          display: none;
      }
      label.image-control i {
          font-size: 2.4rem;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
      }
      label.image-control:hover img {
          opacity: 0.7;
      }
     .form-double-column {
          display: grid;
          grid-template-columns: 1fr 1fr;
          column-gap: 2rem;
          margin-bottom: 1rem; }
      
      .form-group {
          display: flex;
          flex-direction: column; }
      .form-group strong {
          margin-bottom: 1rem;
          font-weight: 600;
          font-size: 1.2rem; }
      .form-group input {
          height: 4.6rem;
          width: 100%;
          display: flex;
          align-items: center;
          padding: 0 1rem;
          background-color: rgba(25, 25, 25, 0.03);
          border: none;
          outline: none; }
      
      .form-group {
          min-width: 20rem;
          width: 100%;
          margin-bottom: 2rem;
      }
      .form-group small {
          font-size: 12px;
          font-weight: 500;
          opacity: 0.5;
          color: #0f0f0f;
          margin-bottom: 6px;
      }
      .form-group p {
          color: #0f0f0f;
          font-size: 14px;
          font-weight: 500;
      }
      .form-group.slider {
          display: flex;
          align-items: center;
      }
      .form-group.slider small {
          margin-bottom: 0;
          font-size: 14px;
          font-weight: 500;
          margin-right: 1rem;
      }
      .shortform{
          width: 500px;
      }
   .actionbtn {
        height: 5rem;
        width: 23rem;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        font-weight: bold;
        color: white;
        border-radius: 20px;
        background-color: #1777a0;
       }
.green-text {
  color: #2fdf84; }

.red-text {
  color: #ff2929; }

.yellow-text {
  color: #e3bc6a; }

.btn {
  cursor: pointer; }

.export-btn {
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 3.2rem;
  padding: 0 1.5rem;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.03); }
  .export-btn span {
    font-size: 14px;
    font-weight: 600;
    margin-right: 2rem; }
  .export-btn i {
    font-size: 16px;
    opacity: 0.3; }

.checkbox-group input[type="checkbox"] {
  display: none; }
  .checkbox-group input[type="checkbox"] + label {
    display: flex;
    align-items: center;
    cursor: pointer; }
    .checkbox-group input[type="checkbox"] + label .checkbox-mark {
      position: relative;
      margin-right: 1.5rem;
      height: 14px;
      width: 14px;
      border: 1px solid #000000;
      border-radius: 3px;
      background-color: #ffffff;
      transition: all 150ms ease-in-out; }
    .checkbox-group input[type="checkbox"] + label .checkbox-mark:after {
      content: "";
      position: absolute;
      font-size: 10px;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      color: white; }
    .checkbox-group input[type="checkbox"] + label:hover .checkbox-mark {
      background-color: #1777a03a; }
  .checkbox-group input[type="checkbox"]:checked + label .checkbox-mark {
    background-color: #1777a0; }
  .checkbox-group input[type="checkbox"]:checked + label .checkbox-mark:after {
    content: "\2714"; }

.radio-group input[type="radio"] {
  display: none; }
  .radio-group input[type="radio"] + label {
    cursor: pointer;
    display: flex; }
    .radio-group input[type="radio"] + label .radio-button {
      display: block;
      height: 18px;
      width: 18px;
      border-radius: 100%;
      border: 1px solid rgba(0, 0, 0, 0.2);
      box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.25);
      position: relative;
      margin-right: 1rem; }
  .radio-group input[type="radio"]:checked + label {
    display: flex; }
    .radio-group input[type="radio"]:checked + label .radio-button {
      background-color: #3a9afc; }
      .radio-group input[type="radio"]:checked + label .radio-button:after {
        content: "";
        display: block;
        height: 6px;
        width: 6px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
        border-radius: 100%;
        position: absolute;
        background-color: white; }

.checkbox-switch {
  display: none; }
  .checkbox-switch + label {
    cursor: pointer;
    display: flex;
    align-items: center;
    color: grey;
    font-size: 14px; }
    .checkbox-switch + label span {
      position: relative;
      margin-right: 1rem;
      display: inline-block;
      height: 16px;
      width: 24px;
      background-color: grey;
      border-radius: 16px; }
      .checkbox-switch + label span:before {
        content: "";
        display: block;
        position: absolute;
        top: 2px;
        left: 2px;
        width: 12px;
        height: 12px;
        border-radius: 100%;
        background-color: white;
        transition: all 200ms ease-in-out; }
  .checkbox-switch:checked + label {
    color: #004ba6; }
    .checkbox-switch:checked + label span {
      background-color: #1777a0; }
      .checkbox-switch:checked + label span:before {
        transform: translateX(8px); }

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  /* Fallback for browsers that do not support Custom Properties */
  height: calc(var(--vh, 1vh) * 100);
  z-index: 99999999;
  overflow-y: auto; }
  .modal-item {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.6); }
  .modal-content {
    position: relative;
    padding: 3rem 5rem;
    border-radius: 8px;
    background-color: #ffffff;
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.15); }
    .modal-content .modal-header h2 {
      opacity: 1;
      font-size: 18px;
      font-weight: 600;
      text-align: start;
      margin-bottom: 3rem; }
    .modal-content .modal-close {
      position: absolute;
      top: 0px;
      right: 0;
      font-size: 2.5rem;
      line-height: 1.8rem;
      padding: 1.5rem;
      cursor: pointer; }

.mini-modal .modal-content {
  border-radius: 2rem;
  width: 28rem; }
  .mini-modal .modal-content .modal-body {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .mini-modal .modal-content .modal-body i {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 5.6rem;
      width: 5.6rem;
      border-radius: 50%;
      color: white;
      font-size: 35px;
      background-color: #2fdf84;
      margin-bottom: 2rem; }
    .mini-modal .modal-content .modal-body p {
      width: 20rem;
      text-align: center;
      line-height: 2rem;
      margin-bottom: 2rem; }
    .mini-modal .modal-content .modal-body .btn {
      height: 5rem;
      width: 23rem;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 16px;
      font-weight: bold;
      color: white;
      border-radius: 4px;
      background-color: #1777a0;}

      .mini-modal#failure-modal .modal-content .modal-body i {
        background-color: #ff2929; }
      
      .mini-modal#warning-modal .modal-content {
        width: 35rem; }
        .mini-modal#warning-modal .modal-content .modal-body i {
          background-color: #d8b4a5; }
        .mini-modal#warning-modal .modal-content .modal-body .btns-row {
          width: 100%;
          display: flex;
          align-items: center;
          justify-content: space-between; }
          .mini-modal#warning-modal .modal-content .modal-body .btns-row .btn {
            width: 10rem; }
            .mini-modal#warning-modal .modal-content .modal-body .btns-row .btn.btn-cancel {
              background-color: rgba(36, 68, 115, 0.03);
              color: black; }

.slipcard-modals .modal-content {
  width: 39rem;
  padding: 3rem 2.5rem; }
  .slipcard-modals .modal-content .modal-body .search {
    margin-top: 2rem;
    display: flex;
    align-items: center;
    width: 100%;
    height: 4rem;
    padding: 0 1.5rem;
    border: 2px solid #000000;
    border-radius: 4px;
    background-color: #ffffff;
    margin-bottom: 2.5rem; }
    .slipcard-modals .modal-content .modal-body .search i {
      margin-right: 1.5rem; }
    .slipcard-modals .modal-content .modal-body .search input {
      border: none;
      outline: none;
      font-family: "Baloo Bhai 2";
      font-size: 16px;
      font-weight: 600; }
      .slipcard-modals .modal-content .modal-body .search input::placeholder {
        font-family: "Baloo Bhai 2";
        font-size: 16px;
        font-weight: 600; }
  .slipcard-modals .modal-content .modal-body .date-filters {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3.5rem; }
    .slipcard-modals .modal-content .modal-body .date-filters .date-filter {
      width: 12rem; }
      .slipcard-modals .modal-content .modal-body .date-filters .date-filter small {
        font-size: 1.2rem;
        color: #7c7c7c;
        margin-bottom: 1.3rem; }
      .slipcard-modals .modal-content .modal-body .date-filters .date-filter .date-select {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 1.3rem;
        border-bottom: 2px solid #191919; }
  .slipcard-modals .modal-content .modal-body .transactions {
    height: 35rem;
    overflow-y: auto; }
    .slipcard-modals .modal-content .modal-body .transactions-group-header {
      display: flex;
      align-items: center; }
      .slipcard-modals .modal-content .modal-body .transactions-group-header .group-name {
        font-size: 16px;
        font-weight: 600;
        margin-right: 1rem; }
      .slipcard-modals .modal-content .modal-body .transactions-group-header i {
        font-size: 1.24rem; }
    .slipcard-modals .modal-content .modal-body .transactions-group .transaction-card {
      display: grid;
      grid-template-columns: 3.2rem 1fr max-content;
      column-gap: 1rem;
      border: 1px solid rgba(124, 124, 124, 0.18);
      border-radius: 4px;
      padding: 1rem;
      margin-bottom: 1rem; }
      .slipcard-modals .modal-content .modal-body .transactions-group .transaction-card i {
        display: flex;
        height: 3.2rem;
        width: 3.2rem;
        font-size: 1.4rem;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        color: white; }
        .slipcard-modals .modal-content .modal-body .transactions-group .transaction-card i.fa-arrow-up {
          background-color: #9aa7b3; }
        .slipcard-modals .modal-content .modal-body .transactions-group .transaction-card i.fa-arrow-down {
          background-color: #2fdf84; }
      .slipcard-modals .modal-content .modal-body .transactions-group .transaction-card .transaction-details .transaction-name {
        line-height: 1.6rem;
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 5px; }
      .slipcard-modals .modal-content .modal-body .transactions-group .transaction-card .transaction-details .transaction-type {
        opacity: 0.5;
        font-size: 12px; }
      .slipcard-modals .modal-content .modal-body .transactions-group .transaction-card .amount {
        font-size: 16px;
        font-weight: 500;
        line-height: 1.6rem; }
  .slipcard-modals .modal-content .modal-body .detail-box {
    padding-bottom: 1.5rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid rgba(25, 25, 25, 0.1); }
    .slipcard-modals .modal-content .modal-body .detail-box:last-of-type {
      border: none;
      margin-bottom: 4rem; }
    .slipcard-modals .modal-content .modal-body .detail-box small {
      opacity: 0.5;
      font-size: 12px;
      font-weight: 500; }
  .slipcard-modals .modal-content .modal-body .limit-group {
    margin-top: 15rem;
    margin-bottom: 15rem; }
    .slipcard-modals .modal-content .modal-body .limit-group .select-limit {
      margin-bottom: 2rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 2rem;
      height: 40px;
      width: 100%;
      background-color: rgba(25, 25, 25, 0.03);
      border-bottom: 2px solid #191919; }
    .slipcard-modals .modal-content .modal-body .limit-group .current {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      margin-bottom: 2rem; }
      .slipcard-modals .modal-content .modal-body .limit-group .current small {
        font-weight: 500;
        opacity: 0.5;
        margin-bottom: 1rem; }
      .slipcard-modals .modal-content .modal-body .limit-group .current h1 {
        font-size: 35px;
        font-weight: bold;
        line-height: 3.5rem; }
    .slipcard-modals .modal-content .modal-body .limit-group .input-group {
      height: 4rem;
      display: flex;
      align-items: center;
      border-radius: 4px;
      background-color: rgba(25, 25, 25, 0.03);
      padding: 0 2rem;
      margin-bottom: 2.5rem; }
      .slipcard-modals .modal-content .modal-body .limit-group .input-group input {
        border: none;
        outline: none;
        background-color: transparent;
        font-family: "Baloo Bhai 2";
        font-size: 14px; }
        .slipcard-modals .modal-content .modal-body .limit-group .input-group input::placeholder {
          font-family: "Baloo Bhai 2";
          font-size: 14px; }
    .slipcard-modals .modal-content .modal-body .limit-group .set-limit {
      height: 5rem;
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      font-size: 16px;
      font-weight: bold;
      border-radius: 4px;
      background-color: #191919; }

#add-match-modal .modal-content {
  width: 76rem;
  border-radius: 8px; }
  #add-match-modal .modal-content .modal-body {
    max-height: 80vh;
    overflow-y: auto; }
  #add-match-modal .modal-content .form-double-column {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 4rem;
    margin-bottom: 1rem; }
    #add-match-modal .modal-content .form-double-column .form-group {
      display: flex;
      flex-direction: column; }
      #add-match-modal .modal-content .form-double-column .form-group strong {
        margin-bottom: 1rem;
        font-weight: 600;
        font-size: 1.2rem; }
      #add-match-modal .modal-content .form-double-column .form-group input {
        height: 4rem;
        width: 100%;
        display: flex;
        align-items: center;
        padding: 0 1rem;
        background-color: rgba(25, 25, 25, 0.03);
        border: none;
        outline: none; }
    #add-match-modal .modal-content .form-double-column .select {
      margin-top: 1rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 2rem;
      background-color: rgba(25, 25, 25, 0.03);
      height: 4rem;
      border-bottom: 2px solid #191919; }
  #add-match-modal .modal-content .upload-section {
    margin-top: 3rem; }
    #add-match-modal .modal-content .upload-section strong {
      font-size: 1.2rem;
      font-weight: 600; }
    #add-match-modal .modal-content .upload-section .upload-strip {
      margin-top: 1rem;
      display: flex;
      align-items: center; }
      #add-match-modal .modal-content .upload-section .upload-strip .upload-box {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 7rem;
        height: 7rem;
        border-radius: 6px;
        background-color: #f8f8f8;
        margin-right: 1.6rem;
        overflow: hidden; }
        #add-match-modal .modal-content .upload-section .upload-strip .upload-box i {
          color: #8d8d8d;
          font-size: 16px; }
        #add-match-modal .modal-content .upload-section .upload-strip .upload-box img {
          height: 100%; }
  #add-match-modal .modal-content .btn-row {
    margin-top: 5rem;
    display: flex;
    align-items: center;
    justify-content: center; }
    #add-match-modal .modal-content .btn-row .btn {
      height: 5rem;
      width: 33rem;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: black;
      color: white;
      font-size: 1.6rem;
      font-weight: bold;
      border-radius: 4px; }

#request-update-modal .modal-content {
  padding: 2.5rem; }
  #request-update-modal .modal-content .modal-body ul.options li {
    margin-bottom: 1.5rem;
    width: 33rem; }
    #request-update-modal .modal-content .modal-body ul.options li input {
      display: none; }
      #request-update-modal .modal-content .modal-body ul.options li input + label {
        width: 100%;
        display: flex;
        align-items: center;
        background-color: rgba(25, 25, 25, 0.03);
        border-bottom: 2px solid #191919;
        height: 4rem;
        padding: 0 1.5rem;
        cursor: pointer; }
        #request-update-modal .modal-content .modal-body ul.options li input + label .checkbox {
          display: flex;
          align-items: center;
          justify-content: center;
          margin-right: 2rem;
          height: 1.6rem;
          width: 1.6rem;
          border: 1px solid black;
          border-radius: 2px; }
          #request-update-modal .modal-content .modal-body ul.options li input + label .checkbox:after {
            content: "\f00c";
            font-family: "Font Awesome 5 Pro";
            font-size: 10px;
            display: none; }
      #request-update-modal .modal-content .modal-body ul.options li input:checked + label .checkbox::after {
        display: inline-block; }
  #request-update-modal .modal-content .modal-body .btn {
    width: 100%;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-weight: 1.8rem;
    color: white;
    background-color: black;
    border-radius: 4px;
    margin: 5rem 0 2rem; }

#property-modal .modal-content .modal-body {
  padding: 2rem 8rem 0;
  min-height: 70vh; }

.custom-select,
.custom-select-vue {
  position: relative; }
  .custom-select.select-partner,
  .custom-select-vue.select-partner {
    margin-right: auto; }

.custom-select select {
  display: none;
  /*hide original SELECT element: */ }

.select-selected,
.select-selected-vue {
  background-color: #ffffff;
  color: black;
  padding: 8px 30px 8px 16px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  cursor: pointer;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.07); }

/* Style the arrow inside the select element: */
.select-selected:after,
.select-selected-vue:after {
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-family: "Font Awesome 5 Pro";
  content: "\f107";
  font-weight: 400;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  color: black; }

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after,
.select-selected-vue.select-arrow-active:after {
  content: "\f106"; }

/* style the items (options), including the selected item: */
.select-items div,
.select-items-vue div {
  color: black;
  padding: 8px 16px 8px 16px;
  cursor: pointer; }

/* Style items (options): */
.select-items,
.select-items-vue {
  position: absolute;
  background-color: white;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  min-width: min-content;
  border: 1px solid rgba(0, 0, 0, 0.12); }

/* Hide the items when the select box is closed: */
.select-hide {
  display: none; }

.select-items div:hover,
.select-items-vue > div:hover,
.same-as-selected {
  background-color: rgba(0, 0, 0, 0.1); }

.custom-select.section-select .select-selected {
  border: none;
  box-shadow: none; }

.custom-select-image-vue {
  position: relative;
  /* Style the arrow inside the select element: */
  /* Point the arrow upwards when the select box is open (active): */
  /* Style items (options): */ }
  .custom-select-image-vue select {
    display: none;
    /*hide original SELECT element: */ }
  .custom-select-image-vue .select-img {
    width: 24px;
    height: 24px;
    margin-right: 1rem; }
    .custom-select-image-vue .select-img img {
      width: 100%; }
  .custom-select-image-vue .selected {
    background-color: #ffffff;
    color: black;
    padding: 8px 30px 8px 16px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    cursor: pointer;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.07);
    display: flex;
    align-items: center; }
  .custom-select-image-vue .selected:after {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    content: "\f107";
    font-weight: 400;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color: black; }
  .custom-select-image-vue .selected.select-arrow-active:after {
    content: "\f106"; }
  .custom-select-image-vue .select-image-items {
    position: absolute;
    background-color: white;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    min-width: min-content;
    border: 1px solid rgba(0, 0, 0, 0.12); }
    .custom-select-image-vue .select-image-items .select-items_item {
      display: flex;
      align-items: center;
      padding: 8px 16px 8px 16px;
      cursor: pointer; }
  .custom-select-image-vue .select-image-items > div:hover,
  .custom-select-image-vue .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1); }

/* Hide the items when the select box is closed: */
.select-hide {
  display: none; }

body.login {
  height: 100vh;
  width: 100vw;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #131415;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  overflow: hidden; }
  body.login .wrapper {
    margin: 0;
    display: grid;
    grid-template-columns: minmax(0, 8fr) minmax(0, 10fr);
    width: 100%;
    height: 100%;
    background-color: #eff2fb;
    background-image: url(../images/texture.png);
    transition: all 200ms ease-in-out; }
    @media (max-width: 1240px) {
      body.login .wrapper {
        grid-template-columns: minmax(0, 6fr) minmax(0, 10fr); } }
    @media (max-width: 1100px) {
      body.login .wrapper {
        grid-template-columns: 1fr; } }
  body.login .column {
    max-width: 100%; }
  body.login .left {
    position: relative;
    width: 100%;
    height: 100%; }
    body.login .left-container {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 5; }
    body.login .left .logo {
      width: 25rem;
      height: 25rem;
      background-image: linear-gradient(to top, #f3f6fc 0%, white 100%);
      border-radius: 50%;
      padding: 5rem;
      margin: 4rem auto 0;
      transition: all 150ms ease-in-out; }
      @media (max-width: 1240px) {
        body.login .left .logo {
          width: 20rem;
          height: 20rem;
          padding: 4rem; } }
      body.login .left .logo .image-control {
        width: 100%;
        height: 100%; }
    body.login .left form.form {
      width: 36rem;
      margin: 5rem auto 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      @media (max-width: 1240px) {
        body.login .left form.form {
          width: 33rem; } }
      @media (max-width: 1100px) {
        body.login .left form.form {
          width: 30rem; } }
      body.login .left form.form h2 {
        width: 100%;
        font-size: 4.3rem;
        font-weight: 500;
        margin-bottom: 1rem; }
        @media (max-width: 1240px) {
          body.login .left form.form h2 {
            font-size: 4rem; } }
        @media (max-width: 1100px) {
          body.login .left form.form h2 {
            font-size: 3rem;
            text-align: center; } }
      body.login .left form.form input {
        outline: none;
        border: none;
        letter-spacing: 1px;
        margin-bottom: 2rem;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid #1bb4e4;
        background-color: white;
        font-size: 1.4rem;
        padding: 1.3rem 2rem;
        border-radius: 3rem; }
        @media (max-width: 1100px) {
          body.login .left form.form input {
            font-size: 1.3rem; } }
      body.login .left form.form .login-btn {
        position: relative;
        margin: 1.5rem 0 3rem;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.4rem;
        color: white;
        font-weight: 600;
        padding: 1.3rem 2rem;
        border-radius: 25px;
        background-image: linear-gradient(to right, #544cf9 0%, #1bb5f0 0%, #1b89b8 100%);
        z-index: 1; }
        body.login .left form.form .login-btn::before {
          position: absolute;
          content: "";
          width: 100%;
          height: 100%;
          background-image: linear-gradient(to left, #1bb5f0 0%, #1b89b8 100%);
          z-index: -1;
          padding: 1.3rem 2rem;
          border-radius: 25px;
          opacity: 0;
          transition: all 200ms ease-in-out; }
        body.login .left form.form .login-btn:hover::before {
          opacity: 1; }
      body.login .left form.form a.forgot-password {
        text-decoration: none;
        color: black;
        transition: all 150ms ease-in-out; }
        body.login .left form.form a.forgot-password:hover {
          color: #1bb4e4; }
  body.login .testimonial {
    position: relative; }
    @media (max-width: 1100px) {
      body.login .testimonial {
        display: none; } }
    body.login .testimonial-image {
      display: flex;
      max-width: 100%;
      height: 100%;
      overflow: hidden;
      justify-content: flex-end; }
      body.login .testimonial-image img {
        max-height: 100vh; }
    body.login .testimonial-nav {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      display: flex;
      align-items: flex-end;
      justify-content: flex-end; }
      body.login .testimonial-nav-container {
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
        width: 100%;
        height: 50vh;
        background-image: url("../images/gradient.png");
        background-position-y: 100%;
        background-repeat: no-repeat;
        padding-bottom: 2.5rem;
        mask-image: linear-gradient(transparent, black); }
        body.login .testimonial-nav-container .dot {
          width: 1rem;
          height: 1rem;
          border-radius: 100%;
          background-color: white;
          margin-right: 2.5rem;
          opacity: 0.4;
          transition: all 200ms ease-in-out; }
          body.login .testimonial-nav-container .dot.active {
            opacity: 1; }
    body.login .testimonial-overlay {
      position: absolute;
      top: 0;
      left: -4.5rem;
      height: 100%; }
      body.login .testimonial-overlay .image-control {
        height: 100%; }
        body.login .testimonial-overlay .image-control img {
          width: auto;
          height: 100%;
          margin-left: -20px; }

body {
  position: relative; }
  body aside {
    position: fixed;
    height: 100vh;
    width: 20rem;
    background-color: #1777a0;
    color: #ffffff;
    padding: 2.5rem; }
    body aside .logo {
      margin: 5px 0 3rem; }
    body aside ul.nav li {
      padding: 1rem 0;
      cursor: pointer;
      display: flex;
      align-items: center;
      margin-bottom: 0.5rem;
      transition: all 150ms ease-in-out; }
      body aside ul.nav li:hover:not(.active) {
        color: #e4cea3; }
      body aside ul.nav li.active {
        color: #e3bc6a; }
        body aside ul.nav li.active span {
          font-weight: 600; }
      body aside ul.nav li i {
        width: 2.3rem;
        display: flex;
        justify-content: center;
        font-size: 18px;
        margin-right: 2.3rem; }
      body aside ul.nav li span {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px; }
  body .wrapper {
    margin-left: 20rem; }
    body .wrapper header {
      height: 7rem;
      padding: 0 4rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      background-color: white; }
      body .wrapper header h2 {
        font-size: 22px;
        font-weight: bold; }
      body .wrapper header .user {
        position: relative;
        display: flex;
        align-items: center;
        cursor: pointer; }
        body .wrapper header .user-intro {
          font-size: 14px;
          font-weight: 600; }
        body .wrapper header .user-image {
          height: 40px;
          width: 40px;
          margin: 0 1rem;
          border-radius: 50%;
          border: 1.6px solid #000000; }

          body .wrapper header .user input {
            display: none; }
            body .wrapper header .user input + ul {
              display: none;
              position: absolute;
              top: 120%;
              right: 0;
              border: 1px solid rgba(36, 68, 115, 0.3);
              z-index: 999;
              border-radius: 4px;
              overflow: hidden; }
              body .wrapper header .user input + ul li {
                background-color: white;
                margin-bottom: 1px solid black;
                display: grid;
                align-items: center;
                grid-template-columns: 1.6rem max-content;
                padding: 1rem 2rem;
                text-decoration: none;
                color: #000;
                column-gap: 1rem;
                font-weight: 600;
                min-width: 15rem;
                transition: all 200ms ease-in-out; }
                body .wrapper header .user input + ul li:hover {
                  background-color: #1777a0;
                  color: white; }
            body .wrapper header .user input:checked + ul {
              display: block; }

    body .wrapper main {
      padding: 2rem;
      background-color: #f6f6f6; }
      body .wrapper main section {
        margin-bottom: 2rem; }
        body .wrapper main section .section-header {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-bottom: 1.5rem; }
          body .wrapper main section .section-header h3 {
            font-size: 16px;
            font-weight: bold;
            margin-left: 8px; }
          body .wrapper main section .section-header h4 {
            font-size: 14px;
            font-weight: 500; }
          body .wrapper main section .section-header-actions {
            display: flex;
            align-items: center; }
            body .wrapper main section .section-header-actions > div:not(:last-child) {
              margin-right: 1rem; }
            body .wrapper main section .section-header-actions .filters {
              display: flex;
              align-items: center;
              font-size: 12px;
              line-height: 12px;
              font-weight: 500;
              padding: 8px 1.2rem;
              color: #4e4e4e;
              border: 1px solid rgba(36, 68, 115, 0.3);
              border-radius: 3px;
              background-color: #ffffff; }
              body .wrapper main section .section-header-actions .filters span {
                margin-right: 1rem; }
              body .wrapper main section .section-header-actions .filters i {
                font-size: 1.8rem; }
        body .wrapper main section .chart {
          margin-bottom: 1rem;
          padding: 1.5rem;
          background-color: white;
          border-radius: 6px;
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12); }
          body .wrapper main section .chart-header {
            display: flex;
            justify-content: space-between;
            font-size: 13px;
            font-weight: 600; }
            body .wrapper main section .chart-header .chart-numbers {
              display: flex;
              flex-direction: column;
              align-items: flex-end; }
              body .wrapper main section .chart-header .chart-numbers .bottom {
                font-size: 1rem;
                font-weight: 600;
                color: #18c13a; }
        body .wrapper main section.user .section-body {
          display: grid;
          grid-template-columns: 20rem 20rem 20rem 1fr 20rem;
          column-gap: 1.6rem; }
        body .wrapper main section.user .chart {
          height: 20rem; }
        body .wrapper main section.transactions .section-body {
          display: grid;
          grid-template-columns: 1fr 1fr 1fr;
          column-gap: 1.6rem; }
          body .wrapper main section.transactions .section-body .transaction-card-body {
            padding-top: 2rem; }
            body .wrapper main section.transactions .section-body .transaction-card-body .row {
              display: flex;
              align-items: center;
              font-size: 1rem;
              margin-bottom: 6px; }
              body .wrapper main section.transactions .section-body .transaction-card-body .row-title {
                width: 10rem;
                font-weight: 500;
                color: rgba(0, 0, 0, 0.5); }
              body .wrapper main section.transactions .section-body .transaction-card-body .row-value {
                display: flex;
                align-items: center;
                border-radius: 1rem;
                padding: 0 1.5rem;
                height: 2rem;
                background-color: #1777a0;
                color: white; }
            body .wrapper main section.transactions .section-body .transaction-card-body .bottom-row {
              margin: 2rem 0 8px;
              display: flex; }
              body .wrapper main section.transactions .section-body .transaction-card-body .bottom-row-cards {
                height: 4rem;
                width: 6rem;
                border-radius: 2px;
                background-color: #f8f9fa;
                margin-right: 1.2rem;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center; }
                body .wrapper main section.transactions .section-body .transaction-card-body .bottom-row-cards small {
                  font-size: 8px;
                  font-weight: 500;
                  color: rgba(0, 0, 0, 0.5); }
                body .wrapper main section.transactions .section-body .transaction-card-body .bottom-row-cards p {
                  font-size: 14px;
                  font-weight: bold; }
        body .wrapper main section.section-groups {
          display: grid;
          grid-template-columns: repeat(4, 1fr);
          column-gap: 1.6rem; }
          body .wrapper main section.section-groups .section-group {
            border-radius: 6px;
            background-color: #ffffff;
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12); }
            body .wrapper main section.section-groups .section-group-header {
              display: flex;
              align-items: center;
              justify-content: space-between;
              padding: 2rem 2rem 2rem 3rem;
              border-bottom: 2px solid rgba(36, 68, 115, 0.07); }
              body .wrapper main section.section-groups .section-group-header h2 {
                font-size: 16px;
                font-weight: 700; }
            body .wrapper main section.section-groups .section-group-body {
              padding: 1.5rem 2rem 1.5rem 3.6rem; }
              body .wrapper main section.section-groups .section-group-body ul li {
                display: flex;
                align-items: center;
                margin-bottom: 1.2rem; }
                body .wrapper main section.section-groups .section-group-body ul li .number {
                  font-size: 14px;
                  font-weight: bold;
                  margin-right: 1.5rem; }
                body .wrapper main section.section-groups .section-group-body ul li .icon {
                  font-size: 16px;
                  font-weight: 500;
                  height: 48px;
                  width: 48px;
                  border-radius: 50%;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  background-color: #1777a0;
                  color: #ffffff;
                  margin-right: 1.5rem; }
                  body .wrapper main section.section-groups .section-group-body ul li .icon i {
                    font-size: 2.2rem; }
                body .wrapper main section.section-groups .section-group-body ul li .body-item {
                  display: flex;
                  flex-direction: column; }
                  body .wrapper main section.section-groups .section-group-body ul li .body-item .name {
                    font-size: 14px;
                    font-weight: 600; }
                  body .wrapper main section.section-groups .section-group-body ul li .body-item .detail {
                    font-size: 10px;
                    font-weight: 500;
                    opacity: 0.6; }
                body .wrapper main section.section-groups .section-group-body ul li .service-image {
                  margin: 4px 0;
                  height: 40px;
                  width: 40px;
                  border-radius: 6px; }
      body .wrapper main.loans, body .wrapper main.services, body .wrapper main.savings, body .wrapper main.settings, body .wrapper main.investments {
        padding: 1.5rem 1.5rem 0 1.5rem; }
        body .wrapper main.loans .inner-wrapper, body .wrapper main.services .inner-wrapper, body .wrapper main.savings .inner-wrapper, body .wrapper main.settings .inner-wrapper, body .wrapper main.investments .inner-wrapper {
          min-height: calc(100vh - 8.5rem);
          display: flex;
          flex-direction: column; }
      body .wrapper main.users {
        min-height: calc(100vh - 7rem);
        display: grid;
        grid-template-columns: 20rem 1fr;
        column-gap: 1.6rem; }
        body .wrapper main.users .user-list {
          background-color: white; }
          body .wrapper main.users .user-list .filter {
            background-color: white;
            padding: 0 2.3rem;
            height: 4.5rem;
            display: flex;
            align-items: center; }
            body .wrapper main.users .user-list .filter i {
              margin-right: 6px;
              font-size: 16px;
              color: rgba(0, 0, 0, 0.3); }
            body .wrapper main.users .user-list .filter input {
              width: 100%;
              outline: none;
              border: none; }
              body .wrapper main.users .user-list .filter input::placeholder {
                font-weight: 500;
                font-size: 14px; }
          body .wrapper main.users .user-list ul {
            background-color: white;
            border-right: 1px solid rgba(36, 68, 115, 0.3); }
            body .wrapper main.users .user-list ul li {
              cursor: pointer;
              font-size: 14px;
              font-weight: bold;
              padding: 1.5rem;
              height: 4rem;
              display: flex;
              align-items: center;
              border-bottom: 1px solid rgba(36, 68, 115, 0.3); }
              body .wrapper main.users .user-list ul li:not(.active):hover {
                background-color: rgba(0, 0, 0, 0.1); }
              body .wrapper main.users .user-list ul li.active {
                background-color: #1777a0;
                color: white; }
        body .wrapper main.users .user-details {
          padding: 3rem 2.5rem;
          background-color: white; }
          body .wrapper main.users .user-details-header {
            display: flex;
            align-items: center; }
            body .wrapper main.users .user-details-header .initials {
              font-size: 24px;
              font-weight: 600;
              height: 6rem;
              width: 6rem;
              display: flex;
              align-items: center;
              justify-content: center;
              margin-right: 1.6rem;
              background-color: #1777a0;
              color: white;
              border-radius: 50%; }
            body .wrapper main.users .user-details-header h2 {
              font-size: 24px;
              font-weight: bold; }
          body .wrapper main.users .user-details-nav {
            margin: 2.5rem 0 3.5rem;
            border-bottom: 0.5px solid rgba(36, 68, 115, 0.1);
            width: 100%; }
            body .wrapper main.users .user-details-nav ul {
              display: flex;
              align-items: center; }
              body .wrapper main.users .user-details-nav ul li {
                cursor: pointer;
                height: 3.6rem;
                width: 20rem;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 2px 16px 0 2px;
                color: #000;
                font-size: 14px;
                font-weight: 500;
                font-size: 14px;
                font-weight: 600;
                background-color: rgba(36, 68, 115, 0.03); }
                body .wrapper main.users .user-details-nav ul li:not(.active):hover {
                  background-color: rgba(36, 68, 115, 0.23); }
                body .wrapper main.users .user-details-nav ul li.active {
                  color: white;
                  background-color: #1777a0;
                  font-weight: 600; }                
          body .wrapper main.users .user-details-body .column {
            width: max-content; }
            body .wrapper main.users .user-details-body .column-header {
              font-size: 18px;
              font-weight: bold;
              margin-bottom: 2rem; }
            body .wrapper main.users .user-details-body .column .row:not(:first-of-type) {
              margin-top: 2.5rem; }
            body .wrapper main.users .user-details-body .column .row:not(:last-of-type) {
              border-bottom: 1px solid #979797; }
          body .wrapper main.users .user-details-body .form-group {
            margin-bottom: 2rem; }
            body .wrapper main.users .user-details-body .form-group small {
              font-size: 12px;
              font-weight: 500;
              opacity: 0.5;
              color: #0f0f0f;
              margin-bottom: 6px; }
            body .wrapper main.users .user-details-body .form-group p {
              color: #0f0f0f;
              font-size: 14px;
              font-weight: 500; }
            body .wrapper main.users .user-details-body .form-group.slider {
              display: flex;
              align-items: center; }
              body .wrapper main.users .user-details-body .form-group.slider small {
                margin-bottom: 0;
                font-size: 14px;
                font-weight: 500;
                margin-right: 1rem; }
          body .wrapper main.users .user-details-body .table-options {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            margin-bottom: 1.5rem; }
            body .wrapper main.users .user-details-body .table-options .export-btn {
              margin-right: 2.5rem;
              height: 3.6rem; }
              body .wrapper main.users .user-details-body .table-options .export-btn span {
                margin-right: 5rem; }
            body .wrapper main.users .user-details-body .table-options .filter,
            body .wrapper main.users .user-details-body .table-options .date-filter {
              margin-right: 1.5rem;
              display: flex;
              align-items: center;
              height: 3.6rem;
              font-size: 12px;
              font-weight: 500;
              padding: 0 1.2rem 0 2rem;
              color: #4e4e4e;
              border: 1px solid rgba(36, 68, 115, 0.3);
              border-radius: 3px;
              background-color: #ffffff; }
              body .wrapper main.users .user-details-body .table-options .filter span,
              body .wrapper main.users .user-details-body .table-options .date-filter span {
                margin-right: 1rem; }
              body .wrapper main.users .user-details-body .table-options .filter i,
              body .wrapper main.users .user-details-body .table-options .date-filter i {
                font-size: 1.8rem; }
          body .wrapper main.users .user-details-body table {
            border-collapse: collapse; }
            body .wrapper main.users .user-details-body table tr td,
            body .wrapper main.users .user-details-body table tr th {
              border-bottom: 1px solid rgba(0, 0, 0, 0.3); }
              body .wrapper main.users .user-details-body table tr td:first-of-type,
              body .wrapper main.users .user-details-body table tr th:first-of-type {
                padding-left: 2.5rem; }
              body .wrapper main.users .user-details-body table tr td:last-of-type,
              body .wrapper main.users .user-details-body table tr th:last-of-type {
                padding-right: 2.5rem; }
            body .wrapper main.users .user-details-body table thead tr th {
              font-size: 14px;
              font-weight: 600;
              text-align: start;
              padding: 1.3rem 0;
              background-color: rgba(0, 0, 0, 0.03); }
            body .wrapper main.users .user-details-body table tbody tr td {
              font-size: 14px;
              font-weight: 500;
              padding: 1.5rem 0; }
          body .wrapper main.users .user-details-body .slipcard {
            margin-top: 6rem;
            display: grid;
            grid-template-columns: 33rem 1fr;
            column-gap: 4rem;
            row-gap: 3rem; }
            body .wrapper main.users .user-details-body .slipcard-title {
              display: flex;
              flex-direction: column;
              align-items: center;
              justify-content: center; }
              body .wrapper main.users .user-details-body .slipcard-title small {
                opacity: 0.5;
                color: #252427;
                font-size: 14px;
                font-weight: 500; }
              body .wrapper main.users .user-details-body .slipcard-title p.amount {
                font-size: 35px;
                font-weight: bold; }
            body .wrapper main.users .user-details-body .slipcard-card {
              height: 20rem;
              width: 33rem;
              width: 330px;
              border-radius: 14px;
              background-color: #1777a0;
              box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.32); }
            body .wrapper main.users .user-details-body .slipcard-actions .btn {
              margin-bottom: 3.3rem;
              display: flex;
              align-items: center;
              justify-content: center;
              font-size: 14px;
              font-weight: bold;
              height: 40px;
              width: 315px;
              border: 2px solid #191919;
              border-radius: 3.2px;
              background-color: rgba(255, 255, 255, 0); }
            body .wrapper main.users .user-details-body .slipcard-actions .freeze {
              display: flex;
              align-items: center;
              justify-content: space-between;
              padding: 0 1rem 1rem;
              width: 315px;
              border-bottom: 1px solid rgba(25, 25, 25, 0.2); }
              body .wrapper main.users .user-details-body .slipcard-actions .freeze i {
                font-size: 1.4rem;
                margin-right: 2.5rem; }
              body .wrapper main.users .user-details-body .slipcard-actions .freeze > span {
                flex-grow: 1;
                font-size: 16px;
                font-weight: 500;
                line-height: 1.6rem; }
              body .wrapper main.users .user-details-body .slipcard-actions .freeze .status-select input[type="checkbox"] + label span {
                height: 2.4rem;
                width: 4.4rem;
                background-color: #f7f5f5; }
                body .wrapper main.users .user-details-body .slipcard-actions .freeze .status-select input[type="checkbox"] + label span::before {
                  height: 2rem;
                  width: 2rem;
                  background-color: #d7d7d7; }
              body .wrapper main.users .user-details-body .slipcard-actions .freeze .status-select input[type="checkbox"]:checked + label span {
                background-color: #1777a0; }
                body .wrapper main.users .user-details-body .slipcard-actions .freeze .status-select input[type="checkbox"]:checked + label span::before {
                  transform: translateX(2rem);
                  background-color: white; }
          body .wrapper main.users .user-details-body .slipcard-details {
            margin-top: 3.3rem; }
            body .wrapper main.users .user-details-body .slipcard-details .detail-box {
              width: 33rem;
              border-bottom: 1px solid rgba(25, 25, 25, 0.1);
              margin-bottom: 1.3rem; }
              body .wrapper main.users .user-details-body .slipcard-details .detail-box small {
                font-size: 12px;
                font-weight: 500;
                opacity: 0.5; }
              body .wrapper main.users .user-details-body .slipcard-details .detail-box .detail {
                display: flex;
                align-items: center;
                justify-content: space-between;
                margin-bottom: 1rem; }
                body .wrapper main.users .user-details-body .slipcard-details .detail-box .detail span {
                  color: #252427;
                  font-size: 16px; }
                body .wrapper main.users .user-details-body .slipcard-details .detail-box .detail .copy-btn {
                  cursor: pointer;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  font-size: 12px;
                  font-weight: 500;
                  height: 25px;
                  width: 55px;
                  border-radius: 4px;
                  background-color: rgba(227, 188, 106, 0.6); }
          body .wrapper main.users .user-details-body .security-btn {
            margin-bottom: 3.3rem;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            font-weight: bold;
            height: 40px;
            width: 315px;
            border: 2px solid #191919;
            border-radius: 3.2px;
            background-color: rgba(255, 255, 255, 0); }
        body .wrapper main.users.users-profile .user-details-body, body .wrapper main.users.users-savings .user-details-body {
          max-width: 1024px;
          display: grid;
          grid-template-columns: repeat(3, 1fr); }
      body .wrapper main.transactions {
        min-height: calc(100vh - 7rem); }
        body .wrapper main.transactions .inner-wrapper {
          background-color: white;
          height: 100%;
          padding: 1.6rem; }
        body .wrapper main.transactions .table-filters {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-bottom: 1.6rem; }
          body .wrapper main.transactions .table-filters .search {
            display: flex;
            align-items: center;
            height: 4rem;
            width: 33rem;
            padding: 0 1.5rem;
            border: 2px solid #000000;
            border-radius: 4px;
            background-color: #ffffff; }
            body .wrapper main.transactions .table-filters .search i {
              font-size: 1.6rem;
              margin-right: 1.6rem; }
            body .wrapper main.transactions .table-filters .search input {
              border: none;
              outline: none;
              line-height: 1.6rem;
              font-size: 16px;
              font-family: "Baloo Bhai 2";
              font-weight: 600;
              flex-grow: 1; }
              body .wrapper main.transactions .table-filters .search input::placeholder {
                font-family: "Baloo Bhai 2";
                font-size: 16px;
                font-weight: 600; }
          body .wrapper main.transactions .table-filters-group {
            display: flex;
            align-items: center; }
            body .wrapper main.transactions .table-filters-group .export-btn {
              margin-right: 1rem;
              height: 4rem;
              border-radius: 4px;
              padding: 0 2rem 0 3rem;
              background-color: white;
              border: 2px solid #191919; }
              body .wrapper main.transactions .table-filters-group .export-btn i {
                margin-left: 1rem;
                opacity: 1; }
            body .wrapper main.transactions .table-filters-group .date-filter {
              cursor: pointer;
              display: flex;
              align-items: center;
              justify-content: center;
              font-size: 1.4rem;
              font-weight: bold;
              padding: 0 4rem;
              margin-right: 1rem;
              height: 4rem;
              border-radius: 4px;
              border: 2px solid #191919; }
            body .wrapper main.transactions .table-filters-group .filters {
              width: 10rem;
              display: flex;
              align-items: center;
              justify-content: space-between;
              background-color: #1777a0;
              height: 4rem;
              border-radius: 4px;
              padding: 0 1.5rem 0 2rem; }
              body .wrapper main.transactions .table-filters-group .filters span {
                font-size: 1.4rem;
                font-weight: bold;
                color: white; }
              body .wrapper main.transactions .table-filters-group .filters i {
                color: white; }
        body .wrapper main.transactions table tr td:first-of-type,
        body .wrapper main.transactions table tr th:first-of-type {
          padding-left: 2rem;
          width: 6rem;
          font-weight: 400; }
        body .wrapper main.transactions table tr td:last-of-type,
        body .wrapper main.transactions table tr th:last-of-type {
          padding-right: 2 rem; }
        body .wrapper main.transactions table thead tr th {
          font-size: 14px;
          font-weight: 600;
          text-align: start;
          padding: 1.3rem 0;
          background-color: rgba(0, 0, 0, 0.03); }
        body .wrapper main.transactions table tbody tr td {
          font-size: 14px;
          font-weight: 500;
          padding: 1.4rem 0; }
      body .wrapper main.savings {
        min-height: calc(100vh - 7rem);
        padding: 1.5rem; }
        body .wrapper main.savings .inner-wrapper {
          background-color: #ffffff;
          width: 100%;
          height: 100%;
          display: grid;
          grid-template-columns: 20rem 1fr;
          grid-template-rows: max-content 1fr;
          column-gap: 4rem; }
          body .wrapper main.savings .inner-wrapper .search {
            height: 4.5rem;
            width: 100%;
            display: flex;
            align-items: center;
            padding: 0 2.3rem; }
            body .wrapper main.savings .inner-wrapper .search i {
              font-size: 1.6rem;
              opacity: 0.3;
              margin-right: 1rem; }
            body .wrapper main.savings .inner-wrapper .search input {
              border: none;
              outline: none;
              font-family: "Baloo Bhai 2";
              font-size: 14px;
              font-weight: 500;
              width: 100%; }
          body .wrapper main.savings .inner-wrapper .plans {
            border-right: 1px solid rgba(36, 68, 115, 0.3); }
            body .wrapper main.savings .inner-wrapper .plans .create-plan-btn {
              cursor: pointer;
              height: 4rem;
              width: 100%;
              display: flex;
              align-items: center;
              padding: 0 1.5rem;
              background-color: white;
              font-size: 14px;
              font-weight: 500;
              color: black;
              transition: all 200ms ease-in-out; }
              body .wrapper main.savings .inner-wrapper .plans .create-plan-btn:hover {
                background-color: #1777a0;
                color: white; }
            body .wrapper main.savings .inner-wrapper .plans ul li {
              cursor: pointer;
              height: 4rem;
              width: 100%;
              border-bottom: 1px solid rgba(36, 68, 115, 0.3);
              display: flex;
              align-items: center;
              padding: 0 1.5rem;
              background-color: white;
              font-size: 14px;
              font-weight: 500;
              color: black;
              transition: all 200ms ease-in-out; }
              body .wrapper main.savings .inner-wrapper .plans ul li.active {
                background-color: #1777a0;
                color: white; }
              body .wrapper main.savings .inner-wrapper .plans ul li:not(.active):hover {
                background-color: rgba(0, 0, 0, 0.03); }
          body .wrapper main.savings .inner-wrapper .plan-details-header {
            margin-bottom: 4.5rem; }
            body .wrapper main.savings .inner-wrapper .plan-details-header h2 {
              font-size: 24px;
              font-weight: bold; }
          body .wrapper main.savings .inner-wrapper .plan-details-nav {
            margin: 2.5rem 0 3.5rem;
            border-bottom: 0.5px solid rgba(36, 68, 115, 0.1);
            width: 100%; }
            body .wrapper main.savings .inner-wrapper .plan-details-nav ul {
              display: flex;
              align-items: center; }
              body .wrapper main.savings .inner-wrapper .plan-details-nav ul li {
                cursor: pointer;
                height: 3.6rem;
                width: 10.6rem;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 2px 16px 0 2px;
                color: #000;
                font-size: 14px;
                font-weight: 500;
                font-size: 14px;
                font-weight: 600;
                background-color: rgba(36, 68, 115, 0.03); }
                body .wrapper main.savings .inner-wrapper .plan-details-nav ul li:not(.active):hover {
                  background-color: rgba(36, 68, 115, 0.23); }
                body .wrapper main.savings .inner-wrapper .plan-details-nav ul li.active {
                  color: white;
                  background-color: #1777a0;
                  font-weight: 600; }
                body .wrapper main.savings .inner-wrapper .plan-details-nav ul li:nth-child(1) {
                  width: 12.8rem; }
                body .wrapper main.savings .inner-wrapper .plan-details-nav ul li:nth-child(2) {
                  width: 12.8rem; }
          body .wrapper main.savings .inner-wrapper .plan-details-body .column {
            width: max-content; }
            body .wrapper main.savings .inner-wrapper .plan-details-body .column-header {
              font-size: 18px;
              font-weight: bold;
              margin-bottom: 2rem; }
            body .wrapper main.savings .inner-wrapper .plan-details-body .column .row:not(:first-of-type) {
              margin-top: 2.5rem; }
            body .wrapper main.savings .inner-wrapper .plan-details-body .column .row:not(:last-of-type) {
              border-bottom: 1px solid #979797; }
          body .wrapper main.savings .inner-wrapper .plan-details-body .form-group {
            margin-bottom: 1.6rem; }
            body .wrapper main.savings .inner-wrapper .plan-details-body .form-group small {
              font-size: 12px;
              font-weight: 500;
              opacity: 0.5;
              color: #0f0f0f;
              margin-bottom: 6px; }
            body .wrapper main.savings .inner-wrapper .plan-details-body .form-group p {
              color: #0f0f0f;
              font-size: 14px;
              font-weight: 500; }
            body .wrapper main.savings .inner-wrapper .plan-details-body .form-group.slider {
              display: flex;
              align-items: center; }
              body .wrapper main.savings .inner-wrapper .plan-details-body .form-group.slider small {
                margin-bottom: 0;
                font-size: 14px;
                font-weight: 500;
                margin-right: 1rem; }
          body .wrapper main.savings .inner-wrapper .plan-details-body .setup {
            width: 33rem; }
            body .wrapper main.savings .inner-wrapper .plan-details-body .setup .setup-group-double {
              display: grid;
              grid-template-columns: 1fr 1fr;
              column-gap: 1.2rem; }
            body .wrapper main.savings .inner-wrapper .plan-details-body .setup-group {
              margin-bottom: 2rem; }
              body .wrapper main.savings .inner-wrapper .plan-details-body .setup-group small {
                font-size: 14px;
                font-weight: 600;
                margin-bottom: 1rem; }
              body .wrapper main.savings .inner-wrapper .plan-details-body .setup-group-value {
                width: 100%;
                height: 4rem;
                background-color: rgba(0, 0, 0, 0.03);
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 0 2rem; }
                body .wrapper main.savings .inner-wrapper .plan-details-body .setup-group-value input {
                  width: 100%;
                  border: none;
                  outline: none;
                  background-color: transparent;
                  font-size: 16px;
                  font-family: "Baloo Bhai 2"; }
                  body .wrapper main.savings .inner-wrapper .plan-details-body .setup-group-value input::placeholder {
                    font-size: 16px;
                    font-family: "Baloo Bhai 2"; }
            body .wrapper main.savings .inner-wrapper .plan-details-body .setup .update-btn {
              margin-top: 4rem;
              height: 5rem;
              width: 100%;
              display: flex;
              align-items: center;
              justify-content: center;
              border-radius: 4px;
              background-color: #1777a0;
              color: #ffffff;
              font-size: 18px;
              font-weight: bold; }
      body .wrapper main.loans {
        padding: 1.5rem 1.5rem 0 1.5rem; }
        body .wrapper main.loans .loans-header {
          display: flex;
          align-items: center;
          justify-content: flex-end;
          padding: 0 2rem;
          margin-bottom: 3rem; }
          body .wrapper main.loans .loans-header .setup-btn {
            padding: 0 2.5rem;
            font-size: 14px;
            font-weight: bold;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 40px;
            border: 2px solid #191919;
            border-radius: 4px;
            background-color: #ffffff; }
        body .wrapper main.loans .panel-body table tr td {
          padding-top: 8px;
          padding-bottom: 8px; }
      body .wrapper main.services .inner-wrapper {
        padding: 3.5rem 2.5rem 0 0;
        background-color: white;
        display: grid;
        grid-template-columns: 29rem 1fr;
        column-gap: 3rem; }
        body .wrapper main.services .inner-wrapper .service-list .search {
          display: flex;
          align-items: center;
          height: 4rem;
          margin: 0 2rem;
          border: 1px solid #000000;
          border-radius: 4px;
          padding: 0 1.5rem; }
          body .wrapper main.services .inner-wrapper .service-list .search input {
            border: none;
            outline: none;
            font-family: "Baloo Bhai 2";
            font-size: 16px;
            font-weight: 600; }
            body .wrapper main.services .inner-wrapper .service-list .search input::placeholder {
              font-family: "Baloo Bhai 2";
              font-size: 16px;
              font-weight: 600; }
          body .wrapper main.services .inner-wrapper .service-list .search i {
            margin-right: 1.5rem; }
        body .wrapper main.services .inner-wrapper .service-list ul {
          width: 100%;
          margin-top: 1rem; }
          body .wrapper main.services .inner-wrapper .service-list ul li {
            cursor: pointer;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 1rem 2rem;
            font-size: 14px;
            font-weight: 600;
            transition: all 150ms ease-in-out; }
            body .wrapper main.services .inner-wrapper .service-list ul li i {
              display: none;
              color: #00ff00; }
            body .wrapper main.services .inner-wrapper .service-list ul li.enabled i {
              display: block; }
            body .wrapper main.services .inner-wrapper .service-list ul li.active {
              background-color: #1777a0;
              color: white; }
            body .wrapper main.services .inner-wrapper .service-list ul li:hover {
              background-color: rgba(0, 0, 0, 0.05); }
        body .wrapper main.services .inner-wrapper .service-details {
          padding-top: 1rem; }
          body .wrapper main.services .inner-wrapper .service-details .service-image {
            height: 8rem;
            width: 8rem;
            margin-bottom: 3.5rem; }
          body .wrapper main.services .inner-wrapper .service-details h2 {
            font-size: 24px;
            font-weight: bold;
            margin-bottom: 1.5rem; }
          body .wrapper main.services .inner-wrapper .service-details .analytics .section-body {
            display: grid;
            grid-template-columns: 1fr 23rem 23rem;
            column-gap: 1.5rem; }
            body .wrapper main.services .inner-wrapper .service-details .analytics .section-body .bottom-row {
              margin: 2rem 0 8px;
              display: flex; }
              body .wrapper main.services .inner-wrapper .service-details .analytics .section-body .bottom-row-cards {
                height: 4rem;
                width: 6rem;
                border-radius: 2px;
                background-color: #f8f9fa;
                margin-right: 1.2rem;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center; }
                body .wrapper main.services .inner-wrapper .service-details .analytics .section-body .bottom-row-cards small {
                  font-size: 8px;
                  font-weight: 500;
                  color: rgba(0, 0, 0, 0.5); }
                body .wrapper main.services .inner-wrapper .service-details .analytics .section-body .bottom-row-cards p {
                  font-size: 14px;
                  font-weight: bold; }
            body .wrapper main.services .inner-wrapper .service-details .analytics .section-body .chart {
              height: 23rem; }
      body .wrapper main.settings {
        display: flex;
        flex-direction: column; }
        body .wrapper main.settings .settings-nav ul {
          display: flex; }
          body .wrapper main.settings .settings-nav ul li {
            height: 36px;
            width: 20rem;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 2px 16px 0 2px;
            font-size: 14px;
            font-weight: 500;
            background-color: rgba(36, 68, 115, 0.03);
            cursor: pointer;
            transition: all 200ms ease-in-out; }
            body .wrapper main.settings .settings-nav ul li:hover {
              background-color: rgba(36, 68, 115, 0.13); }
            body .wrapper main.settings .settings-nav ul li.active {
              color: white;
              background-color: #1777a0;
              font-weight: 600; }
        body .wrapper main.settings .settings-body {
          flex-grow: 1;
          background-color: white;
          padding: 1.5rem; }
          body .wrapper main.settings .settings-body .button-row {
            width: 100%;
            display: flex; }
            body .wrapper main.settings .settings-body .button-row.right {
              justify-content: flex-end; }
            body .wrapper main.settings .settings-body .button-row .btn {
              display: flex;
              align-items: center;
              justify-content: center;
              height: 40px;
              width: 180px;
              margin: 1rem 0 2rem;
              border: 2px solid #191919;
              border-radius: 4px;
              font-size: 14px;
              font-weight: bold; }
          body .wrapper main.settings .settings-body table {
            font-size: 14px;
            font-weight: bold; }
            body .wrapper main.settings .settings-body table .form-group {
              display: flex;
              align-items: center; }
              body .wrapper main.settings .settings-body table .form-group small {
                margin-right: 3rem;
                color: #6d7278;
                font-weight: 500; }
        body .wrapper main.settings.settings-admins .settings-body {
          min-height: calc(100vh - 7rem);
          display: grid;
          grid-template-columns: 30rem 1fr;
          column-gap: 1.6rem; }
          body .wrapper main.settings.settings-admins .settings-body .admin-list {
            background-color: white; }
            body .wrapper main.settings.settings-admins .settings-body .admin-list .filter {
              background-color: white;
              padding: 0 2.3rem;
              height: 4.5rem;
              display: flex;
              align-items: center; }
              body .wrapper main.settings.settings-admins .settings-body .admin-list .filter i {
                margin-right: 6px;
                font-size: 16px;
                color: rgba(0, 0, 0, 0.3); }
              body .wrapper main.settings.settings-admins .settings-body .admin-list .filter input {
                width: 100%;
                outline: none;
                border: none; }
                body .wrapper main.settings.settings-admins .settings-body .admin-list .filter input::placeholder {
                  font-weight: 500;
                  font-size: 14px; }
            body .wrapper main.settings.settings-admins .settings-body .admin-list ul {
              background-color: white;
              border-right: 1px solid rgba(36, 68, 115, 0.3); }
              body .wrapper main.settings.settings-admins .settings-body .admin-list ul li {
                cursor: pointer;
                font-size: 14px;
                font-weight: bold;
                padding: 1.5rem;
                height: 4rem;
                display: flex;
                align-items: center;
                border-bottom: 1px solid rgba(36, 68, 115, 0.3); }
                body .wrapper main.settings.settings-admins .settings-body .admin-list ul li:not(.active):hover {
                  background-color: rgba(0, 0, 0, 0.1); }
                body .wrapper main.settings.settings-admins .settings-body .admin-list ul li.active {
                  background-color: #1777a0;
                  color: white; }
          body .wrapper main.settings.settings-admins .settings-body .admin-details {
            padding: 3rem 2.5rem;
            background-color: white; }
            body .wrapper main.settings.settings-admins .settings-body .admin-details-header {
              display: flex;
              align-items: center; }
              body .wrapper main.settings.settings-admins .settings-body .admin-details-header .initials {
                font-size: 24px;
                font-weight: 600;
                height: 6rem;
                width: 6rem;
                display: flex;
                align-items: center;
                justify-content: center;
                margin-right: 1.6rem;
                background-color: #1777a0;
                color: white;
                border-radius: 50%; }
              body .wrapper main.settings.settings-admins .settings-body .admin-details-header h2 {
                font-size: 24px;
                font-weight: bold; }
            body .wrapper main.settings.settings-admins .settings-body .admin-details-nav {
              margin: 2.5rem 0 3.5rem;
              border-bottom: 0.5px solid rgba(36, 68, 115, 0.1);
              width: 100%; }
              body .wrapper main.settings.settings-admins .settings-body .admin-details-nav ul {
                display: flex;
                align-items: center; }
                body .wrapper main.settings.settings-admins .settings-body .admin-details-nav ul li {
                  cursor: pointer;
                  height: 3.6rem;
                  width: 20rem;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  border-radius: 2px 16px 0 2px;
                  color: #000;
                  font-size: 14px;
                  font-weight: 500;
                  font-size: 14px;
                  font-weight: 600;
                  background-color: rgba(36, 68, 115, 0.03); }
                  body .wrapper main.settings.settings-admins .settings-body .admin-details-nav ul li:not(.active):hover {
                    background-color: rgba(36, 68, 115, 0.23); }
                  body .wrapper main.settings.settings-admins .settings-body .admin-details-nav ul li.active {
                    color: white;
                    background-color: #1777a0;
                    font-weight: 600; }
                  body .wrapper main.settings.settings-admins .settings-body .admin-details-nav ul li:nth-child(1) {
                    width: 20rem; }
                  body .wrapper main.settings.settings-admins .settings-body .admin-details-nav ul li:nth-child(2) {
                    width: 20rem; }
                  body .wrapper main.settings.settings-admins .settings-body .admin-details-nav ul li:nth-child(3) {
                    width: 20rem; }
            body .wrapper main.settings.settings-admins .settings-body .admin-details-body {
              display: grid;
              grid-template-columns: repeat(4, 1fr); }
              body .wrapper main.settings.settings-admins .settings-body .admin-details-body .column {
                width: max-content; }
                body .wrapper main.settings.settings-admins .settings-body .admin-details-body .column-header {
                  font-size: 18px;
                  font-weight: bold;
                  margin-bottom: 2rem; }
                body .wrapper main.settings.settings-admins .settings-body .admin-details-body .column .row:not(:first-of-type) {
                  margin-top: 2.5rem; }
                body .wrapper main.settings.settings-admins .settings-body .admin-details-body .column .row:not(:last-of-type) {
                  border-bottom: 1px solid #979797; }
              body .wrapper main.settings.settings-admins .settings-body .admin-details-body .form-group {
                margin-bottom: 2rem; }
                body .wrapper main.settings.settings-admins .settings-body .admin-details-body .form-group small {
                  font-size: 12px;
                  font-weight: 500;
                  opacity: 0.5;
                  color: #0f0f0f;
                  margin-bottom: 6px; }
                body .wrapper main.settings.settings-admins .settings-body .admin-details-body .form-group p {
                  color: #0f0f0f;
                  font-size: 14px;
                  font-weight: 500; }
                body .wrapper main.settings.settings-admins .settings-body .admin-details-body .form-group.slider {
                  display: flex;
                  align-items: center; }
                  body .wrapper main.settings.settings-admins .settings-body .admin-details-body .form-group.slider small {
                    margin-bottom: 0;
                    font-size: 14px;
                    font-weight: 500;
                    margin-right: 1rem; }
        body .wrapper main.settings.settings-admins.admins-permissions .settings-body .admin-details-nav {
          margin-bottom: 1rem; }
        body .wrapper main.settings.settings-admins.admins-permissions .settings-body .admin-details-body {
          display: flex; }
          body .wrapper main.settings.settings-admins.admins-permissions .settings-body .admin-details-body ul.permissions {
            width: 44rem; }
            body .wrapper main.settings.settings-admins.admins-permissions .settings-body .admin-details-body ul.permissions li {
              width: 100%; }
              body .wrapper main.settings.settings-admins.admins-permissions .settings-body .admin-details-body ul.permissions li input.checkbox-switch + label {
                width: 100%;
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 8px 3.5rem 8px 1.5rem; }
                body .wrapper main.settings.settings-admins.admins-permissions .settings-body .admin-details-body ul.permissions li input.checkbox-switch + label strong {
                  opacity: 1;
                  color: #000000;
                  font-size: 14px;
                  font-weight: 500;
                  line-height: 1.6rem; }
                body .wrapper main.settings.settings-admins.admins-permissions .settings-body .admin-details-body ul.permissions li input.checkbox-switch + label span {
                  transform: scale(0.6); }
              body .wrapper main.settings.settings-admins.admins-permissions .settings-body .admin-details-body ul.permissions li:nth-child(odd) input.checkbox-switch + label {
                background-color: #f8f9fa; }
      body .wrapper main.investments-detail .inner-wrapper, body .wrapper main.investments-property .inner-wrapper {
        display: grid;
        column-gap: 2.5rem;
        row-gap: 2.5rem;
        background-color: white;
        padding: 3.5rem 3rem; }
        body .wrapper main.investments-detail .inner-wrapper .top-row, body .wrapper main.investments-property .inner-wrapper .top-row {
          grid-column: 1 / span 2;
          display: flex;
          align-items: center; }
          body .wrapper main.investments-detail .inner-wrapper .top-row a, body .wrapper main.investments-property .inner-wrapper .top-row a {
            width: 2rem;
            color: black;
            font-size: 2rem;
            margin-right: 1rem; }
          body .wrapper main.investments-detail .inner-wrapper .top-row h1, body .wrapper main.investments-property .inner-wrapper .top-row h1 {
            font-size: 24px; }
        body .wrapper main.investments-detail .inner-wrapper .property-details .detail, body .wrapper main.investments-property .inner-wrapper .property-details .detail {
          margin-bottom: 2rem; }
          body .wrapper main.investments-detail .inner-wrapper .property-details .detail small, body .wrapper main.investments-property .inner-wrapper .property-details .detail small {
            font-size: 12px;
            font-weight: 500;
            opacity: 0.5; }
          body .wrapper main.investments-detail .inner-wrapper .property-details .detail p, body .wrapper main.investments-property .inner-wrapper .property-details .detail p {
            font-size: 14px;
            font-weight: 500;
            line-height: 1.4rem; }
      body .wrapper main.investments-property .inner-wrapper {
        display: grid;
        grid-template-columns: 33rem 1fr;
        grid-template-rows: max-content max-content;
        column-gap: 2.5rem;
        row-gap: 2.5rem;
        background-color: white;
        padding: 3.5rem 3rem; }
        body .wrapper main.investments-property .inner-wrapper .matches-header {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-bottom: 3.5rem; }
          body .wrapper main.investments-property .inner-wrapper .matches-header h2 {
            font-size: 24px;
            font-weight: bold; }
          body .wrapper main.investments-property .inner-wrapper .matches-header .btn-group {
            display: grid;
            grid-template-columns: 1fr 1fr;
            align-items: center;
            column-gap: 1.5rem; }
            body .wrapper main.investments-property .inner-wrapper .matches-header .btn-group .btn {
              width: 18rem;
              height: 4rem;
              border: 2px solid #191919;
              border-radius: 4px;
              font-size: 14.4px;
              font-weight: bold;
              display: flex;
              align-items: center;
              justify-content: center; }
        body .wrapper main.investments-property .inner-wrapper .matches table tr td {
          padding-bottom: 1rem; }
          body .wrapper main.investments-property .inner-wrapper .matches table tr td:first-of-type {
            padding-left: 5px; }
          body .wrapper main.investments-property .inner-wrapper .matches table tr td:last-of-type {
            padding-right: 5px; }
      body .wrapper main.investments-property-detail .inner-wrapper {
        grid-template-columns: 1fr max-content;
        column-gap: 9rem; }
        body .wrapper main.investments-property-detail .inner-wrapper .form-double-column {
          display: grid;
          grid-template-columns: 1fr 1fr;
          column-gap: 4rem;
          margin-bottom: 1rem; }
          body .wrapper main.investments-property-detail .inner-wrapper .form-double-column .form-group {
            display: flex;
            flex-direction: column; }
            body .wrapper main.investments-property-detail .inner-wrapper .form-double-column .form-group ul.description {
              padding: 1.5rem 2rem 3rem;
              background-color: rgba(25, 25, 25, 0.03); }
              body .wrapper main.investments-property-detail .inner-wrapper .form-double-column .form-group ul.description li {
                position: relative;
                padding-left: 2rem;
                font-size: 1.2rem; }
                body .wrapper main.investments-property-detail .inner-wrapper .form-double-column .form-group ul.description li:before {
                  height: 2px;
                  width: 2px;
                  border-radius: 50%;
                  background-color: #1777a0;
                  content: "";
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  position: absolute;
                  top: 50%;
                  left: 0;
                  transform: translateY(-50%); }
            body .wrapper main.investments-property-detail .inner-wrapper .form-double-column .form-group strong {
              margin-bottom: 1rem;
              font-weight: 600;
              font-size: 1.2rem; }
            body .wrapper main.investments-property-detail .inner-wrapper .form-double-column .form-group input {
              height: 4rem;
              width: 100%;
              display: flex;
              align-items: center;
              padding: 0 1rem;
              background-color: rgba(25, 25, 25, 0.03);
              border: none;
              outline: none; }
          body .wrapper main.investments-property-detail .inner-wrapper .form-double-column .right-column {
            grid-column: 2 / span 1;
            grid-row: 1 / span 3; }
          body .wrapper main.investments-property-detail .inner-wrapper .form-double-column .select {
            margin-top: 1rem;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 2rem;
            background-color: rgba(25, 25, 25, 0.03);
            height: 4rem;
            border-bottom: 2px solid #191919; }
        body .wrapper main.investments-property-detail .inner-wrapper .upload-section {
          margin-top: 3rem; }
          body .wrapper main.investments-property-detail .inner-wrapper .upload-section strong {
            font-size: 1.2rem;
            font-weight: 600; }
          body .wrapper main.investments-property-detail .inner-wrapper .upload-section .upload-strip {
            margin-top: 1rem;
            display: flex;
            align-items: center; }
            body .wrapper main.investments-property-detail .inner-wrapper .upload-section .upload-strip .upload-box {
              display: flex;
              align-items: center;
              justify-content: center;
              width: 7rem;
              height: 7rem;
              border-radius: 6px;
              background-color: #f8f8f8;
              margin-right: 1.6rem;
              overflow: hidden; }
              body .wrapper main.investments-property-detail .inner-wrapper .upload-section .upload-strip .upload-box i {
                color: #8d8d8d;
                font-size: 16px; }
              body .wrapper main.investments-property-detail .inner-wrapper .upload-section .upload-strip .upload-box img {
                height: 100%; }
        body .wrapper main.investments-property-detail .inner-wrapper .btn-row {
          margin-top: 5rem;
          display: flex;
          align-items: center;
          justify-content: center; }
          body .wrapper main.investments-property-detail .inner-wrapper .btn-row .btn {
            height: 5rem;
            width: 33rem;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #1777a0;
            color: white;
            font-size: 1.6rem;
            font-weight: bold;
            border-radius: 4px; }
      body .wrapper main.investments-detail .inner-wrapper {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: max-content max-content; }
      body .wrapper main.investments-detail .detail-group {
        display: grid;
        grid-template-columns: max-content 1fr;
        column-gap: 6rem; }
        body .wrapper main.investments-detail .detail-group .buttons-group {
          width: 180px; }
          body .wrapper main.investments-detail .detail-group .buttons-group .btn {
            margin-bottom: 2rem;
            width: 100%;
            height: 4rem;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 2px solid #191919;
            border-radius: 4px;
            font-size: 14px;
            font-weight: bold; }
        body .wrapper main.investments-detail .detail-group .calendar {
          width: 30rem; }
          body .wrapper main.investments-detail .detail-group .calendar .date-picker {
            height: 30rem;
            width: 100%; }
          body .wrapper main.investments-detail .detail-group .calendar .time-picker {
            display: flex;
            align-items: center;
            justify-content: space-between; }
            body .wrapper main.investments-detail .detail-group .calendar .time-picker strong {
              font-size: 18px;
              font-weight: 600; }
            body .wrapper main.investments-detail .detail-group .calendar .time-picker .time {
              display: flex;
              align-items: center; }
              body .wrapper main.investments-detail .detail-group .calendar .time-picker .time .hours {
                margin-right: 8px;
                display: flex;
                align-items: center;
                padding: 0 8px;
                font-size: 22px;
                letter-spacing: 2px;
                height: 3.6rem;
                border-radius: 6px;
                background-color: rgba(118, 118, 128, 0.12); }
              body .wrapper main.investments-detail .detail-group .calendar .time-picker .time .meridian {
                display: flex;
                align-items: center;
                height: 36px;
                width: 100px;
                border-radius: 8px;
                background-color: rgba(118, 118, 128, 0.12); }
                body .wrapper main.investments-detail .detail-group .calendar .time-picker .time .meridian input {
                  display: none; }
                  body .wrapper main.investments-detail .detail-group .calendar .time-picker .time .meridian input + label {
                    position: relative;
                    height: 100%;
                    width: 100%;
                    display: grid;
                    grid-template-columns: 1fr 1fr;
                    cursor: pointer; }
                    body .wrapper main.investments-detail .detail-group .calendar .time-picker .time .meridian input + label:before {
                      z-index: 1;
                      content: "";
                      position: absolute;
                      height: 32px;
                      width: 50px;
                      top: 50%;
                      left: 2px;
                      transform: translateY(-50%);
                      border: 1px solid rgba(0, 0, 0, 0.04);
                      border-radius: 8px;
                      background-color: #ffffff;
                      box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.12), 0 3px 1px 0 rgba(0, 0, 0, 0.04);
                      transition: all 150ms ease-in-out; }
                    body .wrapper main.investments-detail .detail-group .calendar .time-picker .time .meridian input + label span {
                      z-index: 2;
                      display: flex;
                      align-items: center;
                      justify-content: center;
                      user-select: none;
                      transition: all 150ms ease-in-out;
                      font-weight: 600;
                      font-size: 1.3rem; }
                      body .wrapper main.investments-detail .detail-group .calendar .time-picker .time .meridian input + label span:first-of-type {
                        opacity: 1; }
                      body .wrapper main.investments-detail .detail-group .calendar .time-picker .time .meridian input + label span:last-of-type {
                        opacity: 0.6; }
                  body .wrapper main.investments-detail .detail-group .calendar .time-picker .time .meridian input:checked + label:before {
                    left: 48px; }
                  body .wrapper main.investments-detail .detail-group .calendar .time-picker .time .meridian input:checked + label span:first-of-type {
                    opacity: 0.6; }
                  body .wrapper main.investments-detail .detail-group .calendar .time-picker .time .meridian input:checked + label span:last-of-type {
                    opacity: 1; }
      body .wrapper main .panel {
        flex-grow: 1;
        display: flex;
        flex-direction: column; }
        body .wrapper main .panel-nav ul {
          display: flex;
          align-items: center;
          padding: 0 1.5rem; }
          body .wrapper main .panel-nav ul li {
            cursor: pointer;
            display: flex;
            align-items: center;
            height: 6rem;
            width: 28rem;
            padding: 0 4rem 0 2rem;
            background-image: url(../images/inactive-tab.png); }
            body .wrapper main .panel-nav ul li.active {
              background-image: url(../images/active-tab.png); }
            body .wrapper main .panel-nav ul li i {
              font-size: 2rem;
              margin-right: 1rem; }
            body .wrapper main .panel-nav ul li span {
              padding-top: 2px;
              line-height: 1.8rem;
              flex-grow: 1;
              font-size: 18px;
              font-weight: 500; }
            body .wrapper main .panel-nav ul li .counter {
              height: 2.5rem;
              width: 5.5rem;
              display: flex;
              align-items: center;
              justify-content: center;
              border-radius: 1.2rem;
              background-color: #1777a0;
              color: white;
              font-size: 14px;
              font-weight: 500;
              line-height: 1.5rem;
              padding-top: 3px; }
        body .wrapper main .panel-body {
          flex-grow: 1;
          background-color: white;
          padding: 1.5rem; }
          body .wrapper main .panel-body .panel-filters {
            margin-bottom: 2rem;
            display: flex;
            align-items: center;
            justify-content: space-between; }
            body .wrapper main .panel-body .panel-filters .search {
              height: 4rem;
              width: 33rem;
              border: 1px solid #000000;
              border-radius: 4px;
              background-color: #ffffff;
              display: flex;
              align-items: center;
              padding: 0 1.5rem; }
              body .wrapper main .panel-body .panel-filters .search i {
                margin-right: 1.5rem; }
              body .wrapper main .panel-body .panel-filters .search input {
                border: none;
                outline: none;
                font-family: "Baloo Bhai 2";
                font-size: 16px;
                font-weight: 600; }
                body .wrapper main .panel-body .panel-filters .search input::placeholder {
                  font-family: "Baloo Bhai 2";
                  font-size: 16px;
                  font-weight: 600; }
            body .wrapper main .panel-body .panel-filters-group {
              display: flex;
              align-items: center; }
              body .wrapper main .panel-body .panel-filters-group .export-btn {
                margin-right: 1rem;
                height: 3.6rem; }
                body .wrapper main .panel-body .panel-filters-group .export-btn span {
                  margin-right: 4rem; }
              body .wrapper main .panel-body .panel-filters-group .filters {
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 0 2rem;
                height: 3.6rem;
                color: white;
                border-radius: 3px;
                background-color: #1777a0; }
                body .wrapper main .panel-body .panel-filters-group .filters span {
                  margin-right: 2.5rem; }
          body .wrapper main .panel-body .panel-details {
            width: 100%;
            display: flex;
            align-items: center;
            padding: 1.5rem 0 3rem;
            margin-bottom: 3rem;
            border-bottom: 1px solid #efefef; }
            body .wrapper main .panel-body .panel-details-box {
              display: flex;
              align-items: center;
              height: 6.5rem;
              padding: 1rem 1.5rem;
              border: 1px solid #f1f1f1;
              border-radius: 3px;
              margin-right: 1.5rem; }
              body .wrapper main .panel-body .panel-details-box.bank {
                padding-right: 3rem; }
                body .wrapper main .panel-body .panel-details-box.bank .bank-image {
                  height: 4rem;
                  margin-right: 1rem; }
              body .wrapper main .panel-body .panel-details-box .btn {
                display: flex;
                align-items: center;
                justify-content: center;
                height: 4rem;
                border-radius: 4px;
                background-color: #1777a0;
                padding: 0 2.5rem;
                color: white;
                font-size: 14px;
                font-weight: bold;
                line-height: 1.4rem;
                margin-left: 4rem; }
              body .wrapper main .panel-body .panel-details-box .form-group {
                height: 4.5rem;
                display: flex;
                flex-direction: column;
                justify-content: space-between; }
                body .wrapper main .panel-body .panel-details-box .form-group small {
                  font-size: 14px;
                  opacity: 0.5;
                  font-weight: 500; }
                body .wrapper main .panel-body .panel-details-box .form-group p {
                  font-size: 20px;
                  font-weight: 600;
                  line-height: 2rem; }
          body .wrapper main .panel-body table thead tr th {
            border: none; }
          body .wrapper main .panel-body table tr td:first-of-type {
            width: 28rem; }
          body .wrapper main .panel-body table tr td:last-of-type {
            width: 15rem; }
          body .wrapper main .panel-body table tr td .user {
            display: flex;
            align-items: center; }
            body .wrapper main .panel-body table tr td .user-initials {
              height: 4rem;
              width: 4rem;
              border-radius: 50%;
              display: flex;
              align-items: center;
              justify-content: center;
              background-color: #1777a0;
              color: white;
              margin-right: 1.5rem; }
            body .wrapper main .panel-body table tr td .user-name {
              font-size: 14px;
              font-weight: bold; }
          body .wrapper main .panel-body table tr td .actions {
            display: grid;
            grid-template-columns: 3rem 3rem;
            column-gap: 1.5rem; }
            body .wrapper main .panel-body table tr td .actions div {
              cursor: pointer;
              height: 3rem;
              width: 3rem;
              display: flex;
              align-items: center;
              justify-content: center;
              font-size: 1.3rem;
              color: white;
              border-radius: 50%; }
            body .wrapper main .panel-body table tr td .actions .cancel {
              background-color: #df392f; }
            body .wrapper main .panel-body table tr td .actions .approve {
              background-color: #2fdf84; }

body.landing {
  width: 100%; }
  body.landing header {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #1777a0; }
    body.landing header .container {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 8rem;
      width: 100%;
      max-width: 168rem;
      color: white;
      padding: 0 7.5vw; }
      @media (max-width: 1440px) {
        body.landing header .container {
          padding: 0 5vw; } }
      body.landing header .container .logo {
        height: 5.5rem; }
        body.landing header .container .logo img {
          width: auto;
          height: 100%; }
        @media (max-width: 600px) {
          body.landing header .container .logo {
            height: 4rem; } }
      body.landing header .container .btn {
        padding: 1.3rem 3.5rem;
        font-size: 14px;
        font-weight: bold;
        border-radius: 4px;
        color: black;
        line-height: 1.4rem; }
      body.landing header .container .btn-gold {
        background-color: #e3bc6a; }
  body.landing main {
    background-color: #f6f6f6;
    display: flex;
    flex-direction: column;
    align-items: center; }
    body.landing main .container {
      width: 100%;
      max-width: 168rem; }
    body.landing main .row {
      display: grid;
      margin-bottom: 5rem; }
      @media (max-width: 1024px) {
        body.landing main .row {
          margin-bottom: 0; } }
      body.landing main .row .column.image-column {
        width: 100%;
        height: 50rem;
        display: flex;
        align-items: center;
        overflow: hidden; }
        @media (max-width: 1024px) {
          body.landing main .row .column.image-column {
            height: auto; } }
      body.landing main .row .column.floating-column {
        position: relative; }
      body.landing main .row .floating-div {
        position: absolute;
        min-width: 60rem;
        width: 100%;
        padding: 10rem 8rem 8rem 8rem;
        top: 50%;
        transform: translateY(-50%);
        background-color: rgba(255, 255, 255, 0.8); }
        @media (max-width: 1024px) {
          body.landing main .row .floating-div {
            position: static;
            transform: translateY(0%);
            padding: 5rem;
            height: auto !important;
            display: flex;
            flex-direction: column;
            align-items: center;
            min-width: 0; } }
        @media (max-width: 600px) {
          body.landing main .row .floating-div {
            padding: 3rem; } }
        body.landing main .row .floating-div h2 {
          margin-bottom: 3rem;
          font-size: 5rem;
          font-weight: 500;
          line-height: 50px; }
          body.landing main .row .floating-div h2 strong {
            font-size: 66px;
            font-weight: 600;
            line-height: 6.6rem; }
          @media (max-width: 1024px) {
            body.landing main .row .floating-div h2 {
              text-align: center; } }
          @media (max-width: 600px) {
            body.landing main .row .floating-div h2 {
              font-size: 3rem;
              margin-bottom: 1rem; }
              body.landing main .row .floating-div h2 strong {
                font-size: 4rem; } }
        body.landing main .row .floating-div p {
          width: 43rem;
          font-size: 20px;
          line-height: 25px;
          margin-bottom: 3rem; }
          @media (max-width: 600px) {
            body.landing main .row .floating-div p {
              width: auto; } }
        body.landing main .row .floating-div .btn {
          display: flex;
          align-items: center;
          justify-content: center;
          height: 4rem;
          width: 30rem;
          background-color: #1777a0;
          color: white;
          font-size: 16px;
          font-weight: bold;
          border-radius: 4px; }
      body.landing main .row.row-1 {
        grid-template-columns: 98.5rem 1fr; }
        body.landing main .row.row-1 .floating-div {
          height: 40rem;
          right: 9.5vw; }
          @media (max-width: 1440px) {
            body.landing main .row.row-1 .floating-div {
              right: 5vw; } }
        @media (max-width: 1024px) {
          body.landing main .row.row-1 {
            grid-template-columns: 1fr; } }
      body.landing main .row.row-2 {
        grid-template-columns: 1fr 100rem; }
        body.landing main .row.row-2 .floating-div {
          height: 50rem;
          left: 9.5vw; }
          @media (max-width: 1440px) {
            body.landing main .row.row-2 .floating-div {
              left: 5vw; } }
          body.landing main .row.row-2 .floating-div h2 {
            max-width: 34rem; }
            @media (max-width: 1024px) {
              body.landing main .row.row-2 .floating-div h2 {
                max-width: 60rem; } }
        @media (max-width: 1024px) {
          body.landing main .row.row-2 {
            grid-template-columns: 1fr; }
            body.landing main .row.row-2 .floating-column {
              grid-row: 2 / span 1; } }
      body.landing main .row.row-3 {
        grid-template-columns: 100rem 1fr; }
        body.landing main .row.row-3 .floating-div {
          height: 50rem;
          right: 9.5vw; }
          @media (max-width: 1440px) {
            body.landing main .row.row-3 .floating-div {
              right: 5vw; } }
        @media (max-width: 1024px) {
          body.landing main .row.row-3 {
            grid-template-columns: 1fr; } }
      body.landing main .row.row-4 {
        grid-template-columns: 1fr 100rem; }
        body.landing main .row.row-4 .floating-div {
          height: 50rem;
          left: 9.5vw; }
          @media (max-width: 1440px) {
            body.landing main .row.row-4 .floating-div {
              left: 5vw; } }
        @media (max-width: 1024px) {
          body.landing main .row.row-4 {
            grid-template-columns: 1fr; }
            body.landing main .row.row-4 .floating-column {
              grid-row: 2 / span 1; } }
    body.landing main .slipcard-row {
      z-index: 3;
      position: relative;
      padding: 4.2rem 0 0 4.7rem;
      margin: 0 9.5vw 5rem; }
      @media (max-width: 1440px) {
        body.landing main .slipcard-row {
          margin: 0 5vw 5rem; } }
      @media (max-width: 1024px) {
        body.landing main .slipcard-row {
          margin: 5rem 5vw 5rem; } }
      @media (max-width: 768px) {
        body.landing main .slipcard-row {
          margin: 5rem 2vw 5rem; } }
      @media (max-width: 600px) {
        body.landing main .slipcard-row {
          padding: 0; } }
      body.landing main .slipcard-row:before {
        top: 0;
        left: 0;
        position: absolute;
        content: "";
        display: block;
        height: 297px;
        width: 382px;
        border-radius: 2px;
        background-color: #e3bc6a;
        z-index: -1; }
        @media (max-width: 600px) {
          body.landing main .slipcard-row:before {
            display: none; } }
      body.landing main .slipcard-row .slipcard-black {
        z-index: 3;
        background-color: #1777a0;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 2.5rem 4rem;
        height: 30rem;
        border-radius: 2px; }
        @media (max-width: 1024px) {
          body.landing main .slipcard-row .slipcard-black {
            height: auto; } }
        @media (max-width: 768px) {
          body.landing main .slipcard-row .slipcard-black .image-control {
            display: none; } }
        body.landing main .slipcard-row .slipcard-black .column:first-of-type {
          padding: 2.5rem 3rem; }
          @media (max-width: 768px) {
            body.landing main .slipcard-row .slipcard-black .column:first-of-type {
              display: flex;
              flex-direction: column;
              align-items: center;
              text-align: center; } }
          body.landing main .slipcard-row .slipcard-black .column:first-of-type h2 {
            color: #e3bc6a;
            font-size: 50px;
            font-weight: bold; }
          body.landing main .slipcard-row .slipcard-black .column:first-of-type p {
            font-size: 30px;
            font-weight: 500;
            color: white; }
          body.landing main .slipcard-row .slipcard-black .column:first-of-type .btn {
            margin-top: 4.5rem;
            height: 40px;
            width: 174px;
            color: white;
            border: 2px solid #ffffff;
            border-radius: 4px;
            background-color: transparent;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            font-weight: bold; }
    body.landing main .outro {
      background-color: white;
      padding-top: 4.5rem;
      width: 100%;
      padding: 0 9.5vw;
      padding-top: 4.5rem;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (max-width: 1440px) {
        body.landing main .outro {
          padding: 0 5vw; } }
      body.landing main .outro .container {
        max-width: 168rem;
        display: flex;
        align-items: center; }
        @media (max-width: 1366px) {
          body.landing main .outro .container {
            flex-direction: column;
            padding-bottom: 5rem; } }
        body.landing main .outro .container .phone {
          height: 28rem;
          margin-right: 10rem; }
          @media (max-width: 1366px) {
            body.landing main .outro .container .phone {
              margin: 0;
              height: 28rem; } }
          @media (max-width: 500px) {
            body.landing main .outro .container .phone {
              height: auto;
              width: 80%; }
              body.landing main .outro .container .phone img {
                width: 100%;
                height: auto; } }
        body.landing main .outro .container .outro-text {
          flex-grow: 1; }
          body.landing main .outro .container .outro-text h2 {
            font-size: 50px;
            font-weight: 600;
            margin-bottom: 1rem; }
            @media (max-width: 600px) {
              body.landing main .outro .container .outro-text h2 {
                font-size: 40px;
                line-height: 40px;
                text-align: center; } }
          body.landing main .outro .container .outro-text p {
            font-size: 20px;
            width: 40rem;
            line-height: 25px; }
            @media (max-width: 600px) {
              body.landing main .outro .container .outro-text p {
                width: auto;
                text-align: center; } }
        body.landing main .outro .container .links {
          display: grid;
          grid-template-columns: max-content max-content;
          column-gap: 3rem;
          height: 7rem; }
          @media (max-width: 600px) {
            body.landing main .outro .container .links {
              grid-template-columns: 1fr;
              row-gap: 2rem;
              height: auto;
              margin-top: 2rem; } }
          body.landing main .outro .container .links a {
            height: 7rem; }
  body.landing footer {
    background-color: #1777a0;
    color: white;
    padding: 5rem 9.5vw; }
    @media (max-width: 1440px) {
      body.landing footer {
        padding: 5rem 7.5rem; } }
    @media (max-width: 768px) {
      body.landing footer {
        padding: 5rem 5rem; } }
    @media (max-width: 600px) {
      body.landing footer {
        padding: 5rem 2rem; } }
    body.landing footer .container {
      max-width: 168rem; }
      body.landing footer .container .footer-links {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        justify-content: center; }
        @media (max-width: 768px) {
          body.landing footer .container .footer-links {
            grid-template-columns: repeat(3, 1fr);
            row-gap: 3rem; } }
        @media (max-width: 414px) {
          body.landing footer .container .footer-links {
            grid-template-columns: repeat(2, 1fr); } }
        @media (max-width: 600px) {
          body.landing footer .container .footer-links ul {
            display: flex;
            flex-direction: column;
            align-items: center; }
            body.landing footer .container .footer-links ul:last-of-type li {
              width: 120px; } }
        @media (max-width: 414px) {
          body.landing footer .container .footer-links ul:last-of-type {
            grid-row: 2 / span 1;
            grid-column: 2 / span 1; } }
        body.landing footer .container .footer-links ul strong {
          display: inline-block;
          color: #e3bc6a;
          font-size: 18px;
          font-weight: 600;
          line-height: 2rem;
          margin-bottom: 1rem; }
        body.landing footer .container .footer-links ul li {
          margin-bottom: 1rem;
          font-size: 16px; }
          body.landing footer .container .footer-links ul li i {
            font-size: 1.4rem;
            margin-right: 2rem;
            color: #e3bc6a; }
      body.landing footer .container .certification {
        margin: 3.5rem 0;
        padding: 2.5rem 0;
        border-top: 1px solid #e3bc6a;
        border-bottom: 1px solid #e3bc6a;
        font-size: 17px;
        line-height: 2.2rem; }
        @media (max-width: 768px) {
          body.landing footer .container .certification {
            text-align: center; } }
      body.landing footer .container .copyright {
        text-align: center; }

.property img {
  display: none; }

.property {
  position: relative;
  width: 33rem;
  padding: 14.5rem 0 2rem;
  z-index: 2; }
  .property-banner {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 20rem;
    background-image: url(../images/shutterstock_1488855488-2@2x.png);
    background-size: cover; }
    .property-banner span {
      position: absolute;
      top: 2.5rem;
      right: 0;
      display: flex;
      align-items: center;
      height: 2.4rem;
      padding-left: 1rem;
      min-width: 10rem;
      font-size: 12px;
      font-weight: 500;
      border-radius: 4px 0 0 4px;
      background-color: rgba(227, 188, 106, 0.85); }
  .property-body {
    margin: 0 auto 2rem;
    width: 31rem;
    padding: 2.3rem;
    border-radius: 4px;
    background-color: #ffffff;
    box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.17); }
    .property-body .property-header {
      margin-bottom: 3rem; }
      .property-body .property-header .top-row {
        display: grid;
        grid-template-columns: 1fr max-content;
        column-gap: 1.3rem;
        align-items: center; }
        .property-body .property-header .top-row h3 {
          font-size: 16px;
          font-weight: 500; }
        .property-body .property-header .top-row .btn {
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 14px;
          font-weight: bold;
          color: white;
          height: 3rem;
          padding: 0 1.3rem;
          border-radius: 4px;
          background-color: #2fdf84; }
      .property-body .property-header .middle-row {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        font-size: 1.2rem; }
        .property-body .property-header .middle-row span:nth-of-type(2) {
          text-align: center; }
        .property-body .property-header .middle-row span:nth-of-type(3) {
          text-align: right; }
        .property-body .property-header .middle-row i {
          color: #e3bc6a;
          margin-right: 3px; }
      .property-body .property-header .bottom-row {
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .property-body .property-header .bottom-row .price {
          font-size: 20px;
          font-weight: 600; }
        .property-body .property-header .bottom-row i {
          color: #e3bc6a; }
    .property-body .property-section {
      margin-bottom: 2rem; }
      .property-body .property-section h4 {
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 1rem; }
      .property-body .property-section ul.description {
        margin-bottom: 2.5rem; }
        .property-body .property-section ul.description li {
          position: relative;
          padding-left: 2rem;
          font-size: 1.2rem; }
          .property-body .property-section ul.description li:before {
            height: 2px;
            width: 2px;
            border-radius: 50%;
            background-color: #1777a0;
            content: "";
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            top: 50%;
            left: 0;
            transform: translateY(-50%); }

            .user-image{
              border: 0px solid #000000 !important;
          }
          .profile-image{
              height: 100px !important;
              width: 100px !important;
              margin: 0 1rem;
              border-radius: 50%;
              border: 0.3px solid #000000;
          }
          .notification-btn {
            display: flex;
            justify-content: center;
            text-decoration: none;
            color:  #8b4512;
            font-family: "Baloo Bhai 2";
            font-size: 16px;
            font-weight: 600;
            width: 100%;
        }
        .actionbtn {
            cursor: pointer !important;
        }