@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap");
@media screen and (max-width: 768px) {
  .bigContainer {
    height: 100%;
    width: 100%;
  }
  .bigContainer .dashboard {
    position: relative;
    height: 100%;
  }
  .bigContainer .dashboard .dashboardContainer {
    padding: 30px 15px;
  }
  .bigContainer .dashboard .dashboardContainer .dashboardHeader .dashboardBox .dashboardName span {
    font-weight: 800;
  }
  .bigContainer .dashboard .dashboardContainer .dashboardHeader .dashboardBox .dashboardLastConnect {
    opacity: 0.5;
    margin-top: 3px;
  }
  .bigContainer .dashboard .dashboardContainer .dashboardHeader h1 {
    margin-top: 50px;
    text-align: center;
    font-size: 30px;
  }
  .bigContainer .dashboard .dashboardContainer .dashboardHeader .dashbordOffre {
    margin-top: 150px;
    background-color: #fff;
    border-radius: 25px;
  }
  .bigContainer .dashboard .dashboardContainer .dashboardHeader .dashbordOffre .dashbordOffreBox a {
    font-weight: 600;
    width: 100%;
    display: inline-block;
    padding: 20px;
  }
  .bigContainer .dashboard .dashboardContainer .dashboardHeader .dashbordOffre .dashbordOffreBox a span {
    color: #E5383B;
  }
  .bigContainer .dashboard .dashboardContainer .dashboardHeader .dashbordOffre .dashbordOffreBox:nth-child(2) {
    border-top: 1px #f3f3f3 solid;
    border-bottom: 1px #f3f3f3 solid;
  }
}
@media screen and (max-width: 768px) {
  .bigContainerAssurance {
    position: relative;
    height: 100%;
    width: 100%;
  }
  .bigContainerAssurance .dashboard {
    position: relative;
    height: 100%;
  }
  .bigContainerAssurance .dashboard .dashboardContainer {
    width: 100%;
    height: 100%;
    padding: 30px 15px;
  }
  .bigContainerAssurance .dashboard .dashboardContainer .offerTitle {
    margin-bottom: 30px;
  }
  .bigContainerAssurance .dashboard .dashboardContainer .offerTitle h1 {
    font-size: 25px;
    text-align: center;
  }
  .bigContainerAssurance .dashboard .dashboardContainer .customerContainer {
    border-radius: 15px;
    height: 100%;
  }
  .bigContainerAssurance .dashboard .dashboardContainer .customerContainer .customerHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .bigContainerAssurance .dashboard .dashboardContainer .customerContainer .customerHeader h2 {
    font-size: 20px;
  }
  .bigContainerAssurance .dashboard .dashboardContainer .customerContainer .customerList {
    position: relative;
    overflow-y: auto;
    max-width: 600px;
  }
  .bigContainerAssurance .dashboard .dashboardContainer .customerContainer .customerList h2 {
    margin-bottom: 20px;
  }
  .bigContainerAssurance .dashboard .dashboardContainer .customerContainer .customerList .customerListContainer {
    border-radius: 30px;
    padding: 20px;
    background-color: #fff;
  }
  .bigContainerAssurance .dashboard .dashboardContainer .customerContainer .customerList .customerListInfos {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-bottom: 30px;
  }
  .bigContainerAssurance .dashboard .dashboardContainer .customerContainer .customerList .customerListInfos .counter {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .bigContainerAssurance .dashboard .dashboardContainer .customerContainer .customerList .customerListInfos .counter h2 {
    font-size: 20px;
  }
  .bigContainerAssurance .dashboard .dashboardContainer .customerContainer .customerList .customerListInfos .customerListInfosButtons {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .bigContainerAssurance .dashboard .dashboardContainer .customerContainer .customerList .customerListInfos .customerListInfosButtons a {
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1.5px #ebebf0 solid;
    border-radius: 13px;
    padding: 8px 15px;
    box-shadow: 0 1px 2px #f2f1f1;
    transition: all 300ms ease-in-out;
    background-color: #fff;
  }
  .bigContainerAssurance .dashboard .dashboardContainer .customerContainer .customerList .customerListInfos .customerListInfosButtons a:hover {
    box-shadow: 0 1px 2px #dddbdb;
  }
  .bigContainerAssurance .dashboard .dashboardContainer .customerContainer .customerList .customerListInfos .customerListInfosButtons a:nth-child(1) {
    padding: 10px 15px;
  }
  .bigContainerAssurance .dashboard .dashboardContainer .customerContainer .customerList .customerListInfos .addCustomer {
    display: flex;
    gap: 10px;
    align-items: center;
    background-color: #fff;
    background-color: #226F54;
    padding: 13px 20px;
    border-radius: 50px;
    transition: all 300ms ease-in-out;
  }
  .bigContainerAssurance .dashboard .dashboardContainer .customerContainer .customerList .customerListInfos .addCustomer:hover {
    background-color: #174a38;
  }
  .bigContainerAssurance .dashboard .dashboardContainer .customerContainer .customerList .customerListInfos .addCustomer:hover i, .bigContainerAssurance .dashboard .dashboardContainer .customerContainer .customerList .customerListInfos .addCustomer:hover p {
    color: #fff;
  }
  .bigContainerAssurance .dashboard .dashboardContainer .customerContainer .customerList .customerListInfos .addCustomer i, .bigContainerAssurance .dashboard .dashboardContainer .customerContainer .customerList .customerListInfos .addCustomer p {
    color: #fff;
  }
  .bigContainerAssurance .dashboard .dashboardContainer .customerContainer .customerList .tableMobile {
    display: none;
  }
  .bigContainerAssurance .dashboard .dashboardContainer .customerContainer .customerList table {
    width: 100%;
    border-collapse: collapse;
  }
  .bigContainerAssurance .dashboard .dashboardContainer .customerContainer .customerList table thead {
    background-color: #fff;
    text-align: start;
  }
  .bigContainerAssurance .dashboard .dashboardContainer .customerContainer .customerList table thead tr th {
    text-align: start;
    font-weight: normal;
    padding: 15px 20px;
    color: #8b959e;
  }
  .bigContainerAssurance .dashboard .dashboardContainer .customerContainer .customerList table tbody tr {
    transition: all 300ms;
  }
  .bigContainerAssurance .dashboard .dashboardContainer .customerContainer .customerList table tbody tr td {
    padding: 15px 20px;
  }
  .bigContainerAssurance .dashboard .dashboardContainer .customerContainer .customerList table tbody tr td .customerNameContent .customerName {
    font-weight: 700;
  }
  .bigContainerAssurance .dashboard .dashboardContainer .customerContainer .customerList table tbody tr td .customerNameContent .customerEmail {
    padding-top: 3px;
    color: #8b959e;
    font-weight: normal;
  }
  .bigContainerAssurance .dashboard .dashboardContainer .customerContainer .customerList table tbody tr td .customerContent {
    display: flex;
    gap: 5px;
    flex-direction: column;
    background-color: red;
  }
  .bigContainerAssurance .dashboard .dashboardContainer .customerContainer .customerList table tbody tr td .customerContent .customerIcon {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .bigContainerAssurance .dashboard .dashboardContainer .customerContainer .customerList table tbody tr td .customerContent .customerEmail {
    font-weight: normal;
  }
  .bigContainerAssurance .dashboard .dashboardContainer .customerContainer .customerList table tbody tr td .buttonsAction {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .bigContainerAssurance .dashboard .dashboardContainer .customerContainer .customerList table tbody tr td .buttonsAction .detailsClient {
    display: inline-block;
    border: 1.5px #ebebf0 solid;
    border-radius: 8px;
    padding: 5px 10px;
    box-shadow: 0 1px 2px #f2f1f1;
    transition: all 300ms ease-in-out;
    background-color: #fff;
  }
  .bigContainerAssurance .dashboard .dashboardContainer .customerContainer .customerList table tbody tr td .buttonsAction .detailsClient:hover {
    box-shadow: 0 1px 2px #dddbdb;
  }
  .bigContainerAssurance .dashboard .dashboardContainer .customerContainer .customerList table tbody tr td .buttonsAction .deleteClient {
    border: 1.5px #ca5757 solid;
    border-radius: 8px;
    padding: 5px 10px;
    box-shadow: 0 1px 2px #f2f1f1;
    transition: all 300ms ease-in-out;
    background-color: #ef6868;
    color: #fff;
  }
  .bigContainerAssurance .dashboard .dashboardContainer .customerContainer .customerList table tbody tr td .buttonsAction .deleteClient:hover {
    box-shadow: 0 1px 2px #dddbdb;
  }
}
.dateTimeDesktop {
  display: block !important;
}

.dateTimeMobile {
  display: none !important;
}

@media screen and (max-width: 1000px) {
  .bigContainerAssurance1 .dashboard {
    padding: 130px 15px 15px 15px;
  }
  .bigContainerAssurance1 .dashboard .dashboardContainer .customerContainer .tableScroll {
    padding: 20px;
  }
  .bigContainerAssurance1 .dashboard .dashboardContainer .customerContainer .tableScroll .tableDesktop {
    display: none !important;
  }
  .bigContainerAssurance1 .dashboard .dashboardContainer .customerContainer .tableScroll .tableMobile {
    display: table !important;
  }
  .bigContainerAssurance1 .dashboard .dashboardContainer .customerContainer .tableScroll .tableMobile tbody tr td .customerNameContent .statusBG {
    padding-bottom: 10px;
  }
  .bigContainerAssurance1 .dashboard .dashboardContainer .customerContainer .tableScroll .tableMobile tbody tr td .customerNameContent .customerInfos .customerInfosContainer {
    display: flex;
    align-items: center;
  }
  .bigContainerAssurance1 .dashboard .dashboardContainer .customerContainer .tableScroll .tableMobile tbody tr td .customerNameContent .customerInfos .customerInfosContainer .dateAdd {
    padding: 10px 0;
  }
  .bigContainerAssurance1 .dashboard .dashboardContainer .customerContainer .tableScroll .tableMobile tbody tr td .customerNameContent .customerInfos .buttonsAction {
    width: 100%;
  }
  .bigContainerAssurance1 .dashboard .dashboardContainer .customerContainer .tableScroll .tableMobile tbody tr td .customerNameContent .customerInfos .buttonsAction .detailsClient {
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .bigContainerAssurance .dashboard {
    left: 0;
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .bigContainerAssurance .dashboard .dashboardContainer .customerContainer .tableScroll .tableScrollAdd .addCustomer .removeAddDesktop {
    display: none;
  }
  .dateTimeDesktop {
    display: none !important;
  }
  .dateTimeMobile {
    display: block !important;
    margin-top: 3px;
  }
}
@media screen and (max-width: 768px) {
  .bigContainerCustomerListAssurance {
    position: relative;
    height: 100%;
    width: 100%;
  }
  .bigContainerCustomerListAssurance .dashboard {
    position: relative;
    height: 100%;
    width: 100%;
  }
  .bigContainerCustomerListAssurance .dashboard .dashboardContainer {
    width: 100%;
    height: 100%;
    padding: 30px 15px 88px 15px;
  }
  .bigContainerCustomerListAssurance .dashboard .dashboardContainer .offerTitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
  }
  .bigContainerCustomerListAssurance .dashboard .dashboardContainer .offerTitle .offerTitleIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    border: 1.5px #dedfe4 solid;
    border-radius: 50%;
  }
  .bigContainerCustomerListAssurance .dashboard .dashboardContainer .offerTitle .offerTitleIcon i {
    font-size: 14px;
  }
  .bigContainerCustomerListAssurance .dashboard .dashboardContainer .offerTitle .offerTitleContainer h1 {
    font-size: 25px;
    text-align: center;
  }
  .bigContainerCustomerListAssurance .dashboard .dashboardContainer .offerTitle .offerTitleContainer p {
    text-align: center;
  }
  .bigContainerCustomerListAssurance .dashboard .dashboardContainer .offerTitle .void {
    width: 40px;
  }
  .bigContainerCustomerListAssurance .dashboard .dashboardContainer .addCustomer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border-radius: 50px;
  }
  .bigContainerCustomerListAssurance .dashboard .dashboardContainer .addCustomer .addCustomerContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
  }
  .bigContainerCustomerListAssurance .dashboard .dashboardContainer .addCustomer .addCustomerContainer .addCustomerIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    background-color: #fff;
    border-radius: 50%;
  }
  .bigContainerCustomerListAssurance .dashboard .dashboardContainer .addCustomer .addCustomerContainer .addCustomerIcon i {
    color: var(--color-default);
  }
  .bigContainerCustomerListAssurance .dashboard .dashboardContainer .addCustomer .addCustomerContainer .addCustomerIcon p {
    color: var(--color-default);
  }
  .bigContainerCustomerListAssurance .dashboard .dashboardContainer .tableScrollAdd {
    margin-bottom: 20px;
  }
  .bigContainerCustomerListAssurance .dashboard .dashboardContainer .tableScrollAdd .counter {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .bigContainerCustomerListAssurance .dashboard .dashboardContainer .tableScrollAdd .counter p {
    font-size: 18px;
    font-weight: 600;
  }
  .bigContainerCustomerListAssurance .dashboard .dashboardContainer .tableScrollAdd .counter p span {
    color: gray !important;
  }
  .bigContainerCustomerListAssurance .dashboard .dashboardContainer .customerContainer {
    border-radius: 15px;
    height: 100%;
  }
  .bigContainerCustomerListAssurance .dashboard .dashboardContainer .customerContainer .customerHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .bigContainerCustomerListAssurance .dashboard .dashboardContainer .customerContainer .customerHeader h2 {
    font-size: 20px;
  }
  .bigContainerCustomerListAssurance .dashboard .dashboardContainer .customerContainer .tableScroll {
    position: relative;
    overflow-y: auto;
    background-color: #fff;
    padding: 15px;
    border-radius: 20px;
  }
  .bigContainerCustomerListAssurance .dashboard .dashboardContainer .customerContainer .tableScroll table {
    display: table !important;
    width: 100%;
    border-collapse: collapse;
    background-color: #fff;
  }
  .bigContainerCustomerListAssurance .dashboard .dashboardContainer .customerContainer .tableScroll table thead {
    text-align: start;
  }
  .bigContainerCustomerListAssurance .dashboard .dashboardContainer .customerContainer .tableScroll table thead tr th {
    text-align: start;
    font-weight: normal;
    color: #8b959e;
  }
  .bigContainerCustomerListAssurance .dashboard .dashboardContainer .customerContainer .tableScroll table tbody tr td {
    background-color: #fff;
    padding-top: 20px;
  }
  .bigContainerCustomerListAssurance .dashboard .dashboardContainer .customerContainer .tableScroll table tbody tr td .customerNameContent .statusBG {
    padding-bottom: 10px;
  }
  .bigContainerCustomerListAssurance .dashboard .dashboardContainer .customerContainer .tableScroll table tbody tr td .customerNameContent .customerName {
    font-weight: 700;
  }
  .bigContainerCustomerListAssurance .dashboard .dashboardContainer .customerContainer .tableScroll table tbody tr td .customerNameContent .customerEmail {
    padding-top: 3px;
    color: #8b959e;
    font-weight: normal;
  }
  .bigContainerCustomerListAssurance .dashboard .dashboardContainer .customerContainer .tableScroll table tbody tr td .customerNameContent .customerInfos .customerInfosContainer {
    display: flex;
    align-items: center;
  }
  .bigContainerCustomerListAssurance .dashboard .dashboardContainer .customerContainer .tableScroll table tbody tr td .customerNameContent .customerInfos .customerInfosContainer .dateAdd {
    padding: 10px 0;
  }
  .bigContainerCustomerListAssurance .dashboard .dashboardContainer .customerContainer .tableScroll table tbody tr td .customerNameContent .customerInfos .buttonsAction {
    width: 100%;
  }
  .bigContainerCustomerListAssurance .dashboard .dashboardContainer .customerContainer .tableScroll table tbody tr td .customerNameContent .customerInfos .buttonsAction .detailsClient {
    width: 100%;
    text-align: center;
  }
  .bigContainerCustomerListAssurance .dashboard .dashboardContainer .customerContainer .tableScroll table tbody tr td .customerContent {
    display: flex;
    gap: 5px;
    flex-direction: column;
    background-color: red;
  }
  .bigContainerCustomerListAssurance .dashboard .dashboardContainer .customerContainer .tableScroll table tbody tr td .customerContent .customerIcon {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .bigContainerCustomerListAssurance .dashboard .dashboardContainer .customerContainer .tableScroll table tbody tr td .customerContent .customerEmail {
    font-weight: normal;
  }
  .bigContainerCustomerListAssurance .dashboard .dashboardContainer .customerContainer .tableScroll table tbody tr td .buttonsAction {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .bigContainerCustomerListAssurance .dashboard .dashboardContainer .customerContainer .tableScroll table tbody tr td .buttonsAction .detailsClient {
    display: inline-block;
    border: 1.5px #ebebf0 solid;
    border-radius: 8px;
    padding: 5px 10px;
    box-shadow: 0 1px 2px #f2f1f1;
    transition: all 300ms ease-in-out;
    background-color: #fff;
  }
  .bigContainerCustomerListAssurance .dashboard .dashboardContainer .customerContainer .tableScroll table tbody tr td .buttonsAction .detailsClient:hover {
    box-shadow: 0 1px 2px #dddbdb;
  }
}
@media screen and (max-width: 768px) {
  .bigContainerCustomerDetailsAssurance {
    height: 100%;
    width: 100%;
  }
  .bigContainerCustomerDetailsAssurance .dashboard {
    position: relative;
    height: 100%;
  }
  .bigContainerCustomerDetailsAssurance .dashboard .dashboardContainer {
    width: 100%;
    height: 100%;
    padding: 30px 15px 88px 15px;
  }
  .bigContainerCustomerDetailsAssurance .dashboard .dashboardContainer .offerTitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
  }
  .bigContainerCustomerDetailsAssurance .dashboard .dashboardContainer .offerTitle .offerTitleIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    border: 1.5px #dedfe4 solid;
    border-radius: 50%;
  }
  .bigContainerCustomerDetailsAssurance .dashboard .dashboardContainer .offerTitle .offerTitleIcon i {
    font-size: 14px;
  }
  .bigContainerCustomerDetailsAssurance .dashboard .dashboardContainer .offerTitle .offerTitleContainer h1 {
    font-size: 25px;
    text-align: center;
  }
  .bigContainerCustomerDetailsAssurance .dashboard .dashboardContainer .offerTitle .offerTitleContainer p {
    text-align: center;
  }
  .bigContainerCustomerDetailsAssurance .dashboard .dashboardContainer .offerTitle .void {
    width: 40px;
  }
  .bigContainerCustomerDetailsAssurance .dashboard .dashboardContainer .customerContainer {
    border-radius: 30px;
    height: 100%;
  }
  .bigContainerCustomerDetailsAssurance .dashboard .dashboardContainer .customerContainer .customerInfos .customerBigName {
    margin-bottom: 40px;
  }
  .bigContainerCustomerDetailsAssurance .dashboard .dashboardContainer .customerContainer .customerInfos .customerBigName .customerName {
    display: flex;
    align-items: center;
    gap: 20px;
  }
  .bigContainerCustomerDetailsAssurance .dashboard .dashboardContainer .customerContainer .customerInfos .customerBigName .cusmoterContent {
    margin-top: 10px;
  }
  .bigContainerCustomerDetailsAssurance .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow {
    display: flex;
    gap: 20px;
  }
  .bigContainerCustomerDetailsAssurance .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field {
    width: 100%;
    margin-bottom: 15px;
  }
  .bigContainerCustomerDetailsAssurance .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field label {
    font-weight: 600;
    display: inline-block;
    margin-bottom: 10px;
  }
  .bigContainerCustomerDetailsAssurance .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field .fieldBG {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 13px 20px 13px 20px;
    border-radius: 16px;
    transition: all 300ms ease-in-out;
    background-color: #fff;
  }
  .bigContainerCustomerDetailsAssurance .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field .fieldBG:hover {
    border: 1.5px #1c2426 solid;
  }
  .bigContainerCustomerDetailsAssurance .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field .fieldBG input {
    width: 100%;
    background: none;
  }
  .bigContainerCustomerDetailsAssurance .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field .fieldBG i {
    margin-left: 20px;
    cursor: pointer;
    color: #7d7d7d;
  }
  .bigContainerCustomerDetailsAssurance .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field .fieldBGTextarea textarea {
    max-height: 200px;
    min-height: 200px;
    max-width: 100%;
    min-width: 100%;
    display: flex;
    align-items: center;
    border: 1.5px #dedfe4 solid;
    width: 100%;
    padding: 13px 20px 13px 20px;
    border-radius: 16px;
    transition: all 300ms ease-in-out;
    box-shadow: 0 3px 10px #f3f3f3;
  }
  .bigContainerCustomerDetailsAssurance .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field .readonly {
    cursor: not-allowed;
    background-color: #eceff3;
  }
  .bigContainerCustomerDetailsAssurance .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field .readonly input {
    color: #7d7d7d;
    cursor: not-allowed;
  }
  .bigContainerCustomerDetailsAssurance .dashboard .dashboardContainer .customerContainer .customerInfos form .buttonsCustomerDetails {
    margin-top: 20px;
    display: flex;
    align-items: center;
    gap: 20px;
  }
  .bigContainerCustomerDetailsAssurance .dashboard .dashboardContainer .customerContainer .customerInfos form .buttonsCustomerDetails .saveCustomer {
    padding: 15px 30px;
    border: 1.5px var(--color-default) solid;
    border-radius: 20px;
    background-color: #fff;
    transition: all 300ms ease-in-out;
  }
  .bigContainerCustomerDetailsAssurance .dashboard .dashboardContainer .customerContainer .customerInfos form .buttonsCustomerDetails .saveCustomer:hover {
    background-color: var(--color-default);
    color: #fff;
  }
  .bigContainerCustomerDetailsAssurance .dashboard .dashboardContainer .customerContainer .customerInfos form .buttonsCustomerDetails .backCustomer {
    display: flex;
    align-items: center;
    padding: 15px 30px;
    border: 1.5px var(--color-default) solid;
    background-color: var(--color-default);
    border-radius: 20px;
    transition: all 300ms ease-in-out;
  }
  .bigContainerCustomerDetailsAssurance .dashboard .dashboardContainer .customerContainer .customerInfos form .buttonsCustomerDetails .backCustomer:hover {
    background-color: #fff;
  }
  .bigContainerCustomerDetailsAssurance .dashboard .dashboardContainer .customerContainer .customerInfos form .buttonsCustomerDetails .backCustomer:hover i, .bigContainerCustomerDetailsAssurance .dashboard .dashboardContainer .customerContainer .customerInfos form .buttonsCustomerDetails .backCustomer:hover p {
    color: var(--color-default);
  }
  .bigContainerCustomerDetailsAssurance .dashboard .dashboardContainer .customerContainer .customerInfos form .buttonsCustomerDetails .backCustomer i {
    margin-right: 10px;
  }
  .bigContainerCustomerDetailsAssurance .dashboard .dashboardContainer .customerContainer .customerInfos form .buttonsCustomerDetails .backCustomer i, .bigContainerCustomerDetailsAssurance .dashboard .dashboardContainer .customerContainer .customerInfos form .buttonsCustomerDetails .backCustomer p {
    color: #fff;
  }
  .bigContainerCustomerDetailsAssurance .dashboard .dashboardContainer .customerContainer .customerInfos .updateSuccess {
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  .bigContainerCustomerDetailsAssurance .dashboard {
    left: 0;
    width: 100%;
  }
}
@media screen and (max-width: 1000px) {
  .bigContainerCustomerDetailsAssurance .dashboard .dashboardContainer .customerContainer .customerInfos .customerBigName .customerName {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }
  .bigContainerCustomerDetailsAssurance .dashboard .dashboardContainer .customerContainer .customerInfos form {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .bigContainerCustomerDetailsAssurance .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow {
    flex-direction: column;
  }
  .bigContainerCustomerDetailsAssurance .dashboard .dashboardContainer .customerContainer .customerInfos form .buttonsCustomerDetails {
    flex-direction: column;
  }
  .bigContainerCustomerDetailsAssurance .dashboard .dashboardContainer .customerContainer .customerInfos form .buttonsCustomerDetails .saveCustomer, .bigContainerCustomerDetailsAssurance .dashboard .dashboardContainer .customerContainer .customerInfos form .buttonsCustomerDetails .backCustomer {
    width: 100%;
  }
  .bigContainerCustomerDetailsAssurance .dashboard .dashboardContainer .customerContainer .customerInfos form .buttonsCustomerDetails .backCustomer {
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .bigContainerAddCustomerAssurance {
    position: relative;
    height: 100%;
    width: 100%;
  }
  .bigContainerAddCustomerAssurance .dashboard {
    position: relative;
    height: 100%;
  }
  .bigContainerAddCustomerAssurance .dashboard .dashboardContainer {
    width: 100%;
    height: 100%;
    padding: 30px 15px 88px 15px;
  }
  .bigContainerAddCustomerAssurance .dashboard .dashboardContainer .offerTitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
  }
  .bigContainerAddCustomerAssurance .dashboard .dashboardContainer .offerTitle .offerTitleIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    border: 1.5px #dedfe4 solid;
    border-radius: 50%;
  }
  .bigContainerAddCustomerAssurance .dashboard .dashboardContainer .offerTitle .offerTitleIcon i {
    font-size: 14px;
  }
  .bigContainerAddCustomerAssurance .dashboard .dashboardContainer .offerTitle .offerTitleContainer h1 {
    font-size: 25px;
    text-align: center;
  }
  .bigContainerAddCustomerAssurance .dashboard .dashboardContainer .offerTitle .offerTitleContainer p {
    text-align: center;
  }
  .bigContainerAddCustomerAssurance .dashboard .dashboardContainer .offerTitle .void {
    width: 40px;
  }
  .bigContainerAddCustomerAssurance .dashboard .dashboardContainer .customerContainer {
    height: 100%;
  }
  .bigContainerAddCustomerAssurance .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow {
    display: flex;
    gap: 20px;
  }
  .bigContainerAddCustomerAssurance .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field {
    width: 100%;
    margin-bottom: 15px;
  }
  .bigContainerAddCustomerAssurance .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field label {
    font-weight: 600;
    display: inline-block;
    margin-bottom: 10px;
  }
  .bigContainerAddCustomerAssurance .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field .fieldBG {
    display: flex;
    align-items: center;
    border: 1.5px #dedfe4 solid;
    width: 100%;
    padding: 13px 20px;
    border-radius: 16px;
    transition: all 300ms ease-in-out;
    box-shadow: 0 3px 10px #f3f3f3;
    background-color: #fff;
  }
  .bigContainerAddCustomerAssurance .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field .fieldBG:hover {
    border: 1.5px #1c2426 solid;
  }
  .bigContainerAddCustomerAssurance .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field .fieldBG input {
    width: 100%;
    background: none;
  }
  .bigContainerAddCustomerAssurance .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field .fieldBG i {
    margin-left: 20px;
    cursor: pointer;
    color: #7d7d7d;
  }
  .bigContainerAddCustomerAssurance .dashboard .dashboardContainer .customerContainer .customerInfos form .field {
    width: 100%;
    margin-bottom: 15px;
  }
  .bigContainerAddCustomerAssurance .dashboard .dashboardContainer .customerContainer .customerInfos form .field label {
    font-weight: 600;
    display: inline-block;
    margin-bottom: 10px;
  }
  .bigContainerAddCustomerAssurance .dashboard .dashboardContainer .customerContainer .customerInfos form .field .fieldBG {
    display: flex;
    align-items: center;
    border: 1.5px #dedfe4 solid;
    width: 100%;
    padding: 13px 20px;
    border-radius: 16px;
    transition: all 300ms ease-in-out;
    box-shadow: 0 3px 10px #f3f3f3;
  }
  .bigContainerAddCustomerAssurance .dashboard .dashboardContainer .customerContainer .customerInfos form .field .fieldBG:hover {
    border: 1.5px #1c2426 solid;
  }
  .bigContainerAddCustomerAssurance .dashboard .dashboardContainer .customerContainer .customerInfos form .field .fieldBG input {
    width: 100%;
    background: none;
  }
  .bigContainerAddCustomerAssurance .dashboard .dashboardContainer .customerContainer .customerInfos form .field .fieldBG i {
    margin-left: 20px;
    cursor: pointer;
    color: #7d7d7d;
  }
  .bigContainerAddCustomerAssurance .dashboard .dashboardContainer .customerContainer .customerInfos form .field .fieldBGSelect select {
    cursor: pointer;
    display: flex;
    align-items: center;
    border: 1.5px #dedfe4 solid;
    width: 100%;
    padding: 13px 20px;
    border-radius: 16px;
    transition: all 300ms ease-in-out;
    box-shadow: 0 3px 10px #f3f3f3;
  }
  .bigContainerAddCustomerAssurance .dashboard .dashboardContainer .customerContainer .customerInfos form .field .fieldBGSelect select:hover {
    border: 1.5px #1c2426 solid;
  }
  .bigContainerAddCustomerAssurance .dashboard .dashboardContainer .customerContainer .customerInfos form .field .fieldBGTextarea textarea {
    align-items: center;
    border: 1.5px #dedfe4 solid;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    max-height: 200px;
    min-height: 200px;
    padding: 13px 20px;
    border-radius: 16px;
    transition: all 300ms ease-in-out;
    box-shadow: 0 3px 10px #f3f3f3;
  }
  .bigContainerAddCustomerAssurance .dashboard .dashboardContainer .customerContainer .customerInfos form .field .fieldBGTextarea textarea:hover {
    border: 1.5px #1c2426 solid;
  }
  .bigContainerAddCustomerAssurance .dashboard .dashboardContainer .customerContainer .customerInfos form .backCustomer {
    display: inline-block;
    margin-top: 20px;
    padding: 15px 30px;
    border: 1.5px var(--color-default) solid;
    background-color: var(--color-default);
    color: #fff;
    border-radius: 20px;
  }
  .bigContainerAddCustomerAssurance .dashboard .dashboardContainer .customerContainer .customerInfos form button {
    margin-top: 30px;
    background-color: #659d64;
    border: 1.5px #659d64 solid;
    padding: 13px 20px;
    border-radius: 16px;
    transition: all 300ms ease-in-out;
    box-shadow: 0 3px 10px #f3f3f3;
    color: #fff;
  }
  .bigContainerAddCustomerAssurance .dashboard .dashboardContainer .customerContainer .customerInfos form button:hover {
    background-color: #fff;
    border: 1.5px #659d64 solid;
    color: #659d64;
  }
}
@media screen and (max-width: 1000px) {
  .bigContainerAddCustomerAssurance .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .bigContainerAddCustomerAssurance .dashboard {
    left: 0;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .bigContainerHomiris {
    position: relative;
    height: 100%;
    width: 100%;
  }
  .bigContainerHomiris .dashboard {
    position: relative;
    height: 100%;
  }
  .bigContainerHomiris .dashboard .dashboardContainer {
    width: 100%;
    height: 100%;
    padding: 30px 20px 88px 20px;
  }
  .bigContainerHomiris .dashboard .dashboardContainer .offerTitle {
    margin-bottom: 30px;
  }
  .bigContainerHomiris .dashboard .dashboardContainer .offerTitle h1 {
    font-size: 25px;
    text-align: center;
  }
  .bigContainerHomiris .dashboard .dashboardContainer .customerContainer {
    border-radius: 15px;
    height: 100%;
  }
  .bigContainerHomiris .dashboard .dashboardContainer .customerContainer .customerHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .bigContainerHomiris .dashboard .dashboardContainer .customerContainer .customerHeader h2 {
    font-size: 20px;
  }
  .bigContainerHomiris .dashboard .dashboardContainer .customerContainer .customerList {
    position: relative;
    overflow-y: auto;
    max-width: 600px;
  }
  .bigContainerHomiris .dashboard .dashboardContainer .customerContainer .customerList h2 {
    margin-bottom: 20px;
  }
  .bigContainerHomiris .dashboard .dashboardContainer .customerContainer .customerList .customerListContainer {
    border-radius: 30px;
    padding: 20px;
    background-color: #fff;
  }
  .bigContainerHomiris .dashboard .dashboardContainer .customerContainer .customerList .customerListInfos {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-bottom: 30px;
  }
  .bigContainerHomiris .dashboard .dashboardContainer .customerContainer .customerList .customerListInfos .counter {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .bigContainerHomiris .dashboard .dashboardContainer .customerContainer .customerList .customerListInfos .counter h2 {
    font-size: 20px;
  }
  .bigContainerHomiris .dashboard .dashboardContainer .customerContainer .customerList .customerListInfos .customerListInfosButtons {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .bigContainerHomiris .dashboard .dashboardContainer .customerContainer .customerList .customerListInfos .customerListInfosButtons a {
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1.5px #ebebf0 solid;
    border-radius: 13px;
    padding: 8px 15px;
    box-shadow: 0 1px 2px #f2f1f1;
    transition: all 300ms ease-in-out;
    background-color: #fff;
  }
  .bigContainerHomiris .dashboard .dashboardContainer .customerContainer .customerList .customerListInfos .customerListInfosButtons a:hover {
    box-shadow: 0 1px 2px #dddbdb;
  }
  .bigContainerHomiris .dashboard .dashboardContainer .customerContainer .customerList .customerListInfos .customerListInfosButtons a:nth-child(1) {
    padding: 10px 15px;
  }
  .bigContainerHomiris .dashboard .dashboardContainer .customerContainer .customerList .customerListInfos .addCustomer {
    display: flex;
    gap: 10px;
    align-items: center;
    background-color: #fff;
    background-color: #226F54;
    padding: 13px 20px;
    border-radius: 50px;
    transition: all 300ms ease-in-out;
  }
  .bigContainerHomiris .dashboard .dashboardContainer .customerContainer .customerList .customerListInfos .addCustomer:hover {
    background-color: #174a38;
  }
  .bigContainerHomiris .dashboard .dashboardContainer .customerContainer .customerList .customerListInfos .addCustomer:hover i, .bigContainerHomiris .dashboard .dashboardContainer .customerContainer .customerList .customerListInfos .addCustomer:hover p {
    color: #fff;
  }
  .bigContainerHomiris .dashboard .dashboardContainer .customerContainer .customerList .customerListInfos .addCustomer i, .bigContainerHomiris .dashboard .dashboardContainer .customerContainer .customerList .customerListInfos .addCustomer p {
    color: #fff;
  }
  .bigContainerHomiris .dashboard .dashboardContainer .customerContainer .customerList .tableMobile {
    display: none;
  }
  .bigContainerHomiris .dashboard .dashboardContainer .customerContainer .customerList table {
    width: 100%;
    border-collapse: collapse;
  }
  .bigContainerHomiris .dashboard .dashboardContainer .customerContainer .customerList table thead {
    background-color: #fff;
    text-align: start;
  }
  .bigContainerHomiris .dashboard .dashboardContainer .customerContainer .customerList table thead tr th {
    text-align: start;
    font-weight: normal;
    padding: 15px 20px;
    color: #8b959e;
  }
  .bigContainerHomiris .dashboard .dashboardContainer .customerContainer .customerList table tbody tr {
    transition: all 300ms;
  }
  .bigContainerHomiris .dashboard .dashboardContainer .customerContainer .customerList table tbody tr td {
    padding: 15px 20px;
  }
  .bigContainerHomiris .dashboard .dashboardContainer .customerContainer .customerList table tbody tr td .customerNameContent .customerName {
    font-weight: 700;
  }
  .bigContainerHomiris .dashboard .dashboardContainer .customerContainer .customerList table tbody tr td .customerNameContent .customerEmail {
    padding-top: 3px;
    color: #8b959e;
    font-weight: normal;
  }
  .bigContainerHomiris .dashboard .dashboardContainer .customerContainer .customerList table tbody tr td .customerContent {
    display: flex;
    gap: 5px;
    flex-direction: column;
    background-color: red;
  }
  .bigContainerHomiris .dashboard .dashboardContainer .customerContainer .customerList table tbody tr td .customerContent .customerIcon {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .bigContainerHomiris .dashboard .dashboardContainer .customerContainer .customerList table tbody tr td .customerContent .customerEmail {
    font-weight: normal;
  }
  .bigContainerHomiris .dashboard .dashboardContainer .customerContainer .customerList table tbody tr td .buttonsAction {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .bigContainerHomiris .dashboard .dashboardContainer .customerContainer .customerList table tbody tr td .buttonsAction .detailsClient {
    display: inline-block;
    border: 1.5px #ebebf0 solid;
    border-radius: 8px;
    padding: 5px 10px;
    box-shadow: 0 1px 2px #f2f1f1;
    transition: all 300ms ease-in-out;
    background-color: #fff;
  }
  .bigContainerHomiris .dashboard .dashboardContainer .customerContainer .customerList table tbody tr td .buttonsAction .detailsClient:hover {
    box-shadow: 0 1px 2px #dddbdb;
  }
  .bigContainerHomiris .dashboard .dashboardContainer .customerContainer .customerList table tbody tr td .buttonsAction .deleteClient {
    border: 1.5px #ca5757 solid;
    border-radius: 8px;
    padding: 5px 10px;
    box-shadow: 0 1px 2px #f2f1f1;
    transition: all 300ms ease-in-out;
    background-color: #ef6868;
    color: #fff;
  }
  .bigContainerHomiris .dashboard .dashboardContainer .customerContainer .customerList table tbody tr td .buttonsAction .deleteClient:hover {
    box-shadow: 0 1px 2px #dddbdb;
  }
}
@media screen and (max-width: 768px) {
  .bigContainerHomiris .dashboard {
    left: 0;
    width: 100%;
  }
}
@media screen and (max-width: 1000px) {
  .bigContainerAssurance1 .dashboard {
    padding: 130px 15px 15px 15px;
  }
  .bigContainerAssurance1 .dashboard .dashboardContainer .customerContainer .tableScroll {
    padding: 20px;
  }
  .bigContainerAssurance1 .dashboard .dashboardContainer .customerContainer .tableScroll .tableDesktop {
    display: none !important;
  }
  .bigContainerAssurance1 .dashboard .dashboardContainer .customerContainer .tableScroll .tableMobile {
    display: table !important;
  }
  .bigContainerAssurance1 .dashboard .dashboardContainer .customerContainer .tableScroll .tableMobile tbody tr td .customerNameContent .statusBG {
    padding-bottom: 10px;
  }
  .bigContainerAssurance1 .dashboard .dashboardContainer .customerContainer .tableScroll .tableMobile tbody tr td .customerNameContent .customerInfos .customerInfosContainer {
    display: flex;
    align-items: center;
  }
  .bigContainerAssurance1 .dashboard .dashboardContainer .customerContainer .tableScroll .tableMobile tbody tr td .customerNameContent .customerInfos .customerInfosContainer .dateAdd {
    padding: 10px 0;
  }
  .bigContainerAssurance1 .dashboard .dashboardContainer .customerContainer .tableScroll .tableMobile tbody tr td .customerNameContent .customerInfos .buttonsAction {
    width: 100%;
  }
  .bigContainerAssurance1 .dashboard .dashboardContainer .customerContainer .tableScroll .tableMobile tbody tr td .customerNameContent .customerInfos .buttonsAction .detailsClient {
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 600px) {
  .bigContainerAssurance1 .dashboard .dashboardContainer .customerContainer .tableScroll .tableScrollAdd .addCustomer .removeAddDesktop {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .bigContainerCustomerListHomiris {
    position: relative;
    height: 100%;
    width: 100%;
  }
  .bigContainerCustomerListHomiris .dashboard {
    position: relative;
    height: 100%;
  }
  .bigContainerCustomerListHomiris .dashboard .dashboardContainer {
    width: 100%;
    height: 100%;
    padding: 30px 15px 88px 15px;
  }
  .bigContainerCustomerListHomiris .dashboard .dashboardContainer .offerTitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
  }
  .bigContainerCustomerListHomiris .dashboard .dashboardContainer .offerTitle .offerTitleIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    border: 1.5px #dedfe4 solid;
    border-radius: 50%;
  }
  .bigContainerCustomerListHomiris .dashboard .dashboardContainer .offerTitle .offerTitleIcon i {
    font-size: 14px;
  }
  .bigContainerCustomerListHomiris .dashboard .dashboardContainer .offerTitle .offerTitleContainer h1 {
    font-size: 25px;
    text-align: center;
  }
  .bigContainerCustomerListHomiris .dashboard .dashboardContainer .offerTitle .offerTitleContainer p {
    text-align: center;
  }
  .bigContainerCustomerListHomiris .dashboard .dashboardContainer .offerTitle .void {
    width: 40px;
  }
  .bigContainerCustomerListHomiris .dashboard .dashboardContainer .addCustomer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border-radius: 50px;
  }
  .bigContainerCustomerListHomiris .dashboard .dashboardContainer .addCustomer .addCustomerContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
  }
  .bigContainerCustomerListHomiris .dashboard .dashboardContainer .addCustomer .addCustomerContainer .addCustomerIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    background-color: #fff;
    border-radius: 50%;
  }
  .bigContainerCustomerListHomiris .dashboard .dashboardContainer .addCustomer .addCustomerContainer .addCustomerIcon i {
    color: var(--color-default);
  }
  .bigContainerCustomerListHomiris .dashboard .dashboardContainer .addCustomer .addCustomerContainer .addCustomerIcon p {
    color: var(--color-default);
  }
  .bigContainerCustomerListHomiris .dashboard .dashboardContainer .tableScrollAdd {
    margin-bottom: 20px;
  }
  .bigContainerCustomerListHomiris .dashboard .dashboardContainer .tableScrollAdd .counter {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .bigContainerCustomerListHomiris .dashboard .dashboardContainer .tableScrollAdd .counter p {
    font-size: 18px;
    font-weight: 600;
  }
  .bigContainerCustomerListHomiris .dashboard .dashboardContainer .tableScrollAdd .counter p span {
    color: gray !important;
  }
  .bigContainerCustomerListHomiris .dashboard .dashboardContainer .customerContainer {
    border-radius: 15px;
    height: 100%;
  }
  .bigContainerCustomerListHomiris .dashboard .dashboardContainer .customerContainer .customerHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .bigContainerCustomerListHomiris .dashboard .dashboardContainer .customerContainer .customerHeader h2 {
    font-size: 20px;
  }
  .bigContainerCustomerListHomiris .dashboard .dashboardContainer .customerContainer .tableScroll {
    position: relative;
    overflow-y: auto;
    background-color: #fff;
    padding: 15px;
    border-radius: 20px;
  }
  .bigContainerCustomerListHomiris .dashboard .dashboardContainer .customerContainer .tableScroll table {
    width: 100%;
    border-collapse: collapse;
  }
  .bigContainerCustomerListHomiris .dashboard .dashboardContainer .customerContainer .tableScroll table thead {
    background-color: #fff;
    text-align: start;
  }
  .bigContainerCustomerListHomiris .dashboard .dashboardContainer .customerContainer .tableScroll table thead tr th {
    text-align: start;
    font-weight: normal;
    color: #8b959e;
  }
  .bigContainerCustomerListHomiris .dashboard .dashboardContainer .customerContainer .tableScroll table tbody tr td {
    background-color: #fff;
    padding-top: 20px;
  }
  .bigContainerCustomerListHomiris .dashboard .dashboardContainer .customerContainer .tableScroll table tbody tr td .customerNameContent .customerName {
    font-weight: 700;
  }
  .bigContainerCustomerListHomiris .dashboard .dashboardContainer .customerContainer .tableScroll table tbody tr td .customerNameContent .customerEmail {
    padding-top: 3px;
    color: #8b959e;
    font-weight: normal;
  }
  .bigContainerCustomerListHomiris .dashboard .dashboardContainer .customerContainer .tableScroll table tbody tr td .customerContent {
    display: flex;
    gap: 5px;
    flex-direction: column;
    background-color: red;
  }
  .bigContainerCustomerListHomiris .dashboard .dashboardContainer .customerContainer .tableScroll table tbody tr td .customerContent .customerIcon {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .bigContainerCustomerListHomiris .dashboard .dashboardContainer .customerContainer .tableScroll table tbody tr td .customerContent .customerEmail {
    font-weight: normal;
  }
  .bigContainerCustomerListHomiris .dashboard .dashboardContainer .customerContainer .tableScroll table tbody tr td .buttonsAction {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .bigContainerCustomerListHomiris .dashboard .dashboardContainer .customerContainer .tableScroll table tbody tr td .buttonsAction .detailsClient {
    display: inline-block;
    border: 1.5px #ebebf0 solid;
    border-radius: 8px;
    padding: 5px 10px;
    box-shadow: 0 1px 2px #f2f1f1;
    transition: all 300ms ease-in-out;
    background-color: #fff;
  }
  .bigContainerCustomerListHomiris .dashboard .dashboardContainer .customerContainer .tableScroll table tbody tr td .buttonsAction .detailsClient:hover {
    box-shadow: 0 1px 2px #dddbdb;
  }
  .bigContainerCustomerListHomiris .dashboard .dashboardContainer .customerContainer .tableScroll table tbody tr td .buttonsAction .deleteClient {
    border: 1.5px #ca5757 solid;
    border-radius: 8px;
    padding: 5px 10px;
    box-shadow: 0 1px 2px #f2f1f1;
    transition: all 300ms ease-in-out;
    background-color: #ef6868;
    color: #fff;
  }
  .bigContainerCustomerListHomiris .dashboard .dashboardContainer .customerContainer .tableScroll table tbody tr td .buttonsAction .deleteClient:hover {
    box-shadow: 0 1px 2px #dddbdb;
  }
}
@media screen and (max-width: 768px) {
  .bigContainerCustomerListHomiris .dashboard {
    left: 0;
    width: 100%;
  }
}
@media screen and (max-width: 1000px) {
  .bigContainerCustomerListHomiris .dashboard .dashboardContainer .customerContainer .tableScroll .tableDesktop {
    display: none !important;
  }
  .bigContainerCustomerListHomiris .dashboard .dashboardContainer .customerContainer .tableScroll .tableMobile {
    display: table !important;
  }
  .bigContainerCustomerListHomiris .dashboard .dashboardContainer .customerContainer .tableScroll .tableMobile tbody tr td .customerNameContent .statusBG {
    padding-bottom: 10px;
  }
  .bigContainerCustomerListHomiris .dashboard .dashboardContainer .customerContainer .tableScroll .tableMobile tbody tr td .customerNameContent .customerInfos .customerInfosContainer {
    display: flex;
    align-items: center;
  }
  .bigContainerCustomerListHomiris .dashboard .dashboardContainer .customerContainer .tableScroll .tableMobile tbody tr td .customerNameContent .customerInfos .customerInfosContainer .dateAdd {
    padding: 10px 0;
  }
  .bigContainerCustomerListHomiris .dashboard .dashboardContainer .customerContainer .tableScroll .tableMobile tbody tr td .customerNameContent .customerInfos .buttonsAction {
    width: 100%;
  }
  .bigContainerCustomerListHomiris .dashboard .dashboardContainer .customerContainer .tableScroll .tableMobile tbody tr td .customerNameContent .customerInfos .buttonsAction .detailsClient {
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 600px) {
  .bigContainerCustomerListHomiris .dashboard .dashboardContainer .customerContainer .tableScroll .tableScrollAdd .addCustomer .removeAddDesktop {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .bigContainerCustomerDetailsHomiris {
    height: 100%;
    width: 100%;
  }
  .bigContainerCustomerDetailsHomiris .dashboard {
    position: relative;
    height: 100%;
  }
  .bigContainerCustomerDetailsHomiris .dashboard .dashboardContainer {
    width: 100%;
    height: 100%;
    padding: 30px 15px 88px 15px;
  }
  .bigContainerCustomerDetailsHomiris .dashboard .dashboardContainer .offerTitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
  }
  .bigContainerCustomerDetailsHomiris .dashboard .dashboardContainer .offerTitle .offerTitleIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    border: 1.5px #dedfe4 solid;
    border-radius: 50%;
  }
  .bigContainerCustomerDetailsHomiris .dashboard .dashboardContainer .offerTitle .offerTitleIcon i {
    font-size: 14px;
  }
  .bigContainerCustomerDetailsHomiris .dashboard .dashboardContainer .offerTitle .offerTitleContainer h1 {
    font-size: 25px;
    text-align: center;
  }
  .bigContainerCustomerDetailsHomiris .dashboard .dashboardContainer .offerTitle .offerTitleContainer p {
    text-align: center;
  }
  .bigContainerCustomerDetailsHomiris .dashboard .dashboardContainer .offerTitle .void {
    width: 40px;
  }
  .bigContainerCustomerDetailsHomiris .dashboard .dashboardContainer .customerContainer {
    border-radius: 30px;
    height: 100%;
  }
  .bigContainerCustomerDetailsHomiris .dashboard .dashboardContainer .customerContainer .customerInfos .customerBigName {
    margin-bottom: 40px;
  }
  .bigContainerCustomerDetailsHomiris .dashboard .dashboardContainer .customerContainer .customerInfos .customerBigName .customerName {
    display: flex;
    align-items: center;
    gap: 20px;
  }
  .bigContainerCustomerDetailsHomiris .dashboard .dashboardContainer .customerContainer .customerInfos .customerBigName .cusmoterContent {
    margin-top: 10px;
  }
  .bigContainerCustomerDetailsHomiris .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow {
    display: flex;
    gap: 20px;
  }
  .bigContainerCustomerDetailsHomiris .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field {
    width: 100%;
    margin-bottom: 15px;
  }
  .bigContainerCustomerDetailsHomiris .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field label {
    font-weight: 600;
    display: inline-block;
    margin-bottom: 10px;
  }
  .bigContainerCustomerDetailsHomiris .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field .fieldBG {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 13px 20px 13px 20px;
    border-radius: 16px;
    transition: all 300ms ease-in-out;
    background-color: #fff;
  }
  .bigContainerCustomerDetailsHomiris .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field .fieldBG:hover {
    border: 1.5px #1c2426 solid;
  }
  .bigContainerCustomerDetailsHomiris .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field .fieldBG input {
    width: 100%;
    background: none;
  }
  .bigContainerCustomerDetailsHomiris .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field .fieldBG i {
    margin-left: 20px;
    cursor: pointer;
    color: #7d7d7d;
  }
  .bigContainerCustomerDetailsHomiris .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field .fieldBGTextarea textarea {
    max-height: 200px;
    min-height: 200px;
    max-width: 100%;
    min-width: 100%;
    display: flex;
    align-items: center;
    border: 1.5px #dedfe4 solid;
    width: 100%;
    padding: 13px 20px 13px 20px;
    border-radius: 16px;
    transition: all 300ms ease-in-out;
    box-shadow: 0 3px 10px #f3f3f3;
  }
  .bigContainerCustomerDetailsHomiris .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field .readonly {
    cursor: not-allowed;
    background-color: #eceff3;
  }
  .bigContainerCustomerDetailsHomiris .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field .readonly input {
    color: #7d7d7d;
    cursor: not-allowed;
  }
  .bigContainerCustomerDetailsHomiris .dashboard .dashboardContainer .customerContainer .customerInfos form .buttonsCustomerDetails {
    margin-top: 20px;
    display: flex;
    align-items: center;
    gap: 20px;
  }
  .bigContainerCustomerDetailsHomiris .dashboard .dashboardContainer .customerContainer .customerInfos form .buttonsCustomerDetails .saveCustomer {
    padding: 15px 30px;
    border: 1.5px var(--color-default) solid;
    border-radius: 20px;
    background-color: #fff;
    transition: all 300ms ease-in-out;
  }
  .bigContainerCustomerDetailsHomiris .dashboard .dashboardContainer .customerContainer .customerInfos form .buttonsCustomerDetails .saveCustomer:hover {
    background-color: var(--color-default);
    color: #fff;
  }
  .bigContainerCustomerDetailsHomiris .dashboard .dashboardContainer .customerContainer .customerInfos form .buttonsCustomerDetails .backCustomer {
    display: flex;
    align-items: center;
    padding: 15px 30px;
    border: 1.5px var(--color-default) solid;
    background-color: var(--color-default);
    border-radius: 20px;
    transition: all 300ms ease-in-out;
  }
  .bigContainerCustomerDetailsHomiris .dashboard .dashboardContainer .customerContainer .customerInfos form .buttonsCustomerDetails .backCustomer:hover {
    background-color: #fff;
  }
  .bigContainerCustomerDetailsHomiris .dashboard .dashboardContainer .customerContainer .customerInfos form .buttonsCustomerDetails .backCustomer:hover i, .bigContainerCustomerDetailsHomiris .dashboard .dashboardContainer .customerContainer .customerInfos form .buttonsCustomerDetails .backCustomer:hover p {
    color: var(--color-default);
  }
  .bigContainerCustomerDetailsHomiris .dashboard .dashboardContainer .customerContainer .customerInfos form .buttonsCustomerDetails .backCustomer i {
    margin-right: 10px;
  }
  .bigContainerCustomerDetailsHomiris .dashboard .dashboardContainer .customerContainer .customerInfos form .buttonsCustomerDetails .backCustomer i, .bigContainerCustomerDetailsHomiris .dashboard .dashboardContainer .customerContainer .customerInfos form .buttonsCustomerDetails .backCustomer p {
    color: #fff;
  }
  .bigContainerCustomerDetailsHomiris .dashboard .dashboardContainer .customerContainer .customerInfos .updateSuccess {
    margin-top: 30px;
  }
}
@media screen and (max-width: 1000px) {
  .bigContainerCustomerDetailsHomiris .dashboard .dashboardContainer .customerContainer .customerInfos .customerBigName .customerName {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }
  .bigContainerCustomerDetailsHomiris .dashboard .dashboardContainer .customerContainer .customerInfos form {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .bigContainerCustomerDetailsHomiris .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow {
    flex-direction: column;
  }
  .bigContainerCustomerDetailsHomiris .dashboard .dashboardContainer .customerContainer .customerInfos form .buttonsCustomerDetails {
    flex-direction: column;
  }
  .bigContainerCustomerDetailsHomiris .dashboard .dashboardContainer .customerContainer .customerInfos form .buttonsCustomerDetails .saveCustomer, .bigContainerCustomerDetailsHomiris .dashboard .dashboardContainer .customerContainer .customerInfos form .buttonsCustomerDetails .backCustomer {
    width: 100%;
  }
  .bigContainerCustomerDetailsHomiris .dashboard .dashboardContainer .customerContainer .customerInfos form .buttonsCustomerDetails .backCustomer {
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .bigContainerAddCustomerHomiris {
    position: relative;
    height: 100%;
    width: 100%;
  }
  .bigContainerAddCustomerHomiris .dashboard {
    position: relative;
    height: 100%;
  }
  .bigContainerAddCustomerHomiris .dashboard .dashboardContainer {
    width: 100%;
    height: 100%;
    padding: 30px 15px 88px 15px;
  }
  .bigContainerAddCustomerHomiris .dashboard .dashboardContainer .offerTitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
  }
  .bigContainerAddCustomerHomiris .dashboard .dashboardContainer .offerTitle .offerTitleIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    border: 1.5px #dedfe4 solid;
    border-radius: 50%;
  }
  .bigContainerAddCustomerHomiris .dashboard .dashboardContainer .offerTitle .offerTitleIcon i {
    font-size: 14px;
  }
  .bigContainerAddCustomerHomiris .dashboard .dashboardContainer .offerTitle .offerTitleContainer h1 {
    font-size: 25px;
    text-align: center;
  }
  .bigContainerAddCustomerHomiris .dashboard .dashboardContainer .offerTitle .offerTitleContainer p {
    text-align: center;
  }
  .bigContainerAddCustomerHomiris .dashboard .dashboardContainer .offerTitle .void {
    width: 40px;
  }
  .bigContainerAddCustomerHomiris .dashboard .dashboardContainer .customerContainer {
    border-radius: 30px;
    height: 100%;
  }
  .bigContainerAddCustomerHomiris .dashboard .dashboardContainer .customerContainer .customerInfos form .form1 {
    margin-bottom: 40px;
  }
  .bigContainerAddCustomerHomiris .dashboard .dashboardContainer .customerContainer .customerInfos form .form1 h2 {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .bigContainerAddCustomerHomiris .dashboard .dashboardContainer .customerContainer .customerInfos form .form2 h2 {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .bigContainerAddCustomerHomiris .dashboard .dashboardContainer .customerContainer .customerInfos form .form2 .gender {
    margin-bottom: 40px;
  }
  .bigContainerAddCustomerHomiris .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow {
    display: flex;
    gap: 20px;
  }
  .bigContainerAddCustomerHomiris .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field {
    width: 100%;
    margin-bottom: 15px;
  }
  .bigContainerAddCustomerHomiris .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field label {
    font-weight: 600;
    display: inline-block;
    margin-bottom: 10px;
  }
  .bigContainerAddCustomerHomiris .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field label span {
    color: red;
  }
  .bigContainerAddCustomerHomiris .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field .fieldBG {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 13px 20px;
    border-radius: 16px;
    transition: all 300ms ease-in-out;
    background-color: #fff;
  }
  .bigContainerAddCustomerHomiris .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field .fieldBG input {
    width: 100%;
    background: none;
  }
  .bigContainerAddCustomerHomiris .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field .fieldBG i {
    margin-left: 20px;
    cursor: pointer;
    color: #7d7d7d;
  }
  .bigContainerAddCustomerHomiris .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field .disabled {
    background-color: #eceff3;
    cursor: not-allowed;
  }
  .bigContainerAddCustomerHomiris .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field .disabled p {
    opacity: 0.5;
  }
  .bigContainerAddCustomerHomiris .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field .fieldBGSelect select {
    cursor: pointer;
    display: flex;
    align-items: center;
    border: 1.5px #dedfe4 solid;
    width: 100%;
    padding: 13px 20px;
    border-radius: 16px;
    transition: all 300ms ease-in-out;
    box-shadow: 0 3px 10px #f3f3f3;
  }
  .bigContainerAddCustomerHomiris .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field .fieldBGSelect select:hover {
    border: 1.5px #1c2426 solid;
  }
  .bigContainerAddCustomerHomiris .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field .fieldBGTextarea textarea {
    align-items: center;
    border: 1.5px #dedfe4 solid;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    max-height: 200px;
    min-height: 200px;
    padding: 13px 20px;
    border-radius: 16px;
    transition: all 300ms ease-in-out;
    box-shadow: 0 3px 10px #f3f3f3;
  }
  .bigContainerAddCustomerHomiris .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field .fieldBGTextarea textarea:hover {
    border: 1.5px #1c2426 solid;
  }
  .bigContainerAddCustomerHomiris .dashboard .dashboardContainer .customerContainer .customerInfos form .field {
    width: 100%;
    margin-bottom: 15px;
  }
  .bigContainerAddCustomerHomiris .dashboard .dashboardContainer .customerContainer .customerInfos form .field label {
    font-weight: 600;
    display: inline-block;
    margin-bottom: 10px;
  }
  .bigContainerAddCustomerHomiris .dashboard .dashboardContainer .customerContainer .customerInfos form .field .fieldBG {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 13px 20px;
    border-radius: 16px;
    transition: all 300ms ease-in-out;
  }
  .bigContainerAddCustomerHomiris .dashboard .dashboardContainer .customerContainer .customerInfos form .field .fieldBG input {
    width: 100%;
    background: none;
  }
  .bigContainerAddCustomerHomiris .dashboard .dashboardContainer .customerContainer .customerInfos form .field .fieldBG i {
    margin-left: 20px;
    cursor: pointer;
    color: #7d7d7d;
  }
  .bigContainerAddCustomerHomiris .dashboard .dashboardContainer .customerContainer .customerInfos form .backCustomer {
    display: inline-block;
    margin-top: 20px;
    padding: 15px 30px;
    border: 1.5px var(--color-default) solid;
    background-color: var(--color-default);
    color: #fff;
    border-radius: 20px;
  }
  .bigContainerAddCustomerHomiris .dashboard .dashboardContainer .customerContainer .customerInfos form button {
    margin-top: 30px;
    background-color: #659d64;
    border: 1.5px #659d64 solid;
    padding: 13px 20px;
    border-radius: 16px;
    transition: all 300ms ease-in-out;
    box-shadow: 0 3px 10px #f3f3f3;
    color: #fff;
  }
  .bigContainerAddCustomerHomiris .dashboard .dashboardContainer .customerContainer .customerInfos form button:hover {
    background-color: #fff;
    border: 1.5px #659d64 solid;
    color: #659d64;
  }
}
@media screen and (max-width: 1000px) {
  .bigContainerAddCustomerHomiris .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .bigContainerBusinessProvider {
    position: relative;
    height: 100%;
    width: 100%;
  }
  .bigContainerBusinessProvider .dashboard {
    position: relative;
    height: 100%;
  }
  .bigContainerBusinessProvider .dashboard .dashboardContainer {
    width: 100%;
    height: 100%;
    padding: 30px 20px 88px 20px;
  }
  .bigContainerBusinessProvider .dashboard .dashboardContainer .offerTitle {
    margin-bottom: 30px;
  }
  .bigContainerBusinessProvider .dashboard .dashboardContainer .offerTitle h1 {
    font-size: 25px;
    text-align: center;
  }
  .bigContainerBusinessProvider .dashboard .dashboardContainer .customerContainer {
    height: 100%;
  }
  .bigContainerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .bigContainerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerHeader h2 {
    font-size: 20px;
  }
  .bigContainerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerList h2 {
    margin-bottom: 20px;
  }
  .bigContainerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerList .customerListContainer {
    border-radius: 30px;
    padding: 20px;
    background-color: #fff;
  }
  .bigContainerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerList .customerListInfos {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-bottom: 30px;
  }
  .bigContainerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerList .customerListInfos .counter {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .bigContainerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerList .customerListInfos .counter h2 {
    font-size: 20px;
  }
  .bigContainerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerList .customerListInfos .customerListInfosButtons {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .bigContainerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerList .customerListInfos .customerListInfosButtons a {
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1.5px #ebebf0 solid;
    border-radius: 13px;
    padding: 8px 15px;
    box-shadow: 0 1px 2px #f2f1f1;
    transition: all 300ms ease-in-out;
    background-color: #fff;
  }
  .bigContainerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerList .customerListInfos .customerListInfosButtons a:hover {
    box-shadow: 0 1px 2px #dddbdb;
  }
  .bigContainerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerList .customerListInfos .customerListInfosButtons a:nth-child(1) {
    padding: 10px 15px;
  }
  .bigContainerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerList .customerListInfos .addCustomer {
    display: flex;
    gap: 10px;
    align-items: center;
    background-color: #fff;
    background-color: #226F54;
    padding: 13px 20px;
    border-radius: 50px;
    transition: all 300ms ease-in-out;
  }
  .bigContainerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerList .customerListInfos .addCustomer:hover {
    background-color: #174a38;
  }
  .bigContainerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerList .customerListInfos .addCustomer:hover i, .bigContainerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerList .customerListInfos .addCustomer:hover p {
    color: #fff;
  }
  .bigContainerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerList .customerListInfos .addCustomer i, .bigContainerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerList .customerListInfos .addCustomer p {
    color: #fff;
  }
  .bigContainerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerList .tableMobile {
    display: none;
  }
  .bigContainerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerList table {
    width: 100%;
    border-collapse: collapse;
  }
  .bigContainerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerList table thead {
    background-color: #fff;
    text-align: start;
  }
  .bigContainerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerList table thead tr th {
    text-align: start;
    font-weight: normal;
    padding: 15px 20px;
    color: #8b959e;
  }
  .bigContainerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerList table tbody tr {
    transition: all 300ms;
  }
  .bigContainerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerList table tbody tr td {
    padding: 15px 20px;
  }
  .bigContainerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerList table tbody tr td .customerNameContent .customerName {
    font-weight: 700;
  }
  .bigContainerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerList table tbody tr td .customerNameContent .customerEmail {
    padding-top: 3px;
    color: #8b959e;
    font-weight: normal;
  }
  .bigContainerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerList table tbody tr td .customerContent {
    display: flex;
    gap: 5px;
    flex-direction: column;
    background-color: red;
  }
  .bigContainerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerList table tbody tr td .customerContent .customerIcon {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .bigContainerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerList table tbody tr td .customerContent .customerEmail {
    font-weight: normal;
  }
  .bigContainerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerList table tbody tr td .buttonsAction {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .bigContainerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerList table tbody tr td .buttonsAction .detailsClient {
    display: inline-block;
    border: 1.5px #ebebf0 solid;
    border-radius: 8px;
    padding: 5px 10px;
    box-shadow: 0 1px 2px #f2f1f1;
    transition: all 300ms ease-in-out;
    background-color: #fff;
  }
  .bigContainerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerList table tbody tr td .buttonsAction .detailsClient:hover {
    box-shadow: 0 1px 2px #dddbdb;
  }
  .bigContainerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerList table tbody tr td .buttonsAction .deleteClient {
    border: 1.5px #ca5757 solid;
    border-radius: 8px;
    padding: 5px 10px;
    box-shadow: 0 1px 2px #f2f1f1;
    transition: all 300ms ease-in-out;
    background-color: #ef6868;
    color: #fff;
  }
  .bigContainerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerList table tbody tr td .buttonsAction .deleteClient:hover {
    box-shadow: 0 1px 2px #dddbdb;
  }
}
.dateTimeDesktop {
  display: block !important;
}

.dateTimeMobile {
  display: none !important;
}

@media screen and (max-width: 1000px) {
  .bigContainerBusinessProvider1 .dashboard .dashboardContainer .customerContainer .tableScroll .tableDesktop {
    display: none !important;
  }
  .bigContainerBusinessProvider1 .dashboard .dashboardContainer .customerContainer .tableScroll .tableMobile {
    display: table !important;
  }
  .bigContainerBusinessProvider1 .dashboard .dashboardContainer .customerContainer .tableScroll .tableMobile tbody tr td .customerNameContent .statusBG {
    padding-bottom: 10px;
  }
  .bigContainerBusinessProvider1 .dashboard .dashboardContainer .customerContainer .tableScroll .tableMobile tbody tr td .customerNameContent .customerInfos .customerInfosContainer {
    display: flex;
    align-items: center;
  }
  .bigContainerBusinessProvider1 .dashboard .dashboardContainer .customerContainer .tableScroll .tableMobile tbody tr td .customerNameContent .customerInfos .customerInfosContainer .dateAdd {
    padding: 10px 0;
  }
  .bigContainerBusinessProvider1 .dashboard .dashboardContainer .customerContainer .tableScroll .tableMobile tbody tr td .customerNameContent .customerInfos .buttonsAction {
    width: 100%;
  }
  .bigContainerBusinessProvider1 .dashboard .dashboardContainer .customerContainer .tableScroll .tableMobile tbody tr td .customerNameContent .customerInfos .buttonsAction .detailsClient {
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 600px) {
  .bigContainerBusinessProvider .dashboard .dashboardContainer .customerContainer .tableScroll .tableScrollAdd .addCustomer .removeAddDesktop {
    display: none;
  }
  .dateTimeDesktop {
    display: none !important;
  }
  .dateTimeMobile {
    display: block !important;
    margin-top: 3px;
  }
}
@media screen and (max-width: 768px) {
  .bigContainerCustomerListBusinessProvider {
    position: relative;
    height: 100%;
    width: 100%;
  }
  .bigContainerCustomerListBusinessProvider .dashboard {
    position: relative;
    height: 100%;
    width: 100%;
  }
  .bigContainerCustomerListBusinessProvider .dashboard .dashboardContainer {
    width: 100%;
    height: 100%;
    padding: 30px 15px 88px 15px;
  }
  .bigContainerCustomerListBusinessProvider .dashboard .dashboardContainer .offerTitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
  }
  .bigContainerCustomerListBusinessProvider .dashboard .dashboardContainer .offerTitle .offerTitleIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    border: 1.5px #dedfe4 solid;
    border-radius: 50%;
  }
  .bigContainerCustomerListBusinessProvider .dashboard .dashboardContainer .offerTitle .offerTitleIcon i {
    font-size: 14px;
  }
  .bigContainerCustomerListBusinessProvider .dashboard .dashboardContainer .offerTitle .offerTitleContainer h1 {
    font-size: 25px;
    text-align: center;
  }
  .bigContainerCustomerListBusinessProvider .dashboard .dashboardContainer .offerTitle .offerTitleContainer p {
    text-align: center;
  }
  .bigContainerCustomerListBusinessProvider .dashboard .dashboardContainer .offerTitle .void {
    width: 40px;
  }
  .bigContainerCustomerListBusinessProvider .dashboard .dashboardContainer .addCustomer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border-radius: 50px;
  }
  .bigContainerCustomerListBusinessProvider .dashboard .dashboardContainer .addCustomer .addCustomerContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
  }
  .bigContainerCustomerListBusinessProvider .dashboard .dashboardContainer .addCustomer .addCustomerContainer .addCustomerIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    background-color: #fff;
    border-radius: 50%;
  }
  .bigContainerCustomerListBusinessProvider .dashboard .dashboardContainer .addCustomer .addCustomerContainer .addCustomerIcon i {
    color: var(--color-default);
  }
  .bigContainerCustomerListBusinessProvider .dashboard .dashboardContainer .addCustomer .addCustomerContainer .addCustomerIcon p {
    color: var(--color-default);
  }
  .bigContainerCustomerListBusinessProvider .dashboard .dashboardContainer .tableScrollAdd {
    margin-bottom: 20px;
  }
  .bigContainerCustomerListBusinessProvider .dashboard .dashboardContainer .tableScrollAdd .counter {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .bigContainerCustomerListBusinessProvider .dashboard .dashboardContainer .tableScrollAdd .counter p {
    font-size: 18px;
    font-weight: 600;
  }
  .bigContainerCustomerListBusinessProvider .dashboard .dashboardContainer .tableScrollAdd .counter p span {
    color: gray !important;
  }
  .bigContainerCustomerListBusinessProvider .dashboard .dashboardContainer .customerContainer {
    border-radius: 15px;
    height: 100%;
  }
  .bigContainerCustomerListBusinessProvider .dashboard .dashboardContainer .customerContainer .customerHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .bigContainerCustomerListBusinessProvider .dashboard .dashboardContainer .customerContainer .customerHeader h2 {
    font-size: 20px;
  }
  .bigContainerCustomerListBusinessProvider .dashboard .dashboardContainer .customerContainer .tableScroll {
    position: relative;
    overflow-y: auto;
    background-color: #fff;
    padding: 15px;
    border-radius: 20px;
  }
  .bigContainerCustomerListBusinessProvider .dashboard .dashboardContainer .customerContainer .tableScroll table {
    width: 100%;
    border-collapse: collapse;
  }
  .bigContainerCustomerListBusinessProvider .dashboard .dashboardContainer .customerContainer .tableScroll table thead {
    text-align: start;
  }
  .bigContainerCustomerListBusinessProvider .dashboard .dashboardContainer .customerContainer .tableScroll table thead tr th {
    text-align: start;
    font-weight: normal;
    color: #8b959e;
  }
  .bigContainerCustomerListBusinessProvider .dashboard .dashboardContainer .customerContainer .tableScroll table tbody tr td {
    background-color: #fff;
    padding-top: 20px;
  }
  .bigContainerCustomerListBusinessProvider .dashboard .dashboardContainer .customerContainer .tableScroll table tbody tr td .customerNameContent .customerName {
    font-weight: 700;
  }
  .bigContainerCustomerListBusinessProvider .dashboard .dashboardContainer .customerContainer .tableScroll table tbody tr td .customerNameContent .customerEmail {
    padding-top: 3px;
    color: #8b959e;
    font-weight: normal;
  }
  .bigContainerCustomerListBusinessProvider .dashboard .dashboardContainer .customerContainer .tableScroll table tbody tr td .customerContent {
    display: flex;
    gap: 5px;
    flex-direction: column;
    background-color: red;
  }
  .bigContainerCustomerListBusinessProvider .dashboard .dashboardContainer .customerContainer .tableScroll table tbody tr td .customerContent .customerIcon {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .bigContainerCustomerListBusinessProvider .dashboard .dashboardContainer .customerContainer .tableScroll table tbody tr td .customerContent .customerEmail {
    font-weight: normal;
  }
  .bigContainerCustomerListBusinessProvider .dashboard .dashboardContainer .customerContainer .tableScroll table tbody tr td .buttonsAction {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .bigContainerCustomerListBusinessProvider .dashboard .dashboardContainer .customerContainer .tableScroll table tbody tr td .buttonsAction .detailsClient {
    display: inline-block;
    border: 1.5px #ebebf0 solid;
    border-radius: 8px;
    padding: 5px 10px;
    box-shadow: 0 1px 2px #f2f1f1;
    transition: all 300ms ease-in-out;
    background-color: #fff;
  }
  .bigContainerCustomerListBusinessProvider .dashboard .dashboardContainer .customerContainer .tableScroll table tbody tr td .buttonsAction .detailsClient:hover {
    box-shadow: 0 1px 2px #dddbdb;
  }
}
@media screen and (max-width: 1000px) {
  .bigContainerCustomerListBusinessProvider .dashboard .dashboardContainer .customerContainer .tableScroll .tableDesktop {
    display: none !important;
  }
  .bigContainerCustomerListBusinessProvider .dashboard .dashboardContainer .customerContainer .tableScroll .tableMobile {
    display: table !important;
  }
  .bigContainerCustomerListBusinessProvider .dashboard .dashboardContainer .customerContainer .tableScroll .tableMobile tbody tr td .customerNameContent .statusBG {
    padding-bottom: 10px;
  }
  .bigContainerCustomerListBusinessProvider .dashboard .dashboardContainer .customerContainer .tableScroll .tableMobile tbody tr td .customerNameContent .customerInfos .customerInfosContainer {
    display: flex;
    align-items: center;
  }
  .bigContainerCustomerListBusinessProvider .dashboard .dashboardContainer .customerContainer .tableScroll .tableMobile tbody tr td .customerNameContent .customerInfos .customerInfosContainer .dateAdd {
    padding: 10px 0;
  }
  .bigContainerCustomerListBusinessProvider .dashboard .dashboardContainer .customerContainer .tableScroll .tableMobile tbody tr td .customerNameContent .customerInfos .buttonsAction {
    width: 100%;
  }
  .bigContainerCustomerListBusinessProvider .dashboard .dashboardContainer .customerContainer .tableScroll .tableMobile tbody tr td .customerNameContent .customerInfos .buttonsAction .detailsClient {
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 600px) {
  .bigContainerCustomerListBusinessProvider .dashboard .dashboardContainer .customerContainer .tableScroll .tableScrollAdd .addCustomer .removeAddDesktop {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .bigContainerCustomerDetailsBusinessProvider {
    height: 100%;
    width: 100%;
  }
  .bigContainerCustomerDetailsBusinessProvider .dashboard {
    position: relative;
    height: 100%;
    width: 100%;
  }
  .bigContainerCustomerDetailsBusinessProvider .dashboard .dashboardContainer {
    width: 100%;
    height: 100%;
    padding: 30px 15px 88px 15px;
  }
  .bigContainerCustomerDetailsBusinessProvider .dashboard .dashboardContainer .offerTitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
  }
  .bigContainerCustomerDetailsBusinessProvider .dashboard .dashboardContainer .offerTitle .offerTitleIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    border: 1.5px #dedfe4 solid;
    border-radius: 50%;
  }
  .bigContainerCustomerDetailsBusinessProvider .dashboard .dashboardContainer .offerTitle .offerTitleIcon i {
    font-size: 14px;
  }
  .bigContainerCustomerDetailsBusinessProvider .dashboard .dashboardContainer .offerTitle .offerTitleContainer h1 {
    font-size: 25px;
    text-align: center;
  }
  .bigContainerCustomerDetailsBusinessProvider .dashboard .dashboardContainer .offerTitle .offerTitleContainer p {
    text-align: center;
  }
  .bigContainerCustomerDetailsBusinessProvider .dashboard .dashboardContainer .offerTitle .void {
    width: 40px;
  }
  .bigContainerCustomerDetailsBusinessProvider .dashboard .dashboardContainer .customerContainer {
    border-radius: 30px;
    height: 100%;
  }
  .bigContainerCustomerDetailsBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos .customerBigName {
    margin-bottom: 40px;
  }
  .bigContainerCustomerDetailsBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos .customerBigName .customerName {
    display: flex;
    align-items: center;
    gap: 20px;
  }
  .bigContainerCustomerDetailsBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos .customerBigName .cusmoterContent {
    margin-top: 10px;
  }
  .bigContainerCustomerDetailsBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow {
    display: flex;
    gap: 20px;
  }
  .bigContainerCustomerDetailsBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field {
    width: 100%;
    margin-bottom: 15px;
  }
  .bigContainerCustomerDetailsBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field label {
    font-weight: 600;
    display: inline-block;
    margin-bottom: 10px;
  }
  .bigContainerCustomerDetailsBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field .fieldBG {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 13px 20px 13px 20px;
    border-radius: 16px;
    transition: all 300ms ease-in-out;
    background-color: #fff;
  }
  .bigContainerCustomerDetailsBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field .fieldBG:hover {
    border: 1.5px #1c2426 solid;
  }
  .bigContainerCustomerDetailsBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field .fieldBG input {
    width: 100%;
    background: none;
  }
  .bigContainerCustomerDetailsBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field .fieldBG i {
    margin-left: 20px;
    cursor: pointer;
    color: #7d7d7d;
  }
  .bigContainerCustomerDetailsBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field .fieldBGTextarea textarea {
    max-height: 200px;
    min-height: 200px;
    max-width: 100%;
    min-width: 100%;
    display: flex;
    align-items: center;
    border: 1.5px #dedfe4 solid;
    width: 100%;
    padding: 13px 20px 13px 20px;
    border-radius: 16px;
    transition: all 300ms ease-in-out;
    box-shadow: 0 3px 10px #f3f3f3;
  }
  .bigContainerCustomerDetailsBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field .readonly {
    cursor: not-allowed;
    background-color: #eceff3;
  }
  .bigContainerCustomerDetailsBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field .readonly input {
    color: #7d7d7d;
    cursor: not-allowed;
  }
  .bigContainerCustomerDetailsBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .buttonsCustomerDetails {
    margin-top: 20px;
    display: flex;
    align-items: center;
    gap: 20px;
  }
  .bigContainerCustomerDetailsBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .buttonsCustomerDetails .saveCustomer {
    padding: 15px 30px;
    border: 1.5px var(--color-default) solid;
    border-radius: 20px;
    background-color: #fff;
    transition: all 300ms ease-in-out;
  }
  .bigContainerCustomerDetailsBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .buttonsCustomerDetails .saveCustomer:hover {
    background-color: var(--color-default);
    color: #fff;
  }
  .bigContainerCustomerDetailsBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .buttonsCustomerDetails .backCustomer {
    display: flex;
    align-items: center;
    padding: 15px 30px;
    border: 1.5px var(--color-default) solid;
    background-color: var(--color-default);
    border-radius: 20px;
    transition: all 300ms ease-in-out;
  }
  .bigContainerCustomerDetailsBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .buttonsCustomerDetails .backCustomer:hover {
    background-color: #fff;
  }
  .bigContainerCustomerDetailsBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .buttonsCustomerDetails .backCustomer:hover i, .bigContainerCustomerDetailsBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .buttonsCustomerDetails .backCustomer:hover p {
    color: var(--color-default);
  }
  .bigContainerCustomerDetailsBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .buttonsCustomerDetails .backCustomer i {
    margin-right: 10px;
  }
  .bigContainerCustomerDetailsBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .buttonsCustomerDetails .backCustomer i, .bigContainerCustomerDetailsBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .buttonsCustomerDetails .backCustomer p {
    color: #fff;
  }
  .bigContainerCustomerDetailsBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos .updateSuccess {
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  .bigContainerCustomerDetailsBusinessProvider .dashboard {
    left: 0;
    width: 100%;
  }
}
@media screen and (max-width: 1000px) {
  .bigContainerCustomerDetailsBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos .customerBigName .customerName {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }
  .bigContainerCustomerDetailsBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .bigContainerCustomerDetailsBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow {
    flex-direction: column;
  }
  .bigContainerCustomerDetailsBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .buttonsCustomerDetails {
    flex-direction: column;
  }
  .bigContainerCustomerDetailsBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .buttonsCustomerDetails .saveCustomer, .bigContainerCustomerDetailsBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .buttonsCustomerDetails .backCustomer {
    width: 100%;
  }
  .bigContainerCustomerDetailsBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .buttonsCustomerDetails .backCustomer {
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .bigContainerAddCustomerBusinessProvider {
    position: relative;
    height: 100%;
    width: 100%;
  }
  .bigContainerAddCustomerBusinessProvider .dashboard {
    position: relative;
    height: 100%;
    width: 100%;
  }
  .bigContainerAddCustomerBusinessProvider .dashboard .dashboardContainer {
    width: 100%;
    height: 100%;
    padding: 30px 15px 88px 15px;
  }
  .bigContainerAddCustomerBusinessProvider .dashboard .dashboardContainer .offerTitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
  }
  .bigContainerAddCustomerBusinessProvider .dashboard .dashboardContainer .offerTitle .offerTitleIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    border: 1.5px #dedfe4 solid;
    border-radius: 50%;
  }
  .bigContainerAddCustomerBusinessProvider .dashboard .dashboardContainer .offerTitle .offerTitleIcon i {
    font-size: 14px;
  }
  .bigContainerAddCustomerBusinessProvider .dashboard .dashboardContainer .offerTitle .offerTitleContainer h1 {
    font-size: 25px;
    text-align: center;
  }
  .bigContainerAddCustomerBusinessProvider .dashboard .dashboardContainer .offerTitle .offerTitleContainer p {
    text-align: center;
  }
  .bigContainerAddCustomerBusinessProvider .dashboard .dashboardContainer .offerTitle .void {
    width: 40px;
  }
  .bigContainerAddCustomerBusinessProvider .dashboard .dashboardContainer .customerContainer {
    height: 100%;
  }
  .bigContainerAddCustomerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos {
    border-radius: 30px;
  }
  .bigContainerAddCustomerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow {
    display: flex;
    gap: 20px;
  }
  .bigContainerAddCustomerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field {
    width: 100%;
    margin-bottom: 15px;
  }
  .bigContainerAddCustomerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field label {
    font-weight: 600;
    display: inline-block;
    margin-bottom: 10px;
  }
  .bigContainerAddCustomerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field .fieldBG {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 13px 20px;
    border-radius: 16px;
    transition: all 300ms ease-in-out;
    background-color: #fff;
  }
  .bigContainerAddCustomerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field .fieldBG:hover {
    border: 1.5px #1c2426 solid;
  }
  .bigContainerAddCustomerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field .fieldBG input {
    width: 100%;
    background: none;
  }
  .bigContainerAddCustomerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field .fieldBG i {
    margin-left: 20px;
    cursor: pointer;
    color: #7d7d7d;
  }
  .bigContainerAddCustomerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .field {
    width: 100%;
    margin-bottom: 15px;
  }
  .bigContainerAddCustomerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .field label {
    font-weight: 600;
    display: inline-block;
    margin-bottom: 10px;
  }
  .bigContainerAddCustomerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .field .fieldBG {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 13px 20px;
    border-radius: 16px;
    transition: all 300ms ease-in-out;
    background-color: #fff;
  }
  .bigContainerAddCustomerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .field .fieldBG:hover {
    border: 1.5px #1c2426 solid;
  }
  .bigContainerAddCustomerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .field .fieldBG input {
    width: 100%;
    background: none;
  }
  .bigContainerAddCustomerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .field .fieldBG i {
    margin-left: 20px;
    cursor: pointer;
    color: #7d7d7d;
  }
  .bigContainerAddCustomerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .field .fieldBGSelect select {
    cursor: pointer;
    display: flex;
    align-items: center;
    border: 1.5px #dedfe4 solid;
    width: 100%;
    padding: 13px 20px;
    border-radius: 16px;
    transition: all 300ms ease-in-out;
    box-shadow: 0 3px 10px #f3f3f3;
  }
  .bigContainerAddCustomerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .field .fieldBGSelect select:hover {
    border: 1.5px #1c2426 solid;
  }
  .bigContainerAddCustomerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .field .fieldBGTextarea textarea {
    align-items: center;
    border: 1.5px #dedfe4 solid;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    max-height: 200px;
    min-height: 200px;
    padding: 13px 20px;
    border-radius: 16px;
    transition: all 300ms ease-in-out;
    box-shadow: 0 3px 10px #f3f3f3;
  }
  .bigContainerAddCustomerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .field .fieldBGTextarea textarea:hover {
    border: 1.5px #1c2426 solid;
  }
  .bigContainerAddCustomerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .field-multi-select-dropdown {
    margin-bottom: 15px;
  }
  .bigContainerAddCustomerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .field-multi-select-dropdown .label {
    font-weight: 600;
    display: inline-block;
    margin-bottom: 10px;
  }
  .bigContainerAddCustomerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .field-multi-select-dropdown .multi-select-container {
    position: relative;
    width: 300px;
  }
  .bigContainerAddCustomerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .field-multi-select-dropdown .multi-select-container .multi-select-dropdown {
    padding: 13px 20px;
    background-color: #fff;
    cursor: pointer;
    border-radius: 16px;
  }
  .bigContainerAddCustomerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .field-multi-select-dropdown .multi-select-container .dropdown-options {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    position: absolute;
    gap: 5px;
    top: 100%;
    left: 0;
    width: 100%;
    background: white;
    padding: 13px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 16px;
  }
  .bigContainerAddCustomerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .field-multi-select-dropdown .multi-select-container .dropdown-options label {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 5px;
  }
  .bigContainerAddCustomerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .field-multi-select-dropdown .multi-select-container .dropdown-options .dropdown-void {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px #e0e8ef solid;
    padding-top: 10px;
  }
  .bigContainerAddCustomerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .field-multi-select-dropdown .multi-select-container .dropdown-options .dropdown-void .dropdown-void-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background-color: #e25555;
  }
  .bigContainerAddCustomerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .field-multi-select-dropdown .multi-select-container .dropdown-options .dropdown-void .dropdown-void-icon i {
    color: #fff;
    font-size: 14px;
  }
  .bigContainerAddCustomerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .field-multi-select-dropdown .multi-select-container .hidden {
    display: none;
  }
  .bigContainerAddCustomerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .backCustomer {
    display: inline-block;
    margin-top: 20px;
    padding: 15px 30px;
    border: 1.5px var(--color-default) solid;
    background-color: var(--color-default);
    color: #fff;
    border-radius: 20px;
  }
  .bigContainerAddCustomerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form button {
    margin-top: 30px;
    background-color: #659d64;
    background-color: #b4e2d2;
    border: 1.5px #b4e2d2 solid;
    padding: 13px 20px;
    border-radius: 16px;
    transition: all 300ms ease-in-out;
    box-shadow: 0 3px 10px #f3f3f3;
    color: var(--color-default);
  }
  .bigContainerAddCustomerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form button:hover {
    background-color: #fff;
    border: 1.5px #659d64 solid;
    color: #659d64;
  }
}
@media screen and (max-width: 1000px) {
  .bigContainerAddCustomerBusinessProvider .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .bigContainerMerchantProfil {
    position: relative;
    height: 100%;
    width: 100%;
  }
  .bigContainerMerchantProfil .dashboard {
    position: relative;
    height: 100%;
  }
  .bigContainerMerchantProfil .dashboard .dashboardContainer {
    width: 100%;
    height: 100%;
    padding: 30px 15px;
  }
  .bigContainerMerchantProfil .dashboard .dashboardContainer .merchantInfos {
    background-color: #fff;
    border-radius: 20px;
    padding: 15px;
  }
  .bigContainerMerchantProfil .dashboard .dashboardContainer .merchantInfos .merchantInfoContent {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .bigContainerMerchantProfil .dashboard .dashboardContainer .merchantInfos .merchantInfoContent .merchantInfoContainer .merchantName {
    color: #1c2426;
    font-weight: 700;
  }
  .bigContainerMerchantProfil .dashboard .dashboardContainer .merchantInfos .merchantInfoContent .merchantInfoContainer .merchantEmail {
    margin-top: 3px;
    color: #8b959e;
  }
  .bigContainerMerchantProfil .dashboard .dashboardContainer .merchantInfos .merchantInfoContent .merchantInfoButton {
    display: flex;
    align-items: center;
    background-color: #1c2426;
    border-radius: 25px;
    padding: 10px 15px;
    gap: 5px;
  }
  .bigContainerMerchantProfil .dashboard .dashboardContainer .merchantInfos .merchantInfoContent .merchantInfoButton i, .bigContainerMerchantProfil .dashboard .dashboardContainer .merchantInfos .merchantInfoContent .merchantInfoButton p {
    color: #fff;
  }
  .bigContainerMerchantProfil .dashboard .dashboardContainer .merchantCode {
    margin: 15px 0;
    background-color: #fff;
    padding: 15px;
    border-radius: 20px;
  }
  .bigContainerMerchantProfil .dashboard .dashboardContainer .merchantInputs {
    background-color: #fff;
    border-radius: 20px;
    padding: 15px;
  }
  .bigContainerMerchantProfil .dashboard .dashboardContainer .merchantInputs .merchantInputContent p {
    color: #969ca1;
  }
  .bigContainerMerchantProfil .dashboard .dashboardContainer .merchantInputs .merchantInputContent .merchantInputContainer {
    margin-top: 20px;
  }
  .bigContainerMerchantProfil .dashboard .dashboardContainer .merchantInputs .merchantInputContent .merchantInputContainer .merchantInputFlex {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 5px;
  }
  .bigContainerMerchantProfil .dashboard .dashboardContainer .merchantInputs .merchantInputContent .merchantInputContainer .merchantInputFlex .merchantInputBG {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
  }
  .bigContainerMerchantProfil .dashboard .dashboardContainer .merchantInputs .merchantInputContent .merchantInputContainer .merchantInputFlex .merchantInputBG .merchantInputLink i {
    margin-right: 5px;
    font-size: 14px;
  }
  .bigContainerMerchantProfil .dashboard .dashboardContainer .merchantInputs .merchantInputContent .merchantInputContainer .merchantInputFlex .merchantInputBG i {
    font-size: 12px;
  }
  .bigContainerMerchantProfil .dashboard .dashboardContainer .merchantInputs .merchantInputContent .merchantInputContainer .merchantInputFlex .merchantInputLogout {
    margin-top: 15px;
    border: 1.5px #f6d6d6 solid;
    background-color: #f9e5e5;
    border-radius: 20px;
  }
  .bigContainerMerchantProfil .dashboard .dashboardContainer .merchantInputs .merchantInputContent .merchantInputContainer .merchantInputFlex .merchantInputLogout i, .bigContainerMerchantProfil .dashboard .dashboardContainer .merchantInputs .merchantInputContent .merchantInputContainer .merchantInputFlex .merchantInputLogout span {
    color: #e25555;
  }
  .bigContainerMerchantProfil .dashboard .dashboardContainer .customerContainer {
    border-radius: 30px;
    background-color: #fff;
    height: 100%;
  }
  .bigContainerMerchantProfil .dashboard .dashboardContainer .customerContainer .customerInfos .customerProfile {
    margin-bottom: 40px;
  }
  .bigContainerMerchantProfil .dashboard .dashboardContainer .customerContainer .customerInfos .customerProfile .customerProfileContainer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .bigContainerMerchantProfil .dashboard .dashboardContainer .customerContainer .customerInfos .customerProfile .customerProfileContainer .buttonLogOut {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ee6a6a;
    padding: 13px 20px;
    border-radius: 16px;
    height: 40px;
    width: 40px;
    margin-bottom: 20px;
  }
  .bigContainerMerchantProfil .dashboard .dashboardContainer .customerContainer .customerInfos .customerProfile .customerProfileContainer .buttonLogOut i {
    font-size: 18px;
  }
  .bigContainerMerchantProfil .dashboard .dashboardContainer .customerContainer .customerInfos .customerProfile .customerProfileHeader {
    margin-bottom: 30px;
  }
  .bigContainerMerchantProfil .dashboard .dashboardContainer .customerContainer .customerInfos .customerProfile .customerProfileHeader h1 {
    font-size: 25px;
    text-align: center;
  }
  .bigContainerMerchantProfil .dashboard .dashboardContainer .customerContainer .customerInfos .customerProfile .customerName h2 {
    font-size: 25px;
    font-weight: 600;
    text-align: center;
  }
  .bigContainerMerchantProfil .dashboard .dashboardContainer .customerContainer .customerInfos .customerProfile .cusmoterContent {
    margin-top: 10px;
  }
  .bigContainerMerchantProfil .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow {
    display: flex;
    gap: 20px;
  }
  .bigContainerMerchantProfil .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field {
    width: 100%;
    margin-bottom: 15px;
  }
  .bigContainerMerchantProfil .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field label {
    font-weight: 600;
    display: inline-block;
    margin-bottom: 10px;
  }
  .bigContainerMerchantProfil .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field .fieldBG {
    display: flex;
    align-items: center;
    border: 1.5px #dedfe4 solid;
    width: 100%;
    padding: 13px 20px;
    border-radius: 16px;
    transition: all 300ms ease-in-out;
    box-shadow: 0 3px 10px #f3f3f3;
  }
  .bigContainerMerchantProfil .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field .fieldBG:hover {
    border: 1.5px #1c2426 solid;
  }
  .bigContainerMerchantProfil .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field .fieldBG input {
    width: 100%;
    background: none;
  }
  .bigContainerMerchantProfil .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow .field .fieldBG i {
    margin-left: 20px;
    cursor: pointer;
    color: #7d7d7d;
  }
  .bigContainerMerchantProfil .dashboard .dashboardContainer .customerContainer .customerInfos form .buttonsProfile {
    margin-top: 30px;
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
  }
  .bigContainerMerchantProfil .dashboard .dashboardContainer .customerContainer .customerInfos form .buttonsProfile button {
    background-color: #659d64;
    border: 1.5px #659d64 solid;
    padding: 13px 20px;
    border-radius: 16px;
    transition: all 300ms ease-in-out;
    box-shadow: 0 3px 10px #f3f3f3;
    color: #fff;
  }
  .bigContainerMerchantProfil .dashboard .dashboardContainer .customerContainer .customerInfos form .buttonsProfile button:hover {
    background-color: #fff;
    border: 1.5px #659d64 solid;
    color: #659d64;
  }
}
@media screen and (max-width: 1000px) {
  .bigContainerMerchantProfil .dashboard .dashboardContainer .customerContainer .customerInfos form .fieldRow {
    display: block;
  }
}
/*===== GOOGLE FONTS =====*/
:root {
  --header-height: 3.5rem;
  --nav-width: 220px;
  /*========== Colors ==========*/
  --first-color: #6923D0;
  --first-color: purple;
  --first-color-light: #F4F0FA;
  --title-color: #19181B;
  --text-color: #58555E;
  --text-color-light: #A5A1AA;
  --body-color: #F9F6FD;
  --container-color: #FFFFFF;
  /*========== Font and typography ==========*/
  --body-font: "Poppins", sans-serif;
  --normal-font-size: .938rem;
  --small-font-size: .75rem;
  --smaller-font-size: .75rem;
  /*========== Font weight ==========*/
  --font-medium: 500;
  --font-semi-bold: 600;
  /*========== z index ==========*/
  --z-fixed: 1;
}
@media screen and (min-width: 1024px) {
  :root {
    --normal-font-size: 1rem;
    --small-font-size: .875rem;
    --smaller-font-size: .813rem;
  }
}

/*===== BASE =====*/
*, ::before, ::after {
  box-sizing: border-box;
}

body {
  position: relative;
  font-family: var(--body-font);
  transition: 0.5s ease-in-out;
}

/*========== HEADER ==========*/
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: var(--z-fixed);
  padding: 0 30px 0 30px;
  background-color: #f6f5f5;
  transition: all 400ms ease-in-out;
}
.header__container {
  display: flex;
  align-items: center;
  height: 50px;
  justify-content: space-between;
  box-shadow: 0 1px 0 rgba(22, 8, 43, 0.1);
  transition: all 400ms ease-in-out;
}
.header__img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
}
.header__logo {
  color: var(--title-color);
  font-weight: var(--font-medium);
  display: none;
}
.header__input {
  width: 100%;
  border: none;
  outline: none;
  background-color: var(--first-color-light);
}
.header__input::-moz-placeholder {
  font-family: var(--body-font);
  color: var(--text-color);
}
.header__input::placeholder {
  font-family: var(--body-font);
  color: var(--text-color);
}
.header .linkActive {
  display: flex;
  align-items: center;
  gap: 10px;
}
.header .linkActive h1 {
  font-size: 20px;
}
.header .searchBar {
  display: flex;
  align-items: center;
  gap: 10px;
}
.header .searchBar .searchBarContainer {
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: #fff;
  padding: 13px 20px;
  border-radius: 15px;
}
.header__icon, .header__toggle {
  font-size: 1.2rem;
}
.header__toggle {
  color: var(--title-color);
  cursor: pointer;
}

/*========== NAV ==========*/
.nav {
  position: fixed;
  top: 0;
  left: -100%;
  width: 70px;
  height: 100vh;
  padding: 1rem 1rem 0;
  background-color: var(--container-color);
  box-shadow: 1px 0 0 rgba(22, 8, 43, 0.1);
  z-index: var(--z-fixed);
  transition: all 400ms ease-in-out;
  /* Dropdown */
}
.nav__container {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 3rem;
  overflow: auto;
  scrollbar-width: none; /* For mozilla */
  /* For Google Chrome and others */
}
.nav__container::-webkit-scrollbar {
  display: none;
}
.nav__logo {
  font-weight: var(--font-semi-bold);
  margin-bottom: 2.5rem;
}
.nav__logo img {
  height: 30px;
}
.nav__list, .nav__items {
  display: grid;
}
.nav__list {
  row-gap: 2.5rem;
}
.nav__items {
  row-gap: 1.5rem;
}
.nav__subtitle {
  font-size: var(--normal-font-size);
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  color: var(--text-color-light);
}
.nav__link {
  display: flex;
  align-items: center;
  color: var(--text-color);
}
.nav__link:hover {
  color: var(--first-color);
}
.nav__icon {
  font-size: 1.2rem;
  margin-right: 0.5rem;
}
.nav__name {
  font-size: var(--small-font-size);
  font-weight: var(--font-medium);
  white-space: nowrap;
}
.nav__logout {
  margin-top: 5rem;
}
.nav__dropdown {
  overflow: hidden;
  max-height: 21px;
  transition: all 400ms ease-in-out;
  /* Show collapse */
  /*Rotate icon arrow*/
}
.nav__dropdown-collapse {
  background-color: var(--first-color-light);
  border-radius: 0.25rem;
  margin-top: 1rem;
}
.nav__dropdown-content {
  display: grid;
  row-gap: 0.5rem;
  padding: 0.75rem 2.5rem 0.75rem 1.8rem;
}
.nav__dropdown-item {
  font-size: var(--smaller-font-size);
  font-weight: var(--font-medium);
  color: var(--text-color);
}
.nav__dropdown-item:hover {
  color: var(--first-color);
}
.nav__dropdown-icon {
  margin-left: auto;
  transition: 400ms ease-in-out;
}
.nav__dropdown:hover {
  max-height: 100rem;
}
.nav__dropdown:hover .nav__dropdown-icon {
  transform: rotate(180deg);
}

/*===== Show menu =====*/
.show-menu {
  left: 0;
  width: 220px;
}

/*===== Active link =====*/
.active {
  color: var(--first-color);
}

/* ========== MEDIA QUERIES ==========*/
/* For small devices reduce search*/
@media screen and (max-width: 320px) {
  .header__search {
    width: 70%;
  }
}
@media screen and (min-width: 768px) {
  .header {
    padding: 0 30px 0 100px;
  }
  .header__container {
    height: 70px;
  }
  .header__search {
    width: 300px;
    padding: 0.55rem 0.75rem;
  }
  .header__toggle {
    display: none;
  }
  .header__img {
    width: 40px;
    height: 40px;
    order: 1;
  }
  .nav {
    left: 0;
    padding: 1.2rem 1.5rem 0;
    width: 70px;
  }
  .nav__items {
    row-gap: 1.7rem;
  }
  .nav__icon {
    font-size: 1.3rem;
  }
  .nav__logo-name, .nav__name, .nav__subtitle, .nav__dropdown-icon {
    opacity: 0;
    transition: all 400ms ease-in-out;
  }
  .nav:hover {
    width: var(--nav-width);
  }
  .nav:hover .nav__logo-name {
    opacity: 1;
  }
  .nav:hover .nav__subtitle {
    opacity: 1;
  }
  .nav:hover .nav__name {
    opacity: 1;
  }
  .nav:hover .nav__dropdown-icon {
    opacity: 1;
  }
}
/* Superposition floue */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(207, 207, 207, 0.5);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  animation-fill-mode: forwards;
  transition: opacity 300ms ease, visibility 300ms ease;
}

.overlay.active {
  opacity: 1;
  visibility: visible;
  z-index: 5; /* Mettre au-dessus du menu mobile */
}

.overlay.fade-out {
  opacity: 0;
  visibility: hidden;
}

.overflow-hidden {
  overflow: hidden;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*=============== NAVBAR ===============*/
.navMobile {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  width: 100%;
  margin-inline: auto;
  padding: 10px 40px;
  border-top: 1.5px #f3f3f3 solid;
  z-index: 3;
}
.navMobile .mobileNavList {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.navMobile .mobileNavLink {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 50%;
  gap: 3px;
}
.navMobile .mobileNavLink .mobileNavLinkIcon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.navMobile .mobileNavLink .mobileNavLinkIcon i {
  font-size: 23px;
  opacity: 0.4;
}

.menuNavList {
  position: fixed;
  visibility: hidden; /* Caché au début */
  opacity: 0; /* Commence invisible */
  display: flex; /* L'élément reste dans le flux */
  flex-direction: column;
  gap: 15px;
  align-items: center;
  overflow: hidden;
  bottom: 10px;
  left: 15px;
  right: 15px;
  margin-inline: auto;
  -moz-column-gap: 2rem;
  column-gap: 2rem;
  z-index: 6;
  transform: translateY(20px); /* Déplacé vers le bas au début */
  transition: opacity 300ms ease-in-out, transform 300ms ease-in-out, visibility 300ms; /* Ajoute la transition pour opacity, transform et visibility */
}
.menuNavList .menuNavHelp {
  width: 100%;
}
.menuNavList .menuNavHelp .menuNavHelpContainer {
  border-radius: 23px;
  background-color: #fff;
  display: inline-block;
}
.menuNavList .menuNavHelp .menuNavHelpContainer a {
  display: inline-block;
  padding: 10px 20px;
}
.menuNavList .nav__expand-list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  background-color: #fff;
  border-radius: 23px;
  width: 100%;
}
.menuNavList li:nth-child(2) {
  border-top: 1px #f3f3f3 solid;
  border-bottom: 1px #f3f3f3 solid;
}
.show-list {
  visibility: visible; /* Devient visible */
  opacity: 1; /* Devient visible */
  transform: translateY(0); /* Revient à sa position d'origine */
  transition: opacity 300ms ease-in-out, transform 300ms ease-in-out; /* Transition fluide */
}

/*=============== EXPAND LIST ===============*/
.nav__expand {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  border: none;
  outline: none;
  padding: 10px 0;
  width: 155px;
  background-color: #226F54;
  border-radius: 25px;
  cursor: pointer;
}
.nav__expand-icon {
  display: inline-block;
  color: #fff;
  font-size: 17px;
  transition: transform 400ms;
}
.nav__expand .mobileNavText {
  color: #fff;
}
.nav__expand-link {
  color: var(--text-color);
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: color 0.4s;
  padding: 20px;
}
.nav__expand-link .navTitleOffer {
  font-weight: var(--font-semi-bold);
}
.nav__expand-link span {
  color: #E5383B;
}
.nav__expand-link .navPointActive {
  background-color: #2aa177;
  height: 10px;
  width: 10px;
  border-radius: 50%;
}

.buttonNavClose {
  background-color: #E5383B;
}

.mobileNavActiveLink .active-link {
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.mobileNavActiveLink .active-link i {
  opacity: 1 !important;
  color: var(--color-default);
}

/*=============== BREAKPOINTS ===============*/
/* For medium devices */
@media screen and (max-width: 768px) {
  .navMobile {
    display: block !important;
  }
}
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  color: #1c2426;
}

:root {
  --color-default: #1c2426;
}

.statusBG .statusAccount .bulletPoint {
  display: inline-block;
}
.statusBG .statusAccount .bulletPoint .bulletPointPending {
  display: flex;
  align-items: center;
  gap: 5px;
  border-radius: 15px;
  border: 1.5px #ffd484 solid;
  background-color: #fff1d5 !important;
  padding: 3.5px 10px;
}
.statusBG .statusAccount .bulletPoint .bulletPointPending i {
  color: #ffa600;
}
.statusBG .statusAccount .bulletPoint .bulletPointPending p {
  font-weight: 500;
}
.statusBG .statusAccount .bulletPoint .bulletPointProcessing {
  display: flex;
  align-items: center;
  gap: 5px;
  border-radius: 15px;
  border: 1.5px #c7e1f1 solid;
  background-color: #d5f8ff !important;
  padding: 3.5px 10px;
}
.statusBG .statusAccount .bulletPoint .bulletPointProcessing i {
  color: #5e90b0;
}
.statusBG .statusAccount .bulletPoint .bulletPointProcessing p {
  font-weight: 500;
}
.statusBG .statusAccount .bulletPoint .bulletPointTreated {
  display: flex;
  align-items: center;
  gap: 5px;
  border-radius: 15px;
  border: 1.5px rgb(214, 231, 216) solid;
  background-color: rgb(238, 251, 235) !important;
  padding: 3.5px 10px;
}
.statusBG .statusAccount .bulletPoint .bulletPointTreated span {
  color: rgb(71, 158, 98);
  font-weight: 600;
}
.statusBG .statusAccount .bulletPoint .bulletPointTreated p {
  font-weight: 500;
}
.statusBG .statusAccount .bulletPoint .bulletPointCompleted {
  display: flex;
  align-items: center;
  gap: 5px;
  border-radius: 15px;
  border: 1.5px rgb(214, 231, 216) solid;
  background-color: rgb(238, 251, 235) !important;
  padding: 3.5px 10px;
}
.statusBG .statusAccount .bulletPoint .bulletPointCompleted i {
  color: rgb(71, 158, 98);
}
.statusBG .statusAccount .bulletPoint .bulletPointCompleted p {
  font-weight: 500;
}
.statusBG .statusAccount .bulletPoint .bulletPointCancelled {
  display: flex;
  align-items: center;
  gap: 5px;
  border-radius: 15px;
  border: 1.5px #f6d6d6 solid;
  background-color: #f9e5e5 !important;
  padding: 3.5px 10px;
}
.statusBG .statusAccount .bulletPoint .bulletPointCancelled i {
  color: #e25555;
}
.statusBG .statusAccount .bulletPoint .bulletPointCancelled p {
  font-weight: 500;
}
.statusBG .statusAccount .bulletPoint .bulletPointUnknown {
  display: flex;
  align-items: center;
  gap: 5px;
  border-radius: 15px;
  border: 1.5px #e3e3e3 solid;
  background-color: rgb(245, 245, 245) !important;
  padding: 3.5px 10px;
}
.statusBG .statusAccount .bulletPoint .bulletPointUnknown i {
  color: #9a9a9a;
}
.statusBG .statusAccount .bulletPoint .bulletPointUnknown p {
  font-weight: 500;
}

html {
  scroll-behavior: auto;
}

body {
  background-color: #f3f5f7 !important;
}

h1 {
  font-size: 30px;
  font-weight: 600;
}

a {
  text-decoration: none;
}

ul, li {
  list-style-type: none;
}

input, button {
  outline: none;
  border: none;
}

button {
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .bigContainerMerchantProfil {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .infoBody {
    display: none;
  }
}/*# sourceMappingURL=main.css.map */