.user-logged-in.path-user .region-content .block-system-main-block:not(:has(.user-logout-confirm)){
    background: linear-gradient(#E3F4FF 55%, transparent 50%);
    padding-top: 80px;
    margin-top: 0;
}

.user-logged-in.path-user .region-content .block-system-main-block:has(.user-logout-confirm){
    margin-top: 40px;
}

.user-logged-in.path-user [data-drupal-selector="user-form"]{
    width: 670px;
    margin: auto;
    border-radius: 30px;
    border: 1px solid #545659;
    box-shadow: 5px 5px 4px 0 rgba(0, 0, 0, 0.25);
    padding: 35px 80px;
    position: relative;
    background: #ffffff;
}

.user-logged-in.path-user [data-drupal-selector="account-details"]{
    border: none;
}

.user-logged-in.path-user [data-drupal-selector="account-details"] summary{
    font-size: 20px;
    padding: 0;
}

.user-logged-in.path-user [data-drupal-selector="account-details"] summary::before{
    content: url('expand_collapse.svg');
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 12px;
    position: relative;
    top: 4px;
}

.user-logged-in.path-user [data-drupal-selector="account-details"] summary[aria-expanded="true"]::before{
    transform: rotate(180deg);
    top: 9px;
    right: -8px;
}

.user-logged-in.path-user [data-drupal-selector="account-details"] .form-type-password-confirm .form-item-pass-pass1, .user-logged-in.path-user [data-drupal-selector="account-details"] .form-type-password-confirm .form-item-pass-pass2{
    display: flex; 
    flex-direction: column; 
}

.user-logged-in.path-user [data-drupal-selector="account-details"] .form-type-password-confirm .form-item-pass-pass1 .password-suggestions, .user-logged-in.path-user [data-drupal-selector="account-details"] .form-type-password-confirm .form-item-pass-pass2 .password-suggestions{
    background: rgba(242, 115, 0, 0.1);
    border-radius: 10px;
}

.user-logged-in.path-user [data-drupal-selector="account-details"] .form-type-password-confirm .form-item-pass-pass1 label, .user-logged-in.path-user [data-drupal-selector="account-details"] .form-type-password-confirm .form-item-pass-pass2 label, .user-logged-in.path-user [data-drupal-selector="edit-field-first-name-wrapper"] .form-item-field-first-name-0-value label, .user-logged-in.path-user [data-drupal-selector="edit-field-last-name-wrapper"] .form-item-field-last-name-0-value label{
    font-size: 18px;
    font-weight: 400;
    line-height: 36px;
    color: #545659;
}

.user-logged-in.path-user [data-drupal-selector="account-details"] .form-type-password-confirm .form-item-pass-pass1 input, .user-logged-in.path-user [data-drupal-selector="account-details"] .form-type-password-confirm .form-item-pass-pass2 input, .user-logged-in.path-user [data-drupal-selector="edit-field-first-name-wrapper"] .form-item-field-first-name-0-value input, .user-logged-in.path-user [data-drupal-selector="edit-field-last-name-wrapper"] .form-item-field-last-name-0-value input{
    height: 58px;
    width: 100%;
    border-radius: 10px;
    border: 0.5px solid #545659;
    background: #FFFFFF;
    margin-top: 8px;
    padding: 18px;
    outline: none;
}

.user-logged-in.path-user [data-drupal-selector="edit-field-first-name-wrapper"] .form-item-field-first-name-0-value, .user-logged-in.path-user [data-drupal-selector="edit-field-last-name-wrapper"] .form-item-field-last-name-0-value{
    display: flex;
    flex-direction: column;
}

.user-logged-in.path-user [data-drupal-selector="edit-actions"] input{
    padding: 18px 35px;
    background: #F27300;
    border-radius: 50px;
    font-weight: 700;
    font-size: 18px !important;
    letter-spacing: 0.5px;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 100%;
    display: flex;
    margin: 40px auto 0;
}

.user-logged-in.path-user [data-drupal-selector="edit-actions"] input:hover{
    background: #8CAD06;
    transition: all 0.9s ease;
}

.user-logged-in.path-user [data-drupal-selector="account-details"] .form-type-password-confirm .form-item-pass-pass1 .password-strength, .user-logged-in.path-user [data-drupal-selector="account-details"] .form-type-password-confirm .form-item-pass-pass2 .password-strength{
    margin: 0.5em 0;
}

.user-logged-in.path-user [data-drupal-selector="account-details"] .form-type-password-confirm [data-drupal-selector="password-confirm-message"]{
    margin-top: 15px;
    text-transform: capitalize;
}

.user-logged-in.path-user [data-drupal-selector="account-details"] .form-type-password-confirm .form-item-pass-pass1 .password-strength__title{
    text-transform: capitalize;
}

.user-logged-in.path-user [data-drupal-selector="edit-field-first-name-wrapper"] .form-item-field-first-name-0-value input, .user-logged-in.path-user [data-drupal-selector="edit-field-last-name-wrapper"] .form-item-field-last-name-0-value input{
    width: 94.5%;
}

.user-logged-in.path-user .region-content:has(.user-logout-confirm){
    margin: 80px auto 0;
    height: 290px;
    width: 615px;
    border-radius: 30px;
    border: 1px solid #545659;
    box-shadow: 5px 5px 4px 0 rgba(0, 0, 0, 0.25);
    padding: 35px 80px;
    background: #ffffff;
}


.user-logged-in.path-user .region-content:has(.user-logout-confirm) .page-title{
    font-size: 30px;
}


.user-logged-in.path-user .region-content:has(.user-logout-confirm) [data-drupal-selector="edit-actions"]{
    display: flex;
    gap: 20px;
    justify-content: center;
}

.user-logged-in.path-user .region-content:has(.user-logout-confirm) [data-drupal-selector="edit-actions"] .form-submit{
    margin: 0;
    order: 2;
    transition: all 0.5s ease;
}

.user-logged-in.path-user .region-content:has(.user-logout-confirm) [data-drupal-selector="edit-actions"] .dialog-cancel{
    margin: 0;
    padding: 19px 34px;
    background: #8CAD06;
    border-radius: 50px;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0.5px;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 100%;
    transition: all 0.5s ease;
}

.user-logged-in.path-user .region-content:has(.user-logout-confirm) [data-drupal-selector="edit-actions"] .dialog-cancel:hover{
    background: #F27300;
}

.user-logged-in.path-user .region-content:has(.user-logout-confirm) [data-drupal-selector="edit-actions"] .form-submit:hover{
    margin: 0;
    order: 2;
    background: #8CAD06;
}

@media (max-width: 768px) {
    .user-logged-in.path-user [data-drupal-selector="user-form"]{
         width: 95%;
     }
}

@media (max-width: 640px) {
    .user-logged-in.path-user .region-content:has(.user-logout-confirm){
       width: 95%;
       padding: 40px;
       height: auto;
    }

    .user-logged-in.path-user .region-content:has(.user-logout-confirm) [data-drupal-selector="edit-actions"]{
       justify-content: left;
    }

    .user-logged-in.path-user [data-drupal-selector="edit-actions"] input{
        font-size: 16px !important;
        padding: 18px 30px;
        padding-bottom: 15px;
    }

    .user-logged-in.path-user .region-content:has(.user-logout-confirm) [data-drupal-selector="edit-actions"] input, .user-logged-in.path-user .region-content:has(.user-logout-confirm) [data-drupal-selector="edit-actions"] .dialog-cancel{
        padding: 10px 20px;
        line-height: unset;
        padding-bottom: 7px;
        font-size: 16px !important;
    }

    .user-logged-in.path-user .region-content:has(.user-logout-confirm) .page-title{
        margin: 0;
        font-size: 28px;
    } 

    .user-logged-in.path-user [data-drupal-selector="user-form"]{
        padding: 35px;
     }

     .user-logged-in.path-user [data-drupal-selector="account-details"] .form-type-password-confirm .form-item-pass-pass1 input, .user-logged-in.path-user [data-drupal-selector="account-details"] .form-type-password-confirm .form-item-pass-pass2 input, .user-logged-in.path-user [data-drupal-selector="edit-field-first-name-wrapper"] .form-item-field-first-name-0-value input, .user-logged-in.path-user [data-drupal-selector="edit-field-last-name-wrapper"] .form-item-field-last-name-0-value input{
        height: 52px;
     }
}

.user-form summary {
  display: none;
}

.user-form summary::-webkit-details-marker {
  display: none;
}
.user-form summary::before,
.user-form summary::after {
  content: none;
}

.password-confirm:has(span:empty) {
  display: none;
}

.user-form-heading {
    left: 50px;
    font-size: 32px;
    font-weight: 700;
    color: #004E90;
    line-height: 36px;
    padding: 0;
    background: none;
    text-decoration: none;
}

.user-form-heading::before {
    content: url('right-arrow.svg');
    display: inline-block;
    width: 20px;
    height: 16px;
    margin-right: 12px;
    position: relative;
    top: -4px;
}