/* _content/Client/Components/Layout/Admin/AdminAddPayeeModal.razor.rz.scp.css */
.modalContainer[b-hlx7gg05fx] {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1050;
    background-color: white;
    padding: 20px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    width: 500px; /* Adjust width as necessary */
    border-radius: 8px;
}
.modalBackground[b-hlx7gg05fx] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

select[b-hlx7gg05fx]{
    width: 100%;
    padding: 10px;
    /* margin: 10px 0; */
    border-radius: 8px;
    border: 1px solid #ccc;
}
.modalHeader[b-hlx7gg05fx]{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}

.close[b-hlx7gg05fx] {
    color: #aaaaaa;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
  }

form[b-hlx7gg05fx]{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 2rem;
}

label[b-hlx7gg05fx] {
    font-weight: normal;
    font-size: 16px;
    font-family: 'Inter', sans-serif;
    align-self: flex-start;
    margin-bottom: 2px;
}

.form-group[b-hlx7gg05fx] {
    margin: 5px 0 10px 0;
}
.error[b-hlx7gg05fx]{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.red[b-hlx7gg05fx] {
    color: #EB523D;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    text-align: center;
}
p[b-hlx7gg05fx] {
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    text-align: center;
}

@media (max-width: 768px) {

    .modalContainer[b-hlx7gg05fx] {
        width: 90%;
    }
}
/* _content/Client/Components/Layout/Admin/AdminAddUserModal.razor.rz.scp.css */
.modalContainer[b-hgd2mg0oln] {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1050;
    background-color: white;
    padding: 20px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    width: 500px; /* Adjust width as necessary */
    border-radius: 8px;
}
.modalBackground[b-hgd2mg0oln] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

select[b-hgd2mg0oln]{
    width: 100%;
    padding: 10px;
    /* margin: 10px 0; */
    border-radius: 8px;
    border: 1px solid #ccc;
}
.modalHeader[b-hgd2mg0oln]{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}

.close[b-hgd2mg0oln] {
    color: #aaaaaa;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
  }

form[b-hgd2mg0oln]{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 2rem;
}

label[b-hgd2mg0oln] {
    font-weight: normal;
    font-size: 16px;
    font-family: 'Inter', sans-serif;
    align-self: flex-start;
    margin-bottom: 2px;
}

.form-group[b-hgd2mg0oln] {
    margin: 5px 0 10px 0;
}
.error[b-hgd2mg0oln]{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.red[b-hgd2mg0oln] {
    color: #EB523D;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    text-align: center;
}
p[b-hgd2mg0oln] {
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    text-align: center;
}

@media (max-width: 768px) {

    .modalContainer[b-hgd2mg0oln] {
        width: 90%;
    }
}
/* _content/Client/Components/Layout/Admin/AdminService.razor.rz.scp.css */
.admin-card[b-5pgvhwkpjw] {
    /* background: #fff; */
    flex: 0 1 48%; /* Flex grow, flex shrink, and flex basis */
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Adds subtle shadow for better visibility */
    padding: 20px; 
    background-color: #F7F7FE;
    border-radius: 10px; 
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }

.editFormContainer[b-5pgvhwkpjw] {
    text-align: right;
}

.editForm:hover[b-5pgvhwkpjw] {
    cursor: pointer;
    text-decoration: underline;
    text-decoration-color: #5E56EE;
}

.form-group[b-5pgvhwkpjw] {
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
}

@media (max-width: 768px) {

    .admin-card[b-5pgvhwkpjw] {
        margin-bottom: 1rem;
      }
    
}
/* _content/Client/Components/Layout/Admin/AdminUserActivityModal.razor.rz.scp.css */
.modalContainer[b-9aj8ffyaup] {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1050;
    background-color: white;
    padding: 20px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    width: 90%; /* Adjust width as necessary */
    max-height: 80vh; /* Limit height to 80% of viewport */
    overflow-y: auto; /* Make it scrollable if content exceeds height */
    border-radius: 8px;

}
.modalBackground[b-9aj8ffyaup] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

.modalHeader[b-9aj8ffyaup]{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}

.close[b-9aj8ffyaup] {
    color: #aaaaaa;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
  }
/* _content/Client/Components/Layout/Admin/AdminUserSettings.razor.rz.scp.css */
.UserCard[b-2god33z11o] {
    /* background: #fff; */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #F7F7FE;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    width: 400px;
    height: 100%;
    margin-top: 2rem;
  }

.EditFormContainer[b-2god33z11o] {
    text-align: right;
}

.EditForm[b-2god33z11o] {
    color: #5E56EE;
}

.buttonContainer[b-2god33z11o]{
    padding-top: 20px;
}

.messageContainer[b-2god33z11o]{
    padding-top: 20px;
    display: flex;
    justify-content: center;
}

.line[b-2god33z11o] {
    margin-top: 10px;
    height: 2px;
    border-top: 1px solid #5E56EE;
    width: 100%; /* Adjust the width as necessary */
}

.name[b-2god33z11o]{
    font-size: 20px;
    font-weight: 300;
}

.ssn[b-2god33z11o]{
    font-size: 18px;
    font-weight: 300;
}

.updateItem[b-2god33z11o]{
    display: flex;
    align-items: center;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    height: 50px;
    background-color: #FFFFFF;
    padding: 10px;
    margin-bottom: 5px;
}

select[b-2god33z11o]{
    width: 100%;
    padding: 10px;
    /* margin: 10px 0; */
    border-radius: 8px;
    border: 1px solid #ccc;
}

center[b-2god33z11o]{
    padding-bottom: 5px;
}

.red[b-2god33z11o]{
    color: #EB523D;
}

.invoiceContainer[b-2god33z11o]{
    border-top: 1px solid #5E56EE;
    margin-bottom: 2rem;
}
.invoceButtons[b-2god33z11o]{
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
}

@media (max-width: 768px) {
    .UserCard[b-2god33z11o] {
        width: 100%;
    }
}
/* _content/Client/Components/Layout/Admin/SearchableDropdown.razor.rz.scp.css */
/* _content/Client/Components/Layout/Controller/Checkbox.razor.rz.scp.css */


/* Hide the default checkbox */
.custom-checkbox input[type="checkbox"][b-27n81taz2p] {
    display: none;
}

/* Show the checkmark when the checkbox is checked */
.custom-checkbox input[type="checkbox"]:checked + .checkmark[b-27n81taz2p]::after {
    display: block;
}


.blue .checkmark[b-27n81taz2p] {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    /* margin-left: 10px; */
    position: relative;
    border: 2px solid #5E56EE;;
}


.blue .checkmark[b-27n81taz2p]::after {
    content: '';
    position: absolute;
    display: none;
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #5E56EE;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

.gray .checkmark[b-27n81taz2p] {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    /* margin-left: 10px; */
    position: relative;
    border: 2px solid #A9A9A9;
}

.gray:hover .checkmark[b-27n81taz2p]::after {
    content: "Það þarf að sækja um viðbótarleyfi fyrir þessa leit, vinsamlegast hafið samband við uh@uh.is"; /* Tooltip text */
    position: absolute;
    bottom: 125%; /* Position above the checkmark */
    left: 50%;
    transform: translateX(-50%);
    background-color: #333; /* Background color for tooltip */
    color: #fff; /* Text color */
    padding: 5px;
    border-radius: 4px;
    white-space: nowrap;
    font-size: 12px;
    opacity: 0; /* Initially hidden */
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.gray:hover .checkmark[b-27n81taz2p]::after {
    opacity: 1; /* Show tooltip on hover */
}
/* _content/Client/Components/Layout/Controller/EmployeeNoServiceCard.razor.rz.scp.css */
.service-search-card[b-3kscqbv5z8] {
    height: 100%;
}
.service-search-card p[b-3kscqbv5z8] {
    margin-top: 10px;
}

.service-search-card-toprow div[b-3kscqbv5z8]{
    height: 100%;
}
/* _content/Client/Components/Layout/Controller/OtherSettings.razor.rz.scp.css */
span:hover[b-rvxke8987b]{
    cursor: pointer;
    text-decoration: underline;
    text-decoration-color: #5E56EE;
}
/* _content/Client/Components/Layout/Controller/PayeeRegisterUserModal.razor.rz.scp.css */
.modalContainer[b-l8zmozu2by] {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1050;
    background-color: white;
    padding: 20px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    width: 500px; /* Adjust width as necessary */
    border-radius: 8px;
}
.modalBackground[b-l8zmozu2by] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

.modalHeader[b-l8zmozu2by]{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}

.close[b-l8zmozu2by] {
    color: #aaaaaa;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
  }

form[b-l8zmozu2by]{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 2rem;
}

label[b-l8zmozu2by] {
    font-weight: normal;
    font-size: 16px;
    font-family: 'Inter', sans-serif;
    align-self: flex-start;
    margin-bottom: 2px;
}

.form-group[b-l8zmozu2by] {
    margin: 5px 0 10px 0;
}
.error[b-l8zmozu2by]{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.red[b-l8zmozu2by] {
    color: #EB523D;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    text-align: center;
}
p[b-l8zmozu2by] {
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    text-align: center;
}

@media (max-width: 768px) {
    
    .modalContainer[b-l8zmozu2by] {
        width: 90%;
    }
}
/* _content/Client/Components/Layout/Controller/TermsModal.razor.rz.scp.css */
.Modal[b-f7dmjipnro] {
    /* display: none; */
    position: fixed;
    z-index: 1;
    padding-top: 200px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
  } 
.Modal-content[b-f7dmjipnro] {
    margin: auto;
    padding: 20px;
    box-shadow: 4px 4px 4px 4px rgba(0.1, 0.1, 0.25, 0.25);
    background: #F7F7FE;
    border-radius: 15px;
    width: 700px;
  }
  
  .close[b-f7dmjipnro] {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }
  
  .close:hover[b-f7dmjipnro],
  .close:focus[b-f7dmjipnro] {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.terms[b-f7dmjipnro] {
    max-height: 500px;
    overflow-y: scroll; /* Always show scrollbar */
    background-color: #FFFFFF;
    border-radius: 7px;
    padding: 5px;
    margin-bottom: 10px;
    box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, 0.3); /* Shadow for scroll hint */
    border: 1px solid #ccc;
}

h3[b-f7dmjipnro]{
  font-size: 20px;
  font-weight: 600;
  font-family: 'Inter', sans-serif;
  margin-bottom: 1rem;
  margin-top: 1rem;
}

@media (max-width: 768px) {
  .Modal[b-f7dmjipnro]{
    padding-top: 100px;
  }  
  .Modal-content[b-f7dmjipnro]  {
        width: 350px;
    }
}
/* _content/Client/Components/Layout/Controller/UserActivityComponent.razor.rz.scp.css */
.mainContainer[b-jegcmk9j9a]{
    margin-top: 2rem;
}

.selectContainer[b-jegcmk9j9a]{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background-color: #F7F7FE;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    width: 400px;
}

label[b-jegcmk9j9a]{
    font-weight: normal;
    font-size: 16px;
    font-family: 'Inter', sans-serif;
}

.selected .input[b-jegcmk9j9a]{
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box !important;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.selected[b-jegcmk9j9a]{
    margin: 10px;
}

.select-center[b-jegcmk9j9a]{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
} 

.form-select[b-jegcmk9j9a] {
    width: fit-content;
}

.form[b-jegcmk9j9a]{
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 2rem;
}
.admin-form[b-jegcmk9j9a]{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-top: 2rem;
}

.select[b-jegcmk9j9a] {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.selectContainerAdmin[b-jegcmk9j9a]{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background-color: #F7F7FE;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.activityContainer[b-jegcmk9j9a] {
    padding: 5px 22px 5px 22px;
    background-color: #F7F7FE;
    border-radius: 10px;
    margin-top: 1rem;
}

.form-control[b-jegcmk9j9a] {
    width: 300px !important;
}

.table[b-jegcmk9j9a] {
    width: 100%;
    border-collapse: collapse;
    min-height: 508px;
}
.table thead th[b-jegcmk9j9a] {
    color: #5E56EE;
    font-weight: 600;
    padding: 10px 0;
}

.table thead th:hover[b-jegcmk9j9a] {
    cursor: pointer;
    text-decoration: underline;
    text-decoration-color: #5E56EE;
}
.searchButtonContainerMobile[b-jegcmk9j9a]{
    display: none;
}
td[b-jegcmk9j9a]{
    width: 33%;
}

td[b-jegcmk9j9a]{
    width: 33%;
    word-wrap: break-word;
}
.PageControls[b-jegcmk9j9a]{
    display: flex;
    flex-direction: row;
}
.ButtonContainer[b-jegcmk9j9a]{
    border: 0;
    padding-bottom: 0;
}

@media (max-width: 780px) {

    .searchButtonContainerMobile[b-jegcmk9j9a]{
        display: block;
    }
    .searchButtonContainer[b-jegcmk9j9a] {
        display: none;
    }
    
    .activityContainer[b-jegcmk9j9a] {
        padding: 5px 22px;
        width: 100%;
        overflow: auto;
    }
    .selectContainer[b-jegcmk9j9a]{
        width: 100%;
    }


    

}

@media (max-width: 768px) {

    .mainContainer[b-jegcmk9j9a]{
        margin-top: 70px;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .searchContainer[b-jegcmk9j9a]{
        justify-content: center;
        gap: 0.5rem;
    }
    .searchButtonContainerMobile[b-jegcmk9j9a]{
        display: flex;
        justify-content: center;
    }
    .searchButtonContainer[b-jegcmk9j9a] {
        display: none;
    }
    td[b-jegcmk9j9a]{
        max-width: 50px;
        word-wrap: break-word;
    }
    .selectContainerAdmin[b-jegcmk9j9a]{
        width: 100%;
        flex-direction: row;
        justify-content: center;
        gap: 0.5rem;
    }
    
}
/* _content/Client/Components/Layout/Controller/UserList.razor.rz.scp.css */
.tableContainer[b-da74oxgsjk]{
    padding: 20px 22px 20px 22px;
    background-color: #F7F7FE;
    border-radius: 10px;
    margin-top: 2rem;
    width: 100%;

}
.Top[b-da74oxgsjk]{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #5E56EE;
    margin-bottom: 10px;

  }
.tableHeaderContainer[b-da74oxgsjk]{
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #5E56EE;
}
span:hover[b-da74oxgsjk]{
    cursor: pointer;
    text-decoration: underline;
    text-decoration-color: #5E56EE;
}
.right[b-da74oxgsjk]{
    text-align: right;
    padding-right: 5px;
}
.user-services[b-da74oxgsjk]{
    display: flex;
    justify-content: space-between;
    padding: 5px;
}
.user-service-container:nth-child(even)[b-da74oxgsjk]{background-color: #ffffff;}

.user-service-container[b-da74oxgsjk]{
    border-bottom: 1px solid #dee2e6;
    padding: 5px;
    border-radius: 5px;
}

.parent p[b-da74oxgsjk] {
    font-weight: 600;
    margin-bottom: 0;
}

.child-service-title[b-da74oxgsjk]{
    padding-left: 15px;
    margin: 0;
}

.child p[b-da74oxgsjk] {
    padding-left: 20px;
    margin: 0;
    /* padding-right: 15px; */
}

.gray[b-da74oxgsjk]{
    color: #A9A9A9;
}

.mobileTable[b-da74oxgsjk]{
    display: none;
}

.modalBackground[b-da74oxgsjk] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}
.close[b-da74oxgsjk] {
    color: #aaaaaa;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
  }
.modalContainer[b-da74oxgsjk] {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1050;
    background-color: white;
    padding: 20px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    width: 450px; /* Adjust width as necessary */
    max-height: 80vh; /* Limit height to 80% of viewport */
    overflow-y: auto; /* Make it scrollable if content exceeds height */
    border-radius: 8px;
}
.modalContainer2[b-da74oxgsjk] {
    background: #F7F7FE;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    width: 444px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.services:hover[b-da74oxgsjk]{
    position: absolute;
    z-index: 10;
    overflow: visible;
    text-overflow: unset;
    white-space: normal;
    max-width: none;
    background-color: #F7F7FE;
    display: flex;
    text-align: center;
    align-items: center;
}

.BigTable img[b-da74oxgsjk] {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.buttons[b-da74oxgsjk]{
    width: 60px;
    display: flex;
    justify-items: right;
}

i[b-da74oxgsjk] {
    margin-right: 5px;
    font-size: 20px;
}

.Gray[b-da74oxgsjk] {
    color: #A9A9A9;
}
.Blue[b-da74oxgsjk]{
    color: #5E56EE;
}
.TableHeadBig th[b-da74oxgsjk] {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 40px;
    font-size: 15px;
    height: 78px;
}

td[b-da74oxgsjk], th[b-da74oxgsjk] {
    padding: 5px;
}

.PageControlsButtons[b-da74oxgsjk]{
    display: flex;
    flex-direction: row;
}

.PageControls[b-da74oxgsjk] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.PageControls .pagecounters[b-da74oxgsjk]
{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.pagecounters p[b-da74oxgsjk] {
    margin: 0;
}

.ButtonContainer[b-da74oxgsjk]{
    border: 0;
    padding-bottom: 0;
}

.table[b-da74oxgsjk]{
    margin: 0;
}

.email[b-da74oxgsjk]{
    text-decoration: underline;
    margin-bottom: 0;
}
.form-select[b-da74oxgsjk] {
    width: fit-content;
}

.NameEmail[b-da74oxgsjk]{
    width: 30%;
    word-break: break-word;
}

@media (max-width: 768px) {
    /* .table {
        display: none;

    } */
     .BigTable[b-da74oxgsjk]{
        display: none;
     }
    .tableContainer[b-da74oxgsjk]{
        padding: 20px 22px;
        width: 100%;
        overflow: auto;
    }

    .mobileTable[b-da74oxgsjk]{
        display: block;
        width: 100%;
    }
    .mobileTable th[b-da74oxgsjk], td[b-da74oxgsjk] {
        width: 100%;
    }


    .mobileTable th[b-da74oxgsjk], td[b-da74oxgsjk] {
        padding: 5px;
    }

    .mobileTable #firstRow[b-da74oxgsjk] {
        border-top: 0.5px solid #5E56EE;
        width: 100%;
    }

    td[b-da74oxgsjk] {
        width: 50%;
    }
    .MobileButton[b-da74oxgsjk] {
        margin: 5px;
        margin-bottom: 10px;
    }
    .modalContainer[b-da74oxgsjk] {
        width: 90%; /* Adjust width as necessary */
       
    }
}
/* _content/Client/Components/Layout/Controller/UserSettings.razor.rz.scp.css */
.UserCard[b-7292yh3sd4] {
    /* background: #fff; */
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: #F7F7FE;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    width: 750px;
    height: 100%;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

.userSetings[b-7292yh3sd4]{
    width: 50%;
}

.paymentSettings[b-7292yh3sd4]{
    width: 50%;
}

.EditFormContainer[b-7292yh3sd4] {
    text-align: right;
}

.EditForm[b-7292yh3sd4] {
    color: #5E56EE;
}

.buttonContainer[b-7292yh3sd4]{
    padding-top: 20px;
}

.messageContainer[b-7292yh3sd4]{
    padding-top: 20px;
    display: flex;
    justify-content: center;
}

.line1[b-7292yh3sd4] {
    display: none;
}

.line2[b-7292yh3sd4] {
    margin-top: 10px;
    height: 2px; 
    border-top: 1px solid #5E56EE; 
    width: 100%; /* Adjust the width as necessary */
}

.updateItem[b-7292yh3sd4]{
    display: flex;
    align-items: center;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    height: 50px;
    background-color: #FFFFFF;
    padding: 10px;
    margin-bottom: 5px;
}

.invoice[b-7292yh3sd4] {
    margin-top: 1rem;
}

.invoice p[b-7292yh3sd4] {
    margin-top: 1rem;
}
@media (max-width: 1050px) {
    .UserCard[b-7292yh3sd4] {
        width: 100%;
        flex-direction: column;
    }
    .line1[b-7292yh3sd4] {
        display: block;
        margin-top: 10px;
        height: 2px; 
        border-top: 1px solid #5E56EE; 
        width: 100%; /* Adjust the width as necessary */
    }
    .line2[b-7292yh3sd4] {
        width: 100%; /* Adjust the width as necessary */
    }
    .paymentSettings[b-7292yh3sd4]{
        width: 100%;
    }
}

@media (max-width: 768px) {
    .UserCard[b-7292yh3sd4] {
        width: 100%;
        flex-direction: column;
    }

}
/* _content/Client/Components/Layout/Controller/WelcomeFirstTimer.razor.rz.scp.css */
.box-content[b-n3bj8fkrwy] {
    background-color: white; /* Background color for the content area */
    border-radius: 8px;
    padding: 20px;
}
.box[b-n3bj8fkrwy] {
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    min-width: 200px;
    max-width: 600px;
    background-color: #F7F7FE;
}

.box h2[b-n3bj8fkrwy] {
    margin-top: 0;
    color: #5E56EE;
}
.extraMargin[b-n3bj8fkrwy]{
    margin-top: 1rem;
}
/* _content/Client/Components/Layout/CustomHelpers/CustomButton.razor.rz.scp.css */
.custom-button[b-y49kgdq75e] {
    justify-content: center;
    align-items: center;
    gap: 5px;
    border-radius: 100px;
    border: 1px solid transparent; /* Default to transparent; override per color */
    display: block;
    font-family: 'Inter', sans-serif;
    margin: 3px;
}

/* Center classes */
.center-class[b-y49kgdq75e] {
    margin: 2px auto;
}
.right-class[b-y49kgdq75e] {
    margin-left: auto ;
}

.logout[b-y49kgdq75e]{
    font-size: 15px;
    margin-left:5px;
}

/* Size Classes */
.large-button[b-y49kgdq75e] {
    padding: 10px 20px;
    width: 10rem;
    font-size: 16px;
    font-weight: 500;
}

.large-wide-button[b-y49kgdq75e] {
    padding: 10px 20px;
    width: 16rem;
    font-size: 16px;
    font-weight: 500;
}

.medium-button[b-y49kgdq75e] {
    padding: 8px 16px;
    width: 8rem;
    font-size: 14px;
    font-weight: 500;
}

.medium-wide-button[b-y49kgdq75e] {
    padding: 8px 16px;
    width: 12rem;
    font-size: 14px;
    font-weight: 500;
}
.small-button[b-y49kgdq75e] {
    padding: 6px 12px;
    width: 6rem;
    font-size: 12px;
    font-weight: 500;
}
.xsmall-button[b-y49kgdq75e] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px 12px;
    width: 3rem;
    height: 3rem;
    font-size: 12px;
    font-weight: 500;
}
.xsmall-button i[b-y49kgdq75e] {
    font-size: 22px;
    margin: 0;
    padding: 0;
}
.adjust-button[b-y49kgdq75e] {
    padding: 6px 12px;
    width: 90%;
    font-size: 12px;
    font-weight: 500;
}

.white-button[b-y49kgdq75e] {
    background: #FFFFFF;
    color: #5E56EE; /* Adjust text color for visibility */
    border: 1px solid #5E56EE; /* Give some definition */
}
.bw-button[b-y49kgdq75e] {
    background: #5E56EE;
    color: #FFFFFF; /* Adjust text color for visibility */
    border: 1px solid #FFFFFF; /* Give some definition */
}

.orange-button[b-y49kgdq75e] {
    background: #EB523D; /* Example orange */
    color: white; /* Adjust text color as needed */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Add shadow for better legibility */
}
.blue-button[b-y49kgdq75e] {
    background: #5E56EE;
    color: white; /* Adjust text color as needed */
}

.custom-button:not(:disabled):hover[b-y49kgdq75e] {
    transform: scale(1.05); /* Increase the button size by 5% */
    cursor: pointer; /* Changes the cursor to a pointer to indicate it's clickable */
    transition: transform 0.3s ease; /* Smooth transition for the transform */
}

.custom-button:disabled[b-y49kgdq75e] {
    background: transparent; /* Make background transparent */
    color: #606060; /* Light gray text */
    border: 1px solid #c0c0c0; /* Matching light gray border */
    cursor: not-allowed;
}
/* _content/Client/Components/Layout/CustomHelpers/CustomCheckbox.razor.rz.scp.css */

.checkbox-container[b-jqdsnuiaxa] {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: flex-start;
  }

  .center-class[b-jqdsnuiaxa]{
    justify-content: center;
  }

  .checkbox-container label[b-jqdsnuiaxa] {
    margin: 5px;
  }

.custom-checkbox-blue:hover[b-jqdsnuiaxa] {
    cursor: pointer;
}

  /* Hide the default checkbox */
.custom-checkbox-blue input[type="checkbox"][b-jqdsnuiaxa] {
    display: none;
}
.custom-checkbox-blue-disabled input[type="checkbox"][b-jqdsnuiaxa] {
  display: none;
}

/* Style the custom box */
.custom-checkbox-blue .checkmark[b-jqdsnuiaxa] {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-left: 5px;
    border: 2px solid #5E56EE;
    position: relative;
}
.custom-checkbox-blue-disabled .checkmark[b-jqdsnuiaxa] {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  border: 2px solid gray;
  position: relative;
}

/* Style the checkmark */
.custom-checkbox-blue .checkmark[b-jqdsnuiaxa]::after {
    content: '';
    position: absolute;
    display: none;
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #5E56EE;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

.custom-checkbox-blue-disabled .checkmark[b-jqdsnuiaxa]::after {
  content: '';
  position: absolute;
  display: none;
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid gray;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.text-disabled[b-jqdsnuiaxa]{
  color: gray;
}
/* Show the checkmark when the checkbox is checked */
.custom-checkbox-blue input[type="checkbox"]:checked + .checkmark[b-jqdsnuiaxa]::after {
    display: block;
}
/* _content/Client/Components/Layout/CustomHelpers/CustomNavArrow.razor.rz.scp.css */
.SeeMore[b-kzobzrndn0] {
    font-size: 14px;
    font-weight: 500;
    text-decoration: underline;
    text-decoration-color: #5E56EE;
    line-height: 1.5;
    text-underline-offset: 6px;
    text-decoration-thickness: 2px;
    cursor: pointer;
    display: inline-block;
    padding-top: 1rem;
    padding-bottom: 1rem;
    /* transition: text-decoration-color 100ms linear; */
}

.SeeMore:hover[b-kzobzrndn0] {
    text-decoration-color: #F3E3EE;
}

.SeeMore .right[b-kzobzrndn0] {
    padding-left: 0.5rem;
    transition: transform 100ms ease-out;
}

.SeeMore:hover .right[b-kzobzrndn0] {
    transform: translateX(5px);
}

.center-horizontal[b-kzobzrndn0] {
    display: flex;
    align-items: center;
}

.down[b-kzobzrndn0]{
    transform: rotate(90deg);
    padding: 0;
}

.SeeMore .down[b-kzobzrndn0] {
    padding: 0 ;
    transition: transform 100ms ease-out;
    display: inline-block;
    transform: rotate(90deg); /* This keeps the arrow pointing down */
}

.SeeMore:hover .down[b-kzobzrndn0] {
    transform: rotate(90deg) translateX(3px); /* Maintain rotation and move down */
}

.SeeMore .up[b-kzobzrndn0] {
    padding: 0 ;
    transition: transform 100ms ease-out;
    display: inline-block;
    transform: rotate(-90deg); /* This keeps the arrow pointing down */
}

.SeeMore:hover .up[b-kzobzrndn0] {
    transform: rotate(-90deg) translateX(3px); /* Maintain rotation and move down */
}
/* _content/Client/Components/Layout/CustomHelpers/CustomPlusMinus.razor.rz.scp.css */
.color[b-svxp6f3l95] {
    color: #5E56EE;
    font-size: 30px;
}

.ButtonContainer[b-svxp6f3l95]{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
.MainDiv[b-svxp6f3l95]{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
h3[b-svxp6f3l95]{
    margin:0;
    margin-left: 10px;
    padding-bottom: 6px;
}

i[b-svxp6f3l95]{
    margin: 0; 
    padding: 0;
}

@media print {
    .hideIfPrint[b-svxp6f3l95] {
       display: none;
    }
   }
/* _content/Client/Components/Layout/CustomHelpers/CustomReload.razor.rz.scp.css */
.color[b-j5uqah59d6] {
    color: #5E56EE;
    font-size: 20px;
    margin-right: 10px;
}

.right[b-j5uqah59d6]{
    display: flex;
    flex-direction: row-reverse;
}

@media print {
    .hideIfPrint[b-j5uqah59d6] {
       display: none;
    }
   }
/* _content/Client/Components/Layout/CustomHelpers/CustomSearch.razor.rz.scp.css */
.input-container[b-k0ejgvxqce]{
    display: flex;
    flex-direction: row;
    /* max-width: 50%; */
    margin: 3px;
    align-items: center;
}

@media (max-width: 768px){
    .input-container[b-k0ejgvxqce]{
        width: 100%;
    }
}
/* _content/Client/Components/Layout/CustomHelpers/CustomSpinner.razor.rz.scp.css */
.color[b-chmc5mvecv] {
    color: #5E56EE;
    font-size: 30px;
}

.ButtonContainer[b-chmc5mvecv] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

h3[b-chmc5mvecv] {
    margin: 0;
    margin-left: 10px;
    padding-bottom: 6px;
}

i[b-chmc5mvecv] {
    margin: 0;
    padding: 0;
}
/* _content/Client/Components/Layout/CustomHelpers/CustomStar.razor.rz.scp.css */
/* _content/Client/Components/Layout/CustomHelpers/Helpers/TableData.razor.rz.scp.css */
.hide-overflow[b-fk3bg71hq0] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.header-text[b-fk3bg71hq0],
.value-text[b-fk3bg71hq0] {
    font-size: 0.8em;
    white-space: normal;
}

.value-text[b-fk3bg71hq0] {
    word-wrap: break-word;
    cursor: default;
}

@media (max-width: 768px) {
    .hide-overflow[b-fk3bg71hq0] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .header-text[b-fk3bg71hq0] {
        font-size: 0.7em;
    }

    .value-text[b-fk3bg71hq0] {
        font-size: 0.7em;
    }
}
/* _content/Client/Components/Layout/CustomHelpers/Helpers/TableRow.razor.rz.scp.css */
.row:nth-child(even)[b-2mwqkzoyxp] {
    background-color: white;
}

.highlight[b-2mwqkzoyxp] {
    background-color: #CB008410 !important;
}
/* _content/Client/Components/Layout/CustomHelpers/Helpers/TableValue.razor.rz.scp.css */
.hide-overflow[b-k5jxcsveza] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.header-text[b-k5jxcsveza] {
    font-size: 0.8em;
    cursor: default;
}

.value-text[b-k5jxcsveza] {
    font-size: 0.8em;
    cursor: default;
}

.center-horizontal[b-k5jxcsveza] {
    display: flex;
    align-items: center;
}
/* _content/Client/Components/Layout/Login/ChooseUserModal.razor.rz.scp.css */
.modalContainer[b-rgzwp03g2l] {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1050;
    background-color: white;
    padding: 20px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    width: 450px; /* Adjust width as necessary */
    max-height: 60vh; /* Limit height to 80% of viewport */
    overflow-y: auto; /* Make it scrollable if content exceeds height */
    border-radius: 8px;
}
.modalBackground[b-rgzwp03g2l] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

.modalHeader[b-rgzwp03g2l]{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
}

.close[b-rgzwp03g2l] {
    color: #aaaaaa;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
  }

p[b-rgzwp03g2l] {
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    text-align: center;
    word-break: break-word;
}

.userContainer[b-rgzwp03g2l]{
    border: 1px solid #5E56EE;
    border-radius: 5px;
    margin: 1rem;
    background-color: #F7F7FE;
    padding: 20px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    cursor: pointer;
}

.userContainer:hover[b-rgzwp03g2l]{
    background-color: #EDEBFF;
}

@media (max-width: 500px) {

    .modalContainer[b-rgzwp03g2l] {
        width: 90%;
    }
}
/* _content/Client/Components/Layout/Login/FooterBar.razor.rz.scp.css */

.footer[b-a31fzhjar6] {
    color: #333; 
    background-color: #FFFFFF; 
    width: 100%; 
    position: relative; 
    overflow: hidden;
}

.footer-content[b-a31fzhjar6]{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 30px;
    padding-top: 60px;
}

.footer-content a[b-a31fzhjar6]{
    
    text-decoration: none;
    color: #333;
}

.text[b-a31fzhjar6] {
    padding-top: 1rem;
}
.icon[b-a31fzhjar6] {
    padding-left: 10px;
    font-size: 16px;
}


/* _content/Client/Components/Layout/Login/RegisterCheck.razor.rz.scp.css */
.search-card[b-dunula4uq1] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #F7F7FE;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    height: 100%;
  }

  .Buttons[b-dunula4uq1]{
    display: flex;
    justify-content: center;
  }

  @media (max-width: 400px) {
    .Buttons[b-dunula4uq1]{
        display: block;
    }
  }
/* _content/Client/Components/Layout/Login/RegisterPostcard.razor.rz.scp.css */
  
  .search-card[b-vj4rj4cl0u] {
    background: #F7F7FE;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    width: 444px;
    height: 100%;
  }
  
  .title[b-vj4rj4cl0u] {
    font-size: 22px;
    font-weight: 700;
    font-family: 'Inter', sans-serif;
    color: #333;
    margin-bottom: 20px;
    text-align: center;
  }
  
  form[b-vj4rj4cl0u] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.input-container[b-vj4rj4cl0u] {
    margin-top: 5px;
    margin-bottom: 10px;
  }
 

.form-group label[b-vj4rj4cl0u] {
    font-weight: normal;
    font-size: 16px;
    font-family: 'Inter', sans-serif;
  }


.registerContainer[b-vj4rj4cl0u]{
    align-self: center;
}

.termsContainer[b-vj4rj4cl0u] {
    display: flex;
    justify-content: center;
}

.skilmalarText[b-vj4rj4cl0u]{
    font-size: 16px;
    color: #333;
    text-align: left;
    align-self: center;
}

#SeeMore[b-vj4rj4cl0u]{
    color: #5E56EE;
    text-decoration: underline;
}

#SeeMore:hover[b-vj4rj4cl0u] {
    cursor: pointer;
}

.modalBackground[b-vj4rj4cl0u] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

.modalContainer[b-vj4rj4cl0u] {
    background: #F7F7FE;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    width: 444px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.close[b-vj4rj4cl0u] {
    color: #5E56EE;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
    text-align: right;
    justify-self: right;
}

.cancelRegistration[b-vj4rj4cl0u] {
    text-decoration: none;
    color: #5E56EE;
    display: block; 
    margin-left: auto;
    margin-right: auto;
    margin-top: 1rem;
    text-align: center;
  }

@media (max-width: 768px){

    .search-card[b-vj4rj4cl0u]{
      width: 300px;
      height: 100%;
    }

    .form-group[b-vj4rj4cl0u] {
        margin-left: 5px;
        margin-right: 5px;
    }
    
  }
/* _content/Client/Components/Layout/MainLayout.razor.rz.scp.css */
@media print {
    .sidebar[b-al3kw1x7sa] {
      display: none;
    }
  }

.page[b-al3kw1x7sa] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-al3kw1x7sa] {
    flex: 1;
}
@media print {
    .page[b-al3kw1x7sa] {
        visibility: hidden;
    }
}

@media (min-width: 768px) {
    .page[b-al3kw1x7sa] {
        flex-direction: row;
    }
}
/* _content/Client/Components/Layout/MortageBond/MortageBondCard.razor.rz.scp.css */


@media (max-width: 768px) {
    
    .service-search-card-form-group-small select[b-wmiaky5jku] {
        width: 100%;
    }
}
/* _content/Client/Components/Layout/MortageBond/RealEstateCard.razor.rz.scp.css */
.checkbox-desktop[b-qad073eakl]{
    display: flex;
    flex-direction: row;
}

.checkbox-mobile[b-qad073eakl]{
    display: none;
}

@media (max-width: 768px) {
    .checkbox-desktop[b-qad073eakl]{
        display: none;
    }

    .checkbox-mobile[b-qad073eakl]{
        display: flex;
        flex-direction: row;
    }
    
    .service-search-card-form-group-small select[b-qad073eakl] {
        width: 100%;
    }
}
/* _content/Client/Components/Layout/MortageBond/Results/MortageBond.razor.rz.scp.css */
p:hover[b-wrx7mv7npc] {
    text-decoration: underline;
    text-decoration-color: #5E56EE;
}
.MainContainer[b-wrx7mv7npc]{
    margin-bottom: 70px;
}

.TopControler[b-wrx7mv7npc]{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.magicButtonContainer p[b-wrx7mv7npc]{
    margin-right: 1rem;
}
@media (max-width: 768px) {

    .MainContainer[b-wrx7mv7npc]{
        margin-top: 70px;
    }
    
}
/* _content/Client/Components/Layout/MortageBond/Results/RealEstateInformation.razor.rz.scp.css */
.magicButtonContainer[b-bcjte63r3o] {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    max-width: 300px;
}

p:hover[b-bcjte63r3o] {
    text-decoration: underline;
    text-decoration-color: #5E56EE;
}
.TopControler[b-bcjte63r3o]{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.magicButtonContainer p[b-bcjte63r3o]{
    margin-right: 1rem;
}

.MainContainer[b-bcjte63r3o]{
    margin-bottom: 70px;
}
@media (max-width: 768px) {

    .MainContainer[b-bcjte63r3o]{
        margin-top: 70px;
    }
    
}
/* _content/Client/Components/Layout/Navigation/NavMenu.razor.rz.scp.css */
.navbar-toggler:checked[b-6tz8cmksst] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-6tz8cmksst] {
    display: flex;
    /* justify-content: center; */
    align-items: center;
    height: 3.5rem;
    background-color: #F7F7FE;
    padding-left: 1rem;
    padding-right: 1rem;
}

.top-row span[b-6tz8cmksst] {
    margin: 0;
}

.top-row-icon[b-6tz8cmksst] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2rem 1rem 0 1rem;
    background-color: #F7F7FE;
}

.navbar-brand[b-6tz8cmksst] {
    font-size: 1.1rem;
}

.white[b-6tz8cmksst] {
    color: white;
    font-size: 22px;
}

.black[b-6tz8cmksst] {
    color: #000000;
    font-size: 22px;
}

.icon[b-6tz8cmksst] {
    width: 100%;
}

.name[b-6tz8cmksst] {
    font-size: 22px;
    font-weight: 500;
    color: #000000;
    padding-top: 10px;
}

.bi[b-6tz8cmksst] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.nav-item[b-6tz8cmksst] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

.nav-item:first-of-type[b-6tz8cmksst] {
    padding-top: 1rem;
}

.nav-item:last-of-type[b-6tz8cmksst] {
    padding-bottom: 1rem;
}

.nav-item[b-6tz8cmksst]  .nav-link {
    color: #2A2A2A;
    background: none;
    border: none;
    border-radius: 4px;
    height: 3rem;
    display: flex;
    align-items: center;
    line-height: 3rem;
    width: 100%;
}

.nav-item[b-6tz8cmksst]  a.active {
    background-color: #DFDDFC;
    color: #000000;
}

.nav-item[b-6tz8cmksst]  .nav-link:hover {
    background-color: #DFDDFC;
    color: #000000;
}

.nav-scrollable[b-6tz8cmksst] {
    display: none;
    background-color: #F7F7FE;
}

.navbar-toggler:checked~.nav-scrollable[b-6tz8cmksst] {
    display: block;
}

.MainContainerMobile[b-6tz8cmksst] {
    display: none;
}

#DashboardDesktop[b-6tz8cmksst] {
    font-weight: 500;
    font-size: 20px;
}

span.top-row-name-multi.username[b-6tz8cmksst] {
    /* text-align: center; */
    font-size: 14px;
    font-weight: 400;
    margin-left: 10px;
    word-wrap: break-word;
}

.custom-line[b-6tz8cmksst] {
    height: 10px;
    /* Height of the container */
    background-color: #F7F7FE;
    border-top: 1px solid #000000;
    /* White line at the top of the div */
    width: 100%;
    /* Adjust the width as necessary */
}

.nav-header[b-6tz8cmksst] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    /* Adjusts children to start and end of container */
    align-items: center;
    /* Centers items vertically */
    width: 90%;
    /* Ensure the nav-header spans the full width */
    margin-top: 5px;
}

.nav-header-item[b-6tz8cmksst] {
    color: #000000;
    font-size: 15px;
    font-weight: 400;
    margin-left: 20px;
    margin-top: 0.1rem;
    text-decoration: none;
}

.top-row-name[b-6tz8cmksst] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.top-row-name-multi[b-6tz8cmksst] {
    display: flex;
    flex-direction: row;
    /* justify-content: center; */
    align-items: flex-start;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 1rem;
    padding: 10px;
    background-color: #fff;
    /* position: fixed;
    top: 50px;
    z-index: 1050; */


    /* box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); */
}

.bottom-name[b-6tz8cmksst] {
    display: flex;
    flex-direction: row;
    /* justify-content: center; */
    align-items: flex-start;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 1rem;
    padding: 10px;
    background-color: #fff;
    /* box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); */
}

.user-name-company[b-6tz8cmksst] {
    display: flex;
    flex-direction: column;
}

.top-row-name span[b-6tz8cmksst] {
    margin: 0;
}

.bottom-name span[b-6tz8cmksst] {
    margin: 0;
}

img[b-6tz8cmksst] {
    width: 22px;
    height: 22px;
    margin-right: 0.5rem;
}

.nav-header-left[b-6tz8cmksst] {
    justify-content: flex-start;
}

.bottom-items[b-6tz8cmksst] {
    margin-bottom: 0;
}

.accounts-container[b-6tz8cmksst] {
    display: flex;
    flex-direction: column;
    border-top: 1px solid #ccc;
    margin-top: 10px;
    background-color: white;
}

.account[b-6tz8cmksst] {
    display: flex;
    flex-direction: column;
    cursor: pointer;
    border: 1px solid #ccc;
    padding: 5px 10px;
    border-radius: 5px;
    margin-top: 10px;
}

.account:hover[b-6tz8cmksst] {
    background-color: #DFDDFC;
}

span[b-6tz8cmksst]{
    margin-left: 10px;
}

@media (min-width: 769px) {
    .navbar-toggler[b-6tz8cmksst] {
        display: none;
    }

    .nav-scrollable[b-6tz8cmksst] {
        display: block;
        height: calc(100vh);
        overflow-y: auto;
    }

    .sidebar-container[b-6tz8cmksst] {
        width: 225px;
        height: 100vh;
        position: sticky;
        top: 0;
    }
}

@media (max-width: 768px) {
    .hamburger[b-6tz8cmksst] {
        display: flex;
        color: #000000;
        font-size: 30px;
        cursor: pointer;
        padding: 10px;
        user-select: none;
        align-items: center;
        justify-content: space-between;
    }

    .custom-line[b-6tz8cmksst] {
        display: none;
    }

    .collapsed-button-container[b-6tz8cmksst] {
        display: none;
    }

    #Dashboard[b-6tz8cmksst] {
        display: block;
        margin-right: 20px;
    }

    #DashboardDesktop[b-6tz8cmksst] {
        display: none;
    }

    .top-row[b-6tz8cmksst] {
        display: none;
    }

    .MainContainerMobile[b-6tz8cmksst] {
        background-color: #F7F7FE;

        display: block;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1000;
    }

    #dashboardNav[b-6tz8cmksst] {
        color: #000000;
        font-size: large;
    }

    .icon-full[b-6tz8cmksst] {
        width: 200px;
        margin-right: 1rem;
        float: left;
    }

    .navIcon[b-6tz8cmksst] {
        margin-top: 15px;
        font-size: 30px;
        color: #000000;
        margin-right: 1rem;
    }
}
/* _content/Client/Components/Layout/Navigation/PreLoginNav.razor.rz.scp.css */
.MainContainer[b-gk9c3a1yii] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  
  height: 60px;
  width: 100%;

  align-items: center;
  text-decoration: none;

}

.logout[b-gk9c3a1yii]{
  color: #5E56EE;
  font-size: 1rem;
  margin-right: 1rem;
}
.icon[b-gk9c3a1yii]{
  width: 40px;
  margin-right: 1rem;
}

.Nav-content[b-gk9c3a1yii]{
  height: 60px;
  background-color: #F7F7FE;
  display: flex;
  justify-content: space-between;
  max-width: 2000px; /* Set the maximum width */
  margin: 0 auto;    /* Center the body horizontally */
  padding: 0;        /* Remove any default padding */
}

.options[b-gk9c3a1yii]{
  padding-left: 3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.buttons[b-gk9c3a1yii]{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 3rem;
}

.nav-item[b-gk9c3a1yii] {
  font-size: 0.9rem;
}

.nav-item[b-gk9c3a1yii]  .nav-link {
    color: #000000;
    background: none;
    border: none;
    padding: 0;
    display: flex;
    align-items: left;
    margin-right: 1rem;
}

.nav-item[b-gk9c3a1yii]  a.active {
  /* background-color: rgba(255,255,255,0.37); */
  border-bottom: #000000 2px solid;
  color: #000000;
}

.nav-item[b-gk9c3a1yii]  .nav-link:hover {
  /* background-color: rgba(255,255,255,0.1); */
  border-bottom: #000000 1px solid;
  color: #000000;
}

.MainContainerMobile[b-gk9c3a1yii]{
  display: none;
}

.fade-in[b-gk9c3a1yii] {
  opacity: 0;
  animation: fadeIn-b-gk9c3a1yii 0.08s forwards;
}
.hidden[b-gk9c3a1yii] {
  opacity: 0;
}
@keyframes fadeIn-b-gk9c3a1yii {
  to {
      opacity: 1;
  }
}

@media (max-width: 769px) {
  .nav-item[b-gk9c3a1yii] {
      display: none;
  }

  .registerButton[b-gk9c3a1yii] {
      display: none;
  }

  .MainContainer[b-gk9c3a1yii]{
    display: none;
  }
  .icon-full[b-gk9c3a1yii]{
    width: 200px;
    margin-right: 1rem;
  }

  .MainContainerMobile[b-gk9c3a1yii]{
    background-color: #F7F7FE;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    backdrop-filter: saturate(180%) blur(10px);


  }
  .hamburger[b-gk9c3a1yii] {
    display: flex;
    color: #000000;
    font-size: 30px;
    cursor: pointer;
    padding: 10px;
    padding-left: 20px;
    user-select: none;
    align-items: center;
    justify-content: space-between;
}

  .navIcon[b-gk9c3a1yii]{
    padding: 5px; 
    font-size: 30px;
    color: #000000;
  }

  .extraMargin[b-gk9c3a1yii]{
    margin-left: 10px;
  }


  .nav-item-mobile-login[b-gk9c3a1yii] {
    flex-grow: 1;
    /* text-align: right; */
  }

  .nav-items-mobile[b-gk9c3a1yii]{
    display: flex;
    flex-direction: row;
    align-items: baseline;
  }

  #loginNav[b-gk9c3a1yii] {
    color: #000000;
    font-size: large;
  }

  .nav-item-mobile .nav-link span[b-gk9c3a1yii]{
    color: #000000;
    text-align: center;
  }

  .navMobileItem[b-gk9c3a1yii]{
    padding-bottom: 15px;
  }

  .hidden[b-gk9c3a1yii] {
    display: none !important;
  }

}
/* _content/Client/Components/Layout/Navigation/SwitchUser.razor.rz.scp.css */
.top-row-name[b-4wgvum198b] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 1rem 0 1rem;
    cursor: default;
}

.add-pointer[b-4wgvum198b] {
    cursor: pointer;
    
}

.selected-div-class[b-4wgvum198b] {
    display: flex;
    align-items: center;
}

.username-container[b-4wgvum198b] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.drop-down-icon[b-4wgvum198b] {
    margin-left: 0px;
    font-size: 22px;
    
}



.accounts-container[b-4wgvum198b] {
    display: flex;
    flex-direction: column;
    width: 100%;
    word-wrap: break-word;
}

.accounts-container center[b-4wgvum198b] {
    font-size: 13px;
}


.user-name-company[b-4wgvum198b] {
    display: flex;
    justify-content: center;
    margin: 0 1rem 1rem 1rem;

}

.username[b-4wgvum198b] {
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal; /* Key: allows wrapping */
    width: 100%;
    text-align: center;
}

.account[b-4wgvum198b] {
    display: flex;
    flex-direction: column;
    cursor: pointer;
    border: 1px solid #ccc;
    padding: 5px 10px;
    border-radius: 5px;
    margin-top: 10px;
    align-items: stretch;
    width: 100%;
}


.account:hover[b-4wgvum198b] {
    background-color: #DFDDFC;
}

span[b-4wgvum198b] {
    font-size: 16px;
    font-weight: 400;
    margin-left: 10px;
    word-wrap: break-word;
}

.company[b-4wgvum198b] {
    font-size: 12px;
    font-weight: 300;
    margin: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;    /* Key: allows wrapping */
    width: 100%;
    text-align: center;
}
/* _content/Client/Components/Layout/Payment/PaymentModal.razor.rz.scp.css */
.Modal[b-x5xw61b962] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

.Modal-content[b-x5xw61b962] {
    margin: auto;
    padding: 20px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    background: #F7F7FE;
    border-radius: 15px;
    width: 390px;
}

.Modal-header[b-x5xw61b962] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.Modal-card-container[b-x5xw61b962] {
    flex-direction: column;
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}
.Modal-button-container[b-x5xw61b962] {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.close[b-x5xw61b962] {
    color: #aaaaaa;
    font-size: 28px;
    font-weight: bold;
}

.close:hover[b-x5xw61b962],
.close:focus[b-x5xw61b962] {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.disabled-close[b-x5xw61b962] {
    cursor: not-allowed;
    opacity: 0.5;
    color: #aaaaaa;
}
.close.disabled-close[b-x5xw61b962], .close.disabled-close:hover[b-x5xw61b962] {
    cursor: not-allowed;
    opacity: 0.5;
    color: #aaaaaa; /* This ensures the color does not change on hover */
}

form[b-x5xw61b962] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 2rem;
}
.date-css-container[b-x5xw61b962] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 10px;
}

.month-container[b-x5xw61b962],
.year-container[b-x5xw61b962]{
    width: 33%;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
}

.cvc-container[b-x5xw61b962] {
    display: flex;
    flex-direction: column;
    margin-left: auto;
}

span[b-x5xw61b962] {
    color: #5E56EE;
}

/* Overlay covering the entire viewport */
.acsFormOverlay[b-x5xw61b962] {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1050;
}

/* Centered content box */
.acsFormContent[b-x5xw61b962] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    background: white;
    width: 80%;
    max-width: 500px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    border-radius: 5px;
}

/* Iframe style */
.acsIframe[b-x5xw61b962] {
    width: 100%;
    height: 400px;
    border: none;
}
/* _content/Client/Components/Layout/PreLogin/AboutService.razor.rz.scp.css */
.serviceContainer[b-c7glvt8da7] {
    /* flex: 0 1 48%;  */
    width: calc((100% - 20px)/2);
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Adds subtle shadow for better visibility */
    padding: 20px; 
    background-color: #F7F7FE;
    border-radius: 10px; 
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.ServiceDriscription[b-c7glvt8da7]{
    margin: 10px;
    margin-bottom: 0;
}

  @media (max-width: 768px){
    .ServiceDriscription[b-c7glvt8da7]{
        font-size: 1rem;
        /* text-align: center; */
    }

    .buttonContainer[b-c7glvt8da7] {
        display: flex;
        justify-content: center;
        margin-bottom: 20px;
    }

    .serviceContainer[b-c7glvt8da7] {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 10px;
        box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        background-color: #F7F7FE;
        border-radius: 10px;
        width: 100%;
        height: 100%;
    }
  }
/* _content/Client/Components/Layout/PreLogin/HowItWorks.razor.rz.scp.css */
.imgSmall[b-js4c8hvq79]{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    padding: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.parentContainer[b-js4c8hvq79]{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

i[b-js4c8hvq79] {
    font-size: 60px;
    text-align: center;
}

.textContainer[b-js4c8hvq79]{
    padding-top: 10px;
    text-align: center;
}

#line[b-js4c8hvq79]{
    font-weight: 500;
    font-size: 22px;
}

#text[b-js4c8hvq79]{
    font-weight: 400;
    font-size: 18px;
    margin-left: 0.5rem;
}

.button[b-js4c8hvq79]{
    margin: 10px;
}

@media (max-width: 768px) {

    .imgSmall[b-js4c8hvq79]{
        display: flex;
        flex-direction: column;
    }

    .parentContainer[b-js4c8hvq79]{
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
    }
    .textContainer[b-js4c8hvq79]{
        padding-top: 0;
        text-align: center;
        padding-bottom: 10px;
    }

}
/* _content/Client/Components/Layout/PreLogin/HowItWorksModal.razor.rz.scp.css */
.modalContainer[b-q0bfz7bm5g] {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1050;
    background-color: white;
    padding: 20px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    width: 500px; /* Adjust width as necessary */
    border-radius: 8px;
    min-height: 230px;
}

.modalHeader[b-q0bfz7bm5g]{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
}

.close[b-q0bfz7bm5g] {
    color: #aaaaaa;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
  }

.title[b-q0bfz7bm5g]{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.text[b-q0bfz7bm5g] {
    height: 170px;
    margin: 10px;
    text-align: center;
}
a[b-q0bfz7bm5g] {
    text-decoration: none;
}

i[b-q0bfz7bm5g] {
    padding-right: 10px;
    font-size: 20px;
    padding-top: 1px;
}
form[b-q0bfz7bm5g]{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 2rem;
}

label[b-q0bfz7bm5g] {
    font-weight: normal;
    font-size: 16px;
    font-family: 'Inter', sans-serif;
    align-self: flex-start;
    margin-bottom: 2px;
}

.form-group[b-q0bfz7bm5g] {
    margin: 5px 0 10px 0;
}

.buttons[b-q0bfz7bm5g]{
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    margin-top: 1rem;
}

.modalBackground[b-q0bfz7bm5g] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

@media (max-width: 768px) {
    
    .modalContainer[b-q0bfz7bm5g] {
        width: 90%;
        height: fit-content;
    }
    .text[b-q0bfz7bm5g] {
        height: fit-content;
    }
}
/* _content/Client/Components/Layout/PreLogin/PriceTable.razor.rz.scp.css */
.Container[b-omosb33hlc] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin-left: 3rem;
    margin-right: 3rem;
}

.itemContainer[b-omosb33hlc] {
    width: calc((100% - 20px)/2);
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Adds subtle shadow for better visibility */
    padding: 20px;
    background-color: #F7F7FE;
    border-radius: 10px;
}

h3[b-omosb33hlc]{
    margin: 1rem 0 1rem 0;
    border-bottom: 1px solid #5E56EE;
}

.description[b-omosb33hlc] {
    text-align: left; /* Aligns text to the left */
    font-weight: 500;
}

.amount[b-omosb33hlc] {
    text-align: right; /* Aligns text to the right */
    text-wrap: nowrap; /* Prevents text from wrapping */
}

.tableContainer table[b-omosb33hlc] {
    width: 100%; /* Ensures the table spans the full width of its container */
    margin-bottom: 15px; /* Adds spacing between tables if there are multiple per service */
}

.tableContainer td[b-omosb33hlc] {
    padding: 2px; /* Adds padding inside table cells for better readability */
    vertical-align: top; /* Aligns content to the top of the cell */
}

.tableContainer p[b-omosb33hlc] {
    margin: 0;
    font-style: italic;
}

@media (max-width: 768px) {
    .Container[b-omosb33hlc] {
        flex-direction: column;
        margin-left: 1rem;
        margin-right: 1rem;
    }
    .itemContainer[b-omosb33hlc] {
        width: 100%;
        box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Adds subtle shadow for better visibility */
        padding: 20px;
        background-color: #F7F7FE;
        border-radius: 10px;
    }
}
/* _content/Client/Components/Layout/PreLogin/ServicePostcard.razor.rz.scp.css */
  
  .serviceContainer[b-3z9xgjvs7t] {
    display: flex;
    flex-direction: column;
    background-color: #5E56EE;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    width: calc((100% - 20px)/3);
    height: 240px; 

  }

  .Free[b-3z9xgjvs7t]{
    background-color: #F7F7FE;
    border: 1px solid #5E56EE
  }

  .Free .text .title[b-3z9xgjvs7t]{
    color: #5E56EE;
  }
  .Free .text .description[b-3z9xgjvs7t]{
    color: #5E56EE;
  }

  .free-service[b-3z9xgjvs7t]{
    color: #7E78F1;
    font-style: italic;
  }

  .service-card[b-3z9xgjvs7t] {
    flex: 75%;
    display: flex;
    flex-direction: row;

  }
  .text[b-3z9xgjvs7t]{
    width: 100%;
  }
  .Blue[b-3z9xgjvs7t]{
    color: #ffffff;
  }
  i[b-3z9xgjvs7t] {
    margin-right: 5px;
    font-size: 30px;
  }
  
  .title[b-3z9xgjvs7t] {
    font-size: 25px;
    color: #FFFFFF;
    margin-bottom: 10px;
    text-align: left;
    line-height: 32px;
    font-weight: 500;
    width: 100%;
  }
  
  .description[b-3z9xgjvs7t] {
    font-size: 18px;
    color: #FFFFFF;
    margin-bottom: 10px;
    text-align: left;
  }


  @media (max-width: 768px) {
    .serviceContainer[b-3z9xgjvs7t] {
      display: flex;
      flex-direction: column;
      
      padding: 20px;
      border-radius: 8px;
      box-shadow: 0 4px 8px rgba(0,0,0,0.1);
      width: 100%;
    }

  }

/* _content/Client/Components/Layout/PreLogin/ServicePostcardMobile.razor.rz.scp.css */
.searchContainer[b-n9818kzzt8] {
  display: flex;
  flex-direction: row;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  width: 100%;

  margin-bottom: 20px;
  overflow: hidden;
  background-color: #F7F7FE; 
}

.search-card[b-n9818kzzt8] {
  flex: 75%;
  display: flex;
  flex-direction: column;

}

.title[b-n9818kzzt8] {
  font-size: 28px;
  font-weight: 500;
  color: black;
  margin-bottom: 10px;
  text-align: left;
}

.description[b-n9818kzzt8] {
  font-size: 18px;
  color: black;
  margin-bottom: 10px;
  text-align: left;
}

.buttonContainer[b-n9818kzzt8] {
  padding: 10px;
}

.text[b-n9818kzzt8]{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
}

.nav-link .showMoreMobile[b-n9818kzzt8]{
  color: black !important;
  text-decoration: underline;
  text-align: right;
  margin-top: 1rem;
  margin-right: 3rem;
}

.imageMobileview[b-n9818kzzt8] {
width: 110%;
height: 110%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
transform: rotate(5deg);
overflow: hidden;
position: relative;
right: -5%;
bottom: -5%;
top: -5%;
}
/* _content/Client/Components/Layout/Services/AvailableServicePostcard.razor.rz.scp.css */
.mainContainer[b-gn8ovqu7li]{
    background-color: #F7F7FE;
    border-radius: 5px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    margin-bottom: 10px;
    width: 100%;
    padding-bottom: 10px;
}
.serviceContainer[b-gn8ovqu7li]{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 100px;
    margin:10px;
}

.serviceItem[b-gn8ovqu7li]{
    padding-left: 10px;
} 

.Price[b-gn8ovqu7li]{
    background-color: #FFFFFF;
    padding: 10px;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 5px;

}

.Price p[b-gn8ovqu7li] {
    padding-top: 5px;
}

.byService[b-gn8ovqu7li]{
    margin-top: 20px;
}
/* _content/Client/Components/Layout/Services/BuyService.razor.rz.scp.css */
.Modal[b-anmbltqu0e] {
    /* display: none; */
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
  } 
.Modal-content[b-anmbltqu0e] {
    margin: auto;
    padding: 20px;
    box-shadow: 4px 4px 4px 4px rgba(0.1, 0.1, 0.25, 0.25);
    background: #F7F7FE;
    border-radius: 15px;
    width: 500px;
  }
  
  .close[b-anmbltqu0e] {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }
  
  .close:hover[b-anmbltqu0e],
  .close:focus[b-anmbltqu0e] {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.Extrainfo[b-anmbltqu0e]{
  padding-top:1rem;
}

h6[b-anmbltqu0e]{
    border-bottom: #000000 1px solid;
    padding: 10px;
}


.buyService[b-anmbltqu0e]{
    background-color: white;
    border-radius: 15px;
    margin-bottom: 10px;

}

.buyService p[b-anmbltqu0e]{
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 !important;
}

.SeeMore[b-anmbltqu0e]{
    color: #5E56EE;
    text-decoration: underline;
    padding-left: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
}

@media (max-width: 768px) {
  .Modal-content[b-anmbltqu0e] {
    width: 350px;
  }
}
/* _content/Client/Components/Layout/Services/PostCardAvailableService.razor.rz.scp.css */

.availableContainer[b-cd39waq4tx] {
  display: flex;
  flex-direction: column;
  background: #5E56EE;;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  width: 360px;
  /* height: 300px; */
}

.available-card[b-cd39waq4tx] {
  flex: 75%;
  display: flex;
  flex-direction: row;

}

.title[b-cd39waq4tx] {
  font-size: 25px;
  margin-bottom: 20px;
  text-align: left;
  line-height: 32px;
  font-weight: 400;
}

.description[b-cd39waq4tx] {
  font-size: 20px;
  margin-bottom: 20px;
  text-align: left;
}

.image img[b-cd39waq4tx] {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  margin-top: 20px;
}

.text[b-cd39waq4tx]{
  margin-right: 20px;
}
.White[b-cd39waq4tx]{
  color: #FFFFFF;
}
i[b-cd39waq4tx] {
  margin-right: 5px;
  font-size: 30px;
}
/* _content/Client/Components/Layout/VehicleRegistry/Banner.razor.rz.scp.css */
.banner[b-m3byryuohu]{
    background-color: #F7BAB1;
    height: 100%;
    width: 100%;
    border: 2px solid #EB523D;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    margin-top:10px;
}

.banner h2[b-m3byryuohu]{
    color: black;
    padding-left: 10px;
    padding-top: 8px;
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
}

.yellow[b-m3byryuohu]{
    background-color: #FAEFB0;
    border: 2px solid #F2D73A;
}
/* _content/Client/Components/Pages/Authenticate/Authenticate.razor.rz.scp.css */
.containerLogin[b-hljiwlbteu] {
    background-color: #F7F7FE;
}

.postcard[b-hljiwlbteu] {
    margin: 10px;
    padding: 10px;
}

.middleContainer[b-hljiwlbteu] {
    display: grid;
    place-items: center;
    min-height: 85vh;
    margin: 0;

}
@media (max-width: 768px) {
    .middleContainer[b-hljiwlbteu]{
        margin-top: 80px;

    }
}
/* _content/Client/Components/Pages/Login/Authenticate.razor.rz.scp.css */
.blue-spinner[b-if67h9m3by] {
    color: #5E56EE;
}
/* _content/Client/Components/Pages/Login/Register.razor.rz.scp.css */
.postcard[b-gaow34zejt] {
    margin-top: 60px;
    padding: 10px;
}

.middleContainer[b-gaow34zejt] {
    display: grid;
    place-items: center;
    min-height: 90vh;
    margin: 0;

}

@media (max-width: 768px) {
    .middleContainer[b-gaow34zejt]{
        margin-top: 40px;

    }
}
/* _content/Client/Components/Pages/Login/RegistrationComplete.razor.rz.scp.css */
.postcard[b-w7d3tc3gah] {
    margin-top: 60px;
    padding: 10px;
}

.middleContainer[b-w7d3tc3gah] {
    display: grid;
    place-items: center;
    min-height: 90vh;
    margin: 0;

}

@media (max-width: 768px) {
    .middleContainer[b-w7d3tc3gah]{
        margin-top: 40px;

    }
}
/* _content/Client/Components/Pages/PostLogin/AdminDashboard.razor.rz.scp.css */
.topContainer[b-n3z0fo3mkj]{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.form-select[b-n3z0fo3mkj]{
    margin-right: 15px;
}
.tableContainer[b-n3z0fo3mkj]{
    padding: 20px 22px 20px 22px;
    background-color: #F7F7FE;
    border-radius: 10px;
    margin-top: 2rem;
    width: 100%;

}

.TableHeadBig th[b-n3z0fo3mkj] {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 40px;
    font-size: 15px;
    height: 78px;
}

td[b-n3z0fo3mkj], th[b-n3z0fo3mkj] {
    padding: 5px;
}

.tableItem[b-n3z0fo3mkj]{
    width: 30%;
    word-break: break-word;
}

.tableItemSmaller[b-n3z0fo3mkj]{
    width: 10%;
}

.PageControlsButtons[b-n3z0fo3mkj]{
    display: flex;
    flex-direction: row;
}

.PageControls[b-n3z0fo3mkj] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.PageControls .pagecounters[b-n3z0fo3mkj]
{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.pagecounters p[b-n3z0fo3mkj] {
    margin: 0;
}

.ButtonContainer[b-n3z0fo3mkj]{
    border: 0;
    padding-bottom: 0;
}

.table[b-n3z0fo3mkj]{
    margin: 0;
}

.TextRight[b-n3z0fo3mkj]{
    text-align: right;
}

.topContainer[b-n3z0fo3mkj]{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.topContainer .search[b-n3z0fo3mkj]{
    width: 70%;
}

.ACTIVE[b-n3z0fo3mkj]{
    color: #5E56EE;
}
.ONHOLD[b-n3z0fo3mkj]{
    color: #EB523D;
}

@media (max-width: 768px) {
    .mainContainer[b-n3z0fo3mkj]{
        margin-top: 70px;
    }

    #payee[b-n3z0fo3mkj]{
        display: none;
    }
    .userContainer[b-n3z0fo3mkj]{
        margin-top: 70px;
    }
    .hideMobile[b-n3z0fo3mkj]{
        display: none;
    }
}
/* _content/Client/Components/Pages/PostLogin/AdminPayee.razor.rz.scp.css */
.topContainer[b-ymds7yu2wr]{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.form-select[b-ymds7yu2wr]{
    margin-right: 15px;
}
.tableContainer[b-ymds7yu2wr]{
    padding: 20px 22px 20px 22px;
    background-color: #F7F7FE;
    border-radius: 10px;
    margin-top: 2rem;
    width: 100%;

}

.TableHeadBig th[b-ymds7yu2wr] {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 40px;
    font-size: 15px;
    height: 78px;
}
.Buttons[b-ymds7yu2wr]{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
td[b-ymds7yu2wr], th[b-ymds7yu2wr] {
    padding: 5px;
}

.tableItem[b-ymds7yu2wr]{
    width: 30%;
    word-break: break-word;
}

.tableItemSmaller[b-ymds7yu2wr]{
    width: 10%;
}

.PageControlsButtons[b-ymds7yu2wr]{
    display: flex;
    flex-direction: row;
}

.PageControls[b-ymds7yu2wr] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.PageControls .pagecounters[b-ymds7yu2wr]
{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.pagecounters p[b-ymds7yu2wr] {
    margin: 0;
}

.ButtonContainer[b-ymds7yu2wr]{
    border: 0;
    padding-bottom: 0;
}

.table[b-ymds7yu2wr]{
    margin: 0;
}

.TextRight[b-ymds7yu2wr]{
    text-align: right;
}


.modalBackground[b-ymds7yu2wr] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}
.close[b-ymds7yu2wr] {
    color: #aaaaaa;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
  }
.modalContainer[b-ymds7yu2wr] {
    background: #F7F7FE;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    width: 700px;
}
.modalContainerServiceUpdate[b-ymds7yu2wr] {
    background: #F7F7FE;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    width: 400px;
}

.Update-buttons[b-ymds7yu2wr]{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.Top[b-ymds7yu2wr]{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #5E56EE;
    margin-bottom: 10px;

  }

.info[b-ymds7yu2wr]{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;

}

.borderBottom[b-ymds7yu2wr]{
    border-bottom: 1px solid #dee2e6;
}

table[b-ymds7yu2wr]{
    width: 100%;
    border-collapse: collapse;

}

.infoContainer[b-ymds7yu2wr]{
    margin-left: 1rem;
    margin-right: 1rem;
}

select[b-ymds7yu2wr]{
    width: 50%;
    padding: 10px;
    border-radius: 8px;
    border: 1px solid #ccc;
}

.NameSSN[b-ymds7yu2wr]{
    width: 30%;
    word-break: break-word;
}

.ACTIVE[b-ymds7yu2wr]{
    color: #5E56EE;
}
.ONHOLD[b-ymds7yu2wr]{
    color: #F2D73A;
}
.CLOSED[b-ymds7yu2wr]{
    color: #EB523D;
}

.topContainer[b-ymds7yu2wr]{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.topContainer .search[b-ymds7yu2wr]{
    width: 70%;
}

@media (max-width: 768px) {
    .mainContainer[b-ymds7yu2wr]{
        margin-top: 70px;
    }

    .userContainer[b-ymds7yu2wr]{
        margin-top: 70px;
    }

    .modalContainer[b-ymds7yu2wr]{
        max-width: 90%; 
        max-height: 80vh; /* Limit height to 80% of viewport */
    }
    .modalContainerServiceUpdate[b-ymds7yu2wr]{
        max-width: 90%; 
        max-height: 80vh; /* Limit height to 80% of viewport */
    }
    .hideMobile[b-ymds7yu2wr]{
        display: none;
    }
}
/* _content/Client/Components/Pages/PostLogin/AdvaniaDashboard.razor.rz.scp.css */
.mainContainer[b-2lgneaxkwa]{
    margin-top: 2rem;
}
.serviceContainer[b-2lgneaxkwa]{
    display: flex;
    flex-wrap: wrap; 
    justify-content: center; 
    gap: 20px;
}
@media (max-width: 768px) {

    .mainContainer[b-2lgneaxkwa]{
        margin-top: 70px;
    }

    .serviceContainer[b-2lgneaxkwa]{
        display: block;
        
    }
    
}
/* _content/Client/Components/Pages/PostLogin/CarMortages.razor.rz.scp.css */
p:hover[b-l3hvp7k86g] {
    text-decoration: underline;
    text-decoration-color: #5E56EE;
}
.TopControler[b-l3hvp7k86g]{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.magicButtonContainer[b-l3hvp7k86g]{
    width: 60%;
}

.Modal[b-l3hvp7k86g] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

.Modal-content[b-l3hvp7k86g] {
    margin: auto;
    padding: 20px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    background: #F7F7FE;
    border-radius: 15px;
    width: 390px;
}

.Modal-header[b-l3hvp7k86g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.Modal-card-container[b-l3hvp7k86g] {
    flex-direction: column;
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}
.Modal-button-container[b-l3hvp7k86g] {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.close[b-l3hvp7k86g] {
    color: #aaaaaa;
    font-size: 28px;
    font-weight: bold;
}

.close:hover[b-l3hvp7k86g],
.close:focus[b-l3hvp7k86g] {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.disabled-close[b-l3hvp7k86g] {
    cursor: not-allowed;
    opacity: 0.5;
    color: #aaaaaa;
}
.close.disabled-close[b-l3hvp7k86g], .close.disabled-close:hover[b-l3hvp7k86g] {
    cursor: not-allowed;
    opacity: 0.5;
    color: #aaaaaa; /* This ensures the color does not change on hover */
}

form[b-l3hvp7k86g] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 2rem;
}
.date-css-container[b-l3hvp7k86g] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 10px;
}

.month-container[b-l3hvp7k86g],
.year-container[b-l3hvp7k86g]{
    width: 33%;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
}

.cvc-container[b-l3hvp7k86g] {
    display: flex;
    flex-direction: column;
    margin-left: auto;
}

span[b-l3hvp7k86g] {
    color: #5E56EE;
}

/* Overlay covering the entire viewport */
.acsFormOverlay[b-l3hvp7k86g] {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1050;
}

/* Centered content box */
.acsFormContent[b-l3hvp7k86g] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    background: white;
    width: 80%;
    max-width: 500px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    border-radius: 5px;
}

/* Iframe style */
.acsIframe[b-l3hvp7k86g] {
    width: 100%;
    height: 400px;
    border: none;
}

.buttons[b-l3hvp7k86g]{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    
}
/* _content/Client/Components/Pages/PostLogin/CompanyResults.razor.rz.scp.css */

.TopControler[b-cmk9bwsv39]{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}
/* _content/Client/Components/Pages/PostLogin/ContactUs.razor.rz.scp.css */
.MainContainer[b-iffk9e0l6e] {
    display: flex;
    flex-direction: column;
}

.formContainer[b-iffk9e0l6e]{
    background: #F7F7FE;
    border-radius: 15px;
    width: 500px;
    padding: 2rem 1.5rem;
    margin-top: 2rem;

}

form[b-iffk9e0l6e] {
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    justify-content: center;
    margin-top: 2rem;
}

label[b-iffk9e0l6e] {
    font-weight: normal;
    font-size: 16px;
    font-family: 'Inter', sans-serif;
    align-self: flex-start;
}

input[b-iffk9e0l6e], textarea[b-iffk9e0l6e] {
    padding: 5px;
    border: 0.5px solid rgba(10, 37, 64, 0.5);
    border-radius: 6px;
    margin-top: 5px;
    margin-bottom: 10px;
    width: 100%; /* Take up full width */
}

textarea[b-iffk9e0l6e] {
    height: 100px;
}


@media (max-width: 768px) {
    .formContainer[b-iffk9e0l6e] {
        width: 100%;
    }

    .MainContainer[b-iffk9e0l6e]{
        margin-top: 70px;
    }
    
}
/* _content/Client/Components/Pages/PostLogin/Home.razor.rz.scp.css */

.containerDashboard[b-9c0o2s0qbs]{
    background-color: #ffffff;

}

.moreServicesConteiner[b-9c0o2s0qbs]{
    margin-top: 50px; /* Adjust the value to the amount of space you want */
}
.moreServicesConteiner h5[b-9c0o2s0qbs]{
    margin-bottom: 20px;
    border-bottom: #5E56EE 1px solid;
}
.moreServices[b-9c0o2s0qbs] {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.announcement[b-9c0o2s0qbs] {
    color: #ffffff;
    font-size: 18px;
}

.announcementicon i[b-9c0o2s0qbs] {
    padding-right: 1rem;
}
.announcementicon[b-9c0o2s0qbs]{
    color: #ffffff;
    font-size: 22px;
}

.announcementContainer[b-9c0o2s0qbs]{
    display: flex;
    margin-bottom: 20px;
    background-color: #5E56EE;
    border-radius: 5px;
    border: 1px solid #F7F7FE;
    padding: 0.5rem 1rem 0.5rem 1rem;
}
.errorAnnouncementContainer[b-9c0o2s0qbs]{
    display: flex;
    margin-bottom: 20px;
    background-color: #EB523D;
    border-radius: 5px;
    border: 1px solid #F7F7FE;
    padding: 0.5rem 1rem 0.5rem 1rem;
}

.postcards[b-9c0o2s0qbs]{
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.extrapadding[b-9c0o2s0qbs] {
    margin-bottom: 30px;
}
.Modal[b-9c0o2s0qbs] {
    position: fixed;
    z-index: 1;
    padding-top: 300px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
  }
  .Modal-content[b-9c0o2s0qbs] {
    margin: auto;
    padding: 20px;
    box-shadow: 4px 4px 4px 4px rgba(0.1, 0.1, 0.25, 0.25);
    background: #F7F7FE;
    border-radius: 15px;
    width: 350px;
  }

  p[b-9c0o2s0qbs]{
    text-align: center;
  }

@media (max-width: 768px) {

    .containerDashboard[b-9c0o2s0qbs]{
        margin-top: 70px;
    }
    .postcards[b-9c0o2s0qbs]{
        justify-content: center;
    }
}
/* _content/Client/Components/Pages/PostLogin/MortageBondResults.razor.rz.scp.css */
.Modal[b-ntg5wgwpbh] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

.Modal-content[b-ntg5wgwpbh] {
    margin: auto;
    padding: 20px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    background: #F7F7FE;
    border-radius: 15px;
    width: 390px;
}

.Modal-header[b-ntg5wgwpbh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.Modal-card-container[b-ntg5wgwpbh] {
    flex-direction: column;
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}
.Modal-button-container[b-ntg5wgwpbh] {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.close[b-ntg5wgwpbh] {
    color: #aaaaaa;
    font-size: 28px;
    font-weight: bold;
}

.close:hover[b-ntg5wgwpbh],
.close:focus[b-ntg5wgwpbh] {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.disabled-close[b-ntg5wgwpbh] {
    cursor: not-allowed;
    opacity: 0.5;
    color: #aaaaaa;
}
.close.disabled-close[b-ntg5wgwpbh], .close.disabled-close:hover[b-ntg5wgwpbh] {
    cursor: not-allowed;
    opacity: 0.5;
    color: #aaaaaa; /* This ensures the color does not change on hover */
}

form[b-ntg5wgwpbh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 2rem;
}
.date-css-container[b-ntg5wgwpbh] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 10px;
}

.month-container[b-ntg5wgwpbh],
.year-container[b-ntg5wgwpbh]{
    width: 33%;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
}

.cvc-container[b-ntg5wgwpbh] {
    display: flex;
    flex-direction: column;
    margin-left: auto;
}

h3[b-ntg5wgwpbh] {
    color: #5E56EE;

}

.TableContainer2[b-ntg5wgwpbh]{
    margin-bottom: 1rem;
}
.TableContainer2Mobile[b-ntg5wgwpbh]{
    margin-bottom: 1rem;
}

/* Overlay covering the entire viewport */
.acsFormOverlay[b-ntg5wgwpbh] {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1050;
}

/* Centered content box */
.acsFormContent[b-ntg5wgwpbh] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    background: white;
    width: 80%;
    max-width: 500px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    border-radius: 5px;
}

/* Iframe style */
.acsIframe[b-ntg5wgwpbh] {
    width: 100%;
    height: 400px;
    border: none;
}

.buttons[b-ntg5wgwpbh]{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    
}


@media (max-width: 768px) {

    .MainContainer[b-ntg5wgwpbh]{
        margin-top: 70px;
    }
}
/* _content/Client/Components/Pages/PostLogin/NationalRegistryResults.razor.rz.scp.css */
.PageControlsButtons[b-h5khw2qrzy] {
    display: flex;
    flex-direction: row;
}

.PageControls[b-h5khw2qrzy] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.PageControls .pagecounters[b-h5khw2qrzy] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.pagecounters p[b-h5khw2qrzy] {
    margin: 0;
}

.controlContainer[b-h5khw2qrzy]
{
    margin-bottom: 5px;
}

.Back[b-h5khw2qrzy] {
    font-size: 14px;
    font-weight: 500;
    text-decoration: underline;
    text-decoration-color: #5E56EE;
    line-height: 1.5;
    text-underline-offset: 6px;
    text-decoration-thickness: 2px;
    cursor: pointer;
    /* transition: text-decoration-color 100ms linear; */
}

    .Back:hover[b-h5khw2qrzy] {
        text-decoration-color: #F3E3EE;
    }

    .Back img[b-h5khw2qrzy] {
        padding-left: 0.5rem;
        transition: transform 100ms ease-out;
    }

    .Back:hover img[b-h5khw2qrzy] {
        transform: translateX(-5px);
    }

@media (max-width: 768px) {

    .container2[b-h5khw2qrzy] {
        margin-top: 70px;
    }
}
/* _content/Client/Components/Pages/PostLogin/PayeeDashboard.razor.rz.scp.css */
.middleContainer[b-mru48qvvtv] {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    /* height: 82px; */

}


.otherSettingsContainer[b-mru48qvvtv]{
    padding: 20px 22px 20px 22px;
    background-color: #F7F7FE;
    border-radius: 10px;
    margin-top: 0.5rem;
   
    max-width: 50%;
    padding: 0;
    margin-top: 1rem;
}


.userPostcardContainer[b-mru48qvvtv] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}


@media (max-width: 820px) {
    .middleContainer[b-mru48qvvtv] {
        display: flex;
        flex-direction: column;
        height: auto;
        align-items: flex-end;
    }
    .otherSettingsContainer[b-mru48qvvtv]{
        padding: 20px 22px 20px 22px;
        background-color: #F7F7FE;
        border-radius: 10px;
        margin-top: 0.5rem;
        width: fit-content;
        max-width: 90%;
        padding: 0;
        margin-top: 1rem;
        margin-right: 1rem
    }



}

@media  (max-width: 768px){
    .modalContainer[b-mru48qvvtv]{
        margin-top: 70px;
    }
  }
/* _content/Client/Components/Pages/PostLogin/RealEstateInformationResults.razor.rz.scp.css */
.Modal[b-m0vhwgs32y] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

.Modal-content[b-m0vhwgs32y] {
    margin: auto;
    padding: 20px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    background: #F7F7FE;
    border-radius: 15px;
    width: 390px;
}

.Modal-header[b-m0vhwgs32y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.Modal-card-container[b-m0vhwgs32y] {
    flex-direction: column;
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}
.Modal-button-container[b-m0vhwgs32y] {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.close[b-m0vhwgs32y] {
    color: #aaaaaa;
    font-size: 28px;
    font-weight: bold;
}

.close:hover[b-m0vhwgs32y],
.close:focus[b-m0vhwgs32y] {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.disabled-close[b-m0vhwgs32y] {
    cursor: not-allowed;
    opacity: 0.5;
    color: #aaaaaa;
}
.close.disabled-close[b-m0vhwgs32y], .close.disabled-close:hover[b-m0vhwgs32y] {
    cursor: not-allowed;
    opacity: 0.5;
    color: #aaaaaa; /* This ensures the color does not change on hover */
}

form[b-m0vhwgs32y] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 2rem;
}
.date-css-container[b-m0vhwgs32y] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 10px;
}

.month-container[b-m0vhwgs32y],
.year-container[b-m0vhwgs32y]{
    width: 33%;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
}

.cvc-container[b-m0vhwgs32y] {
    display: flex;
    flex-direction: column;
    margin-left: auto;
}

h3[b-m0vhwgs32y] {
    color: #5E56EE;

}

.TableContainer2[b-m0vhwgs32y]{
    margin-bottom: 1rem;
}
.TableContainer2Mobile[b-m0vhwgs32y]{
    margin-bottom: 1rem;
}

/* Overlay covering the entire viewport */
.acsFormOverlay[b-m0vhwgs32y] {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1050;
}

/* Centered content box */
.acsFormContent[b-m0vhwgs32y] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    background: white;
    width: 80%;
    max-width: 500px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    border-radius: 5px;
}

/* Iframe style */
.acsIframe[b-m0vhwgs32y] {
    width: 100%;
    height: 400px;
    border: none;
}

.buttons[b-m0vhwgs32y]{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    
}


@media (max-width: 768px) {

    .MainContainer[b-m0vhwgs32y]{
        margin-top: 70px;
    }
}
/* _content/Client/Components/Pages/PostLogin/ShareholdersRegisterResults.razor.rz.scp.css */
p:hover[b-z6xuo8lyen] {
    text-decoration: underline;
    text-decoration-color: #5E56EE;
}
/* _content/Client/Components/Pages/PostLogin/Subscriptions.razor.rz.scp.css */
.activeServicesContainer[b-0jigxi5p4b], .otherServicesContainer[b-0jigxi5p4b] {
    padding: 20px 22px 20px 22px;
    background-color: #F7F7FE;
    border-radius: 10px;
    margin-top: 2rem;
}

.table td[b-0jigxi5p4b] {
    text-align: left; 
    vertical-align: middle; 
    padding: 0.3rem;
    width: 15%
}

.table td.justify[b-0jigxi5p4b] {
    text-align: justify; 
}

tr[b-0jigxi5p4b] {
  width: 100%;
}
.text[b-0jigxi5p4b]{
  display: flex;
  align-items: center;
}
p[b-0jigxi5p4b]{
  margin: 0;
}
  .Modal[b-0jigxi5p4b] {
    position: fixed;
    z-index: 1;
    padding-top: 300px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
  }
  .Modal-content[b-0jigxi5p4b] {
    margin: auto;
    padding: 20px;
    box-shadow: 4px 4px 4px 4px rgba(0.1, 0.1, 0.25, 0.25);
    background: #F7F7FE;
    border-radius: 15px;
    width: 350px;
  }

  p[b-0jigxi5p4b]{
    text-align: center;
  }
  @media (max-width: 768px){
      .desktop[b-0jigxi5p4b] {
        margin-top: 70px;
    }
  }
/* _content/Client/Components/Pages/PostLogin/UserProfile.razor.rz.scp.css */
@media (max-width: 768px) {

    .ProfileContainer[b-1ll2ho49ie]{
        margin-top: 70px; 
        }

}
/* _content/Client/Components/Pages/PostLogin/VehicleResults.razor.rz.scp.css */
h4:hover[b-in2s5c4sca] {
    text-decoration: underline;
}

.magicContainer[b-in2s5c4sca]{
    display: flex;
    flex-direction: column;
    max-width: 250px;
}

.TopControler[b-in2s5c4sca]{
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.vechicleRegNo[b-in2s5c4sca] {
    font-size: 20px;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
    margin-bottom: 1rem;
    margin-top: 1rem;
}
p:hover[b-in2s5c4sca] {
    text-decoration: underline;
    text-decoration-color: #5E56EE;
}

.grunnupplysingar-container[b-in2s5c4sca] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.info-card1[b-in2s5c4sca] {
    background: #F7F7FE;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
    font-size: 20px;
    padding: 1rem;
    width: 100%;
    margin-bottom: 1rem;
}

.containerB[b-in2s5c4sca]{
    margin-bottom: 2rem;
}

.top-row-basic-info[b-in2s5c4sca]{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.top-row-basic-info-buttons[b-in2s5c4sca]{
    display: flex;
    flex-direction: row;

}

.modalContainer[b-in2s5c4sca] {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1050;
    background-color: white;
    padding: 20px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    width: 90%; /* Adjust width as necessary */
    max-height: 80vh; /* Limit height to 80% of viewport */
    overflow-y: auto; /* Make it scrollable if content exceeds height */
    border-radius: 8px;
}
.modalBackground[b-in2s5c4sca] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

select[b-in2s5c4sca]{
    width: 100%;
    padding: 10px;
    /* margin: 10px 0; */
    border-radius: 8px;
    border: 1px solid #ccc;
}
.modalHeader[b-in2s5c4sca]{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}

.close[b-in2s5c4sca] {
    color: #aaaaaa;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
  }

.accidents-container[b-in2s5c4sca]{
    visibility: hidden;
}

@media print {

    .containerB[b-in2s5c4sca]{
        visibility: visible;
    }
    .containerB[b-in2s5c4sca] {
        position: absolute;
        left: 10px;
        top: 10px;
        right: 10px;
        bottom: 10px;
        width: 100%;
    }
    #hideIfPrint[b-in2s5c4sca]{
        display: none;
    }

    .accidents-container[b-in2s5c4sca] {
        visibility: visible;
    }
    .modalBackground[b-in2s5c4sca] {
        display: none;
    }
    .modalContainer[b-in2s5c4sca]{
        display: none;
    }
}

@media (max-width: 768px) {

    .containerB[b-in2s5c4sca]{
        margin-top: 70px;
    }
    
}
/* _content/Client/Components/Pages/PostLogin/VehiclesBySSNResults.razor.rz.scp.css */
.toggle-button[b-g739jjf4up] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #5E56EE;
    background-color:  #5E56EE;
    color: white;
    margin-right: 1rem;
}

.header-container[b-g739jjf4up] {
    display: flex; /* Make the container a flex container */
    align-items: baseline; /* Align items at the baseline */
}

p:hover[b-g739jjf4up] {
    text-decoration: underline;
    text-decoration-color: #5E56EE;
}

.header-container[b-g739jjf4up] {
    display: flex; /* Make the container a flex container */
    align-items: baseline; /* Align items at the baseline */
}
/* _content/Client/Components/Pages/PostLogin/VehiclesByWildcardResults.razor.rz.scp.css */
.toggle-button[b-11yyp24dl8] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #5E56EE;
    background-color:  #5E56EE;
    color: white;
    margin-right: 1rem;
}

.header-container[b-11yyp24dl8] {
    display: flex; /* Make the container a flex container */
    align-items: baseline; /* Align items at the baseline */
}

p:hover[b-11yyp24dl8] {
    text-decoration: underline;
    text-decoration-color: #5E56EE;
}

.header-container[b-11yyp24dl8] {
    display: flex; /* Make the container a flex container */
    align-items: baseline; /* Align items at the baseline */
}
.PageControlsButtons[b-11yyp24dl8] {
    display: flex;
    flex-direction: row;
}
/* _content/Client/Components/Pages/PostLogin/WorkMachineResults.razor.rz.scp.css */
p:hover[b-qjxc1kzmkc] {
    text-decoration: underline;
    text-decoration-color: #5E56EE;
}
.TopControler[b-qjxc1kzmkc]{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.magicButtonContainer[b-qjxc1kzmkc]{
    width: 60%;
}
/* _content/Client/Components/Pages/PreLogin/AboutUH.razor.rz.scp.css */
.containerHome[b-y1lktij71u]{
    margin-left: 0;
    overflow: hidden;
    margin-bottom: 20px;
    margin-top: 60px;
}

.Container[b-y1lktij71u] {
    margin: 3rem;
    margin-top: 0;

}

.headerBackground[b-y1lktij71u] {
    height: 200px;
    width: 100%;
    color: black;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    font-family: 'Inter', sans-serif;
}

#description[b-y1lktij71u]{
    background-color: #F7F7FE;
    padding: 20px;
    border-radius: 15px;
    width: 100%;
}

#serviceTitle[b-y1lktij71u] {
    font-size: 24px;
    font-weight: 500;
    color: black;
    margin: 20px;
    margin-left: 0;
}

.servicePostcards[b-y1lktij71u]{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-top: 1rem;
}
/* .serviceLink {
    padding: 0 0 1rem 2.5rem;
    width: fit-content;
    font-size: 20px;
    font-weight: 500;
    text-decoration: underline;
    text-decoration-color: #5E56EE;
    line-height: 1.5;
    text-underline-offset: 6px;
    text-decoration-thickness: 2px;
    cursor: pointer;
}
.serviceLink img {
    padding-left: 0.5rem;
    transition: transform 100ms ease-out;
}

.serviceLink:hover img {
    transform: translateX(5px);
}

.serviceLink:hover {
    text-decoration-color: #F3E3EE;
} */

center[b-y1lktij71u] {
    margin: 2rem;
    
}

@media (max-width: 768px) {
    
    .AboutUH[b-y1lktij71u]{
        justify-content: center;
    }

    .AboutUH #description[b-y1lktij71u] {
        text-align: center;
    }

    .AboutUH #serviceTitle[b-y1lktij71u]{
        font-weight: 600;
        text-align: center;
    }

    .serviceLink[b-y1lktij71u] {
        padding-left: 0.5rem;
    }
    .headerBackground h1[b-y1lktij71u] {
        font-size: 30px;
    }
    .headerBackground[b-y1lktij71u] {
        height: 160px;
        align-items: flex-end;
    }
}
/* _content/Client/Components/Pages/PreLogin/Personuverdarstefna.razor.rz.scp.css */
.containerHome[b-wtfubgmw86]{
    margin-left: 0;
    overflow: hidden;
    margin-bottom: 20px;
    margin-top: 60px;
}

.headerBackground[b-wtfubgmw86] {
    height: 200px;
    width: 100%;
    color: black;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    font-family: 'Inter', sans-serif;
}

.textContainer[b-wtfubgmw86] {
    margin: 3rem;
    margin-top: 0;
}
/* _content/Client/Components/Pages/PreLogin/Pricetable.razor.rz.scp.css */
.headerBackground[b-ho28xitafo] {
    height: 200px;
    width: 100%;
    color: black;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    font-family: 'Inter', sans-serif;
}

.containerHome[b-ho28xitafo]{
    margin-top: 60px;
    margin-left: 0;
    overflow: hidden;
    margin-bottom: 20px;
}

.Extrainfo[b-ho28xitafo]{
    margin-top: 2rem;
    margin-left: 3rem;
    padding-left: 20px;
}
a[b-ho28xitafo] {
    text-decoration: none;
    font-style: bold;
}
@media (max-width: 768px) {
    .headerBackground h1[b-ho28xitafo] {
        font-size: 30px;
    }
    .headerBackground[b-ho28xitafo] {
        height: 160px;
        align-items: flex-end;
    }
    .Extrainfo[b-ho28xitafo]{
        margin-top: 2rem;
        margin-left: 1rem;
        padding-left: 0;
    }
}
/* _content/Client/Components/Pages/PreLogin/ServicesInfo.razor.rz.scp.css */
.containerHome[b-tkw1gy7j6d]{
    margin-top: 60px;
}

.Container[b-tkw1gy7j6d] {
    display: flex;
    flex-wrap: wrap; 
    justify-content: center; 
    gap: 20px;
    margin-left: 3rem;
    margin-right: 3rem;

}

.headerBackground[b-tkw1gy7j6d] {
    height: 200px;
    width: 100%;
    color: black;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    font-family: 'Inter', sans-serif;
}

@media (max-width: 768px) {
    .serviceItems[b-tkw1gy7j6d] {
        margin-top: 20px;

    }
    .Container[b-tkw1gy7j6d] {
        flex-direction: column;
        margin-left: 1rem;
        margin-right: 1rem;
    }
    .headerBackground h1[b-tkw1gy7j6d] {
        font-size: 30px;
    }
    .headerBackground[b-tkw1gy7j6d] {
        height: 160px;
        align-items: flex-end;
    }
}
/* _content/Client/Components/Pages/PreLogin/Uh.razor.rz.scp.css */
.containerHome[b-pwsfvtb3um]{
    margin-left: 0;
    overflow: hidden;
    margin-top: 60px;  /* move content down by the size of the navbar */
}

.errorMessage[b-pwsfvtb3um]{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    background-color: #EB523D;
    padding: 1rem 4rem 1rem 4rem;

}

.errorMessage h2[b-pwsfvtb3um] {
    color: #ffffff;
    font-size: 20px;
}
.errorMessage span[b-pwsfvtb3um] {
    color: #ffffff;
    font-size: 18px;
}

.InfoMessage[b-pwsfvtb3um]{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    background-color: #5E56EE;
    padding: 1rem 4rem 1rem 4rem;

}

.InfoMessage h2[b-pwsfvtb3um] {
    color: #ffffff;
    font-size: 20px;
}
.InfoMessage span[b-pwsfvtb3um] {
    color: #ffffff;
    font-size: 18px;
}

.announcementicon i[b-pwsfvtb3um] {
    padding-right: 1rem;
}

.announcementicon[b-pwsfvtb3um]{
    color: #ffffff;
    font-size: 22px;
}

 .Top[b-pwsfvtb3um]{
    background-color: #F7F7FE;
    padding-right: 3rem;
    padding-left: 3rem;
    padding-top: 2rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 500px;
 }
.headText[b-pwsfvtb3um]{
    width: 40%;
    max-width: 500px;
 }
.headImg[b-pwsfvtb3um]{
    display: flex;
    width: 60%;
    justify-content: center; /* Centers horizontally */
    align-items: center;    /* Centers vertically */
    align-items: center;
}

.headImg img[b-pwsfvtb3um] {
    max-height: 450px;
    width: 100%;
    height: auto;
    max-width: 100%;
    border-radius: 15px;
}
 .headText h2[b-pwsfvtb3um]{
    color: #5E56EE;
    font-size: 40px;
    margin-top: 3rem;
 }
 .headText p[b-pwsfvtb3um]{
    color: #2A2A2A;
 }

.serviceItems[b-pwsfvtb3um] {
    margin: 3rem;
}

img[b-pwsfvtb3um] {
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}

.servicePostcards[b-pwsfvtb3um]{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-top: 1rem;
    /* max-width: 1600px; */
}

.howItWorksContainer[b-pwsfvtb3um]{
    padding-top: 50px;
    background-color: #F7F7FE;
    margin: 0;
    padding-bottom: 2rem;
}
.howItWorksContainer h2[b-pwsfvtb3um] {
    margin-left: 3rem
}
.howItWorks[b-pwsfvtb3um]{
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 15px;
    padding-left: 3rem;
    padding-right: 3rem;
    padding-bottom: 3rem;
}

.Images[b-pwsfvtb3um]{
    margin-top: 10px;
    border-radius: 15px;
    background-color: white;
    width: 100%;

}
.register[b-pwsfvtb3um] {
    margin: 1rem;
}


@media (max-width: 768px) {
    .containerHome[b-pwsfvtb3um]{
        margin-top: 80px;
    }

    .Top[b-pwsfvtb3um]{
        /* margin-top: 80px; */
        text-align: left;
        height: 100%;
        flex-direction: column;
    }
    .containerHome[b-pwsfvtb3um]::before {
        display: none;
    }
    .servicePostcards[b-pwsfvtb3um]{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
        margin-top: 1rem;

    }
    .headText h2[b-pwsfvtb3um]{
        color: #5E56EE;
        font-size: 30px;
        margin-top: 1rem;
     }

    .mobile .howItWorks[b-pwsfvtb3um] {
        margin-top: 1rem;
    }

    .servicesMobile[b-pwsfvtb3um]{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-left: 1rem;
        margin-right: 1rem;
        margin-top: 10px;
    }

    .showMoreMobile[b-pwsfvtb3um]{
        color: #5E56EE;
        text-decoration: underline;
    }
    img[b-pwsfvtb3um] {
        height: 200px;
        object-fit: cover;
        border-radius: 15px;
    }
    .headText[b-pwsfvtb3um]{
        width: 100%;
     }
    .headImg[b-pwsfvtb3um]{
        display: flex;
        justify-content: center; /* Centers horizontally */
        align-items: center;    /* Centers vertically */
        width: 100%;
        align-items: center;
    }

}
/* _content/Client/Components/Pages/PreLogin/UserGuide.razor.rz.scp.css */
.headerBackground[b-ja9ukczmt2] {
    height: 200px;
    width: 100%;
    color: black;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    font-family: 'Inter', sans-serif;
}

.containerHome[b-ja9ukczmt2]{
    margin-top: 60px;
    margin-left: 0;
    overflow: hidden;
    margin-bottom: 20px;
}
.questionContainer[b-ja9ukczmt2] {
    margin: 0 3rem 0 3rem;
    
}

.instructionsContainer[b-ja9ukczmt2] {
    margin: 0 3rem 0 3rem;
}

.questionText[b-ja9ukczmt2]{
    background-color: #F7F7FE;
    padding: 1rem 3rem 1rem 3rem;
    border-radius: 10px;
    margin: 1rem 0 1rem 0;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.questionText p[b-ja9ukczmt2] {
    margin: 0;
}

.questionTextWrapper[b-ja9ukczmt2] {
    overflow: hidden;
    transition: max-height 0.4s ease, opacity 0.4s ease;
    max-height: 0;
    opacity: 0;
}

.questionTextWrapper.open[b-ja9ukczmt2] {
    max-height: 200px; /* Adjust based on expected content height */
    opacity: 1;
}

.slideshow[b-ja9ukczmt2] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

a[b-ja9ukczmt2]{
    text-decoration: none;
}



@media (max-width: 768px) {
    .headerBackground h1[b-ja9ukczmt2] {
        font-size: 30px;
    }
    .headerBackground[b-ja9ukczmt2] {
        height: 160px;
        align-items: flex-end;
    }

    .slideshow embed[b-ja9ukczmt2] {
        display: none;
    }

}
/* _content/Client/Components/Pages/PreLogin/VedbondLanding.razor.rz.scp.css */
.containerHome[b-d3as72v50d]{
    margin-left: 0;
    overflow: hidden;
    margin-bottom: 20px;
    margin-top: 60px;
}

.Container[b-d3as72v50d] {
    margin: 3rem;
    margin-top: 0;

}

.headerBackground[b-d3as72v50d] {
    height: 200px;
    width: 100%;
    color: black;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    font-family: 'Inter', sans-serif;
}

#description[b-d3as72v50d]{
    background-color: #F7F7FE;
    padding: 20px;
    border-radius: 15px;
    width: 100%;
}

#serviceTitle[b-d3as72v50d] {
    font-size: 24px;
    font-weight: 500;
    color: black;
    margin: 20px;
    margin-left: 0;
}

.servicePostcards[b-d3as72v50d]{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-top: 1rem;
}
/* .serviceLink {
    padding: 0 0 1rem 2.5rem;
    width: fit-content;
    font-size: 20px;
    font-weight: 500;
    text-decoration: underline;
    text-decoration-color: #5E56EE;
    line-height: 1.5;
    text-underline-offset: 6px;
    text-decoration-thickness: 2px;
    cursor: pointer;
}
.serviceLink img {
    padding-left: 0.5rem;
    transition: transform 100ms ease-out;
}

.serviceLink:hover img {
    transform: translateX(5px);
}

.serviceLink:hover {
    text-decoration-color: #F3E3EE;
} */

center[b-d3as72v50d] {
    margin: 2rem;
    
}

@media (max-width: 768px) {
    
    .AboutUH[b-d3as72v50d]{
        justify-content: center;
    }

    .AboutUH #description[b-d3as72v50d] {
        text-align: center;
    }

    .AboutUH #serviceTitle[b-d3as72v50d]{
        font-weight: 600;
        text-align: center;
    }

    .serviceLink[b-d3as72v50d] {
        padding-left: 0.5rem;
    }
    .headerBackground h1[b-d3as72v50d] {
        font-size: 30px;
    }
    .headerBackground[b-d3as72v50d] {
        height: 160px;
        align-items: flex-end;
    }
}