/* screen - dashboard-quotations */

.dashboard-quotations {
  align-items: flex-start;
  background-color: var(--grey1);
  display: flex;
  flex-direction: column;
  height: 1080px;
  width: 1512px;
}

.dashboard-quotations .header {
  align-items: center;
  background-color: var(--basicswhite);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-color: var(--mercury);
  border-left-style: none;
  border-right-style: none;
  border-top-style: none;
  display: flex;
  flex-shrink: 1;
  justify-content: space-between;
  padding: 20px 28px;
  position: relative;
  width: 1512px;
}

.dashboard-quotations .rasan-logo-1 {
  height: 17px;
  object-fit: cover;
  position: relative;
  width: 86px;
}

.dashboard-quotations .frame-4 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 28px;
  position: relative;
}

.dashboard-quotations .icon-text-1 {
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 4px 4px;
}

.dashboard-quotations .text-3 {
  align-items: flex-start;
  border-radius: 8px;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  position: relative;
}

.dashboard-quotations .bell {
  height: 24px;
  position: relative;
  width: 24px;
}

.dashboard-quotations .icon-text-2 {
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px 8px;
  margin-bottom: -2.00px;
  margin-top: -2.00px;
}

.dashboard-quotations .icon-set {
  justify-content: center;
}

.dashboard-quotations .text {
  align-items: flex-start;
  border-radius: 8px;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.dashboard-quotations .flex-row {
  align-items: center;
  display: flex;
  gap: 56px;
  min-width: 1480px;
}

.dashboard-quotations .menu {
  align-items: flex-start;
  background-color: var(--basicswhite);
  border-color: var(--grey2);
  border-right-style: solid;
  border-right-width: 1px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 996px;
  padding: 20px 0px;
  position: relative;
  width: 118px;
}

.dashboard-quotations .frame-6 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 2px;
  padding: 0px 0px 12px;
  position: relative;
  width: 118px;
}

.dashboard-quotations .frame-770805 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 4px;
  justify-content: center;
  position: relative;
  width: 54px;
}

.dashboard-quotations .home {
  height: 40px;
  position: relative;
  width: 40px;
}

.dashboard-quotations .place {
  align-self: stretch;
  color: var(--grey5);
  font-weight: 500;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.dashboard-quotations .sidebar-icon-1 {
  background-color: var(--basicswhite);
}

.dashboard-quotations .home-1 {
  color: var(--grey5);
  font-weight: 500;
}

.dashboard-quotations .home-2 {
  color: var(--grey5);
  font-weight: 500;
}

.dashboard-quotations .home-3 {
  color: var(--grey5);
  font-weight: 500;
}

.dashboard-quotations .sidebar-icon-2 {
  background-color: var(--grey1);
}

.dashboard-quotations .document {
  height: 40px;
  position: relative;
  width: 40px;
}

.dashboard-quotations .home-4 {
  color: var(--primaryblue);
  font-weight: 600;
}

.dashboard-quotations .home-5 {
  color: var(--grey5);
  font-weight: 500;
}

.dashboard-quotations .home-6 {
  color: var(--grey5);
  font-weight: 500;
}

.dashboard-quotations .home-7 {
  color: var(--grey5);
  font-weight: 500;
}

.dashboard-quotations .text-4 {
  align-items: flex-start;
  border-radius: 8px;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  margin-left: -5.50px;
  margin-right: -5.50px;
  position: relative;
}

.dashboard-quotations .home-8 {
  color: var(--grey5);
  font-weight: 500;
}

.dashboard-quotations .frame-12 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin-bottom: 15.0px;
  position: relative;
}

.dashboard-quotations .frame-14 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  position: relative;
  width: 100%;
}

.dashboard-quotations .frame-14-1 {
  align-items: flex-end;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.dashboard-quotations .group-2 {
  height: 84px;
  position: relative;
  width: 618px;
}

.dashboard-quotations .frame-3-2 {
  align-items: flex-start;
  display: inline-flex;
  flex-direction: column;
  gap: 24px;
}

.dashboard-quotations .title {
  color: var(--black);
  font-weight: 600;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.dashboard-quotations .frame-3 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}

.dashboard-quotations .frame-3-1 {
  align-items: flex-start;
  display: inline-flex;
  flex-direction: column;
  gap: 8px;
}

.dashboard-quotations .frame {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  position: relative;
}

.dashboard-quotations .manage-your-quotations {
  color: var(--black);
  font-weight: 300;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  width: 618px;
}

.dashboard-quotations .frame-14-3 {
  align-items: flex-start;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 19px;
  height: 52px;
  position: relative;
}

.dashboard-quotations .button {
  align-items: center;
  background-color: var(--primaryblue);
  border-radius: 16px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  height: 52px;
  justify-content: center;
  padding: 16px 24px;
  position: relative;
}

.dashboard-quotations .document-1 {
  height: 20px;
  position: relative;
  width: 20px;
}

.dashboard-quotations .text-5 {
  align-self: stretch;
  color: var(--basicswhite);
  font-weight: 400;
  line-height: 18px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.dashboard-quotations .line-1 {
  align-self: stretch;
  height: 1px;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.dashboard-quotations .frame-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 60px;
  position: relative;
  width: 100%;
}

.dashboard-quotations .frame-16 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  position: relative;
  width: 100%;
}

.dashboard-quotations .frame-7 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.dashboard-quotations .active-quotations {
  color: var(--black);
  font-weight: 600;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.dashboard-quotations .renew-your-police-wi {
  color: var(--black);
  font-weight: 400;
  line-height: 22px;
  margin-top: -1.00px;
  position: relative;
  width: 618px;
}

.dashboard-quotations .frame-7-1 {
  align-items: flex-end;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  position: relative;
  width: 100%;
}

.dashboard-quotations .frame-11 {
  align-items: flex-start;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: flex-end;
  position: relative;
}

.dashboard-quotations .frame-1862 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 4px;
  position: relative;
}

.dashboard-quotations .arrows-diagrams-arrow-repeat-rotate {
  height: 24px;
  position: relative;
  width: 24px;
}

.dashboard-quotations .frame-1861 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  position: relative;
}

.dashboard-quotations .compare {
  color: var(--primaryblue);
  font-weight: 700;
  line-height: 18px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.dashboard-quotations .frame-2 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  position: relative;
  width: 100%;
}

.dashboard-quotations .frame-1-1 {
  align-items: center;
  gap: 16px;
}

.dashboard-quotations .frame-5 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 0px 35px;
  position: relative;
  width: 100%;
}

.dashboard-quotations .card {
  align-items: flex-end;
  background-color: var(--basicswhite);
  border-radius: 16px;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 16px;
  min-width: 200px;
  padding: 24px 24px 12px;
  position: relative;
}

.dashboard-quotations .frame-770800 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 16px;
  position: relative;
}

.dashboard-quotations .label {
  align-items: center;
  background: linear-gradient(180deg, rgb(229.88, 248.99, 255) 0%, rgb(231.68, 255, 221.22) 100%);
  border-radius: 8px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 6px;
  height: 32px;
  justify-content: center;
  padding: 8px 12px;
  position: relative;
}

.dashboard-quotations .frame-1-2 {
  align-items: flex-start;
  gap: 12px;
}

.dashboard-quotations .content {
  align-items: center;
  align-self: stretch;
  border-radius: 8px;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 8px 8px;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.dashboard-quotations .text-1 {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  position: relative;
}

.dashboard-quotations .bupa-1 {
  height: 20px;
  object-fit: cover;
  position: relative;
  width: 20px;
}

.dashboard-quotations .bupa {
  color: var(--basicsblack);
  font-weight: 600;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.dashboard-quotations .price {
  align-self: stretch;
  color: var(--basicsblack);
  font-weight: 400;
  height: 20px;
  line-height: 12px;
  margin-top: -1.00px;
  position: relative;
}

.dashboard-quotations .span0 {
  line-height: 15px;
}

.dashboard-quotations .span1 {
  font-weight: 500;
}

.dashboard-quotations .gold-network {
  align-self: stretch;
  color: var(--basicsblack);
  font-weight: 400;
  line-height: 18px;
  margin-top: -1.00px;
  position: relative;
}

.dashboard-quotations .icon-text {
  flex-wrap: wrap;
  gap: 4px 4px;
}

.dashboard-quotations .address {
  align-self: stretch;
  color: var(--basicsblack);
  font-weight: 400;
  line-height: 18px;
  margin-top: -1.00px;
  position: relative;
}

.dashboard-quotations .expires-on {
  align-self: stretch;
  color: var(--basicsblack);
  font-weight: 400;
  line-height: 18px;
  margin-top: -1.00px;
  position: relative;
}

.dashboard-quotations .lorem-ipsum-dolor-si {
  align-self: stretch;
  color: var(--granite-gray);
  font-weight: 400;
  line-height: 18px;
  position: relative;
}

.dashboard-quotations .line-1-1 {
  align-self: stretch;
  height: 1px;
  margin-top: -1.00px;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.dashboard-quotations .content-1 {
  align-items: center;
  align-self: stretch;
  border-radius: 8px;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 32px 32px;
  justify-content: flex-end;
  position: relative;
  width: 100%;
}

.dashboard-quotations .view-quotation {
  align-self: stretch;
  color: var(--primaryblue);
  font-weight: 600;
  line-height: 15px;
  margin-top: -1.00px;
  position: relative;
}

.dashboard-quotations .buy {
  align-self: stretch;
  color: var(--primaryblue);
  font-weight: 600;
  line-height: 15px;
  margin-top: -1.00px;
  position: relative;
}

.dashboard-quotations .tawuniya-1 {
  height: 20px;
  position: relative;
  width: 19.83px;
}

.dashboard-quotations .tawuniya {
  color: var(--basicsblack);
  font-weight: 600;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.dashboard-quotations .silver-network {
  align-self: stretch;
  color: var(--basicsblack);
  font-weight: 400;
  line-height: 18px;
  margin-top: -1.00px;
  position: relative;
}

.dashboard-quotations .orient-logo-new-1-1 {
  height: 20px;
  position: relative;
  width: 24px;
}

.dashboard-quotations .received-at-25-may-2024 {
  color: var(--black);
  font-weight: 400;
  line-height: 22px;
  margin-top: -1.00px;
  position: relative;
  width: 618px;
}

.dashboard-quotations .expired-quotations {
  color: var(--black);
  font-weight: 600;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.dashboard-quotations .these-quotes-were-al {
  color: var(--black);
  font-weight: 400;
  line-height: 22px;
  margin-top: -1.00px;
  position: relative;
  width: 618px;
}

.dashboard-quotations .frame-11-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: flex-end;
  position: relative;
  width: 100%;
}

.dashboard-quotations .frame-1862-1 {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 4px;
  position: relative;
}

.dashboard-quotations .arrows-diagrams-arrow-repeat-rotate-1 {
  height: 24px;
  position: relative;
  width: 24px;
}

.dashboard-quotations .card-1 {
  align-items: flex-start;
  background-color: var(--basicswhite);
  border-radius: 16px;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 16px;
  min-width: 200px;
  padding: 24px 24px 12px;
  position: relative;
}

.dashboard-quotations .status-badge {
  align-items: center;
  background-color: var(--cosmos);
  border-radius: 80px;
  display: inline-flex;
  height: 25px;
  padding: 1px 8px;
  position: relative;
}

.dashboard-quotations .approved {
  color: var(--basicsblack);
  font-weight: 400;
  line-height: 18px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.dashboard-quotations .bupa-2 {
  color: var(--basicsblack);
  font-weight: 600;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.dashboard-quotations .gold-network-1 {
  align-self: stretch;
  color: var(--basicsblack);
  font-weight: 400;
  line-height: 18px;
  margin-top: -1.00px;
  position: relative;
}

.dashboard-quotations .text-2 {
  align-items: flex-start;
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.dashboard-quotations .request-again {
  align-self: stretch;
  color: var(--primaryblue);
  font-weight: 600;
  line-height: 15px;
  margin-top: -1.00px;
  position: relative;
}

.dashboard-quotations .tawuniya-2 {
  color: var(--basicsblack);
  font-weight: 600;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.dashboard-quotations .address-9 {
  align-self: stretch;
  color: var(--basicsblack);
  font-weight: 400;
  line-height: 18px;
  margin-top: -1.00px;
  position: relative;
}

.dashboard-quotations .buy-3 {
  align-self: stretch;
  color: var(--primaryblue);
  font-weight: 600;
  line-height: 15px;
  margin-top: -1.00px;
  position: relative;
}

.dashboard-quotations .expires-on-3 {
  align-self: stretch;
  color: var(--basicsblack);
  font-weight: 400;
  line-height: 18px;
  margin-top: -1.00px;
  position: relative;
}

.dashboard-quotations .frame-1-3 {
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.dashboard-quotations .frame-3-4 {
  flex: 0 0 auto;
  position: relative;
}

.dashboard-quotations .icon {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  flex: 0 0 auto;
  position: relative;
}

.dashboard-quotations .icon-text-3 {
  align-items: center;
  border-radius: 8px;
  flex-wrap: wrap;
  position: relative;
}

.dashboard-quotations .place-3 {
  color: var(--basicsblack);
  font-weight: 600;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.dashboard-quotations .request-again-3 {
  align-self: stretch;
  color: var(--primaryblue);
  font-weight: 600;
  line-height: 15px;
  margin-top: -1.00px;
  position: relative;
}

.dashboard-quotations .silver-network-4 {
  align-self: stretch;
  color: var(--basicsblack);
  font-weight: 400;
  line-height: 18px;
  margin-top: -1.00px;
  position: relative;
}

.dashboard-quotations .view-quotation-6 {
  align-self: stretch;
  color: var(--primaryblue);
  font-weight: 600;
  line-height: 15px;
  margin-top: -1.00px;
  position: relative;
}