

.ghost-btn {
    font-size: 15px;
    font-weight: 630;
    line-height: 1.4;
    text-align: left;
    color: #494fc9;
    text-decoration: underline;
    border-radius: 12px
}

.ghost-btn:hover {
    background-color: #ecedf9;
    color: #494fc9
}

.ghost-btn:hover svg path {
    stroke: #494fc9
}

.ghost-btn:focus {
    box-shadow: 0 0 0 4px #ecedf9;
    background-color: #fff
}

.ghost-btn:focus svg path {
    stroke: #494fc9
}

.ghost-btn:active {
    background-color: #ecedf9
}

.ghost-btn.disabled {
    background-color: #ecedf9;
    color: #a2a5e4
}

.ghost-btn.disabled svg path {
    stroke: #a2a5e4
}

.ghost {
    background-color: transparent;
    color: #494fc9;
    border: 0
}

.ghost:hover {
    background-color: #ecedf9
}

.ghost:active {
    background-color: #d7d8f3
}

body .filled {
    background-color: #494fc9;
    color: white;
    padding: 16px 20px;
    border: 0 none
}

body .filled:hover {
    background-color: #2f349d
}

body .filled:active {
    background-color: #2b2f8f
}

body .filled.disabled {
    background-color: #a2a5e4;
    border-color: #a2a5e4 !important
}

.line-btn {
    background-color: transparent;
    border: 1px solid #a2a5e4 !important;
    color: #494fc9;
    text-decoration: none;
    text-align: center
}

.line-btn:hover {
    background-color: #ecedf9;
    color: #494fc9
}

.line-btn:focus {
    border: 1px solid #a2a5e4;
    box-shadow: 0 0 0 4px #ecedf9;
    background-color: #fff
}

.line-btn:active {
    background-color: #ecedf9
}

.line-btn.disabled {
    background-color: #ecedf9;
    border-color: #d7d8f3
}

.line-gray-btn {
    background-color: transparent;
    border: 1px solid #e0e1e6;
    color: #35353f;
    cursor: pointer
}

.line-gray-btn:disabled {
    background-color: #e0e1e6;
    color: #9fa0b0 !important
}

.line-gray-btn:hover {
    background-color: #e0e1e6;
    color: #35353f
}

.line-gray-btn:focus {
    outline: 4px solid #eee;
    background-color: transparent
}

.line-gray-btn:active {
    background-color: #e0e1e6;
    outline: 4px solid #eee
}

.circle-button {
    width: -moz-max-content;
    width: max-content;
    height: -moz-max-content;
    height: max-content;
    padding: 8px;
    background: #e0e1e6;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.circle-button:hover~.tooltip {
    display: flex
}

.send-circle-btn {
    padding: 16px;
    background-color: #494fc9;
    border-radius: 52px;
    max-width: 52px;
    max-height: 52px;
    border: 0;
    outline: 0
}

.send-circle-btn:disabled {
    background-color: #a2a5e4
}

.send-circle-btn:hover {
    background-color: #2f349d
}

.send-circle-btn:visited {
    background-color: #2b2f8f;
    box-shadow: 0 0 0 4px #d7d8f3
}

.send-circle-btn:focus {
    background-color: #494fc9;
    box-shadow: 0 0 0 4px #d7d8f3
}

.send-circle-btn:active {
    background-color: #494fc9
}

.destructive-btn {
    padding: 15px 20px 16px;
    background: #e90510;
    font-weight: 690;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: .014em;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0 4px 8px rgba(23,25,74,.05);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center
}

.destructive-btn:hover {
    background: #c4040e
}

.destructive-btn:focus {
    background: #e90510;
    box-shadow: 0 0 0 4px #fec8cb
}

.destructive-btn:disabled {
    background: #fec8cb
}

.danger-btn {
    background-color: transparent;
    border: 1px solid #fee4e6 !important;
    color: #e90510;
    text-decoration: none;
    text-align: center
}

.danger-btn:hover {
    background-color: #fbf4f4;
    color: #c4040e
}

.danger-btn:focus {
    background-color: transparent
}

.danger-btn:active {
    background-color: #fee4e6;
    border-color: #fec8cb
}

.tooltip__circle-button {
    display: grid;
    justify-items: end;
    position: relative;
    height: -moz-max-content;
    height: max-content
}

@media(max-width: 600px) {
    .tooltip__circle-button {
        position:absolute;
        right: 16px
    }
}

.tooltip__circle-button .tooltip {
    position: absolute;
    white-space: nowrap;
    filter: drop-shadow(0px 4px 8px rgba(0,0,0,.1));
    display: flex;
    transform: translateY(10px);
    display: none;
    border-radius: 4px
}

.tooltip__circle-button .tooltip[data-position=bottom] {
    top: 100%;
    right: 0
}

.tooltip__circle-button .tooltip[data-position=top] {
    bottom: 100%;
    right: 0;
    transform: translateY(-10px)
}

.tooltip__circle-button .tooltip[data-position=top] .tooltip__leading::before {
    top: 100%
}

.tooltip__circle-button .tooltip[data-position=left] {
    top: 0;
    right: 100%;
    transform: translatex(-10px)
}

.tooltip__circle-button .tooltip[data-position=left] .tooltip__leading::before {
    left: calc(100% - 5px);
    top: 0;
    bottom: 0
}

.tooltip__circle-button .tooltip[data-position=right] {
    top: 0;
    left: 100%;
    flex-direction: row-reverse;
    transform: translatex(10px)
}

.tooltip__circle-button .tooltip[data-position=right] .tooltip__leading {
    border-radius: 4px 0 0 4px
}

.tooltip__circle-button .tooltip[data-position=right] .tooltip__leading:before {
    right: calc(100% - 5px);
    top: 0;
    bottom: 0;
    left: auto
}

.tooltip__circle-button .tooltip .tooltip__message {
    background: #fff;
    border-radius: 0;
    padding: 10px 16px;
    border-radius: 4px 0 0 4px
}

.tooltip__circle-button .tooltip .tooltip__leading {
    padding: 8px 12px;
    background: #494fc9;
    border-radius: 0;
    text-align: center;
    line-height: 20px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    vertical-align: middle;
    width: auto;
    position: relative;
    border-radius: 0 4px 4px 0
}

.tooltip__circle-button .tooltip .tooltip__leading::before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    background: #494fc9;
    transform: rotate(45deg);
    right: 1px;
    bottom: calc(100% - 5px);
    left: 0;
    right: 0;
    margin: auto
}

#backBtn,#backBtn2 {
    display: flex;
    padding: 16px 20px;
    gap: 8px;
    align-items: center;
    justify-content: center;
    text-decoration: none
}

@media(max-width: 600px) {
    #backBtn,#backBtn2 {
        display:none
    }
}

#backBtn svg,#backBtn2 svg {
    width: 20px;
    height: 20px;
    align-items: center
}

.action-buttons {
    padding-top: 36px;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.action-buttons.single-btn a#nextBtn {
    width: 100%
}

.disabledbtn {
    background: #a2a5e4 !important;
    pointer-events: none
}

.radiobtn .radio-label {
    border-radius: 12px;
    gap: 0
}

.radiobtn .radio-label p {
    color: #676779;
    display: flex;
    gap: 12px;
    align-items: center;
    position: relative
}

.radiobtn .radio-label input {
    opacity: 0;
    height: 0;
    width: 0;
    line-height: 0;
    font-size: 0
}

.radiobtn label>input[type=radio]+*::before {
    content: "";
    display: inline-block;
    vertical-align: bottom;
    width: 24px;
    height: 24px;
    border: 1px solid #e0e1e6;
    filter: drop-shadow(0px 1px 2px rgba(23,25,74,.05));
    border-radius: 30px;
    box-sizing: border-box
}

.radiobtn label>input[type=radio]:hover+*::before {
    border: 1px solid #a2a5e4;
    box-shadow: 0 0 0 1px #d7d8f3
}

.radiobtn label>input[type=radio]:focus+*::before {
    border: 1px solid #a2a5e4;
    outline: 2px solid rgba(23,25,74,.05)
}

.radiobtn label>input[type=radio]:disabled+*::before {
    background-color: #e0e1e6
}

.radiobtn label>input[type=radio]:checked+*::before {
    border-color: #494fc9
}

.radiobtn label>input[type=radio]:checked:hover+*::before {
    border-color: #2b2f8f
}

.radiobtn label>input[type=radio]:checked:focus+*::before {
    box-shadow: 0 0 0 4px #d7d8f3;
    outline: 4px solid #d7d8f3
}

.radiobtn label>input[type=radio]:checked:disabled+*::before {
    opacity: .5
}

.radiobtn label>input[type=radio]:checked+*::after {
    content: "";
    display: inline-block;
    vertical-align: bottom;
    width: 22px;
    height: 22px;
    border: 5px solid #fff;
    filter: drop-shadow(0px 1px 2px rgba(23,25,74,.05));
    background-color: #494fc9;
    border-radius: 30px;
    box-sizing: border-box;
    position: absolute;
    left: 1px
}

.radiobtn label>input[type=radio]:checked:hover+*::after {
    background-color: #2b2f8f
}

.radiobtn label>input[type=radio]:checked:disabled+*::after {
    opacity: .5
}

.radiobtn .empty-field input {
    background-color: transparent;
    position: absolute
}

.radiobtn .empty-field:focus {
    border: 1px solid #a2a5e4;
    outline: 4px solid #d7d8f3
}

.radiobtn .empty-field:disabled {
    background-color: #e0e1e6
}

.radiobtn .empty-field:active {
    border: 1px solid #a2a5e4;
    outline: 1px solid #d7d8f3;
    background-color: #f5f5fb
}

.radio-group-wrapper {
    border: 1px solid #e0e1e6;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(23,25,74,.05);
    border-radius: 12px;
    overflow: hidden
}

.radio-group-wrapper .radio-fieldset-header {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 12px;
    padding: 12px;
    border-bottom: 1px solid #e0e1e6
}

.radio-group-wrapper .radio-fieldset-header svg {
    width: 16px;
    height: 16px
}

.radio-group-wrapper .radio-fieldset-header svg.hoverstate {
    display: none
}

.radio-group-wrapper .radio-fieldset-header span {
    font-weight: 630;
    font-size: 15px;
    line-height: 1.4;
    color: #676779;
    cursor: default
}

.radio-group-wrapper fieldset {
    display: flex;
    flex-direction: row;
    align-items: center;
    outline: 0;
    border: 0
}

.radio-group-wrapper fieldset label {
    border: 0;
    border-radius: 0;
    box-shadow: none
}

.radio-group-wrapper fieldset label:hover {
    border: 0;
    border-radius: 0;
    box-shadow: none
}

.radio-group-wrapper fieldset label:focus {
    box-shadow: none
}

.radio-group-wrapper fieldset label.active {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background-color: transparent
}

.radio-group-wrapper fieldset label.active:hover {
    border: 0;
    border-radius: 0;
    box-shadow: none
}

.radio-group-wrapper fieldset label p.regular-font {
    gap: 12px
}

.radio-group-wrapper fieldset label p.regular-font span {
    padding: 0
}

.radio-group-wrapper:hover {
    border: 1px solid #a2a5e4;
    box-shadow: 0 0 0 1px #d7d8f3
}

.radio-group-wrapper.active {
    border-color: #a2a5e4
}

.radio-group-wrapper.active .radio-fieldset-header {
    background-color: #f5f5fb;
    border-color: #a2a5e4
}

.radio-group-wrapper.active .radio-fieldset-header span {
    color: #494fc9
}

.radio-group-wrapper.active .radio-fieldset-header svg.normalstate {
    display: none
}

.radio-group-wrapper.active .radio-fieldset-header svg.hoverstate {
    display: block
}

.button-grp {
    display: grid;
    grid-template-columns: auto 1fr;
    padding: 0;
    gap: 16px
}

@keyframes slideDateIndicator {
    from {
        transform: translateX(-100%)
    }

    to {
        transform: translateX(0%)
    }
}

body div.daterangepicker.ltr.opensright {
    border: 0;
    box-shadow: unset;
    border-radius: 0;
    background-color: transparent;
    max-width: 100% !important;
    width: 100% !important;
    top: 0 !important;
    bottom: 0 !important;
    margin: auto;
    height: 100% !important;
    right: 0 !important;
    left: 0 !important;
    overflow: scroll
}

body div.daterangepicker.ltr.opensright .main-datepicker-container {
    border: 0;
    box-shadow: 0 2px 4px rgba(0,0,0,.04);
    border-radius: 12px;
    background-color: #fff;
    max-width: 768px;
    top: 0 !important;
    bottom: 0;
    margin: auto;
    height: -moz-fit-content;
    height: fit-content;
    right: 0 !important;
    left: 0 !important;
    position: absolute
}

@media(max-width: 600px) {
    body div.daterangepicker.ltr.opensright .main-datepicker-container {
        width:100%;
        max-width: 100%;
        height: 90vh;
        height: 90dvh;
        bottom: 0;
        top: auto !important;
        border-top-left-radius: 24px;
        border-top-right-radius: 24px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }
}

body div.daterangepicker.ltr.opensright .main-datepicker-container .drp-calendar {
    max-width: none;
    padding: 0
}

body div.daterangepicker.ltr.opensright .main-datepicker-container .drp-calendar.left .calendar-table .table-condensed thead tr:first-child th:last-child {
    background-color: transparent !important
}

body div.daterangepicker.ltr.opensright .main-datepicker-container .drp-calendar.left .calendar-table .table-condensed thead tr:first-child th:last-child span {
    display: none
}

body div.daterangepicker.ltr.opensright .main-datepicker-container .drp-calendar .calendar-table thead th {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 520;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .014em;
    color: #676779;
    padding: 8px 16px;
    max-width: 48px
}

body div.daterangepicker.ltr.opensright .main-datepicker-container .drp-calendar .calendar-table thead th.month {
    font-weight: 690;
    font-size: 20px;
    line-height: 1.4;
    color: #35353f;
    letter-spacing: .012em
}

body div.daterangepicker.ltr.opensright .main-datepicker-container .drp-calendar .calendar-table tbody tr td {
    width: 48px;
    height: 48px;
    max-width: none;
    border: 0;
    font-family: "Manrope";
    font-style: normal;
    font-weight: 520;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .014em;
    color: #35353f;
    border-radius: 0;
    position: relative;
    aspect-ratio: 1/1;
    transition: all;
    transition-timing-function: cubic-bezier(0.25,.46,.45,.94);
    transition-duration: 200ms
}

body div.daterangepicker.ltr.opensright .main-datepicker-container .drp-calendar .calendar-table tbody tr td:after {
    border-radius: 50%;
    background-color: transparent;
    content: "";
    display: flex;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    border: 1px solid transparent;
    transition: all;
    transition-timing-function: cubic-bezier(0.25,.46,.45,.94);
    transition-duration: 200ms
}

body div.daterangepicker.ltr.opensright .main-datepicker-container .drp-calendar .calendar-table tbody tr td:hover {
    background-color: transparent
}

body div.daterangepicker.ltr.opensright .main-datepicker-container .drp-calendar .calendar-table tbody tr td:hover:not(.disabled):after {
    background-color: transparent;
    border: 1px solid #35353f
}

body div.daterangepicker.ltr.opensright .main-datepicker-container .drp-calendar .calendar-table tbody tr td.active {
    position: relative
}

body div.daterangepicker.ltr.opensright .main-datepicker-container .drp-calendar .calendar-table tbody tr td.disabled {
    text-decoration: none;
    color: #9fa0b0
}

body div.daterangepicker.ltr.opensright .main-datepicker-container .drp-calendar .calendar-table tbody tr td.in-range:not(.active) {
    background-color: #ecedf9
}

body div.daterangepicker.ltr.opensright .main-datepicker-container .drp-calendar .calendar-table tbody tr td.active.start-date:not(.in-range) {
    background: #ecedf9;
    border-radius: 52px 0 0 52px
}

body div.daterangepicker.ltr.opensright .main-datepicker-container .drp-calendar .calendar-table tbody tr td.active.end-date {
    background: #ecedf9;
    border-radius: 0 52px 52px 0
}

body div.daterangepicker.ltr.opensright .main-datepicker-container .drp-calendar .calendar-table tbody tr td.active.start-date::after {
    content: attr(data-num);
    background: #494fc9;
    height: 48px;
    width: 48px;
    position: absolute;
    line-height: 48px;
    color: #fff;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 690
}

body div.daterangepicker.ltr.opensright .main-datepicker-container .drp-calendar .calendar-table tbody tr td.active.end-date::after {
    content: attr(data-num);
    background: #494fc9;
    height: 48px;
    width: 48px;
    position: absolute;
    line-height: 48px;
    color: #fff;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 690
}

body div.daterangepicker.ltr.opensright .main-datepicker-container .drp-calendar .calendar-table tbody tr td.today.active.start-date.active.end-date.available {
    background: transparent !important
}

body div.daterangepicker.ltr.opensright .main-datepicker-container .drp-calendar .calendar-table .table-condensed {
    overflow: hidden
}

body div.daterangepicker.ltr.opensright .main-datepicker-container .drp-calendar .calendar-table .table-condensed thead tr {
    display: flex;
    flex-direction: row;
    gap: 0
}

body div.daterangepicker.ltr.opensright .main-datepicker-container .drp-calendar .calendar-table .table-condensed thead tr th {
    width: 100%;
    flex: 1 0 0
}

body div.daterangepicker.ltr.opensright .main-datepicker-container .drp-calendar .calendar-table .table-condensed thead tr:first-child {
    justify-content: space-between;
    align-items: center
}

body div.daterangepicker.ltr.opensright .main-datepicker-container .drp-calendar .calendar-table .table-condensed thead tr:first-child th {
    padding: 0;
    height: 100%;
    display: flex;
    width: auto;
    flex: 0
}

body div.daterangepicker.ltr.opensright .main-datepicker-container .drp-calendar .calendar-table .table-condensed thead tr:first-child th.month {
    flex: 1 0 0;
    width: -moz-max-content;
    width: max-content;
    text-align: center;
    display: flex;
    justify-content: center
}

body div.daterangepicker.ltr.opensright .main-datepicker-container .drp-calendar .calendar-table .table-condensed thead tr:first-child th:not(.month) {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 23px
}

body div.daterangepicker.ltr.opensright .main-datepicker-container .drp-calendar .calendar-table .table-condensed thead tr:last-child th {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center
}

body div.daterangepicker.ltr.opensright .main-datepicker-container .drp-calendar .calendar-table .table-condensed tbody {
    display: flex;
    flex-direction: column
}

body div.daterangepicker.ltr.opensright .main-datepicker-container .drp-calendar .calendar-table .table-condensed tbody .trDisplayNone {
    display: none
}

body div.daterangepicker.ltr.opensright .main-datepicker-container .drp-calendar .calendar-table .table-condensed tbody tr {
    display: flex;
    flex-direction: row;
    gap: 0
}

body div.daterangepicker.ltr.opensright .main-datepicker-container .drp-calendar .calendar-table .table-condensed tbody tr td {
    display: flex;
    align-items: center;
    justify-content: center
}

body div.daterangepicker.ltr.opensright .main-datepicker-container .drp-buttons {
    display: none !important
}

body div.daterangepicker.ltr.opensright .main-datepicker-container .drp-buttons .btn {
    padding: 15px 20px;
    font-style: normal;
    font-weight: 690;
    font-size: 15px;
    line-height: 1.4;
    color: #fff
}

body div.daterangepicker.ltr.opensright .main-datepicker-container .calender-header {
    display: flex;
    justify-content: space-between;
    padding: 16px 20px;
    gap: 4px
}

body div.daterangepicker.ltr.opensright .main-datepicker-container .calender-header h2 {
    font-weight: 690;
    font-size: 24px;
    line-height: 1.4;
    letter-spacing: .012em;
    color: #2b2f8f;
    font-family: "Manrope",sans-serif
}

body div.daterangepicker.ltr.opensright .main-datepicker-container .calender-header .closeBtnDate {
    background: transparent;
    border: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: all;
    transition-timing-function: cubic-bezier(0.25,.46,.45,.94);
    transition-duration: 100ms
}

body div.daterangepicker.ltr.opensright .main-datepicker-container .calender-header .closeBtnDate:hover {
    background-color: #e0e1e6
}

body div.daterangepicker.ltr.opensright .main-datepicker-container .calender__main {
    float: left;
    padding: 24px;
    display: grid;
    gap: 24px
}

@media(max-width: 600px) {
    body div.daterangepicker.ltr.opensright .main-datepicker-container .calender__main {
        width:100%;
        height: 100%
    }
}

body div.daterangepicker.ltr.opensright .main-datepicker-container .calender__main .calender__wrapper {
    float: left;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px
}

@media(max-width: 600px) {
    body div.daterangepicker.ltr.opensright .main-datepicker-container .calender__main .calender__wrapper {
        grid-template-columns:1fr;
        padding: 0;
        width: 100%;
        gap: 0;
        overflow-x: hidden;
        overflow-y: auto;
        height: calc(100% - 124px)
    }
}

body div.daterangepicker.ltr.opensright .main-datepicker-container .drp-selected {
    display: flex;
    margin: auto;
    justify-content: center
}

body div.daterangepicker.ltr.opensright .main-datepicker-container .drp-selected .date-range {
    display: flex;
    border-radius: 60px;
    background: #e0e1e6
}

body div.daterangepicker.ltr.opensright .main-datepicker-container .drp-selected .date-indicator {
    padding: 12px 24px;
    gap: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 180px;
    position: relative;
    z-index: 0
}

@media(max-width: 600px) {
    body div.daterangepicker.ltr.opensright .main-datepicker-container .drp-selected .date-indicator {
        max-width:140px
    }
}

body div.daterangepicker.ltr.opensright .main-datepicker-container .drp-selected .date-indicator .closeBtnDate2 {
    display: none
}

body div.daterangepicker.ltr.opensright .main-datepicker-container .drp-selected .date-indicator.startdate.active {
    background-color: #fff;
    border-radius: 60px;
    box-shadow: 0 4px 8px rgba(23,25,74,.05);
    outline: 1px solid #e0e1e6
}

body div.daterangepicker.ltr.opensright .main-datepicker-container .drp-selected .date-indicator.startdate.active .closeBtnDate2 {
    display: block
}

body div.daterangepicker.ltr.opensright .main-datepicker-container .drp-selected .date-indicator.enddate.active {
    background-color: transparent
}

body div.daterangepicker.ltr.opensright .main-datepicker-container .drp-selected .date-indicator.enddate.active:before {
    content: "";
    position: absolute;
    margin-left: -24px;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 60px;
    box-shadow: 0 4px 8px rgba(23,25,74,.05);
    outline: 1px solid #e0e1e6;
    z-index: -1;
    animation: slideDateIndicator 100ms cubic-bezier(0.25,.46,.45,.94) 1 normal
}

body div.daterangepicker.ltr.opensright .main-datepicker-container .drp-selected .date-indicator.enddate.active .closeBtnDate2 {
    display: block
}

body div.daterangepicker.ltr.opensright .main-datepicker-container .drp-selected .date-indicator p {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 630;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .014em;
    color: #676779
}

body div.daterangepicker.ltr.opensright .main-datepicker-container .drp-selected .date-indicator span {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 690;
    font-size: 15px;
    line-height: 1.4;
    color: #35353f
}

body div.daterangepicker.ltr.opensright .main-datepicker-container .applyBtn {
    margin: 16px 20px;
    width: -webkit-fill-available;
    width: -moz-available;
    background: #494fc9;
    font-family: "Manrope"
}

@media(max-width: 600px) {
    body div.daterangepicker.ltr.opensright .main-datepicker-container .applyBtn {
        position:absolute;
        display: block;
        bottom: 0;
        margin: 0;
        border: 16px solid #fff;
        border-radius: 28px
    }
}

body div.daterangepicker.ltr.opensright .main-datepicker-container .calendar-table .next span,body div.daterangepicker.ltr.opensright .main-datepicker-container .calendar-table .prev span {
    border: solid #494fc9;
    border-width: 0 2px 2px 0
}

body div.daterangepicker.ltr.opensright .main-datepicker-container td.in-range.month-start {
    position: relative
}

body div.daterangepicker.ltr.opensright .main-datepicker-container td.in-range.month-start:before {
    content: "";
    position: absolute;
    right: 48px;
    width: 48px;
    height: 100%;
    top: 0;
    background: linear-gradient(90deg,rgba(236,237,249,0) 0,#ecedf9 100%)
}

body div.daterangepicker.ltr.opensright .main-datepicker-container td.in-range.month-end {
    position: relative
}

body div.daterangepicker.ltr.opensright .main-datepicker-container td.in-range.month-end:before {
    content: "";
    position: absolute;
    right: 48px;
    width: 48px;
    height: 100%;
    left: 100%;
    top: 0;
    background: linear-gradient(270deg,rgba(236,237,249,0) 0,#ecedf9 100%)
}

body div.daterangepicker.ltr.opensright .main-datepicker-container.opensright:before {
    display: none
}

#fixed-term-date {
    display: block
}

.date__input-main {
    font-family: "Manrope";
    width: 100%
}

.date__input-main .datepicker__range {
    display: flex;
    justify-content: space-between;
    padding: 0 16px
}

.date__input-main .datepicker__range .date-group {
    display: grid;
    padding: 12px 0;
    gap: 8px
}

.date__input-main .datepicker__range .date-group .date-day {
    display: flex;
    gap: 4px
}

.date__input-main .datepicker__range .date-group p {
    font-weight: 630;
    font-size: 15px;
    line-height: 1.4;
    color: #676779
}

.date__input-main .datepicker__range .date-group .date {
    font-weight: 690;
    font-size: 15px;
    line-height: 1.4;
    color: #35353f
}

.date__input-main .datepicker__range .date-group .day {
    font-weight: 520;
    font-size: 15px;
    line-height: 1.4;
    color: #676779
}

.additionaldate {
    visibility: hidden
}

.additionaldate span {
    display: none
}

.answer__selection .date-picker__label {
    display: grid;
    padding: 0
}

.answer__selection .date-picker__label .date__input-main {
    background-color: #fff;
    border-radius: 0 0 12px 12px;
    border-top: 1px solid #a2a5e4;
    display: none
}

.answer__selection .date-picker__label.active .date__input-main {
    display: block
}

.answer__selection .date-picker__label input[type=radio]:checked+*::after {
    left: 13px
}

.answer__selection .date-picker__label p.regular-font {
    padding: 15px 12px;
    gap: 12px
}

.answer__selection .date-picker__label .datepicker__range .date-group {
    flex: 1 1 0
}

.answer__selection .date-picker__label .datepicker__range .date-group .date-day span {
    flex: inherit
}

body span.prefix-img {
    padding-right: 0
}

body.datepicker__open {
    position: relative
}

body.datepicker__open .overlay__date {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,.15);
    z-index: -1
}

body.datepicker__open {
    overflow: hidden
}

div.daterangepicker.single.show-calendar .drp-calendar .calendar-table tbody tr td.active.end-date {
    background: transparent !important
}

div.daterangepicker.single .calender__main .drp-selected {
    display: none !important
}

body div.daterangepicker.show-calendar .drp-calendar .calendar-table tbody tr td.today.start-date.active.end-date::after {
    background: transparent
}

.daterangepicker.opensright:after,.daterangepicker.show-calendar .ranges {
    display: none
}

@keyframes clipPathCircleOpen {
    0% {
        transform: translateY(100%)
    }

    100% {
        transform: translateY(0%)
    }
}

@keyframes clipPathCircleClose {
    0% {
        transform: translateY(0%)
    }

    100% {
        transform: translateY(100%)
    }
}

.daterangepicker[data-state=opened] {
    display: block
}

.daterangepicker[data-state=opened] .main-datepicker-container {
    animation: clipPathCircleOpen 250ms ease-in-out forwards
}

.daterangepicker[data-state=closing] {
    display: block
}

.daterangepicker[data-state=closing] .main-datepicker-container {
    animation: clipPathCircleClose 250ms ease-in-out forwards
}

.daterangepicker[data-state=closed] {
    display: none
}

body div.daterangepicker.single .calender__wrapper .drp-calendar .calendar-table tbody tr td.today.active.start-date.end-date::after {
    background: #494fc9
}

.modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,.15);
    align-items: flex-end;
    transition: all;
    transition-timing-function: cubic-bezier(0.25,.46,.45,.94);
    transition-duration: 200ms
}

.modal.show {
    display: flex
}

.modal .modal-content {
    background-color: #fff;
    margin: 0;
    padding: 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,.04);
    width: 100%;
    min-height: 246px;
    bottom: 0;
    top: auto !important;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0
}

@media(max-width: 600px) {
    .modal .modal-content.large-modal {
        height:90vh;
        height: 90dvh;
        margin-bottom: 0;
        border-radius: 24px 24px 0 0
    }
}

.modal .modal-content .input__field-wrapper.reducepadding.other__input {
    width: 100%
}

.modal .modal-content .modal-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    gap: 4px;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0
}

.modal .modal-content .modal-header h2 {
    font-style: normal;
    font-weight: 690;
    font-size: 24px;
    letter-spacing: .012em;
    line-height: 1.4;
    display: flex;
    align-items: flex-end;
    color: #2b2f8f
}

.modal .modal-content .modal-header button.close {
    border: 0;
    background: transparent
}

.modal .modal-content .modal-body {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 24px;
    gap: 16px;
    align-self: stretch;
    flex-grow: 0
}

.modal .modal-content .modal-body #othertime {
    width: 100%;
    flex-direction: row;
    align-items: center;
    padding: 15px 16px;
    gap: 16px;
    background: #fff;
    border: 1px solid #e0e1e6;
    box-shadow: 0 1px 2px rgba(23,25,74,.05);
    border-radius: 12px;
    text-align: center;
    line-height: 1.4;
    font-weight: 520;
    font-size: 15px;
    outline: 0;
    color: #35353f
}

.modal .modal-content .modal-body button.addhour {
    background: #494fc9;
    border-radius: 12px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 15px 20px;
    gap: 8px;
    border: 0 none
}

.modal .modal-content .modal-body button.addhour path {
    fill: #fff
}

.modal .modal-content .modal-body button.minushour {
    border: 1px solid #a2a5e4;
    border-radius: 12px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 15px 20px;
    gap: 8px;
    background: transparent
}

.modal .modal-content .modal-body button.minushour path {
    fill: #494fc9
}

.modal .modal-content .modal-body .conditional-experience-section {
    grid-template-columns: 1fr;
    padding: 16px 20px
}

.modal .modal-content .modal-body .conditional-experience-section .list-item {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 0;
    row-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 8px
}

.modal .modal-content .modal-body .conditional-experience-section .answer-item input+label span {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between
}

.modal .modal-content .modal-body .conditional-experience-section .answer-item input+label span::after {
    content: attr(data-text);
    height: 0;
    visibility: hidden;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    font-weight: 690
}

.modal .modal-content .modal-footer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 20px 16px;
    gap: 16px;
    background: #fff;
    align-self: stretch
}

.modal .modal-content .modal-footer #confirmBtn {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 690;
    font-size: 15px;
    line-height: 1.4;
    color: #fff;
    text-decoration: none;
    text-align: center;
    align-items: center;
    justify-content: center
}

.modal .desk-close-btn {
    color: #9fa0b0;
    float: right;
    font-size: 14px;
    letter-spacing: .014em;
    cursor: pointer
}

.modal .close:hover,.modal .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer
}

.modal .modal-footer.add-skin-btn {
    display: grid;
    grid-template-columns: 1fr auto
}

.modal .modal-footer.back-add-skin-btn {
    display: grid;
    grid-template-columns: auto 1fr auto
}

.modal .modal-footer .addbtn {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 690;
    font-size: 15px;
    line-height: 1.4;
    color: #fff;
    text-decoration: none;
    text-align: center;
    align-items: center;
    justify-content: center
}

.modal .modal-footer .skipbtn {
    color: #494fc9;
    text-decoration: none
}

#modalpopup {
    overflow: visible;
    visibility: hidden;
    display: flex !important
}

#modalpopup .modal-content {
    transform: translateY(100%);
    transition: all;
    transition-timing-function: cubic-bezier(0.25,.46,.45,.94);
    transition-duration: 200ms
}

#modalpopup.show {
    visibility: visible;
    display: flex !important
}

#modalpopup.show .modal-content {
    transform: translateY(0px);
    transition: all;
    transition-timing-function: cubic-bezier(0.25,.46,.45,.94);
    transition-duration: 200ms
}

.signup__modal .modal-content {
    max-width: 375px;
    margin: auto;
    border-radius: 12px
}

.signup__modal .modal-content .modal-body .hideradiogroup input {
    width: 0;
    height: 0;
    line-height: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0
}

.signup__modal .modal-content .modal-body .hideradiogroup div {
    display: flex;
    padding: 13px 12px;
    gap: 12px;
    align-items: center;
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #e0e1e6;
    box-shadow: 0 1px 2px rgba(23,25,74,.05);
    position: relative
}

.signup__modal .modal-content .modal-body .hideradiogroup div span {
    padding: 0;
    flex: 1 1 0;
    font-weight: 520;
    color: #676779
}

.signup__modal .modal-content .modal-body .hideradiogroup div:hover {
    border: 1px solid #a2a5e4;
    box-shadow: 0 0 0 1px #d7d8f3
}

.signup__modal .modal-content .modal-body .hideradiogroup div:focus,.signup__modal .modal-content .modal-body .hideradiogroup div:focus-within {
    border-color: #a2a5e4;
    box-shadow: 0 0 0 4px #d7d8f3
}

.signup__modal .modal-content .modal-body .hideradiogroup div.active {
    background: #f5f5fb;
    border: 1px solid #a2a5e4;
    box-shadow: 0 1px 2px rgba(23,25,74,.05)
}

.signup__modal .modal-content .modal-body .hideradiogroup div.active span {
    color: #494fc9;
    font-weight: 690
}

.signup__modal .modal-content .modal-body .hideradiogroup div.active:hover {
    background: #ecedf9;
    border: 1px solid #a2a5e4;
    box-shadow: 0 0 0 1px #d7d8f3
}

.signup__modal .modal-content .modal-body .hideradiogroup div.active:focus {
    background: #f5f5fb;
    border: 1px solid #a2a5e4;
    box-shadow: 0 0 0 4px #d7d8f3
}

.signup__modal .modal-content .modal-body .radiobtn {
    width: 100%;
    display: grid;
    gap: 16px
}

.signup__modal .modal-content .modal-body .radiobtn label>input[type=radio]+*::before,.signup__modal .modal-content .modal-body .radiobtn label>input[type=radio]:checked:hover+*::after {
    display: none
}

.signup__modal .modal-content .modal-body .form__main {
    padding: 0
}

#Verifymobilepopup p,.Verifypopup p {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 630;
    font-size: 15px;
    line-height: 1.4;
    color: #676779
}

#Verifymobilepopup p span,.Verifypopup p span {
    color: #35353f
}

.care-profile__testimonial-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px;
    gap: 12px;
    background: #fff;
    border: 1px solid #d7d8f3;
    border-radius: 20px
}

.care-profile__testimonial-item .care-profile__testimonial-item-text-area {
    padding: 20px;
    background: #fef5ed;
    border: 1px solid #e0e1e6;
    border-radius: 24px
}

.care-profile__testimonial-item .care-profile__testimonial-item-text-area p {
    font-weight: 520;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: .014em;
    color: #35353f
}

.care-profile__testimonial-item .client-name {
    color: #35353f
}

.care-profile__testimonial-item .client-name span {
    color: #676779
}

.care-profile__testimonial-item .testimonial-date {
    color: #676779
}

.updated-carer-profile__modal .message-btn {
    width: -moz-fit-content;
    width: fit-content
}

.updated-carer-profile__modal .carerprofile__header .back-arrow__btn {
    display: flex;
    align-items: center;
    gap: 24px
}

.updated-carer-profile__modal .carerprofile__header .user-name {
    font-weight: 690;
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: .012em;
    color: #35353f;
    text-transform: capitalize
}

@media(max-width: 600px) {
    .updated-carer-profile__modal .carerprofile__header .user-name {
        font-size:17px
    }
}

.updated-carer-profile__modal .carerprofile__header .message-btn {
    display: none
}

.updated-carer-profile__modal.scrollShowHeader .carerprofile__header .message-btn {
    display: flex;
    -webkit-appearance: none
}

.updated-carer-profile__modal .profile-detail__content-area {
    padding: 32px 32px 24px;
    gap: 32px
}

.updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area {
    background: #fcfcff;
    gap: 32px;
    padding: 32px 32px 24px
}

@media(max-width: 600px) {
    .updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area {
        padding:0
    }
}

.updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details {
    border: 0;
    gap: 32px
}

@media(max-width: 600px) {
    .updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details {
        gap:24px
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details {
        gap:24px
    }
}

@media(max-width: 600px) {
    .updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details .content-area__profile-details-body {
        grid-template-columns:1fr
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details .content-area__profile-details-body {
        grid-template-columns:1fr
    }
}

.updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details .content-area__profile-details-body .content-area__profile-details-body-right {
    grid-column: 1/8;
    gap: 24px;
    padding: 0
}

@media(max-width: 600px) {
    .updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details .content-area__profile-details-body .content-area__profile-details-body-right {
        grid-column:unset
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details .content-area__profile-details-body .content-area__profile-details-body-right {
        grid-column:unset
    }
}

.updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details .content-area__profile-details-body .content-area__profile-details-body-right .content-area__client-recommendation {
    background: #fff;
    border: 1px solid #e0e1e6;
    border-radius: 20px;
    gap: 20px
}

@media(max-width: 600px) {
    .updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details .content-area__profile-details-body .content-area__profile-details-body-right .content-area__client-recommendation {
        background:transparent;
        border: 0;
        padding: 0;
        gap: 12px
    }
}

@media(max-width: 600px) {
    .updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details .content-area__profile-details-body .content-area__profile-details-body-right .content-area__client-recommendation.desktop-only {
        display:none
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details .content-area__profile-details-body .content-area__profile-details-body-right .content-area__client-recommendation.desktop-only {
        display:none
    }
}

.updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details .content-area__profile-details-body .content-area__profile-details-body-right .content-area__client-recommendation h5 {
    color: #35353f
}

@media(max-width: 600px) {
    .updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details .content-area__profile-details-body .content-area__profile-details-body-right .content-area__client-recommendation .client-recommendation__card-group {
        width:100%;
        max-width: 100%
    }
}

.updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details .content-area__profile-details-body .content-area__profile-details-body-right .content-area__client-recommendation .client-recommendation__card-group .care-profile__testimonial-item {
    width: calc(100% - 5px)
}

.updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details .content-area__profile-details-body .content-area__profile-details-body-left {
    grid-column: 8/13;
    padding: 0;
    border: 0
}

@media(max-width: 600px) {
    .updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details .content-area__profile-details-body .content-area__profile-details-body-left {
        grid-column:unset;
        order: -1
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details .content-area__profile-details-body .content-area__profile-details-body-left {
        grid-column:unset;
        order: -1
    }
}

.updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details .content-area__profile-details-body .content-area__profile-details-body-left .content-area__client-recommendation.mobile-only {
    display: none
}

@media(max-width: 600px) {
    .updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details .content-area__profile-details-body .content-area__profile-details-body-left .content-area__client-recommendation.mobile-only {
        display:grid;
        padding: 0;
        gap: 12px
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details .content-area__profile-details-body .content-area__profile-details-body-left .content-area__client-recommendation.mobile-only {
        display:grid;
        padding: 0;
        gap: 12px
    }
}

.updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details .content-area__profile-details-body .content-area__profile-details-body-right-info {
    padding: 24px;
    gap: 20px;
    border: 1px solid #d7d8f3;
    border-radius: 20px;
    background: #fff
}

.updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details .content-area__profile-details-body .profile-study__sub-details {
    display: grid;
    grid-template-rows: 1fr 1fr;
    gap: 24px
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details .content-area__profile-details-body .profile-study__sub-details {
        grid-template-rows:1fr;
        grid-template-columns: 1fr 1fr
    }
}

.updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details .content-area__profile-details-body .content-area__profile-details-body-additional-info,.updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details .content-area__profile-details-body .content-area__profile-study-details {
    padding: 24px;
    background: #fff;
    border: 1px solid #e0e1e6;
    border-radius: 20px
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details .content-area__profile-details-body .content-area__profile-study-details .content-area__profile-study-details-info {
        grid-template-columns:1fr
    }
}

@media(max-width: 600px) {
    .updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details .content-area__profile-details-body .content-area__profile-study-details {
        gap:16px
    }
}

@media(max-width: 600px) {
    .updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details .content-area__profile-details-body .content-area__profile-study-details.training-courses .content-area__profile-details-body-additional-info {
        gap:16px;
        padding: 16px
    }
}

@media(max-width: 600px) {
    .updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details .content-area__profile-details-body .content-area__profile-study-details-info {
        gap:16px
    }
}

.updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details .content-area__profile-details-body .profile-details-body-left__verified-n-approved {
    background: #fff
}

.updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details .content-area__profile-details-body .profile-details-body-left__rate-card-group .rate-card-group__first-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    box-sizing: border-box;
    gap: 16px;
    border: 0
}

.updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details .content-area__profile-details-body .profile-details-body-left__rate-card-group .rate-card-group-item {
    border: 1px solid #d7d8f3;
    border-radius: 20px;
    overflow: hidden
}

.updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details .content-area__profile-details-body .profile-details-body-left__rate-card-group .rate-card__header {
    background-color: #f5f5fb
}

.updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details .content-area__profile-details-body .profile-details-body-left__rate-card-group .rate-card__info {
    background: #fff
}

.updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details .content-area__profile-details-body .profile-details-body-left__insurance .insurance__info-card {
    background: #fff;
    border-radius: 20px
}

.updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details .content-area__profile-details-body .profile-details-body-left__insurance .insurance__info-card .insurance__info-card-header {
    padding: 16px 24px
}

.updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details .content-area__profile-details-body .profile-details-body-left__insurance .insurance__info-card .insurance__info-btn {
    border-top: 1px solid #d7d8f3;
    text-decoration: none;
    font-weight: 630;
    font-size: 14px;
    padding: 16px 24px
}

.updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details .content-area__profile-details-body .profile-details-body-left__insurance .insurance__notification {
    background: #fff;
    border-radius: 20px;
    border: 1px solid #d7d8f3
}

.updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details .content-area__profile-details-body .profile-details-body-left__insurance .insurance__notification .insurance__info-card-header {
    padding: 24px
}

@media(max-width: 600px) {
    .updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .micro-team__block {
        padding:20px
    }
}

.updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .desktop-only {
    display: grid
}

.updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .mobile-only {
    display: none
}

@media screen and (max-width: 767px) {
    .updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .desktop-only {
        display:none
    }

    .updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .mobile-only {
        display: grid
    }
}

.updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details .content-area__profile-details-body .profile-details-body-left__micro-team {
    background: #fff;
    border-radius: 20px;
    border: 1px solid #d7d8f3
}

.updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details .content-area__profile-details-body .profile-details-body-left__micro-team .micro-team__card {
    padding: 22px;
    gap: 12px;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    text-decoration: underline
}

.updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details .content-area__profile-details-body .profile-details-body-left__micro-team .micro-team__card span {
    color: #2b2f8f;
    font-weight: 520;
    line-height: 1.4;
    letter-spacing: .014em
}

.updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__micro-team {
    background-color: #fff;
    border-radius: 20px;
    padding: 16px
}

@media(max-width: 600px) {
    .updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__micro-team {
        border:1px solid #e0e1e6;
        border-radius: 20px;
        gap: 20px
    }
}

.updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__micro-team .content-area__micro-team-header {
    gap: 8px
}

.updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__micro-team .carer-card {
    padding: 16px;
    gap: 12px;
    text-decoration: none;
    overflow: hidden
}

@media(max-width: 600px) {
    .updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__micro-team .carer-card {
        padding:0;
        gap: 0
    }
}

.updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__micro-team .carer-card .carer-card-img {
    width: 200px;
    height: auto
}

@media(max-width: 600px) {
    .updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__micro-team .carer-card .carer-card-img {
        width:100%;
        height: 100%;
        border-radius: 0;
        border: 0
    }
}

@media(max-width: 600px) {
    .updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__micro-team .carer-card .carer-card__info {
        padding:12px 16px 16px;
        gap: 12px
    }
}

.updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__micro-team .cards-list__items-card-info {
    gap: 16px
}

@media(max-width: 600px) {
    .updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__micro-team .cards-list__items-card-info {
        grid-template-columns:auto auto
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__micro-team .cards-list__items-card-info {
        gap:12px
    }
}

.updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__micro-team .cards-list__items-card-info .cards-list__items-card-info-element {
    gap: 12px;
    align-items: center
}

@media(max-width: 600px) {
    .updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .profile-detail__content-bottom {
        padding:12px 10px 16px;
        width: 100%;
        position: sticky;
        bottom: 0;
        background: #fcfcff;
        z-index: 99
    }
}

.updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .profile-detail__content-bottom .open-profile-page {
    background: transparent;
    padding: 24px;
    gap: 8px;
    display: flex;
    align-items: center;
    isolation: isolate;
    font-weight: 640;
    font-size: 16px;
    color: #494fc9;
    line-height: 1.4;
    cursor: pointer
}

@media(max-width: 600px) {
    .updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .profile-detail__content-bottom .open-profile-page.display-desktop {
        display:none
    }
}

.updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .profile-detail__content-bottom .message-mobile-btn {
    display: none;
    text-decoration: none
}

@media(max-width: 600px) {
    .updated-carer-profile__modal.carerprofile-main .carerprofile__content .profile-detail__content-area .profile-detail__content-bottom .message-mobile-btn {
        display:flex;
        width: 100%;
        justify-content: center
    }
}

@media(max-width: 600px) {
    .updated-carer-profile__modal.carerprofile-main .carerprofile__content .back-arrow__btn {
        justify-content:space-between;
        width: 100%;
        flex-direction: row-reverse
    }
}

@media(max-width: 600px) {
    .updated-carer-profile__modal.carerprofile-main .carerprofile__content .message-btn {
        display:none
    }
}

.updated-carer-profile__modal.carerprofile-main .carerprofile__content .content-area__profile-details-body-right .content-area__profile-details-body-right-info .profile-details-body-right-info-card .profile-details-info-card__tag-group {
    gap: 8px
}

.updated-carer-profile__modal .content-area__profile-satement {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px;
    gap: 20px;
    border: 1px solid #e0e1e6;
    border-radius: 20px;
    background: #fff
}

@media(max-width: 600px) {
    .updated-carer-profile__modal .content-area__profile-satement {
        display:none
    }
}

.updated-carer-profile__modal .content-area__profile-satement.mobile-only {
    display: none
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .updated-carer-profile__modal .content-area__profile-satement.mobile-only {
        display:flex
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .updated-carer-profile__modal .content-area__profile-satement.desktop-only {
        display:none
    }
}

.updated-carer-profile__modal .content-area__profile-satement h3 {
    font-weight: 690;
    color: #35353f
}

.updated-carer-profile__modal .content-area__profile-satement p {
    font-weight: 520;
    font-size: 15px;
    color: #35353f
}

.updated-carer-profile__modal .cards-list__items-card-header-content-inner {
    gap: 32px;
    padding: 0;
    border: 0;
    box-shadow: none
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .updated-carer-profile__modal .cards-list__items-card-header-content-inner {
        gap:12px
    }
}

@media(max-width: 600px) {
    .updated-carer-profile__modal .cards-list__items-card-header-content-inner {
        order:0;
        grid-template-columns: 1fr;
        gap: 24px
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .updated-carer-profile__modal .cards-list__items-card-header-content-inner .carer-card-img {
        width:240px;
        height: 247px
    }
}

@media(max-width: 600px) {
    .updated-carer-profile__modal .cards-list__items-card-header-content-inner .carer-card-img {
        border-radius:20px
    }
}

.updated-carer-profile__modal .cards-list__items-card-header-content-inner .carer-card-img .carer-card-img-bottom-tag-wrapper__tag {
    display: none
}

@media(max-width: 600px) {
    .updated-carer-profile__modal .cards-list__items-card-header-content-inner .carer-card-img .carer-card-img-bottom-tag-wrapper__tag {
        display:flex
    }
}

.updated-carer-profile__modal .cards-list__items-card-content-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px;
    gap: 24px;
    border: 1px solid #d7d8f3;
    border-radius: 20px;
    background-color: #fff;
    max-height: 280px;
    cursor: auto
}

@media(max-width: 600px) {
    .updated-carer-profile__modal .cards-list__items-card-content-wrapper {
        max-height:100%;
        padding: 16px;
        gap: 16px
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .updated-carer-profile__modal .cards-list__items-card-content-wrapper {
        gap:16px;
        max-height: 247px
    }
}

.updated-carer-profile__modal .cards-list__items-card-content-wrapper .message-btn {
    cursor: pointer
}

.updated-carer-profile__modal .cards-list__items-card-content-wrapper .cards-list__items-card-header-content-wrapper-header {
    gap: 4px;
    display: flex;
    flex-direction: column;
    width: 100%
}

.updated-carer-profile__modal .cards-list__items-card-content-wrapper .cards-list__items-card-header-content-wrapper-header .title-batch {
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.updated-carer-profile__modal .cards-list__items-card-content-wrapper .cards-list__items-card-header-content-wrapper-header .header-title {
    font-weight: 690;
    font-size: 28px;
    line-height: 1.4;
    letter-spacing: .012em;
    color: #35353f;
    text-transform: capitalize
}

@media(max-width: 600px) {
    .updated-carer-profile__modal .cards-list__items-card-content-wrapper .cards-list__items-card-header-content-wrapper-header .header-title {
        font-size:17px
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .updated-carer-profile__modal .cards-list__items-card-content-wrapper .cards-list__items-card-header-content-wrapper-header .header-title {
        font-size:20px
    }
}

.updated-carer-profile__modal .cards-list__items-card-content-wrapper .cards-list__items-card-header-content-wrapper-header .subtitle {
    color: #676779
}

.updated-carer-profile__modal .cards-list__items-card-content-wrapper .cards-list-items-card-info__secondary-info {
    display: flex;
    flex-direction: column;
    gap: 16px
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .updated-carer-profile__modal .cards-list__items-card-content-wrapper .cards-list-items-card-info__secondary-info {
        gap:12px
    }
}

.updated-carer-profile__modal .cards-list__items-card-content-wrapper .cards-list-items-card-info__secondary-info .cards-list__items-card-info {
    grid-template-columns: auto auto;
    gap: 16px
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .updated-carer-profile__modal .cards-list__items-card-content-wrapper .cards-list-items-card-info__secondary-info .cards-list__items-card-info {
        grid-template-columns:1fr;
        gap: 12px
    }
}

.updated-carer-profile__modal .cards-list__items-card-content-wrapper .cards-list-items-card-info__secondary-info .cards-list__items-card-header-content-wrapper-info {
    display: flex;
    gap: 16px
}

@media(max-width: 600px) {
    .updated-carer-profile__modal .cards-list__items-card-content-wrapper .cards-list-items-card-info__secondary-info .cards-list__items-card-header-content-wrapper-info {
        flex-direction:column
    }
}

.updated-carer-profile__modal .cards-list__items-card-content-wrapper .cards-list-items-card-info__secondary-info .cards-list__items-card-header-content-wrapper-info .cards-list__items-card-header-content-wrapper-info-element {
    gap: 12px;
    display: flex;
    color: #676779
}

.updated-carer-profile__modal .cards-list__items-card-content-wrapper .cards-list-items-card-info__secondary-info .cards-list__items-card-header-content-wrapper-info .cards-list__items-card-header-content-wrapper-info-element .subtitle {
    font-size: 15px;
    font-weight: 520;
    color: #676779;
    line-height: 1.4;
    letter-spacing: .014em
}

.updated-carer-profile__modal .cards-list__items-card-content-wrapper .cards-list-items-card-info__secondary-info .cards-list__items-card-header-content-wrapper-info .cards-list__items-card-header-content-wrapper-info-element .subtitle span {
    font-weight: 690;
    color: #35353f
}

.updated-carer-profile__modal .cards-list__items-card-content-wrapper .cards-list-items-card-info__secondary-info .cards-list__items-card-header-content-wrapper-info .cards-list__items-card-header-content-wrapper-info-element svg {
    width: 20px;
    height: 20px
}

.updated-carer-profile__modal .cards-list__items-card-content-wrapper .carer-card__info-bottom {
    width: 100%
}

@media(max-width: 600px) {
    .updated-carer-profile__modal .cards-list__items-card-content-wrapper .recommended-badge {
        display:none
    }
}

.updated-carer-profile__modal .cards-list__items-card-header-content-video {
    width: 280px;
    height: 280px;
    border: 1px solid #fcfcff;
    border-radius: 20px;
    overflow: hidden
}

@media(max-width: 600px) {
    .updated-carer-profile__modal .cards-list__items-card-header-content-video {
        width:100%;
        height: 100%
    }
}

.updated-carer-profile__modal .cards-list__items-card-header-content-video video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden
}

.updated-carer-profile__modal .profile-details-info-card__tag-group .info-tag {
    color: #35353f
}

.help-needed .form-check {
    padding: 18px 16px;
    gap: 16px;
    border: 1px solid #e0e1e6;
    box-shadow: 0 1px 2px rgba(23,25,74,.05);
    border-radius: 12px
}

.help-needed .form-check .checkbox__details .checkbox-title .title-caption {
    font-weight: 640
}

.help-needed .form-check.active {
    background: #f5f5fb !important;
    box-shadow: 0 1px 2px rgba(23,25,74,.05);
    border: 1px solid #a2a5e4
}

.help-needed .form-check.active .checkbox__details .checkbox-title .title-caption {
    color: #494fc9;
    font-weight: 760
}

.help-needed .form-check.active:hover {
    background: #ecedf9;
    border: 1px solid #a2a5e4;
    box-shadow: 0 0 0 1px #d7d8f3
}

.help-needed .form-check.active .checkbox__details .checkbox-title {
    color: #2b2f8f
}

.help-needed .form-check:hover {
    border: 1px solid #a2a5e4
}

.help-needed .form-check:focus,.help-needed .form-check:focus-within {
    border: 1px solid #a2a5e4;
    box-shadow: 0 0 0 4px #d7d8f3
}

.help-needed .form-check:focus span::before,.help-needed .form-check:focus-within span::before {
    box-shadow: 0 0 0 4px #d7d8f3;
    border: 1px solid #a2a5e4
}

.help-needed .form-check .checkbox-lable {
    display: flex
}

.help-needed.checkbox-btn {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px
}

@media(max-width: 992px) and (min-width:769px) {
    .help-needed.checkbox-btn {
        grid-template-columns:1fr
    }
}

@media(max-width: 600px) {
    .help-needed.checkbox-btn {
        grid-template-columns:1fr;
        align-content: flex-start;
        gap: 16px;
        padding: 0
    }
}

.help-needed.checkbox-btn .checkbox-lable .checkbox-title {
    color: #676779;
    gap: 8px;
    display: grid;
    gap: 8px
}

.help-needed.checkbox-btn .checkbox-lable .checkbox-subtex {
    color: #8a8b9f
}

.help-needed.checkbox-btn .checkbox__details {
    display: grid;
    grid-template-columns: 24px 1fr;
    gap: 16px
}

#daysweek .form__main {
    padding: 44px 16px 16px
}

#daysweek .form__main .form__body.help-needed {
    display: flex;
    flex-direction: column;
    align-self: start
}

@media(max-width: 600px) {
    #daysweek .form__main .form__body.help-needed {
        gap:32px
    }
}

#daysweek .form__main .form__body.help-needed .form-check {
    display: inline-flex;
    align-items: center;
    max-width: 335px;
    height: auto
}

@media(max-width: 600px) {
    #daysweek .form__main .form__body.help-needed .form-check {
        width:100%;
        max-width: 100%
    }
}

.days-week {
    display: grid;
    grid-template-columns: 40px 40px 40px 40px 40px 40px 40px auto;
    gap: 16px;
    border: 0 none;
    padding: 0
}

@media(max-width: 600px) {
    .days-week {
        gap:4px;
        grid-template-columns: repeat(7,1fr)
    }
}

.days-week .form-check {
    text-align: center;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    border: 0 none !important;
    display: flex;
    flex-direction: column;
    padding: 0;
    gap: 8px;
    outline: 0;
    box-shadow: unset !important
}

.days-week .form-check:hover .day__item-title {
    border: 1px solid #a2a5e4
}

.days-week .form-check:hover .day__item-text {
    color: #2f349d
}

.days-week .form-check:focus .day__item-title,.days-week .form-check:focus-within .day__item-title {
    outline: 4px solid #d7d8f3
}

.days-week .form-check:focus .day__item-text,.days-week .form-check:focus-within .day__item-text {
    color: #2b2f8f
}

.days-week .form-check.active {
    background: transparent !important;
    box-shadow: unset !important;
    border: 0 none !important;
    outline: 0
}

.days-week .form-check.active:hover .day__item-title {
    background: #494fc9
}

.days-week .form-check.active:hover .day__item-text {
    color: #2b2f8f
}

.days-week .form-check.active:focus .day__item-title,.days-week .form-check.active:focus-within .day__item-title {
    background: #494fc9;
    outline: 4px solid #d7d8f3
}

.days-week .form-check.active:focus .day__item-text,.days-week .form-check.active:focus-within .day__item-text {
    color: #2b2f8f
}

.days-week .form-check.active .day__item-title.regular-font {
    color: #fff;
    background-color: #494fc9
}

.days-week .form-check.active .day__item-text {
    color: #494fc9
}

.days-week .day__item {
    grid-template-columns: 1fr !important;
    gap: 8px !important
}

.days-week .day__item:before {
    display: none !important
}

.days-week .day__item .day__item-title {
    font-style: normal;
    font-weight: 640;
    font-size: 15px;
    line-height: 100%;
    display: flex;
    align-items: center;
    color: #212121;
    width: 40px;
    height: 40px;
    background: #fff;
    border: 1px solid #e0e1e6;
    box-shadow: 0 1px 2px rgba(23,25,74,.05);
    border-radius: 30px;
    text-align: center;
    align-items: center;
    justify-content: center
}

.days-week .day__item .day__item-text {
    font-weight: 640;
    font-size: 14px;
    line-height: 1.4;
    display: flex;
    align-items: center;
    color: #676779;
    text-align: center;
    display: flex;
    justify-content: center
}

.navigation {
    height: 80px;
    margin: auto;
    display: flex;
    align-items: center;
    padding: 0 16px;
    border-bottom: 1px solid #e0e1e6
}

@media(max-width: 600px) {
    .navigation {
        height:auto;
        padding: 16px;
        max-height: 56px
    }
}

@media(max-width: 600px) {
    .navigation .logo-desktop {
        display:none
    }
}

.navigation .backarrow-mob {
    display: none
}

@media(max-width: 600px) {
    .navigation .backarrow-mob {
        display:flex
    }
}

body[data-step="get-started-step"] .navigation .nav-link-list .progress-bar {
    display: none
}

.navigation .nav-link-list .progress-bar {
    display: flex;
    gap: 1px;
    padding: 16px 0
}

.navigation .nav-link-list .progress-bar .progress-chunk {
    width: 67.9px;
    height: 4px;
    background: #d7d8f3;
    border-radius: 20px
}

@media(max-width: 992px) {
    .navigation .nav-link-list .progress-bar .progress-chunk {
        width:40px
    }
}

@media(max-width: 600px) {
    .navigation .nav-link-list .progress-bar .progress-chunk {
        width:20.56px;
        height: 2.8px
    }
}

.navigation .nav-link-list .progress-bar.hide {
    display: none
}

.navigation.job-posting-nav {
    justify-content: space-between
}

.navigation.job-posting-nav .nav-btn {
    width: 130px
}

@media(max-width: 600px) {
    .navigation.job-posting-nav .nav-btn {
        display:none
    }
}

nav ul li.has-child .dropdown__detail {
    z-index: 9
}

.menu-header .navigation {
    border: 0 none
}

.loader {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.loader__wrapper {
    width: auto;
    height: auto;
    justify-items: center;
    gap: 10px;
    align-content: center;
    height: calc(100vh - 80px);
    display: grid;
    overflow: auto
}

.loader__wrapper.loader-wrapper__style2 {
    gap: 20px
}

.loader__wrapper .loader {
    width: 48px;
    height: 48px;
    animation: rotation 2s infinite linear;
    border-radius: 50%;
    background-image: conic-gradient(from 180deg at 50% 50%,#494fc9 0deg,rgba(73,79,201,0) 274.87deg,#494fc9 360deg);
    border: 0;
    position: relative
}

.loader__wrapper .loader:after {
    content: "";
    background: #fff;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    position: absolute;
    border-radius: 50px
}

.loader__wrapper h1 {
    font-size: 20px;
    font-weight: 690;
    line-height: 28px;
    letter-spacing: .012em;
    margin: 0;
    color: #35353f
}

.loader__wrapper p {
    color: #676779;
    font-weight: 520;
    font-size: 15px;
    line-height: 1.4
}

.loader__wrapper img {
    animation: rotation 2s infinite linear
}

.otp-wrapper {
    padding: 16px;
    gap: 0
}

@media(max-width: 600px) {
    .otp-wrapper {
        padding:16px 20px
    }
}

.otp-wrapper .main-form {
    display: grid;
    padding: 16px 0;
    gap: 44px
}

.otp-wrapper .digit-group {
    display: flex;
    gap: 28px;
    justify-content: space-between
}

.otp-wrapper .digit-group input {
    height: 75px;
    width: 91px;
    border-radius: 12px;
    padding: 15px 16px 15px 16px;
    font-weight: 520;
    font-size: 32px;
    letter-spacing: .012em;
    line-height: 1.4;
    color: #424242;
    text-align: center;
    border: 1px solid #e0e1e6;
    box-shadow: 0 1px 2px rgba(23,25,74,.05);
    border-radius: 12px;
    outline: 0
}

.otp-wrapper .digit-group input::-webkit-outer-spin-button,.otp-wrapper .digit-group input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0
}

@media(max-width: 600px) {
    .otp-wrapper .digit-group input {
        height:60px;
        width: 62.75px;
        padding: 0
    }
}

.otp-wrapper .digit-group input:hover {
    border: 1px solid #a2a5e4;
    box-shadow: 0 0 0 1px #d7d8f3
}

.otp-wrapper .digit-group input:focus {
    border: 1px solid #a2a5e4;
    box-shadow: 0 0 0 4px #d7d8f3
}

.otp-wrapper .digit-group input:disabled {
    background-color: #e0e1e6;
    color: #35353f
}

.otp-wrapper .digit-group input:disabled::-moz-placeholder {
    color: #9fa0b0
}

.otp-wrapper .digit-group input:disabled::placeholder {
    color: #9fa0b0
}

.otp-wrapper .otp-text__button {
    display: flex;
    justify-content: space-between
}

.otp-wrapper .otp-text__button p {
    color: #676779
}

.otp-wrapper .form__input-group .error-msg {
    font-weight: 630;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .014em;
    color: #e90510
}

.otp-wrapper .form__input-group.error .error-msg {
    display: block
}

.otp-wrapper .resendcode {
    padding: 16px;
    gap: 16px;
    background: #ecedf9;
    border-radius: 12px;
    display: none
}

.otp-wrapper .resendcode p {
    color: #494fc9
}

.content-area-right__happy-clients-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    background: #f5f5fb;
    padding-top: 64px !important;
    padding-bottom: 64px !important
}

.content-area-right__happy-clients-section.newuser-sigupflow__container {
    background-color: transparent
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .content-area-right__happy-clients-section {
        padding:44px 56px !important
    }
}

@media(max-width: 600px) {
    .content-area-right__happy-clients-section {
        padding:44px 20px !important;
        gap: 44px
    }
}

@media(min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    .content-area-right__happy-clients-section {
        padding:44px 56px !important;
        gap: 32px
    }
}

.content-area-right__happy-clients-section h1.content-area-right__happy-clients-title .black-text {
    color: #35353f
}

.content-area-right__happy-clients-section h1.content-area-right__happy-clients-title .blue-text {
    color: #2b2f8f
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .content-area-right__happy-clients-section h1.content-area-right__happy-clients-title br {
        display:none
    }
}

.content-area-right__happy-clients-section .content-area-right__happy-clients-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
    gap: 48px;
    justify-content: space-between;
    width: 100%
}

@media(max-width: 600px) {
    .content-area-right__happy-clients-section .content-area-right__happy-clients-content {
        flex-wrap:wrap;
        flex-direction: column-reverse;
        gap: 44px
    }
}

.content-area-right__happy-clients-section .content-area-right__happy-clients-content .content-area-right__happy-clients-content-points {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 20px
}

.content-area-right__happy-clients-section .content-area-right__happy-clients-content .content-area-right__happy-clients-content-points .content-area-right__happy-clients-content-points-p1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
    gap: 16px
}

.content-area-right__happy-clients-section .content-area-right__happy-clients-content .content-area-right__happy-clients-content-points .content-area-right__happy-clients-content-points-p1 svg {
    height: 44px;
    width: 44px;
    min-height: 44px;
    min-width: 44px
}

.content-area-right__happy-clients-section .content-area-right__happy-clients-content .content-area-right__happy-clients-content-image img {
    max-height: 323px;
    position: relative;
    top: -33.5px;
    border-radius: 16px
}

@media(min-width: 600px) and (max-width:1194px) and (orientation:landscape) {
    .content-area-right__happy-clients-section .content-area-right__happy-clients-content .content-area-right__happy-clients-content-image img {
        max-width:278px;
        width: 278px;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .content-area-right__happy-clients-section .content-area-right__happy-clients-content .content-area-right__happy-clients-content-image img {
        max-width:235px;
        width: 235px;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media(max-width: 600px) {
    .content-area-right__happy-clients-section .content-area-right__happy-clients-content .content-area-right__happy-clients-content-image img {
        top:0;
        width: 100%;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.change-rate__form .input__field-group {
    display: grid;
    grid-template-columns: auto 1fr
}

.change-rate__form .total-rate-summary {
    width: 100%
}

.change-rate__form .total-rate-summary .total-rate-wrap {
    background: #fcfcff;
    border: 1px solid #e0e1e6;
    border-radius: 12px
}

.change-rate__form .total-rate-summary .rate-data {
    padding: 12px 20px;
    display: flex;
    justify-content: space-between;
    gap: 16px;
    color: #35353f
}

.change-rate__form .total-rate-summary .rate-data.curam-fees {
    color: #676779
}

.change-rate__form .total-rate-summary .rate-data.final-pay {
    position: relative
}

.change-rate__form .total-rate-summary .rate-data.final-pay::before {
    content: "";
    position: absolute;
    width: 95%;
    height: 1px;
    top: 0;
    border-top: 1px solid #e0e1e6
}

.looking-carer-list__content {
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 44px
}

.looking-carer-list__content .content-title {
    text-align: center;
    min-height: 90px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .looking-carer-list__content .content-title {
        font-size:24px
    }
}

@media(max-width: 600px) {
    .looking-carer-list__content .content-title {
        font-size:32px
    }
}

.looking-carer-list__content .content-title .carer-found__title {
    display: none;
    transition: all;
    transition-timing-function: cubic-bezier(0.25,.46,.45,.94);
    transition-duration: 100ms
}

.looking-carer-list__content.load-complete .content-area__loader-wrapper .loader {
    display: none
}

.looking-carer-list__content.load-complete .content-area__loader-wrapper svg.carer-found__icon {
    display: block
}

.looking-carer-list__content .content-area__loader-group {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center
}

.looking-carer-list__content .content-area__loader-group .content-area__loader-wrapper .loader__wrapper {
    display: flex;
    overflow: hidden;
    height: auto
}

.looking-carer-list__content .content-area__loader-group .content-area__loader-wrapper .loader__wrapper .loader {
    width: 20px;
    height: 20px
}

.looking-carer-list__content .content-area__loader-group .content-area__loader-wrapper .loader__wrapper .loader:after {
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px
}

.looking-carer-list__content .content-area__loader-group .loader-text {
    font-weight: 520;
    font-size: 14px;
    line-height: 1.4;
    color: #676779;
    letter-spacing: .014em
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .looking-carer-list__content .content-area__loader-group .loader-text {
        font-size:14px
    }
}

@media(max-width: 600px) {
    .looking-carer-list__content .content-area__loader-group .loader-text {
        font-size:14px
    }
}

.looking-carer-list__content .content-area__loader-group .looking-carer__title {
    transition: all;
    transition-timing-function: cubic-bezier(0.25,.46,.45,.94);
    transition-duration: 100ms
}

.looking-carer-list__content .content-area__loader-group .carer-found__title {
    transition: all;
    transition-timing-function: cubic-bezier(0.25,.46,.45,.94);
    transition-duration: 100ms
}

.looking-carer-list__content .carer-found__icon {
    display: none
}

.finding-carer-slider,.finding-carer-slider * {
    transition: all;
    transition-timing-function: cubic-bezier(0.25,.46,.45,.94);
    transition-duration: 300ms
}

.finding-carer-slider.owl-carousel.owl-loaded.owl-drag {
    position: relative
}

.finding-carer-slider.owl-carousel.owl-loaded.owl-drag:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(270deg,#fff -1%,rgba(255,255,255,0) 50%,#fff 101%)
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .finding-carer-slider.owl-carousel.owl-loaded.owl-drag:after {
        display:none
    }
}

@media(max-width: 600px) {
    .finding-carer-slider.owl-carousel.owl-loaded.owl-drag:after {
        display:none
    }
}

.finding-carer-slider.owl-carousel {
    width: 860px;
    margin: 0 auto;
    position: unset
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .finding-carer-slider.owl-carousel {
        width:702px
    }
}

.owl-carousel .owl-stage-outer {
    padding: 30px 0
}

.carer-list__finding-loader {
    width: 100%;
    position: relative
}

.owl-item .item {
    transform: translate3d(0,0,0);
    margin: 0
}

.finding-carer-slider .owl-item .item img {
    transition: .3s;
    transform: scale(0.93);
    opacity: .4
}

.finding-carer-slider .owl-item.center .item img {
    transform: scale(1.3);
    opacity: 1
}

.finding-carer-slider .owl-item.center {
    margin-left: 20px;
    margin-right: 35px !important
}

@media(max-width: 600px) {
    .finding-carer-slider .owl-item.center {
        margin-left:10px;
        margin-right: 12px !important
    }
}

.finding-carer-slider .owl-nav {
    text-align: center
}

.finding-carer-slider .owl-nav button {
    font-size: 24px !important;
    margin: 10px;
    color: #033aff !important
}

.finding-carer-slider .owl-item .item img {
    border: 2.87037px solid #fcfcff;
    border-radius: 28.7037px
}

.load-complete .finding-carer-slider .owl-item .item img {
    transform: scale(1);
    opacity: 1
}

.load-complete .finding-carer-slider.owl-carousel.owl-loaded.owl-drag::after {
    display: none
}

.load-complete .finding-carer-slider.owl-carousel.owl-loaded.owl-drag::before {
    display: none
}

.finding-carer-slider,.finding-carer-slider img,.owl-stage,.owl-item {
    transition: all;
    transition-timing-function: cubic-bezier(0.25,.46,.45,.94);
    transition-duration: 200ms
}

#sign-up .title-padding,#otp-screen .title-padding,#log-in .title-padding,body #sign-up-to-send-message-step2 .title-padding,body #sign-up-send-message .title-padding,body #sign-up-send-message-combine .title-padding {
    height: auto
}

@media(max-width: 600px) {
    #sign-up h1,#otp-screen h1,#log-in h1,body #sign-up-to-send-message-step2 h1,body #sign-up-send-message h1,body #sign-up-send-message-combine h1 {
        font-size:24px;
        font-weight: 690;
        line-height: 1.4;
        letter-spacing: .012em
    }

    #sign-up .form__body,#otp-screen .form__body,#log-in .form__body,body #sign-up-to-send-message-step2 .form__body,body #sign-up-send-message .form__body,body #sign-up-send-message-combine .form__body {
        gap: 24px
    }
}

@media(max-width: 600px) {
    #sign-up .form__body,#log-in .form__body,#sign-up-to-send-message-step2 .form__body,#sign-up-send-message .form__body,#sign-up-send-message-combine .form__body {
        padding-bottom:0
    }
}

#sign-up-to-send-message-step2 h1,#sign-up-send-message h1,#sign-up-send-message-combine h1 {
    font-size: 32px;
    letter-spacing: .012em
}

.header__title.headerwithbtn {
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.changenumber-block {
    font-weight: 560;
    font-size: 15px;
    line-height: 1.4;
    color: #676779;
    display: flex;
    gap: 5px
}

#reset-password .form__input-group .form-control__custom {
    padding: 15px 16px
}

#otp-screen .form__input-group .form-control__custom {
    padding: 15px 16px
}

.input__field-wrapper.reducepadding.other__input {
    display: flex;
    padding: 0;
    gap: 0;
    border: 1px solid #e0e1e6;
    box-shadow: 0 1px 2px rgba(23,25,74,.05);
    border-radius: 12px;
    outline: 0;
    transition: all;
    position: relative;
    transition-timing-function: cubic-bezier(0.25,.46,.45,.94);
    transition-duration: 200ms;
    align-items: center;
    background-color: #fff
}

.input__field-wrapper.reducepadding.other__input fieldset {
    width: 100%;
    border: 0 none;
    text-align: left
}

.input__field-wrapper.reducepadding.other__input fieldset button {
    position: relative;
    text-align: left;
    padding: 15px 16px !important;
    font-weight: 520;
    font-size: 15px;
    letter-spacing: .014em;
    line-height: 1.4;
    color: #35353f;
    font-family: "Manrope"
}

.input__field-wrapper.reducepadding.other__input fieldset button svg.postfix-img {
    margin: 0;
    float: RIGHT
}

.input__field-wrapper.reducepadding.other__input div {
    align-content: space-evenly;
    padding: 14px 12px;
    gap: 16px;
    display: grid;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    color: #676779;
    height: 100%;
    align-items: center
}

.input__field-wrapper.reducepadding.other__input div.prefix-text {
    background-color: #e0e1e6
}

.input__field-wrapper.reducepadding.other__input div.prefix-img .hoverstate {
    display: none
}

.input__field-wrapper.reducepadding.other__input input {
    width: 100%;
    border: 0;
    background-color: transparent;
    outline: 0;
    padding-left: 0;
    border-radius: 0
}

.input__field-wrapper.reducepadding.other__input:hover {
    border: 1px solid #a2a5e4;
    box-shadow: 0 0 0 1px #d7d8f3
}

.input__field-wrapper.reducepadding.other__input:hover input {
    box-shadow: unset;
    border: 0 none
}

.input__field-wrapper.reducepadding.other__input:hover div.prefix-img .hoverstate {
    display: block
}

.input__field-wrapper.reducepadding.other__input:hover div.prefix-img .normalstate {
    display: none
}

.input__field-wrapper.reducepadding.other__input:focus,.input__field-wrapper.reducepadding.other__input:focus-within {
    box-shadow: 0 0 0 4px #d7d8f3;
    border: 1px solid #a2a5e4
}

.input__field-wrapper.reducepadding.other__input:focus input,.input__field-wrapper.reducepadding.other__input:focus-within input {
    box-shadow: unset;
    border: 0 none
}

.input__field-wrapper.reducepadding.other__input:focus div.prefix-img .hoverstate,.input__field-wrapper.reducepadding.other__input:focus-within div.prefix-img .hoverstate {
    display: block
}

.input__field-wrapper.reducepadding.other__input:focus div.prefix-img .normalstate,.input__field-wrapper.reducepadding.other__input:focus-within div.prefix-img .normalstate {
    display: none
}

.input__field-wrapper.noprefix-nopostfix input {
    padding-left: 16px !important
}

.content-area__existing-user-section .existing-user-section-wrapper {
    padding-top: 48px;
    padding-bottom: 48px
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .content-area__existing-user-section .existing-user-section-wrapper {
        padding:20px
    }
}

@media(max-width: 600px) {
    .content-area__existing-user-section .existing-user-section-wrapper {
        padding:20px
    }
}

@media(min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    .content-area__existing-user-section .existing-user-section-wrapper {
        padding:20px
    }
}

.content-area__existing-user-section .existing-user-section-wrapper .existing-user-section-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 0;
    gap: 44px;
    background-color: #494fc9;
    isolation: isolate;
    border-radius: 20px;
    position: relative
}

@media(max-width: 600px) {
    .content-area__existing-user-section .existing-user-section-wrapper .existing-user-section-inner {
        gap:24px
    }
}

@media(min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    .content-area__existing-user-section .existing-user-section-wrapper .existing-user-section-inner {
        gap:24px
    }
}

.content-area__existing-user-section .existing-user-section-wrapper .existing-user-section-inner .existing-user-title {
    font-weight: 690;
    font-size: 24px;
    line-height: 140%;
    text-align: center;
    letter-spacing: .012em;
    color: #fff
}

.content-area__existing-user-section .existing-user-section-wrapper .existing-user-section-inner .existing-user-btn {
    padding: 15px 20px 16px;
    gap: 8px;
    background: #fff;
    border-radius: 12px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-shadow: none;
    border: 0
}

.content-area__existing-user-section .existing-user-section-wrapper .existing-user-section-inner .existing-user-btn .existing-user-btn-icon {
    width: 20px;
    height: 20px
}

.content-area__existing-user-section .existing-user-section-wrapper .existing-user-section-inner .existing-user-btn .existing-user-btn-text {
    font-weight: 690;
    font-size: 15px;
    color: #2f349d;
    letter-spacing: .014em
}

.content-area__existing-user-section .existing-user-section-wrapper .existing-user-section-inner .bottomleftcorner {
    position: absolute;
    bottom: 0;
    left: 0
}

.content-area__existing-user-section .existing-user-section-wrapper .existing-user-section-inner .toprightcorner {
    position: absolute;
    top: 0;
    right: 0
}

.help-carer-section {
    background: #ecedf9;
    padding-top: 64px;
    padding-bottom: 64px
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .help-carer-section {
        padding-top:0;
        padding-bottom: 0
    }
}

@media(max-width: 600px) {
    .help-carer-section {
        padding:20px
    }
}

@media(min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    .help-carer-section {
        padding:20px
    }
}

.help-carer-section .help-carer__wrapper {
    grid-template-columns: auto 1fr;
    gap: 32px;
    isolation: isolate
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .help-carer-section .help-carer__wrapper {
        padding:20px 56px;
        grid-template-rows: auto 1fr;
        grid-template-columns: 1fr
    }
}

@media(min-width: 600px) and (max-width:1194px) and (orientation:landscape) {
    .help-carer-section .help-carer__wrapper {
        padding-top:0;
        padding-bottom: 0
    }
}

@media(max-width: 600px) {
    .help-carer-section .help-carer__wrapper {
        grid-template-columns:1fr;
        grid-template-rows: auto 1fr
    }
}

@media(min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    .help-carer-section .help-carer__wrapper {
        grid-template-columns:1fr;
        grid-template-rows: auto 1fr;
        padding: 0
    }
}

.help-carer-section .help-carer__wrapper .help-carer__wrapper-top {
    display: flex;
    flex-direction: column;
    gap: 32px
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .help-carer-section .help-carer__wrapper .help-carer__wrapper-top {
        gap:24px
    }
}

@media(max-width: 600px) {
    .help-carer-section .help-carer__wrapper .help-carer__wrapper-top {
        gap:24px
    }
}

@media(min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    .help-carer-section .help-carer__wrapper .help-carer__wrapper-top {
        gap:24px
    }
}

.help-carer-section .help-carer__wrapper .help-carer__wrapper-top .help-carer__wrapper-header {
    display: flex;
    flex-direction: column;
    gap: 24px
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .help-carer-section .help-carer__wrapper .help-carer__wrapper-top .help-carer__wrapper-header {
        gap:10px
    }
}

@media(max-width: 600px) {
    .help-carer-section .help-carer__wrapper .help-carer__wrapper-top .help-carer__wrapper-header {
        gap:10px
    }
}

@media(min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    .help-carer-section .help-carer__wrapper .help-carer__wrapper-top .help-carer__wrapper-header {
        gap:10px
    }
}

.help-carer-section .help-carer__wrapper .help-carer__wrapper-top .help-carer__wrapper-header .help-carer__wrapper-header-title {
    font-weight: 690;
    font-size: 56px;
    line-height: 140%;
    color: #35353f;
    letter-spacing: .012em;
    white-space: nowrap
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .help-carer-section .help-carer__wrapper .help-carer__wrapper-top .help-carer__wrapper-header .help-carer__wrapper-header-title {
        font-size:26px
    }
}

@media(min-width: 600px) and (max-width:1194px) and (orientation:landscape) {
    .help-carer-section .help-carer__wrapper .help-carer__wrapper-top .help-carer__wrapper-header .help-carer__wrapper-header-title {
        font-size:32px
    }
}

@media(max-width: 600px) {
    .help-carer-section .help-carer__wrapper .help-carer__wrapper-top .help-carer__wrapper-header .help-carer__wrapper-header-title {
        font-size:24px
    }
}

@media(min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    .help-carer-section .help-carer__wrapper .help-carer__wrapper-top .help-carer__wrapper-header .help-carer__wrapper-header-title {
        font-size:24px
    }
}

.help-carer-section .help-carer__wrapper .help-carer__wrapper-top .help-carer__wrapper-header .help-carer__wrapper-header-text {
    font-weight: 690;
    font-size: 17px;
    color: #676779
}

@media(max-width: 600px) {
    .help-carer-section .help-carer__wrapper .help-carer__wrapper-top .help-carer__wrapper-header .help-carer__wrapper-header-text {
        font-size:14px
    }
}

@media(min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    .help-carer-section .help-carer__wrapper .help-carer__wrapper-top .help-carer__wrapper-header .help-carer__wrapper-header-text {
        font-size:14px
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .help-carer-section .help-carer__wrapper .help-carer__wrapper-top .help-carer__wrapper-header .help-carer__wrapper-header-text br {
        display:none
    }
}

@media(min-width: 600px) and (max-width:1194px) and (orientation:landscape) {
    .help-carer-section .help-carer__wrapper .help-carer__wrapper-top .help-carer__wrapper-header .help-carer__wrapper-header-text br {
        display:none
    }
}

@media(max-width: 600px) {
    .help-carer-section .help-carer__wrapper .help-carer__wrapper-top .help-carer__wrapper-header .help-carer__wrapper-header-text br {
        display:none
    }
}

@media(min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    .help-carer-section .help-carer__wrapper .help-carer__wrapper-top .help-carer__wrapper-header .help-carer__wrapper-header-text br {
        display:none
    }
}

.help-carer-section .help-carer__wrapper .help-carer__wrapper-top .help-carer__btn-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.help-carer-section .help-carer__wrapper .help-carer__wrapper-top .help-carer__btn-wrapper a.btn {
    width: -moz-fit-content;
    width: fit-content
}

.help-carer-section .help-carer__wrapper .help-carer__wrapper-top .help-carer__btn-wrapper-text {
    font-weight: 520;
    font-size: 14px;
    color: #676779
}

.help-carer-section .help-carer__wrapper .help-carer__btn-wrapper-img {
    height: 226px
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .help-carer-section .help-carer__wrapper .help-carer__btn-wrapper-img {
        order:-1
    }
}

@media(max-width: 600px) {
    .help-carer-section .help-carer__wrapper .help-carer__btn-wrapper-img {
        order:-1;
        width: 100%;
        height: auto
    }
}

@media(min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    .help-carer-section .help-carer__wrapper .help-carer__btn-wrapper-img {
        order:-1
    }
}

.carer-card {
    padding: 16px 20px;
    gap: 24px;
    display: flex;
    border-radius: 24px;
    border: 1px solid #9fa0b0;
    cursor: pointer;
    transition: all;
    transition-timing-function: cubic-bezier(0.25,.46,.45,.94);
    transition-duration: 300ms
}

@media(max-width: 600px) {
    .carer-card {
        flex-direction:column
    }
}

.carer-card:not(.cards-list__items-card-header-content-inner):hover {
    background: #fff;
    box-shadow: 0 0 0 2px #a2a5e4,0px 0 0 3px #d7d8f3;
    border-color: #a2a5e4
}

.carer-card:not(.cards-list__items-card-header-content-inner):focus {
    background: #fff;
    box-shadow: 0 0 0 2px #e0e1e6,0px 0 0 4px #d7d8f3;
    border-color: #e0e1e6
}

.carer-card .carer-card-img {
    width: 280px;
    height: 280px;
    border: 1px solid #fcfcff;
    border-radius: 20px;
    overflow: hidden;
    position: relative
}

@media(max-width: 600px) {
    .carer-card .carer-card-img {
        width:100%
    }
}

.carer-card .carer-card-img .carer-card-img-bottom-tag-wrapper__tag {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: auto;
    display: flex;
    padding: 14px 16px 0;
    justify-content: flex-start
}

.carer-card .carer-card-img .carer-card-img-bottom-tag-wrapper__tag .carer-card-img-bottom-tag-wrapper__tag-text {
    font-weight: 630;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .012em;
    background: #219653;
    padding: 4px 8px;
    gap: 4px;
    border-radius: 12px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.carer-card .carer-card-img video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.carer-card .carer-card__info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 24px
}

.carer-card .carer-card__info .carer-card__info-brif-text {
    color: #35353f
}

.carer-card .carer-card__info .carer-card__info-brif-text .morelinkbrief {
    color: #494fc9;
    text-transform: capitalize;
    font-weight: 520;
    font-size: 15px;
    letter-spacing: .014em;
    line-height: 1.4
}

.carer-card .carer-card__info .carer-card__info-top {
    display: flex;
    flex-direction: column;
    gap: 12px
}

@media(max-width: 600px) {
    .carer-card .carer-card__info .carer-card__info-top {
        gap:8px
    }
}

.carer-card .carer-card__info .carer-card__info-header-text {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.carer-card .carer-card__info .carer-card__info-header-text .header-title {
    color: #35353f
}

.carer-card .carer-card__info .carer-card__info-header-text .subtitle {
    font-weight: 520;
    font-size: 14px;
    letter-spacing: .014em;
    line-height: 1.4;
    color: #676779
}

.carer-card .carer-card__info .cards-list__items-card-info-element svg {
    width: 16px;
    height: 16px
}

.carer-card .carer-card__info .cards-list__items-card-info {
    gap: 12px
}

.carer-card .carer-card__info .cards-list__items-card-info .extra-info__text {
    font-weight: 630;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .012em;
    color: #676779
}

.carer-card .carer-card__info .cards-list__items-card-info .extra-info__text span {
    color: #35353f
}

@media(max-width: 600px) {
    .carer-card .carer-card__info .cards-list__items-card-info .extra-info__text.desktop-only {
        display:none
    }
}

.carer-card .carer-card__info .cards-list__items-card-info .extra-info__text.mobile-only {
    display: none;
    font-weight: 630;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .012em;
    color: #35353f
}

@media(max-width: 600px) {
    .carer-card .carer-card__info .cards-list__items-card-info .extra-info__text.mobile-only {
        display:block
    }
}

.carer-card .carer-card__info .carer-card__info-tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px
}

.how-it-works-section__secondary-info {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 48px 64px;
    gap: 48px;
    background: #f5f5fb;
    border-radius: 12px
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .how-it-works-section__secondary-info {
        flex-direction:column;
        border-radius: 0
    }

    .how-it-works-section__secondary-info img {
        width: 100%;
        height: auto
    }
}

@media(max-width: 600px) {
    .how-it-works-section__secondary-info {
        margin-top:36px;
        flex-direction: column;
        border-radius: 0;
        padding: 48px 20px;
        gap: 48px
    }

    .how-it-works-section__secondary-info img {
        width: 100%;
        height: auto
    }
}

.how-it-works-section__secondary-info .how-it-works-section__secondary-title {
    color: #35353f
}

.how-it-works-section__secondary-info .how-it-works-section__secondary-info-text {
    display: flex;
    flex-direction: column;
    padding: 0;
    gap: 24px
}

.how-it-works-section__secondary-info .how-it-works-section__secondary-info-text .how-it-works-section__secondary-body {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start
}

.how-it-works-section__secondary-info .how-it-works-section__secondary-info-text .how-it-works-section__secondary-body .how-it-works-section__secondary-body-text {
    font-weight: 690;
    font-size: 17px;
    line-height: 140%;
    color: #676779
}

@media(max-width: 600px) {
    .how-it-works-section__secondary-info .how-it-works-section__secondary-info-text .how-it-works-section__secondary-body .how-it-works-section__secondary-body-text {
        font-size:15px
    }
}

.content-area__baner {
    min-height: 325px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 64px;
    padding-bottom: 64px;
    justify-content: center
}

.content-area__baner .content-area__baner-wrapper {
    grid-template-columns: 60% 1fr;
    padding-top: 0;
    padding-bottom: 30px;
    align-items: center
}

.content-area__baner .content-area__baner-wrapper .user-page__banner-img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 397px
}

.content-area__baner .content-area__baner-wrapper .content-area__banner-details {
    display: flex;
    flex-direction: column;
    gap: 32px;
    position: relative;
    padding-top: 50px
}

.content-area__baner .content-area__baner-wrapper .content-area__banner-details .content-area__banner-details-title {
    font-weight: 690;
    font-size: 36px;
    line-height: 1.2;
    font-family: "Manrope"
}

.content-area__baner .content-area__baner-wrapper .content-area__banner-details .content-area__banner-details-subtitle {
    color: #35353f
}

.content-area__baner .content-area__baner-wrapper .content-area__banner-details .content-area-banner-details__text-points {
    display: flex;
    flex-direction: column;
    gap: 18px
}

.content-area__baner .content-area__baner-wrapper .content-area__banner-details .content-area-banner-details__text-points .banner-details__text-point {
    display: flex;
    gap: 12px;
    align-items: center
}

.content-area__baner .content-area__baner-wrapper .content-area__banner-details .content-area-banner-details__text-points .banner-details__text-point .banner-details__text-point-text {
    font-weight: 690;
    font-size: 17px;
    line-height: 1.2;
    font-weight: 690;
    letter-spacing: .012em;
    color: #676779
}

.content-area__baner .content-area__baner-wrapper .content-area__banner-details .content-area-banner-details__text-points .banner-details__text-point .banner-details__text-point-text span {
    color: #35353f
}

.content-area__baner .content-area__baner-wrapper .content-area__banner-details .content-area-banner-details__text-points .banner-details__text-point .banner-details__text-point-num {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 4px 12px;
    gap: 10px;
    background: #f5f5fb;
    border: 1px solid #bec0ec;
    border-radius: 20px
}

.content-area__baner .content-area__baner-wrapper .content-area__banner-details .content-area-banner-details__text-points .banner-details__text-point .banner-details__text-point-num span {
    font-weight: 690;
    font-size: 17px;
    line-height: 1.4;
    letter-spacing: .012em;
    color: #2b2f8f
}

.content-area__baner .content-area__baner-wrapper .content-area__banner-details .content-area-banner-details__trust-pilot-bar {
    display: flex
}

.content-area__listcarer-banner {
    position: relative;
    min-height: 425px
}

.content-area__listcarer-banner .banner__details-trust-pilot-bar-mobile {
    display: none
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .content-area__listcarer-banner .content-area__baner-wrapper {
        display:none
    }

    .content-area__listcarer-banner.content-area__baner {
        min-height: auto;
        padding-bottom: 0
    }

    .content-area__listcarer-banner .banner__details-trust-pilot-bar-mobile {
        position: fixed;
        top: 77px;
        left: 0;
        width: 100%;
        background: #fcfcff;
        border-bottom: 1px solid #e0e1e6;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 0;
        z-index: 99
    }
}

@media(max-width: 600px) {
    .content-area__listcarer-banner .content-area__baner-wrapper {
        display:none
    }

    .content-area__listcarer-banner.content-area__baner {
        min-height: auto;
        padding-bottom: 0;
        padding-top: 0
    }

    .content-area__listcarer-banner .banner__details-trust-pilot-bar-mobile {
        position: initial;
        top: 0;
        left: 0;
        width: 100%;
        background: #fcfcff;
        border-bottom: 1px solid #e0e1e6;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 0;
        z-index: 9
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .content-area__listcarer-banner .banner__details-trust-pilot-bar-mobile {
        top:80px
    }

    .content-area__listcarer-banner.content-area__baner {
        padding-top: 46px
    }
}

@media(min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    .content-area__listcarer-banner .content-area__baner-wrapper {
        display:none
    }

    .content-area__listcarer-banner.content-area__baner {
        min-height: auto;
        padding-bottom: 0;
        padding-top: 46px
    }

    .content-area__listcarer-banner .banner__details-trust-pilot-bar-mobile {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background: #fcfcff;
        border-bottom: 1px solid #e0e1e6;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 0;
        z-index: 9
    }
}

.dashboard-new-user__list#carer-card-list-section {
    background-color: transparent
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .dashboard-new-user__list#carer-card-list-section .onboarding-cards-wrap {
        padding:0
    }
}

.dashboard-new-user__list#carer-card-list-section .left-sidebar {
    top: 85px
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .dashboard-new-user__list#carer-card-list-section .left-sidebar {
        display:none !important
    }
}

@media(max-width: 600px) {
    .dashboard-new-user__list#carer-card-list-section .left-sidebar {
        display:none !important
    }
}

@media(min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    .dashboard-new-user__list#carer-card-list-section .left-sidebar {
        display:none !important
    }
}

.dashboard-new-user__list#carer-card-list-section .left-sidebar.carer-card-list__filters {
    display: flex;
    flex-direction: column;
    gap: 24px
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .dashboard-new-user__list#carer-card-list-section .left-sidebar.carer-card-list__filters {
        height:auto
    }
}

.dashboard-new-user__list#carer-card-list-section .left-sidebar.carer-card-list__filters p {
    padding: 0 0 4px
}

.dashboard-new-user__list#carer-card-list-section .left-sidebar.carer-card-list__filters .form__input-group {
    padding: 0;
    border: 0
}

.dashboard-new-user__list#carer-card-list-section .left-sidebar.carer-card-list__filters .form__input-group .input__field-wrapper {
    border: 1px solid #9fa0b0
}

.dashboard-new-user__list#carer-card-list-section .left-sidebar.carer-card-list__filters .filter-type.carer-preference {
    gap: 12px;
    border-bottom: 0;
    padding: 12px 0 0
}

.dashboard-new-user__list#carer-card-list-section .left-sidebar.carer-card-list__filters .filter-type .radio-item-group {
    gap: 0;
    padding: 0
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .dashboard-new-user__list#carer-card-list-section .left-sidebar.carer-card-list__filters .filter-type .radio-item-group {
        display:none
    }
}

@media(max-width: 600px) {
    .dashboard-new-user__list#carer-card-list-section .left-sidebar.carer-card-list__filters .filter-type .radio-item-group {
        display:none
    }
}

.dashboard-new-user__list#carer-card-list-section .left-sidebar.carer-card-list__filters .filter-type .radio-item-group .radio-item {
    padding: 12px 0
}

.dashboard-new-user__list#carer-card-list-section .left-sidebar .content-area__left-usp-banner {
    padding: 20px;
    gap: 12px;
    display: flex;
    flex-direction: column;
    background: #f5f5fb;
    border: 1px solid #e0e1e6;
    border-radius: 20px
}

.dashboard-new-user__list#carer-card-list-section .left-sidebar .content-area__left-usp-banner .h4-style {
    color: #35353f
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .dashboard-new-user__list#carer-card-list-section .left-sidebar .content-area__left-usp-banner {
        display:none
    }
}

@media(max-width: 600px) {
    .dashboard-new-user__list#carer-card-list-section .left-sidebar .content-area__left-usp-banner {
        display:none
    }
}

.dashboard-new-user__list#carer-card-list-section .left-sidebar .content-area__left-usp-banner .content-area__left-usp-banner-ponits {
    display: flex;
    flex-direction: column;
    gap: 0
}

@media(max-width: 600px) {
    .dashboard-new-user__list#carer-card-list-section .left-sidebar .content-area__left-usp-banner .content-area__left-usp-banner-ponits {
        gap:0
    }
}

.dashboard-new-user__list#carer-card-list-section .left-sidebar .content-area__left-usp-banner .content-area__left-usp-banner-ponits .left-usp-banner-point {
    padding: 12px 0;
    gap: 12px;
    display: flex
}

.dashboard-new-user__list#carer-card-list-section .left-sidebar .content-area__left-usp-banner .content-area__left-usp-banner-ponits .left-usp-banner-point .left-usp-banner-point-icon {
    width: 24px;
    height: 24px
}

.dashboard-new-user__list#carer-card-list-section .left-sidebar .content-area__left-usp-banner .content-area__left-usp-banner-ponits .left-usp-banner-point .left-usp-banner-point-text {
    color: #35353f;
    font-weight: 520;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: .014em
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .dashboard-new-user__list#carer-card-list-section .carer-card-list__cards-list {
        gap:0
    }
}

.dashboard-new-user__list#carer-card-list-section .carer-card-list__cards-list .carer-card-list__cards-list-header-info {
    padding: 0 0 16px
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .dashboard-new-user__list#carer-card-list-section .carer-card-list__cards-list .carer-card-list__cards-list-header-info.hide-responsive {
        display:none
    }
}

@media(max-width: 600px) {
    .dashboard-new-user__list#carer-card-list-section .carer-card-list__cards-list .carer-card-list__cards-list-header-info.hide-responsive {
        display:none
    }
}

@media(min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    .dashboard-new-user__list#carer-card-list-section .carer-card-list__cards-list .carer-card-list__cards-list-header-info.hide-responsive {
        display:none
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .dashboard-new-user__list#carer-card-list-section .carer-card-list__cards-list .right-sidebar-filters {
        display:grid;
        padding: 12px 20px;
        padding-bottom: 4px;
        gap: 12px
    }
}

@media(min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    .dashboard-new-user__list#carer-card-list-section .carer-card-list__cards-list .right-sidebar-filters {
        display:grid;
        padding: 0;
        gap: 12px
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .dashboard-new-user__list#carer-card-list-section .carer-card-list__cards-list .right-sidebar-filters .postfix-img {
        padding:8px;
        gap: 8px;
        background: #ecedf9;
        border-radius: 50px;
        margin-right: 16px
    }
}

@media(min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    .dashboard-new-user__list#carer-card-list-section .carer-card-list__cards-list .right-sidebar-filters .postfix-img {
        padding:8px;
        gap: 8px;
        background: #ecedf9;
        border-radius: 50px;
        margin-right: 16px
    }
}

.dashboard-new-user__list#carer-card-list-section .carer-card-list__cards-list .carer-card-list__cards-list-header-info-tag-row .filter-tag-text {
    border-color: #9fa0b0
}

.dashboard-new-user__list#carer-card-list-section .carer-card-list__cards-list .carer-card-list__cards-list-header-info-tag-row .filter-tag-text[data-state=active] {
    border-color: #a2a5e4
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .dashboard-new-user__list#carer-card-list-section .carer-card-list__cards-list .carer-card-list__cards-list-header-info-tag-row {
        padding:0 20px 12px 20px
    }
}

@media(max-width: 600px) {
    .dashboard-new-user__list#carer-card-list-section .carer-card-list__cards-list .carer-card-list__cards-list-header-info-tag-row {
        padding:0 20px 12px 20px
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .dashboard-new-user__list#carer-card-list-section .carer-card-list__cards-list .carer-card-list__cards-list-header-items {
        padding:12px 20px;
        gap: 20px
    }
}

@media(max-width: 600px) {
    .dashboard-new-user__list#carer-card-list-section .carer-card.list-carer-video {
        gap:12px;
        padding: 0
    }
}

@media(max-width: 600px) {
    .dashboard-new-user__list#carer-card-list-section .carer-card.list-carer-video .carer-card__info {
        padding:0 16px 16px;
        gap: 12px
    }
}

@media(max-width: 600px) {
    .dashboard-new-user__list#carer-card-list-section .carer-card__info-top .cards-list__items-card-info {
        gap:8px;
        grid-template-columns: repeat(2,auto)
    }
}

.dashboard-new-user__list .content-area__advertised-rate-card {
    background: #f5f5fb
}

@media(max-width: 600px) {
    .dashboard-new-user__list .content-area__advertised-rate-card .advertised-rate-card__header-title {
        font-size:17px;
        padding-bottom: 0
    }
}

@media(max-width: 600px) {
    .dashboard-new-user__list .content-area__advertised-rate-card .advertised-rate-card__content {
        gap:16px
    }
}

.dashboard-new-user__list .content-area__advertised-rate-card .advertised-rate-card__content .advertised-rate-card__content-group {
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: 1fr
}

.dashboard-new-user__list .content-area__advertised-rate-card .advertised-rate-card__content .advertised-rate-card__content-group:nth-child(2) {
    border-top: 1px solid #bec0ec;
    gap: 16px
}

@media(max-width: 600px) {
    .dashboard-new-user__list .content-area__advertised-rate-card .advertised-rate-card__content .advertised-rate-card__content-group:nth-child(2) {
        grid-template-columns:1fr;
        gap: 12px
    }
}

.dashboard-new-user__list .content-area__advertised-rate-card .advertised-rate-card__content .advertised-rate-card__content-group .advertised-rate-card-content-group__info-item {
    gap: 12px
}

@media(max-width: 600px) {
    .carer-list__help-section .help-carer__wrapper {
        gap:24px
    }
}

@media(max-width: 600px) {
    .content-area-right__happy-clients-section {
        padding-top:64px !important;
        gap: 28px
    }
}

.content-area__card-list-care-preference-cta {
    display: none;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px 20px;
    gap: 24px;
    background: #ecedf9;
    margin: 0 -20px
}

@media(min-width: 600px) and (max-width:1194px) and (orientation:landscape) {
    .content-area__card-list-care-preference-cta {
        display:none
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .content-area__card-list-care-preference-cta {
        display:flex
    }
}

@media(max-width: 600px) {
    .content-area__card-list-care-preference-cta {
        display:flex
    }
}

@media(min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    .content-area__card-list-care-preference-cta {
        display:flex
    }
}

.content-area__card-list-care-preference-cta .content-area__card-list-care-preference-cta-title {
    font-style: normal;
    font-weight: 690;
    font-size: 20px;
    line-height: 140%;
    letter-spacing: .012em;
    color: #35353f
}

.content-area__card-list-care-preference-cta .content-area__card-list-care-preference-cta-tags {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
    gap: 8px
}

.content-area__card-list-care-preference-cta .content-area__card-list-care-preference-cta-tags .care-preference-cta__tag-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px 16px;
    gap: 8px;
    background: #fff;
    border: 1px solid #e0e1e6;
    border-radius: 12px;
    font-style: normal;
    font-weight: 630;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: .012em;
    color: #35353f;
    text-decoration: none
}

.content-area__search-section-filter-tags {
    display: none;
    flex-direction: row;
    align-items: flex-start;
    padding: 16px 20px;
    gap: 12px
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .content-area__search-section-filter-tags {
        display:flex;
        padding-top: 0
    }
}

@media(max-width: 600px) {
    .content-area__search-section-filter-tags {
        display:flex;
        padding-top: 0;
        padding-bottom: 0
    }
}

@media(min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    .content-area__search-section-filter-tags {
        display:flex;
        padding: 0
    }
}

.content-area__search-section-filter-tags .info-tag__row-tags {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 12px;
    gap: 8px;
    background: #ecedf9;
    border-radius: 12px;
    font-style: normal;
    font-weight: 630;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: .012em;
    color: #2f349d;
    text-decoration: none;
    border: 1px solid #a2a5e4
}

.carer-preference__popup .modal-body {
    padding: 16px 0 !important
}

.carer-preference__popup .modal-body .carer-preference__items {
    width: 100%
}

.carer-preference__popup .modal-body .carer-preference__items .carer-preference__items-wrapper {
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0
}

.carer-preference__popup .modal-body .carer-preference__items .carer-preference__items-wrapper .carer-preference__item-list {
    border-bottom: 1px solid #e0e1e6
}

.carer-preference__popup .modal-body .carer-preference__items .carer-preference__items-wrapper .carer-preference__item-list .carer-preference__item-dropdown {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 14px 16px;
    gap: 12px;
    font-style: normal;
    font-weight: 520;
    font-size: 15px;
    line-height: 140%;
    letter-spacing: .014em;
    color: #676779;
    width: 100%;
    text-decoration: none
}

.carer-preference__popup .modal-body .carer-preference__items .carer-preference__items-wrapper .carer-preference__item-list .carer-preference__item-dropdown svg {
    display: none
}

.carer-preference__popup .modal-body .carer-preference__items .carer-preference__items-wrapper .carer-preference__item-list.selected .carer-preference__item-dropdown {
    font-weight: 690;
    color: #494fc9
}

.carer-preference__popup .modal-body .carer-preference__items .carer-preference__items-wrapper .carer-preference__item-list.selected .carer-preference__item-dropdown svg {
    display: flex
}

.content-area__left-usp-banner {
    padding: 20px;
    gap: 24px;
    display: none;
    flex-direction: column;
    background: #f5f5fb;
    border: 1px solid #e0e1e6;
    border-radius: 20px
}

@media(min-width: 600px) and (max-width:1194px) and (orientation:landscape) {
    .content-area__left-usp-banner {
        display:none
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .content-area__left-usp-banner {
        display:flex
    }
}

@media(max-width: 600px) {
    .content-area__left-usp-banner {
        display:flex
    }
}

@media(min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    .content-area__left-usp-banner {
        display:flex
    }
}

.content-area__left-usp-banner .content-area__left-usp-banner-ponits {
    display: flex;
    flex-direction: column;
    gap: 12px
}

@media(min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    .content-area__left-usp-banner .content-area__left-usp-banner-ponits {
        flex-direction:row;
        flex-wrap: wrap;
        gap: 0
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .content-area__left-usp-banner .content-area__left-usp-banner-ponits {
        flex-direction:row;
        flex-wrap: wrap;
        gap: 0
    }
}

.content-area__left-usp-banner .content-area__left-usp-banner-ponits .left-usp-banner-point {
    padding: 12px 0;
    gap: 12px;
    display: flex
}

@media(min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    .content-area__left-usp-banner .content-area__left-usp-banner-ponits .left-usp-banner-point {
        flex:0 0 49%;
        max-width: 49%
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .content-area__left-usp-banner .content-area__left-usp-banner-ponits .left-usp-banner-point {
        flex:0 0 49%;
        max-width: 49%
    }
}

.content-area__left-usp-banner .content-area__left-usp-banner-ponits .left-usp-banner-point .left-usp-banner-point-icon {
    width: 24px;
    height: 24px
}

@media(min-width: 600px) and (max-width:1194px) and (orientation:landscape) {
    .carer-card-list__cards-list {
        grid-column:5/13 !important
    }
}

.list-carer-video {
    position: relative
}

@media(max-width: 600px) {
    .list-carer-video {
        padding:0 0 20px 0
    }
}

@media(max-width: 600px) {
    .list-carer-video .carer-card-img {
        border-radius:20px 20px 0 0;
        border: 0
    }
}

@media(max-width: 600px) {
    .list-carer-video .carer-card__info {
        padding:16px 16px 0 16px
    }
}

.list-carer-video .mute-button {
    position: absolute;
    bottom: 14px;
    right: 16px;
    z-index: 99;
    background-color: transparent;
    border: 0;
    background: rgba(255,255,255,.8);
    border-radius: 80px;
    height: 32px
}

.list-carer-video .mute-button .mute-controls {
    display: block;
    background: rgba(255,255,255,.8);
    border-radius: 80px
}

.list-carer-video .mute-button .unmute-controls {
    display: none
}

.list-carer-video .mute-button.hide .unmute-controls {
    display: block
}

.list-carer-video .mute-button.hide .mute-controls {
    display: none
}

@media(max-width: 600px) {
    .list-carer-video .header-title {
        font-size:17px
    }
}

@media(max-width: 600px) {
    .list-carer-video p.regular-font {
        font-size:14px !important
    }
}

@media(max-width: 600px) {
    .list-carer-video .message-btn {
        padding:9px 12px;
        font-weight: 520;
        font-size: 14px
    }
}

.list-carer-nav {
    border: 0
}

@media(max-width: 1025px) and (max-width:1300px) {
    .list-carer-nav {
        width:90%
    }
}

@media(max-width: 600px) {
    .list-carer-pastcode-popup .postfix-img {
        margin-right:10px
    }
}

body.loadingblock .afterload {
    display: none
}

body.loadingComplete .loadingcomplete {
    display: none
}

.badge-text__main {
    display: flex;
    align-items: center;
    padding: 4px 12px;
    gap: 12px;
    background: #f5f5fb;
    border-radius: 12px;
    width: -moz-fit-content;
    width: fit-content
}

.badge-text__main .badge-text {
    font-weight: 630;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .012em;
    color: #676779
}

.badge-text__main .badge-text span {
    color: #35353f
}

.badge-text__main.content-area-banner-details__text-badge {
    display: none
}

@media(max-width: 600px) {
    .badge-text__main.content-area-banner-details__text-badge {
        display:flex;
        flex-direction: row;
        align-items: center;
        padding: 12px;
        gap: 12px;
        background: #ecedf9;
        border-radius: 12px
    }

    .badge-text__main.content-area-banner-details__text-badge span {
        font-weight: 630;
        font-size: 15px;
        line-height: 1.4;
        display: inline-block;
        align-items: center;
        letter-spacing: .014em;
        color: #676779
    }

    .badge-text__main.content-area-banner-details__text-badge span span {
        color: #35353f
    }
}

.responsive-only__usp-banner {
    display: none;
    gap: 12px;
    padding: 12px 0
}

@media(max-width: 600px) {
    .responsive-only__usp-banner {
        display:flex
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .responsive-only__usp-banner {
        display:flex
    }
}

.responsive-only__usp-banner .content-area__left-usp-banner-ponits {
    gap: 0
}

.statistics-trustpilot-section {
    background: #edf2ea
}

.statistics-trustpilot-section h1 {
    color: #35353f
}

.content-area-right__statistics-trustpilot-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 32px
}

.content-area-right__statistics-trustpilot-section.newuser-sigupflow__container {
    padding-top: 64px;
    padding-bottom: 64px;
    grid-template-columns: auto 1fr
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .content-area-right__statistics-trustpilot-section.newuser-sigupflow__container {
        padding:44px 56px;
        grid-template-rows: auto 1fr;
        grid-template-columns: 1fr;
        gap: 24px
    }
}

@media(max-width: 600px) {
    .content-area-right__statistics-trustpilot-section.newuser-sigupflow__container {
        padding:44px 0;
        grid-template-rows: auto 1fr;
        grid-template-columns: 1fr;
        gap: 24px
    }
}

@media(min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    .content-area-right__statistics-trustpilot-section.newuser-sigupflow__container {
        padding:44px 56px;
        gap: 32px;
        grid-template-rows: auto 1fr;
        grid-template-columns: 1fr
    }
}

.content-area-right__statistics-trustpilot-section .content-area-right__statistics-trustpilot-section-1 {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 0 20px;
    gap: 32px;
    width: 100%
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .content-area-right__statistics-trustpilot-section .content-area-right__statistics-trustpilot-section-1 {
        align-items:center;
        padding: 0
    }
}

@media(max-width: 600px) {
    .content-area-right__statistics-trustpilot-section .content-area-right__statistics-trustpilot-section-1 {
        align-items:center;
        padding: 0
    }
}

@media(min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    .content-area-right__statistics-trustpilot-section .content-area-right__statistics-trustpilot-section-1 {
        align-items:center;
        padding: 0
    }
}

.content-area-right__statistics-trustpilot-section .content-area-right__statistics-trustpilot-section-1 img {
    max-width: 100%
}

.content-area-right__statistics-trustpilot-section .content-area-right__statistics-trustpilot-section-2 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0;
    width: 100%;
    overflow-x: auto
}

.content-area-right__statistics-trustpilot-section .content-area-right__statistics-trustpilot-section-2 .content-area-right__statistics-trustpilot-section-body {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: flex-start;
    padding: 0 20px;
    gap: 24px;
    width: 100%
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .content-area-right__statistics-trustpilot-section .content-area-right__statistics-trustpilot-section-2 .content-area-right__statistics-trustpilot-section-body {
        grid-template-columns:1fr 1fr
    }
}

@media(min-width: 600px) and (max-width:1194px) and (orientation:landscape) {
    .content-area-right__statistics-trustpilot-section .content-area-right__statistics-trustpilot-section-2 .content-area-right__statistics-trustpilot-section-body {
        grid-template-columns:1fr 1fr
    }
}

@media(max-width: 600px) {
    .content-area-right__statistics-trustpilot-section .content-area-right__statistics-trustpilot-section-2 .content-area-right__statistics-trustpilot-section-body {
        grid-template-columns:1fr
    }
}

.content-area-right__statistics-trustpilot-section .content-area-right__statistics-trustpilot-section-2 .content-area-right__statistics-trustpilot-section-body .content-area-right__statistics-trustpilot-section-body-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 32px;
    gap: 12px;
    background: #fff;
    border-width: 0 3px 3px 0;
    border-style: solid;
    border-color: #d7d8f3;
    border-radius: 24px
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .content-area-right__statistics-trustpilot-section .content-area-right__statistics-trustpilot-section-2 .content-area-right__statistics-trustpilot-section-body .content-area-right__statistics-trustpilot-section-body-card.hide-tablet {
        display:none
    }
}

@media(min-width: 600px) and (max-width:1194px) and (orientation:landscape) {
    .content-area-right__statistics-trustpilot-section .content-area-right__statistics-trustpilot-section-2 .content-area-right__statistics-trustpilot-section-body .content-area-right__statistics-trustpilot-section-body-card.hide-tablet {
        display:none
    }
}

@media(max-width: 600px) {
    .content-area-right__statistics-trustpilot-section .content-area-right__statistics-trustpilot-section-2 .content-area-right__statistics-trustpilot-section-body .content-area-right__statistics-trustpilot-section-body-card.hide-tablet {
        display:none
    }
}

@media(max-width: 600px) {
    .content-area-right__statistics-trustpilot-section .content-area-right__statistics-trustpilot-section-2 .content-area-right__statistics-trustpilot-section-body .content-area-right__statistics-trustpilot-section-body-card.hide-mob {
        display:none
    }
}

@media(max-width: 600px) {
    .content-area-right__statistics-trustpilot-section .content-area-right__statistics-trustpilot-section-2 .content-area-right__statistics-trustpilot-section-body .content-area-right__statistics-trustpilot-section-body-card {
        max-width:100%
    }
}

.content-area-right__statistics-trustpilot-section .content-area-right__statistics-trustpilot-section-2 .content-area-right__statistics-trustpilot-section-body .content-area-right__statistics-trustpilot-section-body-card img {
    width: 100%
}

section#download-app-section {
    margin-top: 50px;
    padding-bottom: 0;
    padding-top: 125px
}

@media(max-width: 600px) {
    section#download-app-section {
        margin-top:0;
        padding: 44px 20px
    }
}

@media(min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    section#download-app-section {
        margin-top:0;
        padding: 64px 56px
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    section#download-app-section {
        margin-top:0;
        padding: 0 24px 64px
    }
}

@media(min-width: 600px) and (max-width:1194px) and (orientation:landscape) {
    section#download-app-section {
        margin-top:25px;
        padding-top: 50px
    }
}

section#download-app-section .download-app-section__main-container {
    width: 100%;
    background-color: #ecedf9
}

@media(max-width: 600px) {
    section#download-app-section .download-app-section__main-container {
        background-color:transparent
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    section#download-app-section .download-app-section__main-container {
        background-color:transparent
    }
}

@media(min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    section#download-app-section .download-app-section__main-container {
        background-color:transparent
    }
}

section#download-app-section .download-app-section__main-container .app-section__main-container-content {
    flex-direction: row;
    align-items: flex-end;
    gap: 64px;
    display: grid;
    grid-template-columns: .7fr 1fr;
    position: relative;
    padding-bottom: 0;
    padding-top: 0
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    section#download-app-section .download-app-section__main-container .app-section__main-container-content {
        gap:24px;
        grid-template-columns: 1fr
    }
}

@media(min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    section#download-app-section .download-app-section__main-container .app-section__main-container-content {
        gap:24px;
        grid-template-columns: 1fr;
        padding: 0
    }
}

@media(max-width: 600px) {
    section#download-app-section .download-app-section__main-container .app-section__main-container-content {
        gap:24px;
        grid-template-columns: 1fr
    }
}

section#download-app-section .download-app-section__main-container .app-section__main-container-content p {
    color: #676779
}

@media(max-width: 600px) {
    section#download-app-section .download-app-section__main-container .app-section__main-container-content p {
        font-size:14px;
        font-weight: 640;
        text-align: center
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    section#download-app-section .download-app-section__main-container .app-section__main-container-content p {
        text-align:center
    }
}

@media(min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    section#download-app-section .download-app-section__main-container .app-section__main-container-content p {
        font-weight:560;
        text-align: center
    }
}

section#download-app-section .download-app-section__main-container .app-section__main-container-content .app-section__main-container-content-img {
    position: relative;
    display: flex;
    gap: 0;
    justify-content: flex-start;
    margin-top: -200px;
    width: 100%;
    height: 100%;
    align-items: flex-end
}

@media(max-width: 600px) {
    section#download-app-section .download-app-section__main-container .app-section__main-container-content .app-section__main-container-content-img {
        margin-top:0;
        padding-left: 30px;
        padding-right: 30px;
        justify-content: center
    }
}

@media(min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    section#download-app-section .download-app-section__main-container .app-section__main-container-content .app-section__main-container-content-img {
        margin-top:0;
        padding-left: 30px;
        padding-right: 30px;
        justify-content: center
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    section#download-app-section .download-app-section__main-container .app-section__main-container-content .app-section__main-container-content-img {
        margin-top:0
    }
}

section#download-app-section .download-app-section__main-container .app-section__main-container-content .app-section__main-container-content-img img {
    width: 100%;
    height: auto;
    -o-object-position: center 50px;
    object-position: center 50px;
    -o-object-fit: contain;
    object-fit: contain
}

section#download-app-section .download-app-section__main-container .app-section__main-container-content .app-section__main-container-content-img img.phone-app__img {
    display: none
}

@media(max-width: 600px) {
    section#download-app-section .download-app-section__main-container .app-section__main-container-content .app-section__main-container-content-img img.phone-app__img {
        display:block;
        max-width: 267px;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center
    }
}

@media(min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    section#download-app-section .download-app-section__main-container .app-section__main-container-content .app-section__main-container-content-img img.phone-app__img {
        display:block;
        max-width: 480px;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center
    }
}

section#download-app-section .download-app-section__main-container .app-section__main-container-content .app-section__main-container-content-img img.portrait-app__img {
    display: none
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    section#download-app-section .download-app-section__main-container .app-section__main-container-content .app-section__main-container-content-img img.portrait-app__img {
        display:block;
        max-width: 435px;
        margin: auto
    }
}

section#download-app-section .download-app-section__main-container .app-section__main-container-content .app-section__main-container-content-img img.desktop-app__img {
    max-width: 440px;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover
}

@media(max-width: 600px) {
    section#download-app-section .download-app-section__main-container .app-section__main-container-content .app-section__main-container-content-img img.desktop-app__img {
        display:none
    }
}

@media(min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    section#download-app-section .download-app-section__main-container .app-section__main-container-content .app-section__main-container-content-img img.desktop-app__img {
        display:none
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    section#download-app-section .download-app-section__main-container .app-section__main-container-content .app-section__main-container-content-img img.desktop-app__img {
        display:none
    }
}

section#download-app-section .download-app-section__main-container .app-section__main-container-content-details {
    display: grid;
    gap: 16px;
    padding-top: 64px;
    padding-bottom: 64px
}

@media(max-width: 600px) {
    section#download-app-section .download-app-section__main-container .app-section__main-container-content-details {
        padding-top:0;
        padding-bottom: 0;
        justify-items: center;
        gap: 24px
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    section#download-app-section .download-app-section__main-container .app-section__main-container-content-details {
        padding-top:0;
        padding-bottom: 0;
        justify-items: center;
        gap: 24px
    }
}

@media(min-width: 480px) and (max-width:767px) and (orientation:portrait) {
    section#download-app-section .download-app-section__main-container .app-section__main-container-content-details {
        padding-top:24px;
        padding-bottom: 24px
    }
}

@media(min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    section#download-app-section .download-app-section__main-container .app-section__main-container-content-details {
        padding-top:0;
        padding-bottom: 0;
        justify-items: center;
        gap: 24px
    }
}

section#download-app-section .download-app-section__main-container .app-section__main-container-content-details-header {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 0
}

section#download-app-section .download-app-section__main-container .app-section__main-container-content-details-header h3 {
    font-weight: 760;
    font-size: 32px;
    color: #35353f
}

@media(min-width: 600px) and (max-width:1194px) and (orientation:landscape) {
    section#download-app-section .download-app-section__main-container .app-section__main-container-content-details-header h3 {
        font-size:24px
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    section#download-app-section .download-app-section__main-container .app-section__main-container-content-details-header h3 {
        font-size:24px
    }
}

@media(max-width: 600px) {
    section#download-app-section .download-app-section__main-container .app-section__main-container-content-details-header h3 {
        font-size:24px
    }
}

@media(min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    section#download-app-section .download-app-section__main-container .app-section__main-container-content-details-header h3 {
        font-size:24px
    }
}

@media(max-width: 600px) {
    section#download-app-section .download-app-section__main-container .app-section__main-container-content-details-header {
        align-items:center;
        gap: 24px
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    section#download-app-section .download-app-section__main-container .app-section__main-container-content-details-header {
        align-items:center;
        gap: 24px
    }
}

@media(min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    section#download-app-section .download-app-section__main-container .app-section__main-container-content-details-header {
        align-items:center;
        gap: 24px
    }
}

section#download-app-section .download-app-section__main-container .download-app__button {
    padding: 12px 0;
    gap: 15px;
    display: flex
}

@media(max-width: 600px) {
    section#download-app-section .download-app-section__main-container .download-app__button {
        padding:0;
        flex-direction: row-reverse;
        max-width: 270px
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    section#download-app-section .download-app-section__main-container .download-app__button {
        padding:0;
        flex-direction: row-reverse
    }
}

@media(min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    section#download-app-section .download-app-section__main-container .download-app__button {
        justify-content:center;
        padding: 0
    }
}

section#download-app-section .download-app-section__main-container .download-app__button a {
    height: 48px;
    width: auto
}

@media(max-width: 600px) {
    section#download-app-section .download-app-section__main-container .download-app__button a {
        height:40px;
        width: auto
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    section#download-app-section .download-app-section__main-container .download-app__button a {
        height:40px;
        width: auto
    }
}

@media(min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    section#download-app-section .download-app-section__main-container .download-app__button a {
        height:40px;
        width: auto
    }
}

section#download-app-section .download-app-section__main-container .download-app__button img {
    height: 48px;
    width: auto
}

@media(max-width: 600px) {
    section#download-app-section .download-app-section__main-container .download-app__button img {
        height:40px;
        width: auto
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    section#download-app-section .download-app-section__main-container .download-app__button img {
        height:40px;
        width: auto
    }
}

@media(min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    section#download-app-section .download-app-section__main-container .download-app__button img {
        height:40px;
        width: auto
    }
}

.stepper-topbar {
    padding: 24px 56px;
    gap: 12px;
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #e0e1e6
}

@media(max-width: 600px) {
    .stepper-topbar {
        padding:16px;
        gap: 12px;
        justify-content: space-between
    }
}

.stepper-topbar .navigation-wrapper__left-accessory {
    display: none;
    width: 28px;
    height: 28px
}

@media(max-width: 600px) {
    .stepper-topbar .navigation-wrapper__left-accessory {
        display:block
    }
}

.stepper-topbar .stepper__navigation-wrapper {
    display: flex;
    align-items: center;
    gap: 4px;
    justify-content: center
}

.stepper-topbar .stepper__navigation-wrapper .stepper-option {
    display: flex;
    gap: 8px
}

.stepper-topbar .stepper__navigation-wrapper .stepper-option .stepper-option__counter {
    display: flex;
    align-items: center;
    justify-content: center;
    isolation: isolate;
    width: 20px;
    height: 20px;
    border-radius: 12px
}

.stepper-topbar .stepper__navigation-wrapper .stepper-option .stepper-option__counter[data-selected=current] {
    background: #f5f5fb;
    border: .833333px solid #a2a5e4;
    box-shadow: 0 0 0 3.33333px #d7d8f3
}

.stepper-topbar .stepper__navigation-wrapper .stepper-option .stepper-option__counter[data-selected=completed] {
    background: #494fc9;
    border: .833333px solid #494fc9
}

.stepper-topbar .stepper__navigation-wrapper .stepper-option .stepper-option__counter[data-selected=incompleted] {
    background: #fff;
    border: .833333px solid #494fc9
}

.stepper-topbar .stepper__navigation-wrapper .stepper-option .stepper-option__counter .stepper-option__counter-num {
    font-weight: 520;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: .014em;
    color: #494fc9
}

.stepper-topbar .stepper__navigation-wrapper .stepper-option .stepper-option__counter-text {
    font-weight: 520;
    font-size: 15px;
    line-height: 140%;
    letter-spacing: .014em;
    color: #676779
}

.stepper-topbar .stepper__navigation-wrapper .steppe-steps__trail-path {
    width: 20px;
    height: 2px;
    background: #e0e1e6;
    border-radius: 4px
}

@media(max-width: 600px) {
    .stepper-topbar.stepper-topbar__logged-in .stepper__navigation-wrapper .stepper-option__counter-text {
        display:none
    }
}

@media(max-width: 600px) {
    .stepper-topbar.stepper-topbar__logged-in .stepper__navigation-wrapper .stepper-option__counter[data-selected=current]+.stepper-option__counter-text {
        display:block
    }
}

body.not-logged-in header {
    padding: 0 .8vw;
    border-bottom: 1px solid #e0e1e6;
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    position: sticky;
    top: 0;
    bottom: auto;
    background-color: #fcfcff;
    z-index: 999
}

@media(max-width: 600px) {
    body.not-logged-in header.nosticky-small-device {
        position:initial
    }
}

body.not-logged-in nav {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 80px;
    width: 100%;
    z-index: 1
}

@media(min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    body.not-logged-in nav.navigation {
        border-bottom:0
    }
}

@media(max-width: 992px) {
    body.not-logged-in nav {
        gap:16px;
        padding: 8px 16px
    }
}

@media(min-width: 1706px) {
    body.not-logged-in nav {
        padding-left:0;
        padding-right: 0;
        max-width: 1536px
    }
}

@media(max-width: 600px) {
    body.not-logged-in nav {
        justify-content:flex-start;
        align-items: center;
        gap: 16px;
        padding: 8px 16px;
        height: 56px
    }
}

@media(max-width: 600px) {
    body.not-logged-in nav .nav-logo {
        flex:1;
        height: 28px
    }
}

@media(max-width: 992px) {
    body.not-logged-in nav .nav-logo a {
        height:100%;
        display: flex;
        align-items: center
    }
}

@media(max-width: 600px) {
    body.not-logged-in nav ul.navigation-links {
        display:none
    }
}

@media(max-width: 992px) {
    body.not-logged-in nav ul.navigation-links {
        width:100%
    }
}

body.not-logged-in nav button.navbar-toggler {
    background: transparent;
    border: 0 none;
    padding: 0;
    height: 24px
}

@media(min-width: 992px) {
    body.not-logged-in nav button.navbar-toggler {
        display:none
    }
}

body.not-logged-in nav>svg {
    width: 97px;
    height: 27px
}

@media(max-width: 600px) {
    body.not-logged-in nav>svg {
        width:auto;
        height: auto
    }
}

body.not-logged-in nav ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    list-style-type: none;
    height: 100%
}

body.not-logged-in nav ul li.navigation-link {
    display: flex;
    flex-direction: column;
    height: 100%
}

body.not-logged-in nav ul li.navigation-link[data-state=opening]>a {
    color: #494fc9;
    font-weight: 760
}

body.not-logged-in nav ul li.navigation-link[data-state=opening]>a svg path {
    fill: #494fc9
}

body.not-logged-in nav ul li.navigation-link.has-child .on-hover {
    display: none
}

body.not-logged-in nav ul li.navigation-link.has-child :hover .on-hover {
    display: block
}

body.not-logged-in nav ul li.navigation-link.has-child :hover .basic-icon {
    display: none
}

@media(max-width: 992px) {
    body.not-logged-in nav ul li.navigation-link {
        display:none
    }
}

body.not-logged-in nav ul li.navigation-link a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 16px;
    height: 100%;
    text-decoration: none;
    font-size: 16px;
    line-height: 140%;
    color: #676779;
    font-weight: 640;
    gap: 8px;
    transition: all;
    transition-timing-function: cubic-bezier(0.25,.46,.45,.94);
    transition-duration: 200ms
}

body.not-logged-in nav ul li.navigation-link a svg {
    width: 20px;
    height: 20px;
    max-width: 20px;
    max-height: 20px
}

body.not-logged-in nav ul li.has-child.for-carer-submenu .dropdown__detail.single__column {
    max-width: 368px;
    grid-template-columns: 368px auto
}

body.not-logged-in nav ul li.has-child {
    position: relative
}

body.not-logged-in nav ul li.has-child .dropdown-open {
    display: none
}

body.not-logged-in nav ul li.has-child:hover .dropdown__detail {
    display: grid
}

body.not-logged-in nav ul li.has-child:hover .dropdown-open {
    display: block
}

body.not-logged-in nav ul li.has-child:hover .dropdown-close {
    display: none
}

body.not-logged-in nav ul li.has-child .dropdown__detail {
    display: none;
    position: fixed;
    top: 81px;
    width: 640px;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-padding-start: 0;
    padding-inline-start:0;grid-template-columns: 320px auto;
    background: #fcfcfc;
    border-right: 1px solid #e0e1e6;
    box-shadow: 2px 3px 4px rgba(0,0,0,.15);
    border-radius: 12px;
    min-height: 476px;
    z-index: 9
}

body.not-logged-in nav ul li.has-child .dropdown__detail.single__column {
    max-width: 320px
}

body.not-logged-in nav ul li.has-child .dropdown__detail.single__column2 {
    max-width: 320px;
    left: calc(50% - 320px);
    right: unset
}

body.not-logged-in nav ul li.has-child .dropdown__detail .tab-content .tab-pane {
    display: none
}

body.not-logged-in nav ul li.has-child .dropdown__detail .tab-content .tab-pane.active {
    display: block
}

body.not-logged-in nav ul li.has-child .dropdown__detail .condition-specific__links {
    flex-direction: column;
    align-items: flex-start;
    padding: 20px 16px;
    gap: 0
}

body.not-logged-in nav ul li.has-child .dropdown__detail .condition-specific__links li {
    padding: 16px;
    text-align: left;
    width: 100%
}

body.not-logged-in nav ul li.has-child .dropdown__detail .condition-specific__links li svg[onhover=true] {
    display: none
}

body.not-logged-in nav ul li.has-child .dropdown__detail .condition-specific__links li:hover {
    background: #f5f5fb;
    border-radius: 12px
}

body.not-logged-in nav ul li.has-child .dropdown__detail .condition-specific__links li:hover span.hovervisible {
    display: block
}

body.not-logged-in nav ul li.has-child .dropdown__detail .condition-specific__links li:hover a {
    color: #f5f5fb
}

body.not-logged-in nav ul li.has-child .dropdown__detail .condition-specific__links li:hover a p {
    color: #f5f5fb
}

body.not-logged-in nav ul li.has-child .dropdown__detail .condition-specific__links li:hover a p span {
    color: #494956
}

body.not-logged-in nav ul li.has-child .dropdown__detail .condition-specific__links li:hover svg[onhover=false] {
    display: none
}

body.not-logged-in nav ul li.has-child .dropdown__detail .condition-specific__links li:hover svg[onhover=true] {
    display: block
}

body.not-logged-in nav ul li.has-child .dropdown__detail .condition-specific__links li p {
    display: flex;
    flex-direction: column;
    gap: 8px
}

body.not-logged-in nav ul li.has-child .dropdown__detail .condition-specific__links li .active {
    color: #494fc9
}

body.not-logged-in nav ul li.has-child .dropdown__detail .condition-specific__links li a {
    display: flex;
    text-align: left !important;
    align-items: flex-start;
    will-change: height;
    justify-content: flex-start;
    padding: 0;
    transition: all;
    transition-timing-function: cubic-bezier(0.25,.46,.45,.94);
    transition-duration: 100ms
}

body.not-logged-in nav ul li.has-child .dropdown__detail .condition-specific__links li a.with-icon {
    flex-direction: row;
    align-items: flex-start;
    padding: 0;
    gap: 16px;
    justify-content: flex-start
}

body.not-logged-in nav ul li.has-child .dropdown__detail .condition-specific__links li a span.hovervisible {
    display: none;
    align-self: flex-start
}

body.not-logged-in nav ul li.has-child .dropdown__detail p {
    font-weight: 640;
    color: #494956;
    text-align: left
}

body.not-logged-in nav ul li.has-child .dropdown__detail span {
    font-weight: 640;
    font-size: 14px;
    line-height: 140%;
    color: #494956
}

body.not-logged-in nav ul li.has-child .dropdown__detail .nav-submenu {
    padding: 20px 24px;
    gap: 32px;
    display: grid;
    grid-auto-rows: min-content;
    align-content: space-between;
    border-right: 1px solid #e0e1e6;
    border-radius: 0
}

body.not-logged-in nav ul li.has-child .dropdown__detail .nav-submenu a {
    padding: 15px 20px;
    gap: 8px;
    border: 1px solid #a2a5e4;
    border-radius: 12px;
    color: #494fc9;
    width: 100%
}

body.not-logged-in nav ul li.has-child .dropdown__detail .nav-submenu a span {
    font-size: 16px
}

body.not-logged-in nav ul li.has-child .dropdown__detail .nav-submenu a.line-btn span {
    color: #494fc9;
    font-weight: 760
}

body.not-logged-in nav ul li.has-child .dropdown__detail button {
    background-color: transparent;
    border: 0;
    text-align: left;
    padding: 12px 24px;
    gap: 8px;
    display: grid;
    width: 100%;
    text-align: left;
    cursor: pointer;
    padding: 16px
}

body.not-logged-in nav ul li.has-child .dropdown__detail button.with-icon {
    display: grid;
    grid-template-columns: 20px 1fr;
    align-items: flex-start;
    padding: 16px;
    gap: 16px
}

body.not-logged-in nav ul li.has-child .dropdown__detail button svg.menu-hovered {
    display: none
}

body.not-logged-in nav ul li.has-child .dropdown__detail button svg {
    width: 20px;
    height: 20px
}

body.not-logged-in nav ul li.has-child .dropdown__detail button.active {
    background: #f5f5fb;
    border-radius: 12px;
    border: 0
}

body.not-logged-in nav ul li.has-child .dropdown__detail button.active p {
    color: #f5f5fb
}

body.not-logged-in nav ul li.has-child .dropdown__detail button.active svg.menu-hovered {
    display: block
}

body.not-logged-in nav ul li.has-child .dropdown__detail button.active svg.menu-normal {
    display: none
}

body.not-logged-in nav .navigation-buttons {
    display: flex;
    align-items: center;
    gap: 16px
}

@media(max-width: 600px) {
    body.not-logged-in nav .navigation-buttons {
        height:100%
    }

    body.not-logged-in nav .navigation-buttons .nav-button.filled.btn {
        display: none
    }
}

body.not-logged-in nav .navigation-buttons .mob-menu-btn {
    display: none
}

@media(max-width: 600px) {
    body.not-logged-in nav .navigation-buttons .mob-menu-btn {
        display:block
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    body.not-logged-in nav .navigation-buttons .mob-menu-btn {
        display:block
    }
}

@media(max-width: 600px) {
    body.not-logged-in nav .navigation-buttons .desk-menu-btn {
        display:none
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    body.not-logged-in nav .navigation-buttons .desk-menu-btn {
        display:none
    }
}

body.not-logged-in nav .navigation-buttons .login-button.btn.line-btn {
    max-height: 52px
}

@media(max-width: 992px) {
    body.not-logged-in nav .navigation-buttons .nav-button.filled {
        white-space:nowrap
    }
}

@media(min-width: 992px) {
    body.not-logged-in nav div.mobile-menu,body.not-logged-in nav div.mobile-submenu {
        display:none
    }
}

@media(max-width: 992px) {
    body.not-logged-in nav .mobile-menu {
        position:absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100vh;
        background-color: #fcfcff
    }

    body.not-logged-in nav .mobile-menu button {
        background: transparent;
        border: 0 none;
        padding: 0;
        height: 24px
    }

    body.not-logged-in nav #forCarers.mobile-submenu a.line-btn {
        width: 100%;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center
    }

    body.not-logged-in nav #findCarer.mobile-submenu a.line-btn {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center
    }

    body.not-logged-in nav .mobile-submenu {
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100vh;
        background-color: #fcfcff
    }

    body.not-logged-in nav .mobile-submenu button.navbar-close-toggler {
        background: transparent;
        border: 0 none;
        padding: 0;
        height: 24px
    }

    body.not-logged-in nav .mobile-submenu .login-button {
        font-family: Manrope;
        font-size: 16px;
        font-weight: 760;
        line-height: 22px;
        letter-spacing: 0;
        color: #676779
    }

    body.not-logged-in nav .mobile-submenu .back-btn {
        gap: 4px
    }

    body.not-logged-in nav .top-section {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 24px;
        gap: 16px;
        height: 72px;
        border-bottom: 1px solid #eee
    }

    body.not-logged-in nav .login-btn {
        display: flex;
        gap: 16px
    }

    body.not-logged-in nav a.login-button {
        font-size: 16px;
        font-weight: 760
    }

    body.not-logged-in nav .mobile__main-content {
        height: calc(92vh - 56px);
        padding: 0 0 8px;
        gap: 8px
    }

    body.not-logged-in nav ul.mobile__nav-links {
        list-style: none;
        display: flex;
        flex-direction: column;
        padding: 24px 16px 16px 16px;
        gap: 8px;
        margin: 0
    }

    body.not-logged-in nav li.mobile__nav-link {
        width: 100%;
        flex-direction: row;
        align-items: center;
        padding: 16px;
        gap: 16px;
        border-radius: 12px
    }

    body.not-logged-in nav a.mobile__navigation-link,body.not-logged-in nav a.mobile__navigation-link-submenu,body.not-logged-in nav .mobile__navigation-link-submenu-none {
        display: flex;
        gap: 16px;
        position: relative
    }

    body.not-logged-in nav .mobile__navigation-text {
        gap: 8px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0
    }

    body.not-logged-in nav .mobile__navigation-icon-wrapper {
        padding-top: 5px;
        visibility: visible !important
    }

    body.not-logged-in nav .mobile__nav-text {
        font-size: 17px;
        font-weight: 640;
        line-height: 140%;
        color: #494956;
        display: flex;
        flex-direction: column;
        gap: 8px
    }

    body.not-logged-in nav .mobile__nav-text span {
        font-weight: 640;
        font-size: 14px;
        line-height: 140%;
        color: #494956
    }

    body.not-logged-in nav .mobile__nav-helper-text {
        font-size: 14px;
        font-weight: 640;
        line-height: 140%;
        letter-spacing: 0;
        color: #494956
    }

    body.not-logged-in nav .mobile__nav-link .mobile__navigation-link-submenu .mobile__navigation-text {
        justify-content: center
    }

    body.not-logged-in nav .mobile__nav-link .mobile__nav-links-inner {
        display: none
    }

    body.not-logged-in nav .mobile__nav-link .mobile__nav-links-inner .mobile__nav-link-list {
        display: grid;
        background: #f5f6ff;
        padding: 0
    }

    body.not-logged-in nav .mobile__nav-link .mobile__nav-links-inner .mobile__nav-link-list li.mobile__nav-link-item {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 16px 16px 16px 52px;
        gap: 16px
    }

    body.not-logged-in nav .mobile__nav-link .mobile__nav-links-inner .mobile__nav-link-list li.mobile__nav-link-item svg {
        display: none
    }

    body.not-logged-in nav .mobile__nav-link .mobile__nav-links-inner .mobile__nav-link-list li.mobile__nav-link-item p span {
        display: none
    }

    body.not-logged-in nav .mobile__nav-link .mobile__nav-links-inner .mobile__nav-link-list li.mobile__nav-link-item a {
        font-size: 15px;
        line-height: 140%;
        color: #676779;
        font-weight: 640;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 16px
    }

    body.not-logged-in nav .mobile__nav-link .mobile__nav-links-inner .mobile__nav-link-list li.mobile__nav-link-item a p {
        display: flex;
        flex-direction: column;
        font-weight: 640;
        color: #676779;
        text-align: left
    }

    body.not-logged-in nav .mobile__nav-link .mobile__nav-links-inner .mobile__nav-link-list li.mobile__nav-link-item a p span {
        font-weight: 560;
        font-size: 12px;
        line-height: 140%
    }

    body.not-logged-in nav .mobile__nav-link .mobile__nav-links-inner .mobile__nav-links-inner {
        display: none
    }

    body.not-logged-in nav .mobile__nav-link.active .mobile__navigation-link {
        background: #ecedf9
    }

    body.not-logged-in nav .mobile__nav-link.active .mobile__navigation-link-submenu {
        background: #ecedf9
    }

    body.not-logged-in nav .mobile__nav-link.active .mobile__navigation-link-submenu .mobile__nav-text {
        color: #494fc9;
        display: flex;
        flex-direction: column
    }

    body.not-logged-in nav .mobile__nav-link.active .mobile__navigation-link-submenu .mobile__nav-text span {
        font-weight: 640;
        font-size: 14px;
        line-height: 140%;
        color: #494956
    }

    body.not-logged-in nav .mobile__nav-link.active .mobile__navigation-link-submenu .mobile__navigation-arrow {
        transform: rotate(180deg) translateY(20px)
    }

    body.not-logged-in nav .mobile__nav-link.active .mobile__navigation-link-submenu .mobile__navigation-arrow path {
        fill: #494fc9
    }

    body.not-logged-in nav .mobile__nav-link.active .mobile__navigation-link-submenu .mobile__navigation-icon-wrapper path.hoverrule {
        fill: #494fc9
    }

    body.not-logged-in nav .mobile__nav-link.active .mobile__navigation-link-submenu .mobile__navigation-icon-wrapper path.hoverstrokerule {
        stroke: #494fc9
    }

    body.not-logged-in nav .mobile__nav-link.active .mobile__nav-links-inner {
        display: block
    }

    body.not-logged-in nav .mobile__navigation-arrow {
        position: absolute;
        left: 95%;
        top: 50%;
        transform: translateY(-50%)
    }

    body.not-logged-in nav .mobile__footer-content {
        padding: 16px 0;
        margin: 0 24px;
        border-top: .1px solid #e0e1e6
    }

    body.not-logged-in nav ul.mobile__footer-links {
        margin: 0;
        display: flex;
        list-style: none;
        flex-direction: initial;
        padding: 0;
        width: 100%
    }

    body.not-logged-in nav li.footer__navigation-link {
        display: flex;
        width: 50%;
        justify-content: center
    }

    body.not-logged-in nav .footer__navigation-item {
        display: flex;
        gap: 10px
    }

    body.not-logged-in nav .footer__helper-text {
        font-size: 13px;
        font-weight: 560;
        line-height: 18px;
        letter-spacing: 0;
        color: #707070
    }

    body.not-logged-in nav .submenu__header {
        text-align: center;
        padding: 8px 0
    }

    body.not-logged-in nav .submenu__header p {
        font-size: 17px;
        font-weight: 760;
        line-height: 140%;
        color: #676779
    }

    body.not-logged-in nav .submenu__content {
        display: flex;
        flex-direction: column;
        padding: 16px;
        gap: 24px;
        overflow: auto;
        max-height: calc(100vh - 100px)
    }

    body.not-logged-in nav .submenu__content ul.mobile__nav-links {
        padding: 0;
        gap: 8px
    }

    body.not-logged-in nav .submenu__content ul.mobile__nav-links li.mobile__nav-link {
        padding: 0;
        overflow: hidden
    }

    body.not-logged-in nav .submenu__content ul.mobile__nav-links li.mobile__nav-link a.mobile__navigation-link-submenu {
        padding: 16px;
        gap: 16px
    }

    body.not-logged-in nav .submenu__content ul.mobile__nav-links li.mobile__nav-link a.mobile__navigation-link-submenu .mobile__navigation-arrow {
        position: absolute;
        left: 90%
    }

    body.not-logged-in nav .submenu__content a.mobile__navigation-link-submenu-none {
        padding: 16px;
        gap: 16px
    }

    body.not-logged-in nav .submenu__content a.mobile__navigation-link-submenu-none .mobile__navigation-arrow {
        display: none
    }

    body.not-logged-in nav .submenu-btn {
        width: 100%
    }
}

body.not-logged-in .dropdown-close {
    display: block !important
}

body.not-logged-in nav ul li.has-child:hover .dropdown-open {
    display: block !important
}

body.not-logged-in nav ul li.has-child:hover .dropdown-close {
    display: none !important
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    body .menu-header .navigation {
        gap:8px
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    body .menu-header .navigation .navbar-toggler {
        display:block
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    body .menu-header .navigation .nav-logo {
        flex:1 1 0
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    body .menu-header .navigation .nav-logo svg {
        height:100%;
        display: block
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    body .menu-header .navigation div.mobile-menu,body .menu-header .navigation div.mobile-submenu {
        display:block
    }
}

.menu-header {
    padding: 0 .8vw;
    border-bottom: 1px solid #e0e1e6;
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    position: sticky;
    top: 0;
    bottom: auto;
    background-color: #fff;
    z-index: 99
}

@media(max-width: 600px) {
    .menu-header {
        z-index:99999999
    }
}

.menu-header a {
    text-decoration: none
}

.menu-header nav {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 80px;
    width: 100%;
    z-index: 1
}

.menu-header nav .btn,.menu-header nav button {
    padding: 15px 20px;
    border-radius: 12px;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 690;
    font-family: "Manrope";
    gap: 8px;
    width: -moz-fit-content;
    width: fit-content;
    border: 0 solid transparent;
    transition: all;
    transition-timing-function: cubic-bezier(0.25,.46,.45,.94);
    transition-duration: 100ms;
    cursor: default
}

.menu-header nav .btn:focus,.menu-header nav button:focus {
    box-shadow: 0 0 0 4px #d7d8f3;
    outline: 0
}

@media(min-width: 1600px) {
    .menu-header nav {
        padding-left:0;
        padding-right: 0;
        max-width: 1536px
    }
}

@media(max-width: 600px) {
    .menu-header nav {
        justify-content:flex-start;
        align-items: center;
        gap: 16px;
        padding: 8px 16px;
        height: 56px
    }
}

@media(max-width: 600px) {
    .menu-header nav .nav-logo {
        flex:1;
        height: 28px
    }
}

@media(max-width: 600px) {
    .menu-header nav ul.navigation-links {
        display:none
    }
}

.menu-header nav button.navbar-toggler {
    background: transparent;
    border: 0 none;
    padding: 0;
    height: 24px
}

@media(min-width: 600px) {
    .menu-header nav button.navbar-toggler {
        display:none
    }
}

@media(min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    .client_user_class.client_dashboard .menu-header button.navbar-toggler {
        display:block
    }

    .client_user_class.client_dashboard .menu-header .navigation-links {
        display: none
    }
}

.menu-header nav>svg {
    width: 97px;
    height: 27px
}

@media(max-width: 600px) {
    .menu-header nav>svg {
        width:auto;
        height: auto
    }
}

.menu-header nav ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    list-style-type: none;
    height: 100%
}

.menu-header nav ul li.navigation-link {
    display: flex;
    flex-direction: column;
    height: 100%
}

.menu-header nav ul li.navigation-link[data-state=opening]>a {
    color: #494fc9;
    font-weight: 690
}

.menu-header nav ul li.navigation-link[data-state=opening] svg path {
    fill: #494fc9
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .menu-header nav ul li.navigation-link {
        display:none
    }
}

@media(max-width: 600px) {
    .menu-header nav ul li.navigation-link {
        display:none
    }
}

.menu-header nav ul li.navigation-link a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 16px;
    height: 100%;
    text-decoration: none;
    font-size: 15px;
    line-height: 1.4;
    color: #676779;
    font-weight: 630;
    gap: 8px
}

.menu-header nav ul li.has-child {
    position: relative
}

.menu-header nav ul li.has-child:hover .dropdown__detail {
    display: grid
}

.menu-header nav ul li.has-child .dropdown__detail {
    display: none;
    position: fixed;
    top: 80px;
    width: 760px;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-padding-start: 0;
    padding-inline-start:0;grid-template-columns: 320px auto;
    background: #fcfcff;
    border-right: 1px solid #e0e1e6;
    box-shadow: 2px 3px 4px rgba(0,0,0,.15);
    border-radius: 12px;
    min-height: 476px;
    z-index: 9
}

.menu-header nav ul li.has-child .dropdown__detail .tab-content .tab-pane {
    display: none
}

.menu-header nav ul li.has-child .dropdown__detail .tab-content .tab-pane.active {
    display: block
}

.menu-header nav ul li.has-child .dropdown__detail .condition-specific__links {
    flex-direction: column;
    align-items: flex-start;
    padding: 32px 20px;
    gap: 8px
}

.menu-header nav ul li.has-child .dropdown__detail .condition-specific__links li {
    padding: 12px 24px;
    text-align: left;
    width: 100%
}

.menu-header nav ul li.has-child .dropdown__detail .condition-specific__links li:hover {
    background: #eee
}

.menu-header nav ul li.has-child .dropdown__detail .condition-specific__links li:hover span.hovervisible {
    display: block
}

.menu-header nav ul li.has-child .dropdown__detail .condition-specific__links li p {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.menu-header nav ul li.has-child .dropdown__detail .condition-specific__links li .active {
    color: #494fc9
}

.menu-header nav ul li.has-child .dropdown__detail .condition-specific__links li a {
    flex-direction: column;
    text-align: left !important;
    align-items: flex-start;
    will-change: height;
    transition: all;
    transition-timing-function: cubic-bezier(0.25,.46,.45,.94);
    transition-duration: 100ms
}

.menu-header nav ul li.has-child .dropdown__detail .condition-specific__links li a span.hovervisible {
    display: none;
    align-self: flex-start
}

.menu-header nav ul li.has-child .dropdown__detail p {
    font-weight: 690;
    color: #35353f;
    text-align: left
}

.menu-header nav ul li.has-child .dropdown__detail span {
    font-weight: 520;
    font-size: 12px;
    line-height: 1.4
}

.menu-header nav ul li.has-child .dropdown__detail .nav-submenu {
    padding: 20px 16px;
    gap: 32px;
    display: grid;
    grid-auto-rows: min-content
}

.menu-header nav ul li.has-child .dropdown__detail .nav-submenu a {
    padding: 15px 20px;
    gap: 8px;
    border: 1px solid #a2a5e4;
    border-radius: 12px;
    color: #494fc9;
    width: 100%
}

.menu-header nav ul li.has-child .dropdown__detail .nav-submenu a span {
    font-size: 15px
}

.menu-header nav ul li.has-child .dropdown__detail button {
    background-color: transparent;
    border: 0;
    text-align: left;
    padding: 12px 24px;
    gap: 4px;
    display: grid;
    width: 100%;
    text-align: left;
    cursor: pointer
}

.menu-header nav ul li.has-child .dropdown__detail button.active {
    background: #ecedf9;
    border-radius: 12px;
    border: 0
}

.menu-header nav .navigation-buttons {
    display: flex;
    align-items: center;
    gap: 16px;
    height: 100%;
    position: relative
}

.menu-header nav .navigation-buttons .nav-button {
    line-height: 5px
}

.menu-header nav .navigation-buttons .nav-button.lineheightfull {
    line-height: initial
}

@media(max-width: 600px) {
    .menu-header nav .navigation-buttons {
        height:100%
    }

    .menu-header nav .navigation-buttons .nav-button.filled.btn {
        display: none
    }
}

@media(min-width: 600px) {
    .menu-header nav div.mobile-menu,.menu-header nav div.mobile-submenu {
        display:none
    }
}

@media(max-width: 600px) {
    .menu-header nav .mobile-menu {
        position:absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100vh;
        background-color: #fff
    }

    .menu-header nav .mobile-menu button {
        background: transparent;
        border: 0 none;
        padding: 0;
        height: 24px
    }

    .menu-header nav .mobile-submenu {
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100vh;
        background-color: #fff
    }

    .menu-header nav .mobile-submenu button.navbar-close-toggler {
        background: transparent;
        border: 0 none;
        padding: 0;
        height: 24px
    }

    .menu-header nav .mobile-submenu .login-button {
        font-family: Manrope;
        font-size: 15px;
        font-weight: 690;
        line-height: 22px;
        letter-spacing: 0;
        color: #676779
    }

    .menu-header nav .mobile-submenu .back-btn {
        gap: 4px
    }

    .menu-header nav .top-section {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 16px 24px;
        gap: 16px;
        height: 56px
    }

    .menu-header nav .login-btn {
        display: flex;
        gap: 16px
    }

    .menu-header nav a.login-button {
        font-size: 15px;
        font-weight: 690
    }

    .menu-header nav .mobile__main-content {
        height: calc(92vh - 56px);
        padding: 0 0 8px;
        gap: 8px
    }

    .menu-header nav ul.mobile__nav-links {
        list-style: none;
        display: flex;
        flex-direction: column;
        padding: 24px 16px 16px 16px;
        gap: 16px;
        margin: 0
    }

    .menu-header nav li.mobile__nav-link {
        width: 100%;
        flex-direction: row;
        align-items: center;
        padding: 16px;
        gap: 16px;
        border-radius: 12px
    }

    .menu-header nav a.mobile__navigation-link,.menu-header nav a.mobile__navigation-link-submenu,.menu-header nav .mobile__navigation-link-submenu-none {
        display: flex;
        gap: 16px;
        position: relative
    }

    .menu-header nav .mobile__navigation-text {
        gap: 8px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0
    }

    .menu-header nav .mobile__navigation-icon-wrapper {
        padding-top: 5px
    }

    .menu-header nav .mobile__nav-text {
        font-size: 17px;
        font-weight: 690;
        line-height: 1.4;
        color: #676779
    }

    .menu-header nav .mobile__nav-helper-text {
        font-size: 14px;
        font-weight: 630;
        line-height: 1.4;
        letter-spacing: .014em;
        color: #676779
    }

    .menu-header nav .mobile__nav-link .mobile__navigation-link-submenu .mobile__navigation-text {
        justify-content: center
    }

    .menu-header nav .mobile__nav-link .mobile__nav-links-inner {
        display: none
    }

    .menu-header nav .mobile__nav-link .mobile__nav-links-inner .mobile__nav-link-list {
        display: grid;
        background: #f5f6ff;
        padding: 0
    }

    .menu-header nav .mobile__nav-link .mobile__nav-links-inner .mobile__nav-link-list li.mobile__nav-link-item {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 16px 16px 16px 52px;
        gap: 16px
    }

    .menu-header nav .mobile__nav-link .mobile__nav-links-inner .mobile__nav-link-list li.mobile__nav-link-item a {
        font-size: 15px;
        line-height: 1.4;
        color: #676779;
        font-weight: 630
    }

    .menu-header nav .mobile__nav-link .mobile__nav-links-inner .mobile__nav-links-inner {
        display: none
    }

    .menu-header nav .mobile__nav-link.active .mobile__navigation-link {
        background: #ecedf9
    }

    .menu-header nav .mobile__nav-link.active .mobile__navigation-link-submenu {
        background: #ecedf9
    }

    .menu-header nav .mobile__nav-link.active .mobile__navigation-link-submenu .mobile__nav-text {
        color: #494fc9
    }

    .menu-header nav .mobile__nav-link.active .mobile__navigation-link-submenu .mobile__navigation-arrow {
        transform: rotate(180deg) translateY(20px)
    }

    .menu-header nav .mobile__nav-link.active .mobile__navigation-link-submenu .mobile__navigation-arrow path {
        fill: #494fc9
    }

    .menu-header nav .mobile__nav-link.active .mobile__navigation-link-submenu .mobile__navigation-icon-wrapper path.hoverrule {
        fill: #494fc9
    }

    .menu-header nav .mobile__nav-link.active .mobile__navigation-link-submenu .mobile__navigation-icon-wrapper path.hoverstrokerule {
        stroke: #494fc9
    }

    .menu-header nav .mobile__nav-link.active .mobile__nav-links-inner {
        display: block
    }

    .menu-header nav .mobile__navigation-arrow {
        position: absolute;
        left: 95%;
        top: 50%;
        transform: translateY(-50%)
    }

    .menu-header nav .mobile__footer-content {
        padding: 16px 0;
        margin: 0 24px;
        border-top: .1px solid #e0e1e6
    }

    .menu-header nav ul.mobile__footer-links {
        margin: 0;
        display: flex;
        list-style: none;
        flex-direction: initial;
        padding: 0;
        width: 100%
    }

    .menu-header nav li.footer__navigation-link {
        display: flex;
        width: 50%;
        justify-content: center
    }

    .menu-header nav .footer__navigation-item {
        display: flex;
        gap: 10px
    }

    .menu-header nav .footer__helper-text {
        font-size: 14px;
        font-weight: 520;
        line-height: 18px;
        letter-spacing: .014em;
        color: #676779
    }

    .menu-header nav .submenu__header {
        text-align: center;
        border-bottom: 1px solid #e0e1e6;
        padding: 8px 0
    }

    .menu-header nav .submenu__header p {
        font-size: 18px;
        font-weight: 690;
        line-height: 25px;
        color: #494956
    }

    .menu-header nav .submenu__content {
        display: flex;
        flex-direction: column;
        padding: 16px;
        gap: 24px
    }

    .menu-header nav .submenu__content ul.mobile__nav-links {
        padding: 0;
        gap: 8px
    }

    .menu-header nav .submenu__content ul.mobile__nav-links li.mobile__nav-link {
        padding: 0;
        overflow: hidden
    }

    .menu-header nav .submenu__content ul.mobile__nav-links li.mobile__nav-link a.mobile__navigation-link-submenu {
        padding: 16px;
        gap: 16px
    }

    .menu-header nav .submenu__content ul.mobile__nav-links li.mobile__nav-link a.mobile__navigation-link-submenu .mobile__navigation-arrow {
        position: absolute;
        left: 90%
    }

    .menu-header nav .submenu__content a.mobile__navigation-link-submenu-none {
        padding: 16px;
        gap: 16px
    }

    .menu-header nav .submenu__content a.mobile__navigation-link-submenu-none .mobile__navigation-arrow {
        display: none
    }

    .menu-header nav .submenu-btn {
        width: 100%
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .menu-header nav .mobile-menu {
        position:absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100vh;
        background-color: #fff
    }

    .menu-header nav .mobile-menu button {
        background: transparent;
        border: 0 none;
        padding: 0;
        height: 24px
    }

    .menu-header nav .mobile-submenu {
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100vh;
        background-color: #fff
    }

    .menu-header nav .mobile-submenu button.navbar-close-toggler {
        background: transparent;
        border: 0 none;
        padding: 0;
        height: 24px
    }

    .menu-header nav .mobile-submenu .login-button {
        font-family: Manrope;
        font-size: 15px;
        font-weight: 690;
        line-height: 22px;
        letter-spacing: 0;
        color: #676779
    }

    .menu-header nav .mobile-submenu .back-btn {
        gap: 4px
    }

    .menu-header nav .top-section {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 16px 24px;
        gap: 16px;
        height: 56px
    }

    .menu-header nav .login-btn {
        display: flex;
        gap: 16px
    }

    .menu-header nav a.login-button {
        font-size: 15px;
        font-weight: 690
    }

    .menu-header nav .mobile__main-content {
        height: calc(92vh - 56px);
        padding: 0 0 8px;
        gap: 8px
    }

    .menu-header nav ul.mobile__nav-links {
        list-style: none;
        display: flex;
        flex-direction: column;
        padding: 24px 16px 16px 16px;
        gap: 16px;
        margin: 0
    }

    .menu-header nav li.mobile__nav-link {
        width: 100%;
        flex-direction: row;
        align-items: center;
        padding: 16px;
        gap: 16px;
        border-radius: 12px
    }

    .menu-header nav a.mobile__navigation-link,.menu-header nav a.mobile__navigation-link-submenu,.menu-header nav .mobile__navigation-link-submenu-none {
        display: flex;
        gap: 16px;
        position: relative
    }

    .menu-header nav .mobile__navigation-text {
        gap: 8px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0
    }

    .menu-header nav .mobile__navigation-icon-wrapper {
        padding-top: 5px
    }

    .menu-header nav .mobile__nav-text {
        font-size: 17px;
        font-weight: 690;
        line-height: 1.4;
        color: #676779
    }

    .menu-header nav .mobile__nav-helper-text {
        font-size: 14px;
        font-weight: 630;
        line-height: 1.4;
        letter-spacing: .014em;
        color: #676779
    }

    .menu-header nav .mobile__nav-link .mobile__navigation-link-submenu .mobile__navigation-text {
        justify-content: center
    }

    .menu-header nav .mobile__nav-link .mobile__nav-links-inner {
        display: none
    }

    .menu-header nav .mobile__nav-link .mobile__nav-links-inner .mobile__nav-link-list {
        display: grid;
        background: #f5f6ff;
        padding: 0
    }

    .menu-header nav .mobile__nav-link .mobile__nav-links-inner .mobile__nav-link-list li.mobile__nav-link-item {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 16px 16px 16px 52px;
        gap: 16px
    }

    .menu-header nav .mobile__nav-link .mobile__nav-links-inner .mobile__nav-link-list li.mobile__nav-link-item a {
        font-size: 15px;
        line-height: 1.4;
        color: #676779;
        font-weight: 630
    }

    .menu-header nav .mobile__nav-link .mobile__nav-links-inner .mobile__nav-links-inner {
        display: none
    }

    .menu-header nav .mobile__nav-link.active .mobile__navigation-link {
        background: #ecedf9
    }

    .menu-header nav .mobile__nav-link.active .mobile__navigation-link-submenu {
        background: #ecedf9
    }

    .menu-header nav .mobile__nav-link.active .mobile__navigation-link-submenu .mobile__nav-text {
        color: #494fc9
    }

    .menu-header nav .mobile__nav-link.active .mobile__navigation-link-submenu .mobile__navigation-arrow {
        transform: rotate(180deg) translateY(20px)
    }

    .menu-header nav .mobile__nav-link.active .mobile__navigation-link-submenu .mobile__navigation-arrow path {
        fill: #494fc9
    }

    .menu-header nav .mobile__nav-link.active .mobile__navigation-link-submenu .mobile__navigation-icon-wrapper path.hoverrule {
        fill: #494fc9
    }

    .menu-header nav .mobile__nav-link.active .mobile__navigation-link-submenu .mobile__navigation-icon-wrapper path.hoverstrokerule {
        stroke: #494fc9
    }

    .menu-header nav .mobile__nav-link.active .mobile__nav-links-inner {
        display: block
    }

    .menu-header nav .mobile__navigation-arrow {
        position: absolute;
        left: 95%;
        top: 50%;
        transform: translateY(-50%)
    }

    .menu-header nav .mobile__footer-content {
        padding: 16px 0;
        margin: 0 24px;
        border-top: .1px solid #e0e1e6
    }

    .menu-header nav ul.mobile__footer-links {
        margin: 0;
        display: flex;
        list-style: none;
        flex-direction: initial;
        padding: 0;
        width: 100%
    }

    .menu-header nav li.footer__navigation-link {
        display: flex;
        width: 50%;
        justify-content: center
    }

    .menu-header nav .footer__navigation-item {
        display: flex;
        gap: 10px
    }

    .menu-header nav .footer__helper-text {
        font-size: 14px;
        font-weight: 520;
        line-height: 18px;
        letter-spacing: .014em;
        color: #676779
    }

    .menu-header nav .submenu__header {
        text-align: center;
        border-bottom: 1px solid #e0e1e6;
        padding: 8px 0
    }

    .menu-header nav .submenu__header p {
        font-size: 18px;
        font-weight: 690;
        line-height: 25px;
        color: #494956
    }

    .menu-header nav .submenu__content {
        display: flex;
        flex-direction: column;
        padding: 16px;
        gap: 24px
    }

    .menu-header nav .submenu__content ul.mobile__nav-links {
        padding: 0;
        gap: 8px
    }

    .menu-header nav .submenu__content ul.mobile__nav-links li.mobile__nav-link {
        padding: 0;
        overflow: hidden
    }

    .menu-header nav .submenu__content ul.mobile__nav-links li.mobile__nav-link a.mobile__navigation-link-submenu {
        padding: 16px;
        gap: 16px
    }

    .menu-header nav .submenu__content ul.mobile__nav-links li.mobile__nav-link a.mobile__navigation-link-submenu .mobile__navigation-arrow {
        position: absolute;
        left: 90%
    }

    .menu-header nav .submenu__content a.mobile__navigation-link-submenu-none {
        padding: 16px;
        gap: 16px
    }

    .menu-header nav .submenu__content a.mobile__navigation-link-submenu-none .mobile__navigation-arrow {
        display: none
    }

    .menu-header nav .submenu-btn {
        width: 100%
    }
}

.menu-header.new-usersignup-header {
    padding: 0
}

.menu-header.new-usersignup-header .profile-btn {
    cursor: pointer
}

.menu-header.new-usersignup-header .profile-btn .up-arrow {
    display: none
}

.menu-header.new-usersignup-header .profile-btn.show .up-arrow {
    display: block
}

.menu-header.new-usersignup-header .profile-btn.show .down-arrow {
    display: none
}

.menu-header.new-usersignup-header .profile-btn svg {
    height: 18px;
    width: 18px;
    min-height: 18px;
    min-width: 18px
}

.menu-header.new-usersignup-header ul.navigation-links li.navigation-link.active a {
    color: #494fc9
}

.menu-header.new-usersignup-header ul.navigation-links li.navigation-link a {
    font-size: 15px;
    font-weight: 690;
    outline: 0;
    letter-spacing: .014em;
    line-height: 1.4
}

.menu-header.new-usersignup-header ul.navigation-links li.navigation-link a:hover {
    background: #f5f5fb;
    color: #585dcd
}

.menu-header.new-usersignup-header ul.navigation-links li.navigation-link a:focus {
    background-color: #fff;
    box-shadow: 0 0 0 4px #bec0ec inset
}

.menu-header.new-usersignup-header ul.navigation-links li.navigation-link.has-child .up-arrow {
    display: none
}

.menu-header.new-usersignup-header ul.navigation-links li.navigation-link.has-child svg {
    height: 18px;
    width: 18px;
    min-height: 18px;
    min-width: 18px
}

.menu-header.new-usersignup-header ul.navigation-links li.navigation-link.has-child .primary__sub-menu {
    display: none;
    position: absolute;
    top: 81px;
    width: 250px;
    flex-direction: column;
    height: auto;
    align-items: flex-start;
    padding: 8px 0;
    background: #fff;
    border: 1px solid #e4e4e4;
    box-shadow: 0 2px 12px rgba(0,0,0,.2);
    border-radius: 12px
}

.menu-header.new-usersignup-header ul.navigation-links li.navigation-link.has-child .primary__sub-menu .primary-menu-link {
    width: 100%
}

.menu-header.new-usersignup-header ul.navigation-links li.navigation-link.has-child .primary__sub-menu .primary-menu-link a {
    padding: 16px;
    gap: 12px;
    width: 100%;
    color: #494956;
    display: grid;
    grid-template-columns: auto 1fr;
    outline: 0;
    font-weight: 520
}

.menu-header.new-usersignup-header ul.navigation-links li.navigation-link.has-child .primary__sub-menu .primary-menu-link a[data-state=message-counter] {
    grid-template-columns: auto 1fr auto
}

.menu-header.new-usersignup-header ul.navigation-links li.navigation-link.has-child .primary__sub-menu .primary-menu-link a svg {
    width: 20px;
    height: 20px
}

.menu-header.new-usersignup-header ul.navigation-links li.navigation-link.has-child .primary__sub-menu .primary-menu-link a:hover {
    background-color: #f5f5fb;
    color: #2b2f8f;
    border-radius: 12px
}

.menu-header.new-usersignup-header ul.navigation-links li.navigation-link.has-child .primary__sub-menu .primary-menu-link a:hover .primary-nav-link {
    display: none
}

.menu-header.new-usersignup-header ul.navigation-links li.navigation-link.has-child .primary__sub-menu .primary-menu-link a:hover .primary-nav-active-link {
    display: block
}

.menu-header.new-usersignup-header ul.navigation-links li.navigation-link.has-child .primary__sub-menu .primary-menu-link a:focus {
    background-color: #fcfcff;
    color: #2b2f8f;
    border-radius: 12px;
    box-shadow: 0 0 0 4px #a2a5e4 inset
}

.menu-header.new-usersignup-header ul.navigation-links li.navigation-link.has-child .primary__sub-menu .primary-menu-link a:active {
    background-color: #d7d8f3;
    color: #2b2f8f;
    border-radius: 12px
}

.menu-header.new-usersignup-header ul.navigation-links li.navigation-link.has-child .primary__sub-menu .primary-menu-link .primary__nav-text {
    white-space: nowrap
}

.menu-header.new-usersignup-header ul.navigation-links li.navigation-link.has-child .primary__sub-menu .primary-nav-active-link {
    display: none
}

.menu-header.new-usersignup-header ul.navigation-links li.navigation-link.has-child:hover .primary__sub-menu {
    display: flex
}

.menu-header.new-usersignup-header ul.navigation-links li.navigation-link.has-child:hover .down-arrow {
    display: none
}

.menu-header.new-usersignup-header ul.navigation-links li.navigation-link.has-child:hover .up-arrow {
    display: block
}

@media(max-width: 600px) {
    .menu-header.new-usersignup-header .desktop-logo {
        display:none
    }
}

.menu-header.new-usersignup-header .mob-menu {
    display: none
}

@media(max-width: 600px) {
    .menu-header.new-usersignup-header .mob-menu {
        display:block;
        font-weight: 690;
        font-size: 17px;
        line-height: 1.4;
        color: #35353f;
        text-align: center;
        letter-spacing: .012em
    }
}

@media(max-width: 600px) {
    .menu-header.new-usersignup-header .navigation-buttons a {
        padding:0
    }
}

.menu-header.new-usersignup-header ul.profile-menu {
    display: none;
    flex-wrap: wrap;
    position: absolute;
    top: 80px;
    height: auto;
    background-color: #fff;
    border: 1px solid #e4e4e4;
    box-shadow: 0 2px 12px rgba(0,0,0,.2);
    border-radius: 12px;
    padding: 8px 0;
    width: 292px;
    right: 0
}

.menu-header.new-usersignup-header ul.profile-menu .active-link {
    display: none
}

.menu-header.new-usersignup-header ul.profile-menu.show {
    display: flex
}

.menu-header.new-usersignup-header ul.profile-menu li.profile-menu-list {
    display: block;
    width: 100%
}

.menu-header.new-usersignup-header ul.profile-menu li.profile-menu-list a {
    display: grid;
    padding: 16px;
    gap: 12px;
    grid-template-columns: auto 1fr;
    font-weight: 520;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: .014em;
    color: #494956;
    outline: 0
}

.menu-header.new-usersignup-header ul.profile-menu li.profile-menu-list a:hover {
    color: #494fc9;
    background-color: #f5f5fb;
    border-radius: 12px
}

.menu-header.new-usersignup-header ul.profile-menu li.profile-menu-list a:hover .active-link {
    display: block
}

.menu-header.new-usersignup-header ul.profile-menu li.profile-menu-list a:hover .normal-link {
    display: none
}

.menu-header.new-usersignup-header ul.profile-menu li.profile-menu-list a:focus {
    background-color: #fcfcff;
    box-shadow: 0 0 0 4px #bec0ec inset;
    border-radius: 12px
}

.menu-header.new-usersignup-header ul.profile-menu li.profile-menu-list a:active {
    background-color: #ecedf9;
    color: #2b2f8f;
    border-radius: 12px
}

.menu-header.new-usersignup-header ul.profile-menu li.profile-menu-list a svg {
    width: 20px;
    height: 20px
}

@media(max-width: 600px) {
    .menu-header.new-usersignup-header .navbar-close-toggler {
        display:flex;
        align-items: center
    }
}

@media(max-width: 600px) {
    .menu-header.new-usersignup-header .top-section {
        padding:24px;
        height: auto;
        border-bottom: 1px solid #e0e1e6
    }
}

.menu-header.new-usersignup-header .mobile__main-content {
    display: grid;
    grid-template-rows: 1fr auto;
    padding: 24px 16px 16px;
    gap: 16px;
    height: calc(100vh - 75px)
}

.menu-header.new-usersignup-header .mobile__main-content .submenu-btn {
    padding: 15px 20px;
    gap: 8px;
    display: flex;
    height: 52px;
    justify-content: center;
    align-items: center
}

.menu-header.new-usersignup-header .mobile__main-content .mobile-menu__footer-item-content {
    display: flex;
    justify-content: center;
    gap: 16px;
    width: 100%
}

.menu-header.new-usersignup-header .mobile__main-content .mobile-menu__footer-item-content span {
    font-weight: 520;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .014em;
    color: #676779;
    display: flex;
    align-items: center
}

.menu-header.new-usersignup-header .mobile-menu,.menu-header.new-usersignup-header .mobile-submenu {
    z-index: 99
}

.menu-header.new-usersignup-header .mobile-submenu .login-btn.back-btn a {
    display: flex;
    align-items: center
}

.menu-header.new-usersignup-header .mobile-submenu h2.top-section__content-title {
    font-weight: 690;
    font-size: 17px;
    line-height: 1.4;
    color: #676779;
    letter-spacing: .012em
}

.menu-header.new-usersignup-header .mobile-submenu .submenu__content {
    padding: 24px 16px 16px
}

.menu-header.new-usersignup-header .mobile__nav-links {
    padding: 0;
    gap: 8px
}

.menu-header.new-usersignup-header .mobile__nav-links .mobile__nav-link {
    padding: 0
}

.menu-header.new-usersignup-header .mobile__nav-links .mobile__nav-link svg {
    width: 20px;
    height: 20px
}

.menu-header.new-usersignup-header .mobile__nav-links .mobile__nav-link a {
    padding: 16px;
    display: grid;
    gap: 16px;
    grid-template-columns: auto 1fr
}

.menu-header.new-usersignup-header .mobile__nav-links .mobile__nav-link a p.mobile__nav-text {
    font-weight: 630;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: .014em;
    color: #494956;
    gap: 16px;
    display: flex
}

.menu-header.new-usersignup-header .mobile__nav-links .mobile__nav-link a p.mobile__nav-text span.badge {
    width: auto;
    display: inline-block;
    line-height: 1
}

.menu-header.new-usersignup-header .mobile__nav-links .mobile__nav-link a span.mobile__nav-helper-text {
    font-weight: 630;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .014em;
    color: #494956
}

.menu-header.new-usersignup-header .mobile__nav-links .mobile__nav-link a .mob-nav-active-link {
    display: none
}

.menu-header.new-usersignup-header .mobile__nav-links .mobile__nav-link a:hover {
    background-color: #f5f5fb;
    border-radius: 12px
}

.menu-header.new-usersignup-header .mobile__nav-links .mobile__nav-link a:hover .mob-nav-link {
    display: none
}

.menu-header.new-usersignup-header .mobile__nav-links .mobile__nav-link a:hover .mob-nav-active-link {
    display: block
}

.menu-header.new-usersignup-header .mobile__nav-links .mobile__nav-link a:hover .mobile__navigation-text p {
    color: #494fc9
}

.menu-header.new-usersignup-header .mobile__nav-links .mobile__nav-link a:active {
    background-color: #ecedf9;
    border-radius: 12px
}

.menu-header.new-usersignup-header .mobile__nav-links .mobile__nav-link a:active .mob-nav-link {
    display: none
}

.menu-header.new-usersignup-header .mobile__nav-links .mobile__nav-link a:active .mob-nav-active-link {
    display: block
}

.menu-header.new-usersignup-header .mobile__nav-links .mobile__nav-link a:active .mobile__navigation-text p {
    color: #494fc9
}

.notification-button {
    position: relative
}

.badge {
    width: 18px;
    height: 18px;
    display: flex;
    position: absolute;
    top: 0;
    right: auto;
    left: 39px;
    background-color: #494fc9;
    border-radius: 50px;
    color: #fff;
    text-align: center;
    font-family: "Manrope";
    font-style: normal;
    font-weight: 520;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .014em;
    align-items: center;
    justify-content: center
}

@media(max-width: 600px) {
    .badge {
        display:none
    }
}

.profile-btn {
    display: flex;
    align-items: center
}

@media(max-width: 600px) {
    .profile-btn {
        display:none
    }
}

.profile-btn img {
    width: 44px;
    height: 44px;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 8px
}

a[data-state=message-counter] span.badge {
    position: unset;
    height: 20px;
    width: auto;
    background-color: #494fc9;
    border-radius: 50px;
    color: #fff;
    text-align: center;
    font-family: "Manrope";
    font-style: normal;
    font-weight: 560;
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: .014em;
    align-items: center;
    justify-content: center;
    padding: 4px 8px;
    gap: 4px
}

a:hover span.badge {
    background-color: #585dcd
}

a:active span.badge {
    background-color: #2b2f8f
}

@media(max-width: 600px) {
    .nav-link-list .progress-bar.desktop-only {
        display:none
    }
}

.nav-link-list .progress-bar.mobile-only {
    display: none
}

@media(max-width: 600px) {
    .nav-link-list .progress-bar.mobile-only {
        display:flex
    }
}

.checkbox-option {
    position: absolute !important;
    clip: rect(1px,1px,1px,1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden
}

label.checkbox-label {
    display: grid;
    position: relative;
    padding-left: 42px;
    gap: 8px
}

label.checkbox-label:before {
    content: "";
    position: absolute;
    left: 0;
    width: 24px;
    height: 24px;
    border: 1px solid #9fa0b0;
    box-shadow: 0 1px 2px rgba(23,25,74,.05);
    display: inline-block;
    border-radius: 4px;
    box-sizing: border-box
}

label.checkbox-label span.subtitle {
    color: #35353f
}

label.checkbox-label span.help-text {
    color: #8a8b9f
}

input[type=checkbox]:checked~label.checkbox-label:before {
    background: #494fc9 no-repeat center;
    background-size: 24px 24px;
    border: 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4Ljg4MjggNy41NTAwMkMxOC42MDY4IDcuMjY4OTYgMTguMTU1MyA3LjI2NDk0IDE3Ljg3NDQgNy41NDEwNEw5Ljk1Mjc1IDE1LjMyNzdMNi41MTIzNiAxMS45MjI4QzYuMjMxODYgMTEuNjQ1MiA1Ljc3OTQxIDExLjY0NzcgNS41MDE5NCAxMS45MjgzQzUuMjI0NjggMTIuMjA4NyA1LjIyNzExIDEyLjY2MDggNS41MDczNyAxMi45MzgyTDkuNDQ4NCAxNi44Mzk0QzkuNTgyMSAxNi45NzEzIDkuNzYyMzkgMTcuMDQ1MyA5Ljk1MDI1IDE3LjA0NTNDMTAuMTM4MSAxNy4wNDUzIDEwLjMxODQgMTYuOTcxMyAxMC40NTIxIDE2LjgzOTRMMTguODczOSA4LjU1NzY5QzE5LjE1NDQgOC4yODE4MSAxOS4xNTg0IDcuODMwNzkgMTguODgyOCA3LjU1MDAyWiIgZmlsbD0iI0Q3RTBGRiIvPgo8L3N2Zz4K)
}

input[type=checkbox]:focus~label.checkbox-label:before {
    border: 1px solid #a2a5e4;
    outline: 4px solid #d7d8f3
}

input[type=checkbox]:hover~label.checkbox-label:before {
    border: 1px solid #a2a5e4
}

input[type=checkbox]:focus~label.checkbox-label span.subtitle,input[type=checkbox]:checked~label.checkbox-label span.subtitle {
    color: #2b2f8f !important;
    font-weight: 690 !important
}

.switch-checkbox .switch {
    position: relative;
    display: inline-block;
    width: 34px;
    height: 18px
}

.switch-checkbox .switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.switch-checkbox .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #e0e1e6;
    transition: .4s
}

.switch-checkbox .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 0;
    bottom: 0;
    margin: auto;
    top: 0;
    background-color: #fff !important;
    transition: .4s
}

.switch-checkbox input:hover+.slider {
    background-color: #e0e1e6
}

.switch-checkbox input:checked+.slider {
    background-color: #494fc9
}

.switch-checkbox input:checked+.slider:before {
    transform: translateX(19px)
}

.switch-checkbox .slider.round {
    border-radius: 34px
}

.switch-checkbox .slider.round:before {
    border-radius: 50%;
    content: "";
    border: 0;
    box-shadow: none !important
}

.switch-checkbox input[type=checkbox]:disabled+*::before {
    opacity: 1
}

.radio-item-group {
    display: grid
}

.radio-item-group .radio-item {
    display: flex;
    padding: 12px 0
}

.radio-item-group .radio-item label {
    color: #676779;
    display: flex;
    gap: 12px;
    align-items: center;
    position: relative;
    font-family: "Manrope";
    font-weight: 690;
    font-size: 15px;
    line-height: 1.4
}

.radio-item-group .radio-item label span.sub-title__text {
    padding: 0 0 0 12px;
    border-left: 1px solid #e0e1e6;
    font-weight: 630;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .012em;
    color: #8a8b9f
}

@media(max-width: 600px) {
    .radio-item-group .radio-item label span.sub-title__text {
        display:none
    }
}

.radio-item-group .radio-item input {
    opacity: 0;
    height: 0;
    width: 0;
    line-height: 0;
    font-size: 0
}

.radio-item-group .radio-item>input[type=radio]+*::before {
    content: "";
    display: inline-block;
    vertical-align: bottom;
    width: 20px;
    height: 20px;
    border: 1px solid #e0e1e6;
    filter: drop-shadow(0px 1px 2px rgba(23,25,74,.05));
    border-radius: 30px;
    box-sizing: border-box;
    position: relative;
    z-index: 1
}

.radio-item-group .radio-item>input[type=radio]:hover+*::before {
    border: 1px solid #a2a5e4;
    box-shadow: 0 0 0 1px #d7d8f3
}

.radio-item-group .radio-item>input[type=radio]:checked:hover+*::before {
    border-color: #2b2f8f !important
}

.radio-item-group .radio-item>input[type=radio]:checked:hover+*::after {
    background-color: #2b2f8f !important
}

.radio-item-group .radio-item>input[type=radio]:focus+*::before {
    border: 1px solid #a2a5e4;
    box-shadow: 0 1px 2px rgba(23,25,74,.05)
}

.radio-item-group .radio-item>input[type=radio]:checked:focus+*::before {
    box-shadow: 0 0 0 4px #d7d8f3
}

.radio-item-group .radio-item>input[type=radio]:disabled+*::before {
    background-color: #e0e1e6
}

.radio-item-group .radio-item>input[type=radio]:checked+*::before {
    border-color: #494fc9 !important;
    background: transparent
}

.radio-item-group .radio-item>input[type=radio]:checked:disabled+*::before {
    opacity: .5
}

.radio-item-group .radio-item>input[type=radio]:checked+label {
    color: #494fc9 !important
}

.radio-item-group .radio-item>input[type=radio]:checked+*::after {
    content: "";
    display: inline-block;
    vertical-align: bottom;
    width: 20px;
    height: 20px;
    border: 4px solid #fff;
    filter: drop-shadow(0px 1px 2px rgba(23,25,74,.05));
    background-color: #494fc9 !important;
    border-radius: 30px;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    right: 0
}

.radio-item-group .radio-item>input[type=radio]:checked:disabled+*::after {
    opacity: .5
}

.radio-item-group .empty-field input {
    background-color: transparent;
    position: absolute
}

.radio-item-group .empty-field:focus {
    border: 1px solid #a2a5e4;
    box-shadow: 0 0 0 4px #d7d8f3
}

.radio-item-group .empty-field:disabled {
    background-color: #e0e1e6
}

.radio-item-group .empty-field:active {
    border: 1px solid #a2a5e4;
    box-shadow: 0 0 0 1px #d7d8f3;
    background-color: #f5f5fb
}

.filter-type .radio-item-group {
    gap: 24px;
    padding: 12px 0
}

.filter-type .radio-item-group .radio-item {
    padding: 0
}

.filter-type .radio-item-group .radio-item label {
    font-weight: 630
}

.filter-type .radio-item-group .radio-item input[type=radio]:checked+label {
    font-weight: 690 !important
}

.content-area-answer__radio-items {
    grid-template-columns: repeat(2,1fr);
    gap: 24px
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .content-area-answer__radio-items {
        grid-template-columns:1fr;
        gap: 16px
    }
}

.content-area-answer__radio-items .radio-item {
    padding: 0
}

.content-area-answer__radio-items .radio-item label {
    padding: 15px 12px;
    width: 100%;
    border: 1px solid #e0e1e6;
    box-shadow: 0 1px 2px rgba(23,25,74,.05);
    border-radius: 12px;
    font-weight: 520
}

.content-area-answer__radio-items .radio-item label:hover {
    background: #f5f5fb;
    border: 1px solid #d7d8f3;
    box-shadow: 0 1px 2px rgba(23,25,74,.05)
}

.content-area-answer__radio-items .radio-item label:hover::before {
    background: #fff
}

.content-area-answer__radio-items .radio-item label:focus {
    border: 1px solid #bec0ec;
    box-shadow: 0 0 2px 2px #bec0ec,0px 3px 4px 4px rgba(23,25,74,.05)
}

.content-area-answer__radio-items .radio-item label:disabled {
    background: #e0e1e6;
    border: 1px solid #e0e1e6;
    box-shadow: 0 1px 2px rgba(23,25,74,.05)
}

.content-area-answer__radio-items .radio-item>input[type=radio]:checked+*::after {
    left: 12px
}

.content-area-answer__radio-items .radio-item>input[type=radio]:checked+label {
    background: #f5f5fb;
    border: 1px solid #a2a5e4;
    box-shadow: 0 1px 2px rgba(23,25,74,.05);
    font-weight: 690
}

.content-area-answer__radio-items .radio-item>input[type=radio]:checked+label span.sub-title__text {
    color: #585dcd
}

.content-area-answer__radio-items .radio-item>input[type=radio]:checked:hover+label {
    background-color: #ecedf9;
    color: #2b2f8f !important;
    box-shadow: 0 0 0 1px #d7d8f3
}

.content-area-answer__radio-items .radio-item>input[type=radio]:checked:focus+label {
    background: #f5f5fb;
    border: 1px solid #a2a5e4;
    box-shadow: 0 0 0 4px #d7d8f3
}

.content-area-answer__radio-items .radio-item>input[type=radio]:checked:disabled+label {
    background: #ecedf9;
    opacity: .5
}

input.dropdown {
    border-radius: 12px
}

.dropdown:focus~.dropdown-menu {
    flex-direction: column;
    align-items: flex-start;
    padding: 8px 0;
    background: #fff;
    width: 100%
}

.form__input-group:focus .dropdown-menu,.form__input-group:focus-within .dropdown-menu {
    flex-direction: column;
    align-items: flex-start;
    padding: 8px 0;
    background: #fff;
    width: 100%
}

.dropdown-menu {
    display: none;
    transition: all;
    transition-timing-function: cubic-bezier(0.25,.46,.45,.94);
    transition-duration: 100ms;
    background: white;
    flex-direction: column;
    width: 100%
}

ul.dropdown-menu {
    position: absolute;
    z-index: 10;
    transform: translate3d(0px,62px,0px);
    top: -8px;
    left: 0;
    will-change: transform;
    height: auto;
    overflow: auto;
    min-height: 48px;
    max-height: 250px;
    border: 1px solid #e0e1e6;
    box-shadow: 0 4px 8px rgba(23,25,74,.05);
    border-radius: 12px;
    padding: 8px 0 !important
}

ul.dropdown-menu li.dropdown-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px;
    gap: 10px;
    border-radius: 0;
    font-weight: 520;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: .012em;
    color: #676779;
    cursor: pointer;
    width: 100%;
    flex-direction: column;
    gap: 10px;
    padding: 8px 16px;
    align-items: flex-start
}

ul.dropdown-menu li.dropdown-item[data-selected=true] {
    background-color: #ecedf9;
    color: #2b2f8f;
    font-weight: 690
}

ul.dropdown-menu li.dropdown-item[data-selected=true] span {
    color: #2b2f8f !important;
    font-weight: 690
}

ul.dropdown-menu li.dropdown-item:hover {
    background-color: #f5f5fb
}

ul.dropdown-menu li.dropdown-item:hover span.highlight-text {
    color: #2b2f8f
}

ul.dropdown-menu li.dropdown-item span {
    padding: 0 !important
}

ul.dropdown-menu li.dropdown-item span.help-text {
    font-size: 14px;
    font-weight: 520;
    color: #676779;
    letter-spacing: .014em
}

ul.dropdown-menu li.dropdown-item span.highlight-text {
    color: #35353f
}

ul.dropdown-menu li.dropdown-item.add-dropdown-item {
    flex-direction: row;
    display: none
}

ul.dropdown-menu li.dropdown-item.add-dropdown-item span.help-text {
    font-weight: 560;
    font-size: 16px;
    line-height: 1.4;
    color: #494fc9 !important;
    display: flex;
    gap: 8px
}

.dropdown-close {
    display: none !important
}

.dropdown-close.show {
    display: block !important
}

.dropdown-item.multiple {
    border: 0 !important;
    align-items: flex-start !important
}

.dropdown-item.multiple label.checkbox-label {
    padding-left: 30px !important;
    border-radius: 0 !important
}

.progress {
    width: 48px;
    height: 48px;
    line-height: 48px;
    background: none;
    margin: 0 auto;
    box-shadow: none;
    position: relative
}

.progress[data-percentage="100"] .progress-bar {
    border-color: #3c6c12
}

.progress[data-percentage="100"] span.progress-value-text {
    color: #3c6c12
}

.progress:after {
    content: "";
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 5px solid #cfd8dc;
    position: absolute;
    top: 0;
    left: 0
}

.progress>span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1
}

.progress .progress-left {
    left: 0
}

.progress .progress-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: 5px;
    border-style: solid;
    position: absolute;
    top: 0;
    border-color: #494fc9
}

.progress .progress-left .progress-bar {
    left: 100%;
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
    border-left: 0;
    transform-origin: center left
}

.progress .progress-right {
    right: 0
}

.progress .progress-right .progress-bar {
    left: -100%;
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
    border-right: 0;
    transform-origin: center right
}

.progress span.progress-value-text {
    font-weight: 630;
    font-size: 11px;
    line-height: 1.4;
    color: #494fc9;
    letter-spacing: .014em;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.progress[data-percentage="10"] .progress-right .progress-bar {
    animation: loading-1 1s linear forwards
}

.progress[data-percentage="10"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="20"] .progress-right .progress-bar {
    animation: loading-2 1s linear forwards
}

.progress[data-percentage="20"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="30"] .progress-right .progress-bar {
    animation: loading-3 1s linear forwards
}

.progress[data-percentage="30"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="40"] .progress-right .progress-bar {
    animation: loading-4 1s linear forwards
}

.progress[data-percentage="40"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="50"] .progress-right .progress-bar {
    animation: loading-5 1s linear forwards
}

.progress[data-percentage="50"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="60"] .progress-right .progress-bar {
    animation: loading-5 1s linear forwards
}

.progress[data-percentage="60"] .progress-left .progress-bar {
    animation: loading-1 1s linear forwards 1s
}

.progress[data-percentage="70"] .progress-right .progress-bar {
    animation: loading-5 1s linear forwards
}

.progress[data-percentage="70"] .progress-left .progress-bar {
    animation: loading-2 1s linear forwards 1s
}

.progress[data-percentage="80"] .progress-right .progress-bar {
    animation: loading-5 1s linear forwards
}

.progress[data-percentage="80"] .progress-left .progress-bar {
    animation: loading-3 1s linear forwards 1s
}

.progress[data-percentage="90"] .progress-right .progress-bar {
    animation: loading-5 1s linear forwards
}

.progress[data-percentage="90"] .progress-left .progress-bar {
    animation: loading-4 1s linear forwards 1s
}

.progress[data-percentage="100"] .progress-right .progress-bar {
    animation: loading-5 1s linear forwards
}

.progress[data-percentage="100"] .progress-left .progress-bar {
    animation: loading-5 1s linear forwards 1s
}

@keyframes loading-1 {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(36deg)
    }
}

@keyframes loading-2 {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(72deg)
    }
}

@keyframes loading-3 {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(108deg)
    }
}

@keyframes loading-4 {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(144deg)
    }
}

@keyframes loading-5 {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(180deg)
    }
}

.progress-bar__wrapper {
    display: grid;
    grid-template-columns: auto 1fr;
    padding: 16px;
    border-bottom: 1px solid #e0e1e6;
    gap: 12px;
    align-items: center
}

.progress-bar__wrapper .progress__title-wrapper {
    display: flex;
    flex-direction: column
}

.progress-bar__wrapper .progress__title-wrapper .progress__title {
    font-weight: 690;
    color: #35353f
}

.progress-bar__wrapper .progress__title-wrapper .progress__subtitle {
    color: #676779
}

.application-card__match-section {
    padding: 16px;
    display: grid;
    gap: 16px;
    border-bottom: 1px solid #e0e1e6
}

.application-card__match-section .progress-bar__wrapper {
    padding: 0;
    border-bottom: 0
}

.application-card__match-section .application-card__match-section-info {
    padding: 16px 0 0;
    border-top: 1px solid #e0e1e6;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px
}

.application-card__match-section .application-card__match-section-info span.application-card__match-info-text {
    color: #35353f
}

@media(max-width: 600px) {
    .application-card__match-section .application-card__match-section-info {
        grid-template-columns:1fr
    }
}

.application-card__match-section .application-card__match-section-info-wrapper {
    display: flex;
    align-items: center;
    gap: 12px
}

.search-address-autocomplete .postcoder-complete-dropdown {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding: 8px 0;
    background: white;
    box-shadow: 0 4px 8px rgba(23,25,74,.05)
}

.search-address-autocomplete .postcoder-complete-dropdown header {
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: center
}

.search-address-autocomplete .postcoder-complete-dropdown:before {
    display: none
}

.search-address-autocomplete .postcoder-complete-dropdown ul {
    background: white
}

.search-address-autocomplete .postcoder-complete-dropdown ul::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background: rgba(0,0,0,.04);
    border-radius: 16px;
    opacity: 1
}

.search-address-autocomplete .postcoder-complete-dropdown ul::-webkit-scrollbar-thumb {
    background-color: #e5e5e5;
    border-radius: 16px
}

.search-address-autocomplete .postcoder-complete-dropdown ul i.fa-search {
    display: none
}

.search-address-autocomplete .postcoder-complete-dropdown ul li {
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 0;
    font-weight: 520 !important;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: .012em;
    color: #676779;
    cursor: pointer;
    width: 100% !important;
    gap: 10px;
    padding: 8px 16px !important;
    align-items: flex-start;
    flex-wrap: wrap
}

.search-address-autocomplete .postcoder-complete-dropdown ul li i.fa {
    display: none
}

.search-address-autocomplete .postcoder-complete-dropdown ul li span {
    padding: 0 !important;
    display: inline-block !important
}

.search-address-autocomplete .postcoder-complete-dropdown ul li .count {
    font-weight: 520 !important;
    font-size: 15px
}

.search-address-autocomplete .postcoder-complete-dropdown ul {
    width: 100%
}

.search-address-autocomplete .postcoder-complete-dropdown ul>li:hover,.search-address-autocomplete .postcoder-complete-dropdown ul>li[aria-selected=true],.search-address-autocomplete .postcoder-complete-dropdown ul>li:hover mark,.search-address-autocomplete .postcoder-complete-dropdown ul>li[aria-selected=true] mark,.search-address-autocomplete .postcoder-complete-dropdown ul>li:hover .location,.search-address-autocomplete .postcoder-complete-dropdown ul>li[aria-selected=true] .location,.search-address-autocomplete .postcoder-complete-dropdown ul>li:hover .count,.search-address-autocomplete .postcoder-complete-dropdown ul>li[aria-selected=true] .count {
    background-color: #ecedf9 !important;
    color: #2b2f8f !important;
    font-weight: 690 !important
}

.messaging-header-nav {
    display: grid;
    grid-template-columns: 1fr auto 1fr
}

.messaging-header-nav .send-message-heading {
    font-style: normal;
    font-weight: 760;
    font-size: 17px;
    line-height: 140%;
    color: #35353f;
    display: none
}

@media(max-width: 600px) {
    .messaging-header-nav .send-message-heading {
        display:block
    }
}

.center-content-carer-area {
    grid-column: 5/9;
    max-height: none !important;
    background-color: #fff
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .center-content-carer-area {
        grid-column:2/8
    }
}

@media(min-width: 600px) and (max-width:1194px) and (orientation:landscape) {
    .center-content-carer-area {
        grid-column:1/13 !important
    }
}

@media(max-width: 600px) {
    .center-content-carer-area {
        grid-column:1/13
    }
}

.center-content-carer-area .content-area__page-header-carer-info {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 16px;
    gap: 12px;
    border: 1px solid #9fa0b0;
    border-radius: 20px;
    max-height: 92px;
    margin: 16px 16px 0 16px
}

.center-content-carer-area .content-area__page-header-carer-info .content-area__page-header-carer-info-avatar {
    width: 60px;
    height: 60px
}

.center-content-carer-area .content-area__page-header-carer-info .content-area__page-header-carer-info-avatar .info-avatar {
    width: 60px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.center-content-carer-area .content-area__page-header-carer-info .content-area__page-header-carer-info-text-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 12px
}

.center-content-carer-area .content-area__page-header-carer-info .content-area__page-header-carer-info-text-wrapper .content-area__page-header-carer-info-text-wrapper-name {
    font-style: normal;
    font-weight: 690;
    font-size: 17px;
    line-height: 140%;
    letter-spacing: .012em;
    color: #35353f;
    margin: 0;
    padding: 0
}

.center-content-carer-area .content-area__page-header-carer-info .content-area__page-header-carer-info-text-wrapper .content-area__page-header-carer-info-text-wrapper-time {
    font-style: normal;
    font-weight: 520;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: .014em;
    color: #676779
}

.center-content-carer-area .content-area__page-header-carer-info .content-area__page-header-carer-info-text-wrapper .content-area__page-header-carer-info-text-wrapper-time .wrapper-time {
    color: #35353f
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .center-content-carer-area .form__footer .message-footer {
        grid-template-columns:auto
    }
}

@media(min-width: 600px) and (max-width:1194px) and (orientation:landscape) {
    .center-content-carer-area .form__footer .message-footer {
        grid-template-columns:auto
    }
}

@media(max-width: 600px) {
    .center-content-carer-area .form__footer .message-footer {
        grid-template-columns:auto;
        position: absolute;
        bottom: 20px;
        width: -webkit-fill-available;
        left: 0;
        padding: 0 15px
    }
}

.center-content-carer-area .form__footer .back-btn-cst-cls {
    display: flex
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .center-content-carer-area .form__footer .back-btn-cst-cls {
        display:none
    }
}

@media(min-width: 600px) and (max-width:1194px) and (orientation:landscape) {
    .center-content-carer-area .form__footer .back-btn-cst-cls {
        display:none
    }
}

@media(max-width: 600px) {
    .center-content-carer-area .form__footer .back-btn-cst-cls {
        display:none
    }
}

.center-content-carer-area .form__footer .primary-button {
    width: 100%;
    justify-content: center;
    align-items: center
}

.message-sent-section {
    display: flex
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .message-sent-section {
        display:none
    }
}

@media(min-width: 600px) and (max-width:1194px) and (orientation:landscape) {
    .message-sent-section {
        display:none
    }
}

@media(max-width: 600px) {
    .message-sent-section {
        display:none
    }
}

.sending-message {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.content-area__loader {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh
}

.content-area__loader .content-area__loader-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 44px
}

.content-area__loader .content-area__loader-center .content-area__title {
    font-style: normal;
    font-weight: 520;
    font-size: 32px;
    line-height: 140%;
    text-align: center;
    letter-spacing: .012em;
    color: #2b2f8f
}

.content-area__loader .content-area__loader-center .content-area__title .bold-text {
    font-weight: 690
}

.content-area__loader .content-area__loader-center .content-area__loader-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px;
    gap: 10px;
    border: 1px solid #e0e1e6;
    border-radius: 20px
}

.content-area__loader .content-area__loader-center .content-area__loader-card .content-area__loader-avatar {
    width: 158px;
    height: 158px
}

.content-area__loader .content-area__loader-center .content-area__loader-card .content-area__loader-avatar img {
    width: 100%;
    height: 158px;
    -o-object-fit: cover;
    object-fit: cover
}

.content-area__loader .content-area__loader-center .content-area__loader-card .content-area__loader-name-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    gap: 12px
}

.content-area__loader .content-area__loader-center .content-area__loader-card .content-area__loader-name-wrapper .content-area__loader-name-wrapper-name {
    font-style: normal;
    font-weight: 690;
    font-size: 17px;
    line-height: 140%;
    text-align: center;
    letter-spacing: .012em;
    color: #35353f
}

.content-area__loader .content-area__loader-center .content-area__loader-card .content-area__loader-name-wrapper .content-area__loader-name-wrapper-status {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
    gap: 8px
}

.content-area__loader .content-area__loader-center .content-area__loader-card .content-area__loader-name-wrapper .content-area__loader-name-wrapper-status .content-area__loader-name-wrapper-status-loader {
    width: 20px;
    height: 20px;
    background: conic-gradient(from 180deg at 50% 50%,#494fc9 0deg,rgba(73,79,201,0) 271.12deg,#494fc9 360deg);
    border-radius: 100px;
    transform: rotate(90deg);
    animation: rotation 2s infinite linear;
    position: relative
}

.content-area__loader .content-area__loader-center .content-area__loader-card .content-area__loader-name-wrapper .content-area__loader-name-wrapper-status .content-area__loader-name-wrapper-status-loader::after {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    top: 1px;
    left: 1px;
    z-index: 999;
    background: #fff;
    border-radius: 100px
}

.content-area__loader .content-area__loader-center .content-area__loader-card .content-area__loader-name-wrapper .content-area__loader-name-wrapper-status .content-area__loader-name-wrapper-status-loader .circular-loader {
    animation: rotate 2s linear infinite;
    height: 100%;
    transform-origin: center center;
    width: 100%
}

.content-area__loader .content-area__loader-center .content-area__loader-card .content-area__loader-name-wrapper .content-area__loader-name-wrapper-status .content-area__loader-name-wrapper-status-loader .circular-loader .loader-path {
    stroke-dasharray: 150,200;
    stroke-dashoffset: -10;
    animation: dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;
    stroke-linecap: round
}

@keyframes dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35
    }

    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124
    }
}

@keyframes color {
    0% {
        stroke: #494fc9
    }

    40% {
        stroke: #494fc9
    }

    66% {
        stroke: #494fc9
    }

    80%,90% {
        stroke: #494fc9
    }
}

.content-area__loader .content-area__loader-center .content-area__loader-card .content-area__loader-name-wrapper .content-area__loader-name-wrapper-status .content-area__loader-name-wrapper-status-loader-text {
    font-style: normal;
    font-weight: 520;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: .014em;
    color: #676779
}

.content-area__loader .content-area__loader-center .content-area__response-time {
    font-style: normal;
    font-weight: 520;
    font-size: 15px;
    line-height: 140%;
    letter-spacing: .014em;
    color: #676779
}

.content-area__loader .content-area__loader-center .content-area__response-time .light-text {
    color: #35353f
}

.content-area__loader .content-area__loader-center .content-area__notification {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 20px;
    gap: 12px;
    background: #f5f5fb;
    border: 1px solid #d7d8f3;
    border-radius: 200px;
    width: 100%
}

.content-area__loader .content-area__loader-center .content-area__notification .content-area__notification-icon-wrapper-icon {
    width: 22px;
    height: 22px
}

.content-area__loader .content-area__loader-center .content-area__notification .content-area__notification-text {
    font-style: normal;
    font-weight: 630;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: .012em;
    color: #676779
}

.sign-header__text--highlighted {
    font-style: normal;
    font-weight: 690;
    font-size: 28px;
    line-height: 140%;
    display: flex;
    align-items: flex-start;
    letter-spacing: .012em;
    color: #2b2f8f;
    gap: 12px
}

.sign-header__text--highlighted .h1-style {
    font-size: 28px
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .sign-header__text--highlighted .h1-style {
        font-size:20px
    }
}

@media(min-width: 600px) and (max-width:1194px) and (orientation:landscape) {
    .sign-header__text--highlighted .h1-style {
        font-size:20px
    }
}

@media(max-width: 600px) {
    .sign-header__text--highlighted .h1-style {
        font-size:20px !important
    }
}

.sign-header__text--highlighted .close-send-message {
    display: none
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .sign-header__text--highlighted .close-send-message {
        display:block
    }
}

@media(min-width: 600px) and (max-width:1194px) and (orientation:landscape) {
    .sign-header__text--highlighted .close-send-message {
        display:block
    }
}

@media(max-width: 600px) {
    .sign-header__text--highlighted .close-send-message {
        display:block
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .sign-up-send-message__section .form__footer .button-grp {
        grid-template-columns:auto 1fr
    }
}

@media(min-width: 600px) and (max-width:1194px) and (orientation:landscape) {
    .sign-up-send-message__section .form__footer .button-grp {
        grid-template-columns:auto 1fr
    }
}

@media(max-width: 600px) {
    .sign-up-send-message__section .form__footer .button-grp {
        grid-template-columns:auto
    }
}

.sign-up-send-message__section .form__footer .back-button {
    display: flex
}

@media(max-width: 600px) {
    .sign-up-send-message__section .form__footer .back-button {
        display:none !important
    }
}

.sign-up-send-message__section .form__footer .primary-button {
    width: 100%;
    justify-content: center;
    align-items: center
}

.sycn-flow .sycn-flow__content-area {
    overflow: visible
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .sycn-flow .sycn-flow__content-area {
        height:calc(100% - 70px)
    }
}

@media(max-width: 600px) {
    .sycn-flow .sycn-flow__content-area {
        height:calc(100% - 61px)
    }
}

.sycn-flow .sycn-flow__content-area .content-area__form-section {
    grid-column: 1/10;
    padding: 112px 64px 64px 0;
    grid-template-rows: 1fr auto;
    justify-content: space-between
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .sycn-flow .sycn-flow__content-area .content-area__form-section {
        padding:64px 0 24px
    }
}

@media(min-width: 600px) and (max-width:1194px) and (orientation:landscape) {
    .sycn-flow .sycn-flow__content-area .content-area__form-section {
        padding:48px 64px 24px 0
    }
}

@media(max-width: 600px) {
    .sycn-flow .sycn-flow__content-area .content-area__form-section {
        padding:24px 0
    }
}

.sycn-flow .sycn-flow__content-area .content-area__form-section .form__main {
    padding: 0;
    min-height: auto !important;
    overflow: visible
}

.sycn-flow .sycn-flow__content-area .content-area__form-section .form__main .form__body {
    padding: 0
}

.sycn-flow .sycn-flow__content-area .content-area__form-section .form__main .form__body .form__input-group span.prefix-img svg {
    width: 20px;
    height: 20px
}

.sycn-flow .sycn-flow__content-area .content-area__form-section .form__main .form__body .form__input-group .input__field-wrapper {
    padding: 16px;
    gap: 12px;
    max-height: 53px;
    min-height: 53px
}

.sycn-flow .sycn-flow__content-area .content-area__form-section .form__main .form__body .form__input-group .input__field-wrapper .prefix-img {
    padding: 0
}

.sycn-flow .sycn-flow__content-area .content-area__form-section .form__main .form__body .form__input-group .input__field-wrapper .form-control__custom {
    padding: 0 !important
}

.sycn-flow .sycn-flow__content-area .content-area__form-section .form__main .form__body .form__input-group .input__field-wrapper .postfix-img {
    padding: 0
}

@media(max-width: 600px) {
    .sycn-flow .sycn-flow__content-area .content-area__form-section .form__main .form__body .divider__or {
        display:none
    }
}

.sycn-flow .sycn-flow__content-area .content-area__form-section .form__main .form__body.help-needed {
    grid-template-columns: 1fr;
    gap: 20px
}

.sycn-flow .sycn-flow__content-area .content-area__form-section .form__main .form__body.help-needed .form-check .checkbox__details .checkbox-title .title-caption {
    font-weight: 630;
    font-size: 15px
}

.sycn-flow .sycn-flow__content-area .content-area__form-section .form__main .form__body.help-needed.what-help__need .form-check.active .checkbox__details .checkbox-title .title-caption {
    font-weight: 690
}

.sycn-flow .sycn-flow__content-area .content-area__form-section .form__main .form__body.hoursperday .radiobtn {
    grid-template-columns: 1fr
}

.sycn-flow .sycn-flow__content-area .content-area__form-section .form__main .form__body.daysperweek {
    display: flex;
    flex-direction: column;
    padding: 0;
    gap: 32px
}

.sycn-flow .sycn-flow__content-area .content-area__form-section .form__main .form__body.daysperweek .form-check {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 15px 12px;
    gap: 0
}

.sycn-flow .sycn-flow__content-area .content-area__form-section .form__main .form__body.daysperweek .form-check.selectall-label {
    padding: 0;
    border: 0 none !important;
    box-shadow: unset
}

.sycn-flow .sycn-flow__content-area .content-area__form-section .form__main .form__body.daysperweek .form-check.selectall-label input[type=checkbox]:checked+.checkbox__details .title-caption {
    color: #494fc9;
    font-weight: 760
}

.sycn-flow .sycn-flow__content-area .content-area__form-section .form__main .form__body.daysperweek .form-check.selectall-label:focus-within {
    box-shadow: unset
}

.sycn-flow .sycn-flow__content-area .content-area__form-section .form__main .form__body.daysperweek .form-check .checkbox__details {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
    gap: 12px
}

.sycn-flow .sycn-flow__content-area .content-area__form-section .form__main .form__body.daysperweek .form-check.checkbox-lable .checkbox-title {
    color: #676779;
    font-weight: 640;
    font-size: 16px;
    line-height: 1.4
}

.sycn-flow .sycn-flow__content-area .content-area__form-section .form__main .form__body.daysperweek .form-check.checkbox-lable .checkbox-subtex {
    color: #8a8b9f
}

.sycn-flow .sycn-flow__content-area .content-area__form-section .form__main .form__body.daysperweek .form-check.active {
    background: #f5f5fb !important;
    box-shadow: 0 1px 2px rgba(23,25,74,.05);
    border: 1px solid #a2a5e4
}

.sycn-flow .sycn-flow__content-area .content-area__form-section .form__main .form__body.daysperweek .form-check.active .checkbox__details .checkbox-title .title-caption {
    color: #494fc9;
    font-weight: 690
}

.sycn-flow .sycn-flow__content-area .content-area__form-section .form__main .form__body.daysperweek .form-check.active:hover {
    background: #ecedf9;
    border: 1px solid #a2a5e4;
    box-shadow: 0 0 0 1px #d7d8f3
}

.sycn-flow .sycn-flow__content-area .content-area__form-section .form__main .form__body.daysperweek .form-check.active .checkbox__details .checkbox-title {
    color: #2b2f8f
}

.sycn-flow .sycn-flow__content-area .content-area__form-section .form__main .form__body.daysperweek .form-check:hover {
    border: 1px solid #a2a5e4
}

.sycn-flow .sycn-flow__content-area .content-area__form-section .form__main .form__body.daysperweek .form-check:focus,.sycn-flow .sycn-flow__content-area .content-area__form-section .form__main .form__body.daysperweek .form-check:focus-within {
    border: 1px solid #a2a5e4;
    box-shadow: 0 0 0 4px #d7d8f3
}

.sycn-flow .sycn-flow__content-area .content-area__form-section .form__main .form__body.daysperweek .form-check:focus span::before,.sycn-flow .sycn-flow__content-area .content-area__form-section .form__main .form__body.daysperweek .form-check:focus-within span::before {
    box-shadow: 0 0 0 4px #d7d8f3;
    border: 1px solid #a2a5e4
}

.sycn-flow .sycn-flow__content-area .content-area__form-section .form__main .form__body.daysperweek .form-check .checkbox-lable {
    display: flex
}

.sycn-flow .sycn-flow__content-area .content-area__form-section .form__main .form__body.conditional-experience-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    -moz-column-gap: 16px;
    column-gap: 16px;
    row-gap: 24px;
    grid-template-columns: 1fr !important
}

.sycn-flow .sycn-flow__content-area .content-area__form-section .form__main .form__body.conditional-experience-section .list-item {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 0;
    row-gap: 24px;
    -moz-column-gap: 16px;
    column-gap: 16px
}

@media(max-width: 600px) {
    .sycn-flow .sycn-flow__content-area .content-area__form-section .form__main .form__body.conditional-experience-section .list-item {
        row-gap:16px;
        -moz-column-gap: 16px;
        column-gap: 16px
    }
}

.sycn-flow .sycn-flow__content-area .content-area-form-section__trustcard-section {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 0 32px 0 0
}

@media(max-width: 600px) {
    .sycn-flow .sycn-flow__content-area .content-area-form-section__trustcard-section {
        display:none;
        padding: 0
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .sycn-flow .sycn-flow__content-area .content-area-form-section__trustcard-section {
        padding:0
    }
}

.sycn-flow .sycn-flow__content-area .content-area-form-section__trustcard-section .trustcard-section__trust-card-content {
    display: flex;
    align-items: center;
    gap: 32px
}

.sycn-flow .sycn-flow__content-area .content-area-form-section__trustcard-section .trust-card-content__text-group-bottom-border {
    width: 49px;
    height: 2px;
    background-color: #9fa0b0;
    display: block
}

.sycn-flow .sycn-flow__content-area .content-area-form-section__trustcard-section .trust-card-content__text-group {
    padding: 12px 0;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.sycn-flow .sycn-flow__content-area .content-area-form-section__trustcard-section .content-area-form-section__trustcard-section-text-group {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.sycn-flow .sycn-flow__content-area .content-area-form-section__trustcard-section .trustcard-section-content__option-group {
    display: flex;
    gap: 16px
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .sycn-flow .sycn-flow__content-area .content-area-form-section__trustcard-section .trustcard-section-content__option-group {
        flex-direction:column;
        gap: 12px
    }
}

.sycn-flow .sycn-flow__content-area .content-area-form-section__trustcard-section .trustcard-section-content__option-group .trustcard-section__option-group-content-icon {
    padding: 8px;
    display: flex
}

.sycn-flow .sycn-flow__content-area .content-area-form-section__trustcard-section .trustcard-section-content__option-group .trustcard-section__option-group-content-icon svg {
    width: 16px;
    height: 16px
}

.sycn-flow .sycn-flow__content-area .content-area-form-section__trustcard-section .trustcard-section-content__option-group .trustcard-section__option-group-content-text {
    color: #676779;
    font-weight: 520
}

.sycn-flow .sycn-flow__content-area .content-area-form-section__trustcard-section .trustcard-section-content__option-group.how-funding__trustcard {
    gap: 24px
}

.sycn-flow .sycn-flow__content-area .content-area-form-section__trustcard-section .trustcard-section-content__option-group.how-funding__trustcard .trustcard-section__option-group-content-text {
    font-weight: 690;
    font-size: 17px;
    line-height: 1.4;
    letter-spacing: .012em
}

.sycn-flow .sycn-flow__content-area .content-area-form-section__trustcard-section .trustcard-section-content__option-group.how-funding__trustcard .trustcard-section__option-group-content-icon svg {
    width: 24px;
    height: 24px
}

.sycn-flow .sycn-flow__content-area .content-area-form-section__trustcard-section .trustcard-section-content__option-group.how-funding__trustcard .trustcard-section__option-group-content {
    gap: 16px
}

.sycn-flow .sycn-flow__content-area .content-area-form-section__trustcard-section .trustcard-section-content__option-group.how-funding__trustcard .trustcard-section__option-group-content .trustcard-section__option-group-content-icon {
    padding: 0
}

.sycn-flow .sycn-flow__content-area .content-area-form-section__trustcard-section .trustcard-section__option-group-content {
    display: flex;
    align-items: center
}

.sycn-flow .sycn-flow__content-area .content-area-form-section__trustcard-section h5 {
    color: #676779
}

.sycn-flow .sycn-flow__content-area .content-area-form-section__trustcard-section .trustcard-section-text-group__line {
    width: 49px;
    height: 2px;
    background-color: #585dcd;
    display: block
}

.sycn-flow .sycn-flow__content-area .content-area__form-section-answer {
    display: flex;
    flex-direction: column;
    gap: 68px
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .sycn-flow .sycn-flow__content-area .content-area__form-section-answer {
        gap:40px
    }
}

@media(min-width: 600px) and (max-width:1194px) and (orientation:landscape) {
    .sycn-flow .sycn-flow__content-area .content-area__form-section-answer {
        gap:32px
    }
}

@media(max-width: 600px) {
    .sycn-flow .sycn-flow__content-area .content-area__form-section-answer {
        gap:0
    }
}

.sycn-flow .sycn-flow__content-area .content-area__form-section-answer .content-area-form-section__answer-info-group {
    display: flex;
    flex-direction: column;
    gap: 32px
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .sycn-flow .sycn-flow__content-area .content-area__form-section-answer .content-area-form-section__answer-info-group {
        gap:20px
    }
}

@media(max-width: 600px) {
    .sycn-flow .sycn-flow__content-area .content-area__form-section-answer .content-area-form-section__answer-info-group {
        gap:24px;
        flex: 1;
        overflow: visible
    }
}

.sycn-flow .sycn-flow__content-area .content-area__form-section-answer .content-area-form-section__answer-info-group .content-area-form-section__header {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.sycn-flow .sycn-flow__content-area .content-area__form-section-answer .content-area-form-section__answer-info-group .header__subtitle {
    font-weight: 690;
    color: #676779
}

.sycn-flow .sycn-flow__content-area .content-area__form-section-answer .content-area-form-section__answer-info-group.sycn-loginflow__answer-info-group {
    gap: 48px
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .sycn-flow .sycn-flow__content-area .content-area__form-section-answer .content-area-form-section__answer-info-group.sycn-loginflow__answer-info-group {
        gap:36px
    }
}

@media(min-width: 600px) and (max-width:1194px) and (orientation:landscape) {
    .sycn-flow .sycn-flow__content-area .content-area__form-section-answer .content-area-form-section__answer-info-group.sycn-loginflow__answer-info-group {
        gap:32px
    }
}

@media(max-width: 600px) {
    .sycn-flow .sycn-flow__content-area .content-area__form-section-answer .content-area-form-section__answer-info-group.sycn-loginflow__answer-info-group {
        gap:24px
    }
}

.sycn-flow .sycn-flow__content-area .content-area__form-section-answer .dropdown-menu .dropdown-item {
    padding: 8px
}

.sycn-flow .sycn-flow__content-area .content-area__form-section-answer .dropdown-menu .dropdown-item span {
    font-weight: 560;
    color: #676779
}

.sycn-flow .sycn-flow__content-area .content-area__form-section-answer .list-item .answer-item label span {
    font-weight: 520
}

.sycn-flow .sycn-flow__content-area .right-sidebar {
    grid-column: 10/13;
    padding: 120px 12px 56px
}

@media(min-width: 600px) and (max-width:1194px) and (orientation:landscape) {
    .sycn-flow .sycn-flow__content-area .right-sidebar {
        padding:48px 12px 24px
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .sycn-flow .sycn-flow__content-area .right-sidebar.content-area__stepper-section.desktop-only {
        display:none
    }
}

@media(max-width: 600px) {
    .sycn-flow .sycn-flow__content-area .right-sidebar.content-area__stepper-section.desktop-only {
        display:none
    }
}

.sycn-flow .sycn-flow__content-area .right-sidebar.preferred-rate__stepper .content-area__stepper-section-group::before {
    bottom: 50px
}

.sycn-flow .sycn-flow__content-area .header__title {
    color: #35353f
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .sycn-flow .sycn-flow__content-area .header__title {
        font-size:24px
    }
}

@media(min-width: 600px) and (max-width:1194px) and (orientation:landscape) {
    .sycn-flow .sycn-flow__content-area .header__title {
        font-size:24px
    }
}

@media(max-width: 600px) {
    .sycn-flow .sycn-flow__content-area .header__title {
        font-size:24px
    }
}

.sycn-flow .sycn-flow__content-area .header__title span {
    font-weight: 690
}

.sycn-flow .sycn-flow__content-area .signup-sec__area {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 40px 0 64px
}

@media(max-width: 600px) {
    .sycn-flow .sycn-flow__content-area .signup-sec__area {
        padding:24px 0
    }
}

.sycn-flow .sycn-flow__content-area .signup-sec__area div#sign-up-send-message-combine2 {
    width: 100%;
    max-width: 100%
}

@media(max-width: 600px) {
    .sycn-flow .sycn-flow__content-area .signup-sec__area div#sign-up-send-message-combine2 {
        gap:24px
    }
}

.sycn-flow .sycn-flow__content-area .signup-sec__area div#sign-up-send-message-combine2 #postcode-signup-field {
    padding-left: 0 !important
}

.sycn-flow .sycn-flow__content-area .signup-sec__area div#sign-up-send-message-combine2 .onboarding-loader {
    width: auto
}

.sycn-flow .sycn-flow__content-area .signup-sec__area div#sign-up-send-message-combine2 .header-title__group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 16px
}

@media(max-width: 600px) {
    .sycn-flow .sycn-flow__content-area .signup-sec__area div#sign-up-send-message-combine2 .header-title__group {
        gap:8px
    }
}

.sycn-flow .sycn-flow__content-area .signup-sec__area div#sign-up-send-message-combine2 .header-title__group .phone-only__messsage {
    display: none
}

@media(max-width: 600px) {
    .sycn-flow .sycn-flow__content-area .signup-sec__area div#sign-up-send-message-combine2 .header-title__group .phone-only__messsage {
        display:flex;
        flex-direction: row;
        align-items: center;
        padding: 4px 0 0 0;
        gap: 12px
    }

    .sycn-flow .sycn-flow__content-area .signup-sec__area div#sign-up-send-message-combine2 .header-title__group .phone-only__messsage .trustcard-section__option-group-content-icon,.sycn-flow .sycn-flow__content-area .signup-sec__area div#sign-up-send-message-combine2 .header-title__group .phone-only__messsage svg {
        min-width: 24px;
        min-height: 24px;
        max-width: 24px;
        max-height: 24px
    }

    .sycn-flow .sycn-flow__content-area .signup-sec__area div#sign-up-send-message-combine2 .header-title__group .phone-only__messsage .trustcard-section__option-group-content-text {
        font-weight: 520;
        font-size: 14px;
        line-height: 1.4;
        display: flex;
        align-items: center;
        letter-spacing: .014em;
        color: #676779
    }
}

.sycn-flow .sycn-flow__content-area .signup-sec__area div#sign-up-send-message-combine2 .header-title__group .header__title {
    padding: 0
}

.sycn-flow .sycn-flow__content-area .signup-sec__area div#sign-up-send-message-combine2 .header-title__group span.content-area-form-section-info-group__sub-text {
    font-weight: 690;
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: .012em;
    color: #2b2f8f
}

@media(max-width: 600px) {
    .sycn-flow .sycn-flow__content-area .signup-sec__area div#sign-up-send-message-combine2 .header-title__group span.content-area-form-section-info-group__sub-text {
        font-size:17px
    }
}

@media(max-width: 600px) {
    .sycn-flow .sycn-flow__content-area .signup-sec__area div#sign-up-send-message-combine2 .form__main {
        padding:0
    }
}

.sycn-flow .sycn-flow__content-area .signup-sec__area div#sign-up-send-message-combine2 .footer-action-btn {
    gap: 16px
}

@media(max-width: 600px) {
    .sycn-flow .sycn-flow__content-area .signup-sec__area div#sign-up-send-message-combine2 .footer-action-btn {
        display:flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 12px 0;
        gap: 16px;
        margin: 0
    }
}

.sycn-flow .sycn-flow__content-area .signup-sec__area div#sign-up-send-message-combine2 .footer-action-btn .checkbox-text {
    font-weight: 630;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: .014em;
    color: #676779
}

.sycn-flow .sycn-flow__content-area .signup-sec__area div#sign-up-send-message-combine2 .footer-action-btn .checkbox-text a {
    color: #494fc9;
    text-decoration: none
}

.sycn-flow .sycn-flow__content-area .signup-sec__area div#sign-up-send-message-combine2 .footer-action-btn .onboarding-text {
    display: none
}

@media(max-width: 600px) {
    .sycn-flow .sycn-flow__content-area .signup-sec__area div#sign-up-send-message-combine2 .footer-action-btn .onboarding-text {
        display:flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 0;
        gap: 4px
    }

    .sycn-flow .sycn-flow__content-area .signup-sec__area div#sign-up-send-message-combine2 .footer-action-btn .onboarding-text p {
        font-weight: 630;
        font-size: 14px;
        line-height: 1.4;
        letter-spacing: .012em;
        color: #676779
    }

    .sycn-flow .sycn-flow__content-area .signup-sec__area div#sign-up-send-message-combine2 .footer-action-btn .onboarding-text a {
        font-weight: 520;
        font-size: 15px;
        line-height: 1.4;
        letter-spacing: .014em;
        text-decoration-line: underline;
        color: #494fc9
    }
}

.sycn-flow .sycn-flow__content-area .signup-sec__area .signup-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
    gap: 12px
}

.sycn-flow .sycn-flow__content-area .signup-sec__area .signup-content .trustcard-section__option-group-content-icon {
    padding: 0
}

.sycn-flow .sycn-flow__content-area .signup-sec__area .signup-content .trustcard-section__option-group-content-icon svg {
    width: 32px;
    height: 32px
}

.sycn-flow .sycn-flow__content-area .signup-sec__area .signup-content .trustcard-section__option-group-content-text {
    font-weight: 690;
    font-size: 17px;
    line-height: 1.4;
    letter-spacing: .012em;
    color: #676779;
    text-align: left
}

.sycn-flow .sycn-flow__content-area .content-area__side-panel {
    grid-column: 10/13;
    position: relative;
    min-height: 100vh;
    height: 100%
}

@media(max-width: 600px) {
    .sycn-flow .sycn-flow__content-area .content-area__side-panel {
        display:none
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .sycn-flow .sycn-flow__content-area .content-area__side-panel {
        display:none
    }
}

.sycn-flow .sycn-flow__content-area .content-area__side-panel .sidebar-main {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 160px 32px;
    gap: 48px;
    background: #edf2ea;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.sycn-flow .sycn-flow__content-area .content-area__side-panel .sidebar-main .content-area-side-panel__title-group {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
    gap: 24px;
    max-width: 100%
}

.sycn-flow .sycn-flow__content-area .content-area__side-panel .sidebar-main .content-area-side-panel__title-group h2 {
    font-weight: 690;
    font-size: 28px;
    line-height: 1.4;
    text-align: center;
    letter-spacing: .012em;
    color: #35353f
}

.sycn-flow .sycn-flow__content-area .content-area__side-panel .sidebar-main .content-area-side-panel__title-group img {
    max-width: 100%
}

.sycn-flow .sycn-flow__content-area .content-area__side-panel .sidebar-main .content-area-side-panel__card-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    gap: 20px;
    max-width: 100%
}

.sycn-flow .sycn-flow__content-area .content-area__side-panel .sidebar-main .content-area-side-panel__card-section .content-area-right__statistics-trustpilot-section-body {
    max-width: 500px
}

.sycn-flow .sycn-flow__content-area .content-area__side-panel .sidebar-main .content-area-side-panel__card-section .content-area-right__statistics-trustpilot-section-body-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 32px;
    gap: 12px;
    background: #fff;
    border-width: 0 3px 3px 0;
    border-style: solid;
    border-color: #d7d8f3;
    border-radius: 24px;
    width: 100%
}

.sycn-flow .sycn-flow__content-area.signup-flow__sycn-flow {
    display: flex;
    gap: 0
}

.sycn-flow .sycn-flow__content-area.signup-flow__sycn-flow .content-area__form-section {
    width: 70%;
    max-width: 70%
}

.sycn-flow .sycn-flow__content-area.signup-flow__sycn-flow .content-area__side-panel {
    width: 35%;
    max-width: 35%;
    min-height: auto
}

.sycn-flow .sycn-flow__content-area.signup-flow__sycn-flow .updated-container {
    padding-left: 12.5vw;
    padding-right: 12.5vw;
    display: grid;
    grid-template-rows: 1fr auto;
    width: 100%
}

@media(max-width: 600px) {
    .sycn-flow .sycn-flow__content-area.signup-flow__sycn-flow .updated-container {
        max-width:100%;
        grid-template-rows: 1fr;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .sycn-flow .sycn-flow__content-area.signup-flow__sycn-flow .updated-container {
        padding-left:56px;
        padding-right: 56px;
        grid-template-rows: 1fr;
        max-width: 100%
    }
}

.sycn-flow .sycn-flow__content-area.signup-flow__sycn-flow .content-area__form-section-answer {
    gap: 48px;
    height: 100%
}

@media(max-width: 600px) {
    .sycn-flow .sycn-flow__content-area.signup-flow__sycn-flow .content-area__form-section-answer {
        gap:24px
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .sycn-flow .sycn-flow__content-area.signup-flow__sycn-flow .content-area__form-section-answer {
        gap:24px
    }
}

.sycn-flow .sycn-flow__content-area.signup-flow__sycn-flow .content-area__form-section-answer .content-area-form-section__answer-info-group {
    gap: 48px
}

@media(max-width: 600px) {
    .sycn-flow .sycn-flow__content-area.signup-flow__sycn-flow .content-area__form-section-answer .content-area-form-section__answer-info-group {
        gap:24px
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .sycn-flow .sycn-flow__content-area.signup-flow__sycn-flow .content-area__form-section-answer .content-area-form-section__answer-info-group {
        gap:24px
    }
}

.sycn-flow .sycn-flow__content-area.signup-flow__sycn-flow .content-area__form-section-answer .signup-to-send-message__form .form__body {
    gap: 20px !important
}

.sycn-flow .sycn-flow__content-area.signup-flow__sycn-flow .content-area__form-section-answer .signup-to-send-message__form .form__body label {
    color: #676779
}

.sycn-flow .sycn-flow__content-area.signup-flow__sycn-flow .content-area__form-section-answer .signup-to-send-message__form .form__body .full-name__block {
    gap: 16px
}

@media(max-width: 600px) {
    .sycn-flow .sycn-flow__content-area.signup-flow__sycn-flow .content-area__form-section-answer .signup-to-send-message__form .form__body .full-name__block {
        gap:12px
    }
}

.content-area__stepper-section-group {
    display: flex;
    flex-direction: column;
    gap: 64px;
    position: relative
}

.content-area__stepper-section-group.last-line3:before {
    bottom: 100px
}

.content-area__stepper-section-group:before {
    content: "";
    background: #d6d7e3;
    border-radius: 20px;
    position: absolute;
    padding: 16px 1px;
    top: 21px;
    bottom: 30px;
    left: 14px;
    z-index: -1
}

.content-area__stepper-section-group.multiple-stepper__item-bullet {
    gap: 32px
}

.content-area__stepper-section-group .content-area__stepper-group-item {
    display: flex;
    gap: 8px;
    padding: 4px 0 0
}

.content-area__stepper-section-group .content-area__stepper-group-item .content-area__stepper-group-item-counter {
    min-width: 28px;
    width: 28px;
    height: 28px;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center
}

.content-area__stepper-section-group .content-area__stepper-group-item .content-area__stepper-group-item-counter[data-selected=current] {
    background-color: #f5f5fb;
    border: 1px solid #a2a5e4;
    box-shadow: 0 0 0 4px #d7d8f3
}

.content-area__stepper-section-group .content-area__stepper-group-item .content-area__stepper-group-item-counter[data-selected=completed] {
    background: #494fc9;
    border: 1px solid #494fc9
}

.content-area__stepper-section-group .content-area__stepper-group-item .content-area__stepper-group-item-counter[data-selected=incompleted] {
    background: #fff;
    border: 1px solid #494fc9
}

.content-area__stepper-section-group .content-area__stepper-group-item .content-area__stepper-group-item-counter .content-area__stepper-group-item-counter-number {
    color: #494fc9
}

.content-area__stepper-section-group .content-area__stepper-group-item .content-area__stepper-group-item-counter svg {
    width: 20px;
    height: 20px
}

.content-area__stepper-section-group .content-area__stepper-group-item .stepper-group-item__content-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 4px 0 0
}

.content-area__stepper-section-group .content-area__stepper-group-item .stepper-group-item__content-group .stepper-group-item__content-title {
    font-weight: 520;
    color: #676779
}

.content-area__stepper-section-group .content-area__stepper-group-item .stepper-group-item__content-group .stepper-group-item__content-subtext {
    color: #8a8b9f
}

.content-area__stepper-section-group .content-area__stepper-group-item .bullet-point__group {
    display: flex;
    justify-content: flex-start;
    gap: 8px
}

.content-area__stepper-section-group .content-area__stepper-group-item .stepper-bullet__item {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center
}

.content-area__stepper-section-group .content-area__stepper-group-item .stepper-bullet__item .stepper-bullet {
    width: 6px;
    height: 6px;
    display: block;
    background: #8a8b9f;
    border-radius: 4px
}

.how-funding__answer-form .form__body .radio-item-group {
    grid-template-columns: 1fr
}

.how-funding__answer-form .form__body .answer__selection .input__field-wrapper span {
    font-weight: 640
}

.how-funding__answer-form .form__body .content-area-answer__radio-items .radio-item label {
    font-weight: 630
}

.sycn-loader .content-area__stepper-section-group .content-area__stepper-group-item .stepper-group-item__content-group .stepper-group-item__content-title {
    font-weight: 690
}

.carer-recipients__name-form .input-field-group-wrapper {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    -moz-column-gap: 16px;
    column-gap: 16px;
    row-gap: 20px
}

@media(max-width: 600px) {
    .carer-recipients__name-form .input-field-group-wrapper {
        grid-template-columns:1fr;
        gap: 16px
    }
}

.carer-recipients__name-form .input-field-group-wrapper .field-grp label {
    color: #676779
}

.answer__button-group {
    display: flex;
    gap: 8px
}

@media(max-width: 600px) {
    .answer__button-group {
        width:100%
    }
}

.slect-preference.answer__selection .radiobtn {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr
}

@media(max-width: 600px) {
    .slect-preference.answer__selection .radiobtn {
        gap:16px
    }
}

.slect-preference.answer__selection .radiobtn .checkbox-lable.form-check {
    padding: 12px 16px
}

.slect-preference.answer__selection .radiobtn .checkbox-lable .checkbox__details {
    gap: 16px !important
}

.slect-preference.answer__selection .radiobtn .checkbox-lable .checkbox__details .checkbox-title .title-caption {
    font-weight: 630 !important;
    font-size: 15px;
    color: #676779
}

.change-rate__form-main .content-area-form-section__header .header__subtitle {
    font-weight: 630 !important;
    font-size: 15px;
    letter-spacing: .014em;
    line-height: 1.4
}

nav.navigation .curam-user__btn.nav-btn {
    width: auto
}

.content-area__loader.sycn-loader {
    padding: 44px 0;
    gap: 72px
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .content-area__loader.sycn-loader {
        padding:160px 26px;
        gap: 72px
    }
}

@media(max-width: 600px) {
    .content-area__loader.sycn-loader {
        padding:32px 20px 24px;
        gap: 52px
    }
}

.content-area__loader .content-area__stepper-section-group::before {
    display: none
}

.content-area__loader .content-area__loader-title-group {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .content-area__loader .content-area__loader-title-group {
        gap:8px
    }
}

@media(max-width: 600px) {
    .content-area__loader .content-area__loader-title-group {
        gap:8px
    }
}

.content-area__loader .content-area__loader-title-group .content-area__loader-title {
    color: #2b2f8f
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .content-area__loader .content-area__loader-title-group .content-area__loader-title {
        font-size:24px
    }
}

@media(max-width: 600px) {
    .content-area__loader .content-area__loader-title-group .content-area__loader-title {
        font-size:24px
    }
}

.content-area__loader .content-area__loader-title-group .content-area__loader-subtitle {
    font-weight: 690;
    font-size: 20px;
    line-height: 140%;
    letter-spacing: .012em;
    color: #676779
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .content-area__loader .content-area__loader-title-group .content-area__loader-subtitle {
        font-size:17px
    }
}

@media(max-width: 600px) {
    .content-area__loader .content-area__loader-title-group .content-area__loader-subtitle {
        font-size:17px
    }
}

.content-area__loader .content-area__stepper-section-group {
    gap: 40px
}

.content-area__loader .content-area__stepper-section-group .content-area__stepper-group-item {
    padding: 0
}

.content-area__loader .loader__wrapper {
    height: auto;
    overflow: hidden
}

.section-padding {
    padding: 64px 32px
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .section-padding {
        padding:64px 56px
    }
}

@media(max-width: 600px) {
    .section-padding {
        padding:44px 20px
    }
}

@media(min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    .section-padding {
        padding:44px 24px
    }
}



.updated-container {
    padding-left: 12.5vw;
    padding-right: 12.5vw;
    display: flex;
    flex-direction: column;
    width: 100%
}

@media(max-width: 600px) {
    .updated-container {
        padding-left:20px;
        padding-right: 20px
    }
}

@media(min-width: 1706px) {
    .updated-container {
        padding-left:0;
        padding-right: 0;
        max-width: 1280px;
        margin-left: auto;
        margin-right: auto
    }
}

@media(min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    .updated-container {
        padding-left:24px;
        padding-right: 24px
    }
}

@media(min-width: 600px) and (max-width:1194px) and (orientation:landscape) {
    .updated-container {
        padding-left:84px;
        padding-right: 84px
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .updated-container {
        padding-left:56px;
        padding-right: 56px
    }
}

.main-content__area {
    grid-template-columns: repeat(12,1fr);
    -moz-column-gap: 32px;
    column-gap: 32px
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .main-content__area {
        grid-template-columns:repeat(8,1fr);
        -moz-column-gap: 16px;
        column-gap: 16px
    }
}

@media(min-width: 600px) and (max-width:1194px) and (orientation:landscape) {
    .main-content__area {
        -moz-column-gap:24px;
        column-gap: 24px
    }
}

@media(max-width: 600px) {
    .main-content__area {
        grid-template-columns:1fr;
        -moz-column-gap: 0;
        column-gap: 0
    }
}

.font-style__regular {
    font-weight: 520;
    transition: all;
    transition-timing-function: cubic-bezier(0.25,.46,.45,.94);
    transition-duration: 100ms
}

.font-style__medium {
    font-weight: 630;
    transition: all;
    transition-timing-function: cubic-bezier(0.25,.46,.45,.94);
    transition-duration: 100ms
}

.font-style__bold {
    font-weight: 690;
    transition: all;
    transition-timing-function: cubic-bezier(0.25,.46,.45,.94);
    transition-duration: 100ms
}

.caption {
    font-weight: 630;
    font-size: 14px;
    letter-spacing: .014em;
    line-height: 1.4;
    color: #676779;
    transition: all;
    transition-timing-function: cubic-bezier(0.25,.46,.45,.94);
    transition-duration: 100ms
}

.subtitle {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 630;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .014em
}

@media(max-width: 600px) {
    .subtitle {
        font-family:"Manrope";
        font-style: normal;
        font-weight: 520;
        font-size: 14px;
        line-height: 1.4;
        letter-spacing: .014em
    }
}

.body-text {
    font-weight: 630;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: .014em;
    margin-bottom: 0;
    text-align: center
}

.help-text {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 520;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .014em
}

.label-text {
    font-family: "Manrope";
    font-weight: 630;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .014em
}

.regular-font {
    font-weight: 520;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: .014em;
    transition: all;
    transition-timing-function: cubic-bezier(0.25,.46,.45,.94);
    transition-duration: 100ms
}

.onclick-link {
    font-weight: 630;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: .014em;
    color: #494fc9;
    text-decoration: underline;
    transition: all;
    transition-timing-function: cubic-bezier(0.25,.46,.45,.94);
    transition-duration: 100ms
}

@media(max-width: 600px) {
    .onboarding-bg {
        background:#fcfcff
    }
}

.gap-extrasmall {
    gap: 8px
}

.gap-small {
    gap: 16px
}

.error-msg {
    display: none;
    color: #e90510
}

.fill {
    background-color: #494fc9 !important
}

.hidden-element {
    visibility: hidden
}

.div-none {
    display: none
}

.div-flex {
    display: flex
}

.div-block {
    display: block
}

.wrap-element {
    flex-wrap: wrap
}

#VerifyMobile {
    width: -moz-max-content;
    width: max-content
}

#VerifyMobile1 {
    margin-top: 10px
}

#Verifypopup .modal-text .btn.primary-button {
    margin-top: 10px
}

.card-big-tag {
    display: flex;
    padding: 8px 14px;
    gap: 12px;
    border: 1px solid #e0e1e6;
    border-radius: 20px;
    text-decoration: none;
    color: #35353f
}

.info-tag {
    display: flex;
    align-items: center;
    padding: 8px 14px;
    gap: 12px;
    border: 1px solid #e0e1e6;
    border-radius: 20px;
    font-weight: 630;
    font-size: 14px;
    letter-spacing: .014em;
    color: #35353f
}

.info-more-btn {
    color: #494fc9;
    font-weight: 630;
    font-size: 15px;
    letter-spacing: .014em;
    text-decoration-line: underline
}

.title-padding {
    padding: 48px 16px 16px 16px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 24px
}

@media(max-width: 600px) {
    .title-padding {
        padding:24px 20px 12px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        height: 120px
    }

    .title-padding .whocare {
        padding: 24px 20px 12px;
        display: flex;
        gap: 24px;
        flex-direction: column
    }
}

.title-color {
    color: #2b2f8f
}

.large-center-sec-padding {
    padding: 0
}

@media(max-width: 600px) {
    .large-center-sec-padding {
        padding:0
    }
}

.medium-center-sec-padding {
    display: grid;
    grid-template-columns: 1fr;
    height: 100%;
    grid-template-rows: 120px auto 1fr;
    padding: 24px 0 0
}

@media(max-width: 600px) {
    .medium-center-sec-padding {
        padding:0;
        display: grid;
        grid-template-columns: 1fr;
        height: 100%;
        grid-template-rows: 120px 1fr auto;
        margin: 0
    }
}

.medium-center-sec-padding-new {
    padding: 0
}

@media(max-width: 600px) {
    .medium-center-sec-padding-new {
        padding:0;
        display: grid;
        grid-template-columns: 1fr;
        height: 100%;
        grid-template-rows: 120px 1fr auto;
        margin: 0
    }
}

.medium-center-sec-padding-new .form__main {
    padding: 16px 20px 0;
    gap: 24px
}

.medium-center-sec-padding-new .title-padding {
    padding: 48px 16px 16px;
    gap: 64px
}

.medium-center-sec-padding-new .title-padding h1.title-color {
    font-weight: 520;
    font-size: 32px;
    line-height: 1.4;
    color: #2b2f8f;
    letter-spacing: .012em
}

.medium-center-sec-padding-new .conditional-experience-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px 20px 0;
    -moz-column-gap: 16px;
    column-gap: 16px;
    row-gap: 24px;
    grid-template-columns: 1fr !important
}

.medium-center-sec-padding-new .conditional-experience-section .list-item {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 0;
    row-gap: 24px;
    -moz-column-gap: 16px;
    column-gap: 16px
}

@media(max-width: 600px) {
    .medium-center-sec-padding-new .conditional-experience-section .list-item {
        row-gap:16px;
        -moz-column-gap: 16px;
        column-gap: 16px
    }
}

.medium-center-sec-padding-new .action-buttons {
    padding: 36px 16px 16px
}

.form__main {
    display: grid;
    gap: 16px;
    padding: 16px 16px 0
}

.form__main .form__body {
    display: grid;
    padding: 0 0 16px;
    gap: 16px
}

.form-control__custom {
    display: grid;
    padding: 15px 8px 15px 16px;
    gap: 16px;
    font-weight: 520 !important;
    font-size: 15px;
    letter-spacing: .014em;
    line-height: 1.4;
    color: #35353f !important;
    font-family: "Manrope"
}

.form-control__custom:disabled {
    background-color: #e0e1e6;
    color: #35353f
}

.form-control__custom:disabled::-moz-placeholder {
    color: #9fa0b0;
    font-weight: 520;
    font-size: 15px;
    letter-spacing: .014em;
    line-height: 1.4;
    color: #9fa0b0
}

.form-control__custom:disabled::placeholder {
    color: #9fa0b0;
    font-weight: 520;
    font-size: 15px;
    letter-spacing: .014em;
    line-height: 1.4;
    color: #9fa0b0
}

label>input[type=checkbox] {
    opacity: 0;
    height: 0;
    width: 0;
    line-height: 0;
    font-size: 0
}

.check-label span {
    line-height: 24px
}

label>input[type=checkbox]+*::before {
    content: "";
    display: inline-block;
    vertical-align: bottom;
    width: 24px;
    height: 24px;
    border: 1px solid #e0e1e6;
    filter: drop-shadow(0px 1px 2px rgba(23,25,74,.05));
    border-radius: 4px;
    box-sizing: border-box
}

label>input[type=checkbox]:checked+*::before {
    content: url(https://www.curamcare.com/themes/curam/assets/css/images/icons/tick-icon.svg);
    color: #fff;
    text-align: center;
    background: #494fc9;
    border-color: #494fc9;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

label>input[type=checkbox]:checked:hover+*::before {
    background: #2b2f8f;
    box-shadow: 0 0 0 1px #d7d8f3
}

label>input[type=checkbox]:checked:focus+*::before {
    background: #494fc9;
    box-shadow: 0 0 0 4px #d7d8f3
}

label>input[type=checkbox]:checked:disabled+*::before {
    background: #494fc9;
    opacity: .5;
    box-shadow: 0 1px 2px rgba(23,25,74,.05)
}

label>input[type=checkbox]:hover+*::before {
    border: 1px solid #a2a5e4;
    box-shadow: 0 0 0 1px #d7d8f3
}

label>input[type=checkbox]:focus+*::before {
    box-shadow: 0 0 0 4px #d7d8f3;
    border: 1px solid #a2a5e4
}

label>input[type=checkbox]:disabled+*::before {
    opacity: .5;
    box-shadow: 0 1px 2px rgba(23,25,74,.05)
}

#job-posting .center-content-area .form__body {
    padding-top: 16px;
    padding-bottom: 16px
}

@media(max-width: 600px) {
    #job-posting .center-content-area .form__body {
        padding-top:0
    }
}

.center-content-area {
    margin: auto;
    width: 100%;
    max-width: 524px;
    grid-column-start: 4;
    grid-column-end: 10;
    display: flex;
    flex-direction: column
}

@media(max-width: 992px) and (min-width:769px) {
    .center-content-area {
        grid-column-start:4;
        grid-column-end: 10
    }
}

@media(max-width: 600px) {
    .center-content-area {
        grid-column-start:1;
        grid-column-end: 13
    }
}

.main-container {
    display: grid;
    grid-template-columns: repeat(12,1fr);
    -moz-column-gap: 32px;
    column-gap: 32px;
    padding: 0 12.5vw
}

@media(max-width: 600px) {
    .main-container {
        padding:0
    }
}

.jobposting-flow {
    height: 100%;
    display: grid;
    overflow: auto
}

@media(max-width: 600px) {
    .jobposting-flow {
        height:100%;
        display: grid;
        overflow: hidden
    }
}

.jobposting-flow .center-content-area {
    max-width: 100%;
    grid-column: 3/11;
    max-height: calc(100vh - 81px)
}

@media(max-width: 600px) {
    .jobposting-flow .center-content-area {
        grid-column:1/13
    }
}

.form__main {
    gap: 16px;
    overflow: auto;
    align-items: flex-start
}

@media(max-width: 600px) {
    .form__main {
        padding:24px 20px 12px;
        gap: 24px;
        height: 100%;
        flex: 1;
        overflow: auto
    }
}

.form__main .form__input-group {
    display: grid;
    gap: 8px;
    align-self: flex-start
}

.form__footer {
    display: grid;
    gap: 16px
}

.form__footer .checkbox-text a {
    color: #494fc9;
    text-decoration: none
}

.form__footer .checkbox-text a:hover {
    color: #2f349d
}

.form__footer .checkbox-text a:focus {
    color: #2f349d
}

.form__footer .checkbox-text a:disabled {
    color: #a2a5e4
}

.form__footer .onboarding-text {
    display: flex;
    font-weight: 630;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: .014em;
    gap: 4px
}

.form__footer .onboarding-text p {
    color: #676779
}

.left-panel {
    display: grid;
    grid-column-start: 1;
    grid-column-end: 4;
    display: none
}

.right-panel {
    display: grid;
    grid-column-end: 13;
    grid-column-start: 10;
    display: none
}

@media(max-width: 600px) {
    .left-panel,.right-panel {
        display:none
    }
}

@keyframes rotation {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}

.next-btn a {
    align-items: center;
    justify-content: center;
    text-decoration: none
}

.whocare {
    display: grid;
    gap: 24px
}

@media(max-width: 600px) {
    .whocare {
        gap:16px;
        align-self: start
    }
}

.whocare .hideradiogroup input {
    width: 0;
    height: 0;
    line-height: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0
}

.whocare .hideradiogroup label {
    display: flex;
    padding: 13px 12px;
    gap: 12px;
    align-items: center;
    width: 100%;
    border-radius: 12px;
    position: relative
}

.whocare .hideradiogroup label span {
    padding: 0;
    flex: 1 1 0;
    font-weight: 520
}

.whocare .hideradiogroup label svg.hoverstate {
    display: none
}

.whocare .hideradiogroup label.active {
    background: #f5f5fb;
    border: 1px solid #a2a5e4;
    box-shadow: 0 1px 2px rgba(23,25,74,.05)
}

.whocare .hideradiogroup label.active span {
    color: #494fc9;
    font-weight: 690
}

.whocare .hideradiogroup label.active svg.hoverstate {
    display: block
}

.whocare .hideradiogroup label.active svg.normalstate {
    display: none
}

.whocare .hideradiogroup label.active svg.hoverchange rect {
    fill: #494fc9
}

.whocare .hideradiogroup label.active:hover {
    background: #ecedf9;
    border: 1px solid #a2a5e4;
    box-shadow: 0 0 0 1px #d7d8f3
}

.whocare .hideradiogroup label.active:focus {
    background: #f5f5fb;
    border: 1px solid #a2a5e4;
    box-shadow: 0 0 0 4px #d7d8f3
}

.whocare.answer__selection .radiobtn {
    display: grid;
    gap: 24px;
    grid-template-columns: 1fr 1fr
}

@media only screen and (orientation: landscape) {
    .curam-onboarding-form #job-posting .form__main {
        overflow:unset
    }

    .curam-onboarding-form .jobposting-container.jobposting-flow .form__main {
        overflow: unset
    }
}

@media(max-width: 991.98px) {
    .whocare.answer__selection .radiobtn {
        display:grid;
        grid-template-columns: 1fr;
        gap: 16px
    }
}

.whocare .divider {
    border: 1px solid #e0e1e6;
    position: relative;
    overflow: visible;
    max-height: 1px
}

.whocare .divider::after {
    content: "or";
    position: absolute;
    text-align: center;
    margin: auto;
    color: black;
    top: -13px;
    left: 0;
    right: 0;
    background: #fff;
    max-width: 50px;
    color: #8a8b9f;
    font-weight: 630;
    font-size: 15px;
    letter-spacing: .014em
}

.conditional-experience-section {
    display: flex;
    flex-wrap: wrap;
    padding: 16px 20px 0;
    gap: 24px
}

.conditional-experience-section .answer-item {
    display: flex;
    cursor: pointer
}

.conditional-experience-section .answer-item input[type=checkbox] {
    height: 0;
    line-height: 0;
    font-size: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    width: 0
}

.conditional-experience-section .answer-item input:hover+label {
    border: 1px solid #a2a5e4;
    font-weight: 690
}

.conditional-experience-section .answer-item input:checked+label {
    background: #f5f5fb;
    box-shadow: 0 1px 2px rgba(23,25,74,.05);
    border: 1px solid #a2a5e4
}

.conditional-experience-section .answer-item input:checked+label span {
    color: #494fc9;
    font-weight: 690
}

.conditional-experience-section .answer-item input:checked+label .minus-icon {
    display: block
}

.conditional-experience-section .answer-item input:checked+label .plus-icon {
    display: none
}

.conditional-experience-section .answer-item label {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 15px 12px;
    background: #fff;
    border: 1px solid #e0e1e6;
    box-shadow: 0 1px 2px rgba(23,25,74,.05);
    border-radius: 12px
}

.conditional-experience-section .answer-item label svg,.conditional-experience-section .answer-item label img.icon {
    width: 12px;
    height: 12px
}

.conditional-experience-section .answer-item label .minus-icon {
    display: none
}

.conditional-experience-section .answer-item label span {
    color: #676779;
    white-space: nowrap
}

.conditional-experience-section .answer-item .other-experience {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 15px 12px;
    background: #fff;
    border: 1px solid #e0e1e6;
    box-shadow: 0 1px 2px rgba(23,25,74,.05);
    border-radius: 12px
}

.conditional-experience-section .answer-item .other-experience svg {
    width: 10px;
    height: 10px
}

.conditional-experience-section .answer-item .other-experience input {
    width: auto;
    visibility: visible;
    border: 0;
    font-size: 15px;
    letter-spacing: .014em;
    line-height: 1.4;
    font-weight: 520;
    color: #676779;
    font-family: "Manrope"
}

.conditional-experience-section .answer-item .other-experience input::-moz-placeholder {
    color: #676779;
    font-weight: 520;
    font-family: "Manrope"
}

.conditional-experience-section .answer-item .other-experience input::placeholder {
    color: #676779;
    font-weight: 520;
    font-family: "Manrope"
}

.conditional-experience-section .answer-item .other-experience input:active,.conditional-experience-section .answer-item .other-experience input:focus {
    border: 0;
    outline: 0
}

.divider__or {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 630;
    font-size: 15px;
    letter-spacing: .014em;
    line-height: 1.4;
    color: #8a8b9f
}

.divider__or:after {
    width: 100%;
    height: 1px;
    background-color: #e0e1e6;
    content: ""
}

.divider__or:before {
    width: 100%;
    height: 1px;
    background-color: #e0e1e6;
    content: ""
}

.answer__selection .radiobtn {
    gap: 24px;
    grid-template-columns: 1fr 1fr
}

@media(max-width: 600px) {
    .answer__selection .radiobtn {
        grid-template-columns:1fr
    }
}

.answer__selection label {
    display: flex;
    gap: 12px;
    padding: 14px 12px;
    align-items: center;
    width: 100%
}

.answer__selection label span {
    flex: 1 1 0
}

.answer__selection .empty-field {
    border: 1px solid #e0e1e6;
    box-shadow: 0 1px 2px rgba(23,25,74,.05);
    border-radius: 12px;
    outline: 0
}

.answer__selection .empty-field:hover {
    border: 1px solid #a2a5e4;
    box-shadow: 0 0 0 1px #d7d8f3
}

.answer__selection .empty-field:focus,.answer__selection .empty-field:focus-within {
    border: 1px solid #a2a5e4;
    box-shadow: 0 0 0 4px #d7d8f3
}

.answer__selection .empty-field.active {
    background: #f5f5fb;
    border: 1px solid #a2a5e4;
    box-shadow: 0 0 0 1px #d7d8f3
}

.field__input-group {
    display: grid;
    padding: 0;
    gap: 8px
}

.field__input-group .otp__field-group {
    display: flex;
    gap: 28px;
    justify-content: space-between
}

.field__input-group .otp__field-group .field-control {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 520;
    font-size: 32px;
    letter-spacing: .012em;
    line-height: 1.4;
    color: #35353f;
    text-align: center;
    outline: 0;
    height: 75px;
    width: 91px
}

.field__input-group .otp__field-group .field-control::-webkit-outer-spin-button,.field__input-group .otp__field-group .field-control::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0
}

@media(max-width: 600px) {
    .field__input-group .otp__field-group .field-control {
        height:60px;
        width: 62.75px;
        padding: 0
    }
}

.field-label {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 630;
    font-size: 14px;
    line-height: 1.4;
    color: #35353f;
    letter-spacing: .014em
}

.field-control {
    display: grid;
    padding: 15px 16px;
    gap: 16px;
    border: 1px solid #e0e1e6;
    box-shadow: 0 1px 2px rgba(23,25,74,.05);
    border-radius: 12px;
    font-family: "Manrope";
    font-weight: 520;
    font-size: 15px;
    letter-spacing: .014em;
    line-height: 1.4;
    color: #35353f;
    width: 100%;
    outline: 0
}

.field-control:hover {
    border: 1px solid #a2a5e4;
    box-shadow: 0 0 0 1px #d7d8f3;
    -webkit-appearance: none
}

.field-control:focus {
    border: 1px solid #a2a5e4;
    box-shadow: 0 0 0 4px #d7d8f3;
    -webkit-appearance: none
}

.field-control:disabled {
    background: #e0e1e6;
    border: 1px solid #e0e1e6;
    box-shadow: 0 0 0 2px #d7d8f3;
    -webkit-appearance: none
}

.medium-center-sec-padding-new .form__body {
    padding: 0
}

@media(min-width: 600px) {
    .center-content-area.medium-center-sec-padding.no-footer {
        grid-template-rows:120px 1fr
    }

    .center-content-area.medium-center-sec-padding.no-footer .form__main {
        min-height: 400px
    }

    .center-content-area.medium-center-sec-padding.no-footer .action-buttons {
        display: none
    }
}

.no-footer .form__body {
    align-content: start;
    gap: 32px
}

.no-footer a#nextBtn2 {
    height: auto;
    align-self: flex-start;
    justify-self: flex-end;
    justify-content: flex-end;
    flex-basis: fit-content;
    width: auto;
    text-decoration: none
}

@media(max-width: 600px) {
    .no-footer a#nextBtn2 {
        display:none !important
    }
}

.span-label-field span.prefix-text {
    border-right: 0
}

.span-label-field:focus span,.span-label-field:focus-within span {
    border-color: #a2a5e4;
    background: #ecedf9
}

@media(max-width: 600px) {
    body[data-step="get-started-step"] .backarrow-mob {
        display:none
    }

    body[data-step="get-started-step"] a[aria-label="Curam Care Logo"] {
        display: block
    }

    body[data-step="get-started-step"] .logo-desktop {
        display: block;
        height: 24px;
        width: auto
    }
}

.action-buttons.fullwidth {
    padding: 0;
    text-align: center;
    display: flex;
    flex-direction: column
}

main.scroll {
    overflow: auto
}

@media(max-width: 600px) {
    main.scroll {
        overflow-x:hidden
    }

    main.scroll.user-profile-page-main,main.scroll.invited-carers__list-main {
        display: flex;
        flex-direction: column
    }
}

.newuser-sigupflow__container {
    display: grid;
    padding-top: 32px;
    padding-bottom: 24px;
    padding-left: 12.5vw;
    padding-right: 12.5vw;
    width: 100%
}

@media(min-width: 1600px) {
    .newuser-sigupflow__container {
        max-width:1440px;
        margin: auto;
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .newuser-sigupflow__container {
        padding-left:56px;
        padding-right: 56px
    }
}

@media(max-width: 600px) {
    .newuser-sigupflow__container {
        padding:0
    }
}

.notification-button {
    position: relative
}

.badge {
    width: 18px;
    height: 18px;
    display: flex;
    position: absolute;
    top: 0;
    right: auto;
    left: 39px;
    background-color: #494fc9;
    border-radius: 50px;
    color: #fff;
    text-align: center;
    font-family: "Manrope";
    font-style: normal;
    font-weight: 520;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .014em;
    align-items: center;
    justify-content: center
}

@media(max-width: 600px) {
    .badge {
        display:none
    }
}

section#congratulations__banner-section {
    background-color: #fcfcff
}

section#congratulations__banner-section .congratulations-banner__main {
    display: grid;
    justify-items: center;
    text-align: center;
    padding: 44px 0;
    gap: 12px;
    background-color: #494fc9;
    border-radius: 12px;
    color: #fcfcff;
    background-image: url(https://www.curamcare.com/themes/curam/assets/css/res/section/congratulations-banner-bg.png);
    background-repeat: repeat;
    background-position: center;
    isolation: isolate
}

@media(max-width: 600px) {
    section#congratulations__banner-section .congratulations-banner__main {
        border-radius:0
    }
}

section#congratulations__banner-section .congratulations-banner__main h1 {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 690;
    font-size: 24px;
    line-height: 1.4;
    letter-spacing: .012em
}

section#congratulations__banner-section .congratulations-banner__main .congratulations-banner__text-group {
    display: grid;
    padding: 12px 20px 0;
    gap: 8px
}

#onboarding-cards-section {
    background-color: #fcfcff
}

@media(max-width: 600px) {
    #onboarding-cards-section {
        background-color:#fff
    }
}

#onboarding-cards-section a {
    text-decoration: none
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    #onboarding-cards-section .onboarding-cards-wrap {
        grid-template-columns:repeat(12,1fr);
        gap: 32px
    }
}

#onboarding-cards-section .onboarding-cards-wrap .what-nect-card__tracker-group .check-content .check-content-icon {
    background-color: #494fc9
}

.onboarding-cards-wrap {
    grid-template-columns: repeat(12,1fr);
    gap: 32px;
    grid-template-rows: auto auto
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .onboarding-cards-wrap {
        grid-template-columns:1fr;
        gap: 0;
        padding-left: 56px;
        padding-right: 56px
    }
}

@media(max-width: 600px) {
    .onboarding-cards-wrap {
        grid-template-columns:1fr;
        gap: 0
    }
}

@media(min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    .onboarding-cards-wrap {
        grid-template-columns:1fr;
        gap: 0;
        padding: 0
    }
}

@media(min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    .main-client-dashboard #carer-card-list-section .newuser-sigupflow__container.onboarding-cards-wrap {
        grid-template-columns:repeat(12,1fr)
    }

    .carer-managment__edit-job #carer-card-list-section .onboarding-cards-wrap.modify-job-card-wrap {
        grid-template-columns: repeat(12,1fr)
    }

    .carer-managment__edit-job #carer-card-list-section .onboarding-cards-wrap.modify-job-card-wrap .carer-card-list__filters {
        padding-right: 20px
    }
}

.onboarding-cards-wrap .onboarding-cards__what-next-card {
    display: grid;
    padding: 24px 16px;
    gap: 32px;
    border: 1px solid #d7d8f3;
    border-radius: 12px;
    grid-column: 1/5;
    grid-row: span 2
}

@media(max-width: 600px) {
    .onboarding-cards-wrap .onboarding-cards__what-next-card {
        order:2;
        border: 0;
        padding: 32px 20px 24px;
        gap: 20px;
        grid-column: 1/13
    }
}

.onboarding-cards-wrap .onboarding-cards__what-next-card h2 {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 690;
    font-size: 20px;
    line-height: 1.4;
    color: #676779;
    letter-spacing: .012em
}

.onboarding-cards-wrap .what-nect-card__tracker-group {
    display: grid;
    gap: 1px
}

.onboarding-cards-wrap .what-nect-card__tracker-group .check-content {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 8px;
    position: relative;
    padding-bottom: 50px
}

@media(max-width: 600px) {
    .onboarding-cards-wrap .what-nect-card__tracker-group .check-content {
        padding-bottom:39px
    }

    .onboarding-cards-wrap .what-nect-card__tracker-group .check-content:last-child {
        padding-bottom: 0
    }
}

.onboarding-cards-wrap .what-nect-card__tracker-group .check-content:not(:last-child):after {
    content: "";
    position: absolute;
    width: 100%;
    height: 39px;
    border-left: 3px solid #bec0ec;
    left: 20px;
    top: 64px
}

@media(min-width: 600px) and (max-width:1194px) and (orientation:landscape) {
    .onboarding-cards-wrap .what-nect-card__tracker-group .check-content:not(:last-child):after {
        top:calc(50% + 5px);
        height: 60%
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .onboarding-cards-wrap .what-nect-card__tracker-group .check-content:not(:last-child):after {
        top:calc(50% + 5px);
        height: 60%
    }
}

.onboarding-cards-wrap .what-nect-card__tracker-group .check-content .check-content-icon {
    display: flex;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    background-color: #2f349d;
    align-items: center;
    justify-content: center
}

.onboarding-cards-wrap .what-nect-card__tracker-group .check-content .check-content-text {
    display: grid;
    gap: 4px
}

.onboarding-cards-wrap .what-nect-card__tracker-group .check-content .check-content-text .caption {
    font-weight: 690;
    color: #35353f;
    text-transform: uppercase
}

@media(max-width: 600px) {
    .onboarding-cards-wrap .what-nect-card__tracker-group .check-content .check-content-text .caption {
        max-width:250px
    }
}

.onboarding-cards-wrap .what-nect-card__tracker-group .check-content .check-content-text .help-text {
    color: #676779
}

@media(max-width: 600px) {
    .onboarding-cards-wrap .what-nect-card__tracker-group .check-content .check-content-text .help-text {
        max-width:250px
    }
}

.onboarding-cards-wrap .onboarding-cards__advertise-rate-card {
    background: #f5f5fb;
    border: 1px solid #d7d8f3;
    box-shadow: 0 4px 8px rgba(23,25,74,.05);
    border-radius: 12px;
    display: grid;
    grid-column: 5/13
}

@media(max-width: 600px) {
    .onboarding-cards-wrap .onboarding-cards__advertise-rate-card {
        border:0;
        border-radius: 0;
        background: #f5f5fb;
        box-shadow: none;
        grid-row: 1
    }
}

.onboarding-cards-wrap .onboarding-cards__advertise-rate-card h2 {
    padding: 24px 16px 8px;
    gap: 24px;
    display: grid;
    font-family: "Manrope";
    font-style: normal;
    font-weight: 690;
    font-size: 20px;
    line-height: 1.4;
    color: #262b82;
    letter-spacing: .012em
}

@media(max-width: 600px) {
    .onboarding-cards-wrap .onboarding-cards__advertise-rate-card h2 {
        padding:24px 20px 8px
    }
}

.onboarding-cards-wrap .onboarding-cards__advertise-rate-card .advertise-rate-card__content {
    display: grid;
    padding: 8px 16px 32px;
    gap: 24px
}

@media(max-width: 600px) {
    .onboarding-cards-wrap .onboarding-cards__advertise-rate-card .advertise-rate-card__content {
        padding:8px 20px 24px;
        gap: 32px
    }
}

.onboarding-cards-wrap .onboarding-cards__advertise-rate-card .advertise-rate-card__content p.subtitle {
    color: #676779;
    font-weight: 520;
    font-size: 15px;
    letter-spacing: .014em
}

.onboarding-cards-wrap .onboarding-cards__advertise-rate-card .advertise-rate-card__content p.subtitle span {
    color: #35353f;
    font-weight: 690
}

.onboarding-cards-wrap .onboarding-cards__advertise-rate-card .advertise-rate-card__content .advertised-rate-card__content-info-group {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px
}

.onboarding-cards-wrap .onboarding-cards__advertise-rate-card .advertise-rate-card__content .advertised-rate-card__content-info-group .advertised-rate-card__content-info-item {
    display: flex;
    align-items: center;
    gap: 12px
}

@media(max-width: 600px) {
    .onboarding-cards-wrap .onboarding-cards__advertise-rate-card .advertise-rate-card__content .advertised-rate-card__content-info-group .advertised-rate-card__content-info-item {
        flex-wrap:wrap
    }
}

.onboarding-cards-wrap .onboarding-cards__advertise-rate-card .advertise-rate-card__content .advertised-rate-card__content-info-group .advertised-rate-card__content-info-item span.help-text {
    color: #676779
}

.onboarding-cards-wrap .onboarding-cards__advertise-rate-card .advertise-rate-card__content .rate-btn {
    display: grid;
    width: -moz-fit-content;
    width: fit-content
}

.onboarding-cards-wrap .onboarding-cards__advertise-rate-card .advertise-rate-card__content .rate-btn a.btn {
    font-weight: 690;
    font-size: 15px;
    letter-spacing: .014em;
    padding: 15px 24px
}

@media(max-width: 600px) {
    .onboarding-cards-wrap .onboarding-cards__advertise-rate-card .advertise-rate-card__content .rate-btn a.btn {
        background-color:transparent !important;
        display: flex;
        align-items: center;
        color: #494fc9;
        padding-left: 0
    }
}

.onboarding-cards-wrap .onboarding-cards__advertise-rate-card .advertise-rate-card__content .rate-btn a.btn svg {
    display: none
}

@media(max-width: 600px) {
    .onboarding-cards-wrap .onboarding-cards__advertise-rate-card .advertise-rate-card__content .rate-btn a.btn svg {
        display:block
    }
}

.onboarding-cards-wrap .onboarding-cards__specific-req-card {
    grid-column: 5/13;
    grid-row: 2
}

@media(max-width: 600px) {
    .onboarding-cards-wrap .onboarding-cards__specific-req-card {
        padding:24px 20px 20px;
        gap: 16px;
        display: grid;
        order: 3
    }
}

.onboarding-cards-wrap .onboarding-cards__specific-req-card .onboarding-cards__specific-req-wrapper {
    border: 1px solid #d7d8f3;
    box-shadow: 0 4px 8px rgba(23,25,74,.05);
    border-radius: 12px;
    display: grid;
    background-color: #fff
}

.onboarding-cards-wrap .onboarding-cards__specific-req-card .onboarding-cards__specific-req-wrapper h2.specific-req-card__title {
    display: grid;
    padding: 24px 16px 12px;
    gap: 10px;
    color: #676779;
    font-weight: 690;
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: .012em
}

@media(max-width: 600px) {
    .onboarding-cards-wrap .onboarding-cards__specific-req-card .onboarding-cards__specific-req-wrapper h2.specific-req-card__title {
        color:#262b82
    }
}

.onboarding-cards-wrap .onboarding-cards__specific-req-card .onboarding-cards__specific-req-wrapper .specific-req-card__content {
    padding: 16px;
    gap: 24px;
    display: grid;
    grid-template-columns: 1fr 1fr
}

@media(max-width: 600px) {
    .onboarding-cards-wrap .onboarding-cards__specific-req-card .onboarding-cards__specific-req-wrapper .specific-req-card__content {
        grid-template-columns:1fr
    }
}

.onboarding-cards-wrap .onboarding-cards__specific-req-card .onboarding-cards__specific-req-wrapper .specific-req-card__content button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px
}

@media(max-width: 600px) {
    .onboarding-cards-wrap .onboarding-cards__specific-req-card .onboarding-cards__specific-req-wrapper .specific-req-card__content button {
        padding:14px 12px;
        background: #f5f5fb;
        border: 1px solid #ecedf9 !important;
        box-shadow: 0 1px 2px rgba(23,25,74,.05);
        border-radius: 12px;
        color: #35353f;
        justify-content: space-between;
        font-weight: 520;
        font-size: 15px;
        line-height: 1.4;
        letter-spacing: .014em
    }
}

@media(max-width: 600px) {
    .onboarding-cards-wrap .onboarding-cards__specific-req-card .onboarding-cards__specific-req-wrapper .specific-req-card__content button svg.desktop {
        display:none
    }
}

.onboarding-cards-wrap .onboarding-cards__specific-req-card .onboarding-cards__specific-req-wrapper .specific-req-card__content button svg.mobile-only {
    display: none
}

@media(max-width: 600px) {
    .onboarding-cards-wrap .onboarding-cards__specific-req-card .onboarding-cards__specific-req-wrapper .specific-req-card__content button svg.mobile-only {
        display:block
    }
}

.checkbox-group__text.label-text {
    color: #35353f
}

.filter-type__option-item input[type=checkbox]:checked~.checkbox-label .checkbox-group__text.label-text {
    color: #2b2f8f
}

@media(max-width: 600px) {
    section#carer-card-list-section .cards-list__items-card-notification .notification-content .input-feild-email-wrapper {
        width:100%
    }
}

@media(max-width: 600px) {
    section#carer-card-list-section .cards-list__items-card-notification .notification-content .input-feild-email-wrapper .input__field-wrapper.other__input {
        width:100%;
        padding: 16px;
        display: none
    }
}

@media(max-width: 600px) {
    section#carer-card-list-section .right-contentbar .input__field-wrapper.other__input,#postcode-popup .input__field-wrapper.other__input {
        background:#fff;
        padding: 8px 16px;
        gap: 16px;
        align-items: center
    }

    section#carer-card-list-section .right-contentbar .input__field-wrapper.other__input .prefix-img,#postcode-popup .input__field-wrapper.other__input .prefix-img {
        padding: 0
    }

    section#carer-card-list-section .right-contentbar .input__field-wrapper.other__input svg,#postcode-popup .input__field-wrapper.other__input svg {
        width: 20px;
        height: 20px
    }

    section#carer-card-list-section .right-contentbar .input__field-wrapper.other__input .form-control__custom,#postcode-popup .input__field-wrapper.other__input .form-control__custom {
        padding: 0;
        border-radius: 0
    }

    section#carer-card-list-section .right-contentbar .input__field-wrapper.other__input .postfix-img,#postcode-popup .input__field-wrapper.other__input .postfix-img {
        padding: 8px;
        gap: 8px;
        background: #ecedf9;
        border-radius: 50px
    }

    section#carer-card-list-section .right-contentbar a#postcodeconfirmBtn,#postcode-popup a#postcodeconfirmBtn {
        color: white;
        text-decoration: none;
        text-align: center;
        justify-content: center
    }
}

section#carer-card-list-section {
    background-color: #fcfcff
}

@media(max-width: 600px) {
    section#carer-card-list-section {
        background-color:#fff
    }
}

section#carer-card-list-section .onboarding-cards-wrap {
    padding-bottom: 35px
}

section#carer-card-list-section .onboarding-cards-wrap.modify-job-card-wrap {
    padding-bottom: 0;
    row-gap: 0
}

@media(max-width: 600px) {
    section#carer-card-list-section .onboarding-cards-wrap.modify-job-card-wrap .left-sidebar.carer-card-list__filters {
        width:100%;
        display: block;
        height: auto;
        position: relative;
        margin: 0;
        padding: 0 20px !important
    }
}

section#carer-card-list-section .onboarding-cards-wrap.modify-job-card-wrap .left-sidebar.carer-card-list__filters .job-summary__header {
    padding: 8px 0
}

@media(max-width: 600px) {
    section#carer-card-list-section .onboarding-cards-wrap.modify-job-card-wrap .left-sidebar.carer-card-list__filters .job-summary__header {
        padding:4px 0 0
    }

    section#carer-card-list-section .onboarding-cards-wrap.modify-job-card-wrap .left-sidebar.carer-card-list__filters .job-summary__header svg {
        height: 24px;
        width: 24px
    }
}

@media(max-width: 600px) {
    section#carer-card-list-section .onboarding-cards-wrap.modify-job-card-wrap .left-sidebar.carer-card-list__filters .job-summary__header .job-summary__header-title {
        gap:16px
    }
}

@media(max-width: 600px) {
    section#carer-card-list-section .onboarding-cards-wrap.modify-job-card-wrap .right-contentbar {
        padding-left:20px;
        padding-right: 20px;
        margin-top: 24px;
        gap: 16px;
        padding-bottom: 24px
    }
}

section#carer-card-list-section .carer-card-list__filters {
    grid-column: 1/5;
    position: sticky;
    top: 0;
    bottom: 0;
    overflow: auto;
    height: calc(100vh - 80px);
    padding: 0 0 16px
}

section#carer-card-list-section .carer-card-list__filters.advertised-rate-card__sticky {
    top: 30px
}

section#carer-card-list-section .carer-card-list__filters.left-sidebar {
    padding-left: 4px;
    width: calc(100% + 4px);
    margin-left: -4px;
    padding-right: 4px
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    section#carer-card-list-section .carer-card-list__filters.left-sidebar {
        width:100%;
        margin-left: 0
    }
}

@media(max-width: 600px) {
    section#carer-card-list-section .carer-card-list__filters.left-sidebar {
        width:100%;
        margin-left: 0;
        padding: 0 15px
    }
}

section#carer-card-list-section .carer-card-list__filters .apply-filters-btn {
    padding: 8px 0 32px;
    gap: 32px;
    display: grid;
    bottom: 0;
    background-color: #fcfcff;
    z-index: 1
}

section#carer-card-list-section .carer-card-list__filters .apply-filters-btn .carer-filter-btn-web {
    width: 100%
}

@media(max-width: 600px) {
    section#carer-card-list-section .carer-card-list__filters {
        display:none
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    section#carer-card-list-section .carer-card-list__filters {
        display:none
    }
}

section#carer-card-list-section .carer-card-list__filters p.caption {
    padding: 8px 0
}

section#carer-card-list-section .carer-card-list__filters .form__input-group {
    gap: 12px;
    display: grid
}

section#carer-card-list-section .carer-card-list__filters #interests-field,section#carer-card-list-section .carer-card-list__filters #language-field,section#carer-card-list-section .carer-card-list__filters #conditional-experience-field {
    height: 52px
}

section#carer-card-list-section .carer-card-list__filters ul.dropdown-menu {
    border-radius: 12px
}

section#carer-card-list-section .carer-card-list__filters .filter-type.carer-preference label {
    font-size: 15px;
    font-weight: 630;
    letter-spacing: .014em
}

section#carer-card-list-section .carer-card-list__filters .filter-type.carer-preference .radio-item-group .radio-item>input[type=radio]+*::before {
    border: 1px solid #9fa0b0
}

section#carer-card-list-section .carer-card-list__filters .filter-type.carer-preference .radio-item-group .radio-item>input[type=radio]:checked+label {
    font-size: 15px;
    font-weight: 690;
    letter-spacing: .014em
}

section#carer-card-list-section .carer-card-list__filters .postcode-search__form-input {
    border-bottom: 1px solid #e0e1e6;
    padding: 24px 0
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    section#carer-card-list-section .carer-card-list__filters .postcode-search__form-input {
        padding:0 0 24px 0
    }
}

@media(max-width: 600px) {
    section#carer-card-list-section .carer-card-list__filters .postcode-search__form-input {
        padding:0 0 24px 0
    }
}

section#carer-card-list-section .carer-card-list__filters .postcode-search__form-input .input__field-wrapper.other__input {
    background: #fff;
    padding: 8px 16px;
    gap: 16px;
    align-items: center
}

section#carer-card-list-section .carer-card-list__filters .postcode-search__form-input .input__field-wrapper.other__input .prefix-img {
    padding: 0;
    align-items: center;
    align-self: center
}

section#carer-card-list-section .carer-card-list__filters .postcode-search__form-input .input__field-wrapper.other__input svg {
    width: 20px;
    height: 20px
}

section#carer-card-list-section .carer-card-list__filters .postcode-search__form-input .input__field-wrapper.other__input .form-control__custom {
    padding: 0;
    border-radius: 0
}

section#carer-card-list-section .carer-card-list__filters .postcode-search__form-input .input__field-wrapper.other__input .postfix-img {
    padding: 8px;
    gap: 8px;
    background: #ecedf9;
    border-radius: 50px
}

section#carer-card-list-section .carer-card-list__filters .filter-type {
    display: grid;
    padding: 16px 0 24px;
    border-bottom: 1px solid #e0e1e6
}

section#carer-card-list-section .carer-card-list__filters .filter-type.help-required .caption {
    margin-bottom: 15px
}

section#carer-card-list-section .carer-card-list__filters .filter-type .filter-type__option-items-group .filter-type__option-item {
    padding: 12px 0;
    gap: 16px;
    display: grid
}

section#carer-card-list-section .carer-card-list__filters .filter-type__toggle {
    display: grid;
    padding: 16px 0 12px;
    gap: 24px
}

section#carer-card-list-section .carer-card-list__filters .filter-type__toggle-group {
    display: grid;
    grid-template-columns: 1fr auto;
    padding: 12px 16px;
    gap: 16px;
    background: #f5f5fb;
    border: 1px solid #ecedf9;
    border-radius: 12px;
    align-items: center
}

section#carer-card-list-section .carer-card-list__filters .filter-type__toggle-group p {
    color: #35353f
}

section#carer-card-list-section .carer-card-list__filters .conditional-experience,section#carer-card-list-section .carer-card-list__filters .carer-preference {
    display: grid;
    gap: 8px
}

section#carer-card-list-section .carer-card-list__filters .conditional-experience .caption,section#carer-card-list-section .carer-card-list__filters .carer-preference .caption {
    padding: 0
}

section#carer-card-list-section .carer-card-list__filters .filter-type.help-required .caption {
    padding: 0
}

section#carer-card-list-section .carer-card-list__filters .filter-type.help-required label.checkbox-label {
    padding-left: 40px
}

.carer-card-list__cards-list-header-tag {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    padding: 4px 0
}

@media(max-width: 600px) {
    .carer-card-list__cards-list-header-tag {
        padding:12px 16px !important
    }
}

.carer-card-list__cards-list-header-tag a {
    text-decoration: none
}

.carer-card-list__cards-list-header-tag a.filter-tag-text {
    display: flex;
    padding: 8px 12px;
    gap: 8px;
    background: #fff;
    border-radius: 12px;
    color: #35353f;
    align-items: center
}

@media(max-width: 600px) {
    .carer-card-list__cards-list-header-tag a.filter-tag-text {
        padding:8px
    }
}

.carer-card-list__cards-list-header-tag a.filter-tag-text[data-state=active] {
    background: #ecedf9;
    color: #494fc9
}

.carer-card-list__cards-list-header-tag a.filter-tag-text[data-state=active] svg.unselected {
    display: none
}

.carer-card-list__cards-list-header-tag a.filter-tag-text[data-state=active] svg.selected {
    display: block
}

.carer-card-list__cards-list-header-tag a svg.selected {
    display: none
}

.carer-card-list__cards-list-header-tag a:hover {
    box-shadow: 0 1px 2px rgba(23,25,74,.05)
}

.carer-card-list__cards-list-header-tag a:focus {
    box-shadow: 0 0 0 4px #e0e1e6
}

.carer-card-list__cards-list-header-tag a[disabled] {
    background: #e0e1e6
}

.carer-card-list__cards-list {
    display: flex;
    flex-direction: column;
    gap: 32px;
    grid-column: 5/13
}

@media(max-width: 600px) {
    .carer-card-list__cards-list {
        gap:0
    }

    .carer-card-list__cards-list.responsivefullwidth {
        grid-column: 1/13
    }

    .carer-card-list__cards-list.responsivefullwidth .carer-card-list__cards-list-header-items {
        min-height: 480px
    }
}

@media(min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    .carer-card-list__cards-list {
        gap:0
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .carer-card-list__cards-list {
        grid-column:1/13
    }
}

.carer-card-list__cards-list .mobile-banner {
    display: none;
    padding: 24px 20px 16px;
    gap: 12px;
    background: linear-gradient(180deg,rgba(93,98,205,.21) 0,rgba(245,245,251,0) 100%);
    flex-direction: column
}

@media(max-width: 600px) {
    .carer-card-list__cards-list .mobile-banner {
        display:flex
    }
}

@media(min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    .carer-card-list__cards-list .mobile-banner {
        display:flex
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .carer-card-list__cards-list .mobile-banner {
        display:flex
    }
}

.carer-card-list__cards-list .mobile-banner .mobile-banner__title {
    font-weight: 690;
    font-size: 24px;
    line-height: 1.4;
    letter-spacing: .012em;
    color: #35353f
}

.carer-card-list__cards-list .mobile-banner .mobile-banner__title span {
    color: #2f349d
}

.carer-card-list__cards-list .mobile-banner .mobile-banner__search-result {
    color: #676779
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .carer-card-list__cards-list .mobile-banner .mobile-banner__search-result {
        display:none
    }
}

.carer-card-list__cards-list .carer-card-list__cards-list-header-tag {
    padding: 8px 16px;
    gap: 8px;
    display: none
}

@media(max-width: 600px) {
    .carer-card-list__cards-list .carer-card-list__cards-list-header-tag {
        order:0
    }
}

.client_dashboard .carer-card-list__cards-list .carer-card-list__cards-list-header-items .cards-list__items-card .carer-cond-exp {
    padding: 0 15px
}

.client_dashboard .newuser-sigupflow__container .carer-card-list__cards-list-header-items.carers-list>div.load-more-btn {
    justify-content: center
}

.client_dashboard .carer-card-list__cards-list .carer-card-list__cards-list-header-items .cards-list__items-card .carer-cond-exp .carer-card-bubble.info-tag {
    border-radius: 20px;
    padding: 6px 12px
}

.client_dashboard .carer-card-list__cards-list .carer-card-list__cards-list-header-items .cards-list__items-card .carer-cond-exp .carer-card-bubble.info-tag.active {
    border-color: #494fc9;
    background-color: #ecedf9
}

.carer-card-list__cards-list .carer-card-list__cards-list-header {
    display: grid;
    gap: 8px
}

@media screen and (min-width: 748px) {
    .carer-card-list__cards-list .carer-card-list__cards-list-header {
        display:none
    }
}

@media(min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    .carer-card-list__cards-list .carer-card-list__cards-list-header {
        padding:12px 20px;
        gap: 12px
    }
}

.carer-card-list__cards-list .carer-card-list__cards-list-header .carer-card-list__cards-list-header-info-tag-row {
    display: flex;
    padding: 0;
    gap: 8px
}

@media(max-width: 600px) {
    .carer-card-list__cards-list .carer-card-list__cards-list-header .carer-card-list__cards-list-header-info-tag-row {
        padding:16px 20px
    }
}

.carer-card-list__cards-list .carer-card-list__cards-list-header .carer-card-list__cards-list-header-info-tag-row .label-text {
    padding: 8px 12px;
    gap: 12px;
    border: 1px solid #9fa0b0;
    border-radius: 12px;
    text-decoration: none;
    color: #35353f;
    background-color: #fff
}

.carer-card-list__cards-list .carer-card-list__cards-list-header .carer-card-list__cards-list-header-info-tag-row .label-text[data-state=active] {
    background: #ecedf9;
    color: #494fc9;
    border-color: #ecedf9
}

@media(max-width: 600px) {
    .carer-card-list__cards-list .carer-card-list__cards-list-header {
        gap:0
    }
}

.carer-card-list__cards-list .carer-card-list__cards-list-header .carer-card-list__cards-list-header-info {
    display: grid;
    padding: 8px 0 16px;
    gap: 16px
}

@media(max-width: 600px) {
    .carer-card-list__cards-list .carer-card-list__cards-list-header .carer-card-list__cards-list-header-info {
        padding:16px 16px 16px 20px
    }
}

@media(min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    .carer-card-list__cards-list .carer-card-list__cards-list-header .carer-card-list__cards-list-header-info {
        padding:0
    }
}

.carer-card-list__cards-list .carer-card-list__cards-list-header .carer-card-list__cards-list-header-info .carer-card-list__cards-list-title {
    font-weight: 690;
    font-size: 17px;
    color: #35353f;
    letter-spacing: .012em;
    line-height: 1.4
}

.carer-card-list__cards-list .carer-card-list__cards-list-header .right-sidebar-filters {
    display: none;
    grid-template-columns: 1fr auto;
    align-items: center;
    padding: 16px 20px;
    gap: 10px
}

@media screen and (max-width: 980px) {
    .carer-card-list__cards-list .carer-card-list__cards-list-header .right-sidebar-filters {
        margin-bottom:15px
    }
}

@media(max-width: 600px) {
    .carer-card-list__cards-list .carer-card-list__cards-list-header .right-sidebar-filters {
        display:grid;
        padding: 12px 20px
    }
}

.carer-card-list__cards-list .carer-card-list__cards-list-header .right-sidebar-filters .filter-icon {
    display: grid;
    padding: 16px;
    gap: 8px;
    border: 1px solid #e0e1e6;
    border-radius: 12px;
    background: transparent
}

@media(max-width: 600px) {
    .carer-card-list__cards-list .carer-card-list__cards-list-header .carer-card-list__cards-list-header-tag {
        gap:8px
    }
}

.carer-card-list__cards-list .carer-card-list__cards-list-header-items {
    display: grid;
    gap: 24px;
    flex: 1;
    grid-auto-rows: max-content
}

@media(max-width: 600px) {
    .carer-card-list__cards-list .carer-card-list__cards-list-header-items {
        padding:24px 20px 12px
    }
}

@media(min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    .carer-card-list__cards-list .carer-card-list__cards-list-header-items {
        padding:12px 20px;
        gap: 24px
    }
}

.carer-card-list__cards-list .carer-card-list__cards-list-header-items #loader {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 48px 0;
    gap: 12px
}

.carer-card-list__cards-list .carer-card-list__cards-list-header-items #loader .loader__wrapper {
    height: auto
}

.carer-card-list__cards-list .carer-card-list__cards-list-header-items #loader .loader__wrapper h2 {
    font-weight: 630;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .012em;
    color: #35353f
}

.carer-card-list__cards-list .carer-card-list__cards-list-header-items .cards-list__items-card {
    border: 1px solid #ecedf9;
    box-shadow: 0 4px 8px rgba(23,25,74,.05);
    border-radius: 12px;
    display: grid;
    background-color: #fff
}

.carer-card-list__cards-list .carer-card-list__cards-list-header-items .cards-list__items-card .carer-card-list__cards-list-header-tag a[disabled] {
    color: #494956
}

.carer-card-list__cards-list .carer-card-list__cards-list-header-items .cards-list__items-card .cards-list__items-card-header-content-wrapper {
    align-content: start
}

.carer-card-list__cards-list .carer-card-list__cards-list-header-items .cards-list__items-card .cards-list__items-card-header-content {
    display: grid;
    grid-template-columns: 1fr auto;
    padding: 16px 16px 12px;
    gap: 16px;
    position: relative
}

@media(max-width: 600px) {
    .carer-card-list__cards-list .carer-card-list__cards-list-header-items .cards-list__items-card .cards-list__items-card-header-content {
        gap:12px;
        grid-template-columns: 1fr;
        order: -1
    }
}

.carer-card-list__cards-list .carer-card-list__cards-list-header-items .cards-list__items-card .cards-list__items-card-header-content .cards-list__items-card-header-content-video {
    display: grid
}

.carer-card-list__cards-list .carer-card-list__cards-list-header-items .cards-list__items-card .cards-list__items-card-header-content .cards-list__items-card-header-content-video.video-overlay {
    position: relative
}

.carer-card-list__cards-list .carer-card-list__cards-list-header-items .cards-list__items-card .cards-list__items-card-header-content .cards-list__items-card-header-content-video.video-overlay:after {
    content: "";
    width: 152px;
    height: 152px;
    background: linear-gradient(0deg,rgba(0,0,0,.25),rgba(0,0,0,.25));
    z-index: 2;
    top: 0;
    left: 0;
    position: absolute;
    border-radius: 12px
}

@media(max-width: 600px) {
    .carer-card-list__cards-list .carer-card-list__cards-list-header-items .cards-list__items-card .cards-list__items-card-header-content .cards-list__items-card-header-content-video.video-overlay:after {
        width:110px;
        height: 110px
    }
}

.carer-card-list__cards-list .carer-card-list__cards-list-header-items .cards-list__items-card .cards-list__items-card-header-content .cards-list__items-card-header-content-video.video-overlay svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 5
}

.carer-card-list__cards-list .carer-card-list__cards-list-header-items .cards-list__items-card .cards-list__items-card-header-content .cards-list__items-card-header-content-video img,.carer-card-list__cards-list .carer-card-list__cards-list-header-items .cards-list__items-card .cards-list__items-card-header-content .cards-list__items-card-header-content-video video {
    border-radius: 12px;
    isolation: isolate;
    width: 152px;
    height: 152px;
    -o-object-fit: cover;
    object-fit: cover
}

@media(max-width: 600px) {
    .carer-card-list__cards-list .carer-card-list__cards-list-header-items .cards-list__items-card .cards-list__items-card-header-content .cards-list__items-card-header-content-video img,.carer-card-list__cards-list .carer-card-list__cards-list-header-items .cards-list__items-card .cards-list__items-card-header-content .cards-list__items-card-header-content-video video {
        width:110px;
        height: 110px;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.carer-card-list__cards-list .carer-card-list__cards-list-header-items .cards-list__items-card .cards-list__items-card-brief {
    display: grid;
    padding: 12px 16px;
    gap: 10px
}

.client_dashboard .carer-card-list__cards-list .carer-card-list__cards-list-header-items .cards-list__items-card .cards-list__items-card-brief {
    padding-bottom: 16px
}

@media(max-width: 600px) {
    .carer-card-list__cards-list .carer-card-list__cards-list-header-items .cards-list__items-card .cards-list__items-card-brief {
        padding:8px 16px;
        order: -1
    }
}

.carer-card-list__cards-list .carer-card-list__cards-list-header-items .cards-list__items-card .cards-list__items-card-brief p.regular-font {
    color: #35353f;
    font-weight: 520;
    font-size: 15px;
    letter-spacing: .014em
}

.carer-card-list__cards-list .carer-card-list__cards-list-header-items .cards-list__items-card .cards-list__items-card-brief p.regular-font .morecontent {
    position: relative;
    z-index: 2
}

.carer-card-list__cards-list .carer-card-list__cards-list-header-items .cards-list__items-card .carer-card-list__info-tags-section {
    display: none;
    flex-wrap: wrap;
    align-items: center;
    padding: 12px 16px;
    gap: 8px
}

@media(max-width: 600px) {
    .carer-card-list__cards-list .carer-card-list__cards-list-header-items .cards-list__items-card .carer-card-list__info-tags-section {
        padding:12px 16px 28px
    }
}

.carer-card-list__cards-list .carer-card-list__cards-list-header-items .cards-list__items-card .carer-card-list__info-tags-section .label-text {
    display: flex;
    padding: 8px 14px;
    gap: 12px;
    border: 1px solid #e5e5e5;
    border-radius: 20px;
    text-decoration: none;
    color: #35353f
}

.carer-card-list__cards-list .carer-card-list__cards-list-header-items .cards-list__items-card .carer-card-list__info-tags-section .more-tags {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 630;
    font-size: 15px;
    line-height: 1.4;
    color: #494fc9;
    letter-spacing: .014em
}

.carer-card-list__cards-list .carer-card-list__cards-list-header-items .cards-list__items-card .carer-card-list__cards-list-header-tag.big-tags {
    padding: 12px 16px;
    gap: 8px
}

@media(max-width: 600px) {
    .carer-card-list__cards-list .carer-card-list__cards-list-header-items .cards-list__items-card .carer-card-list__cards-list-header-tag.big-tags {
        order:4;
        padding: 12px 16px 16px !important
    }
}

.carer-card-list__cards-list .carer-card-list__cards-list-header-items .cards-list__items-card .carer-card-list__cards-list-header-tag.big-tags .filter-tag-text {
    color: #35353f;
    font-weight: 690
}

.carer-card-list__cards-list .carer-card-list__cards-list-header-items .cards-list__items-card .carer-card-list__cards-list-header-tag.big-tags .more-tags {
    font-family: "Manrope";
    font-weight: 630;
    font-size: 15px;
    line-height: 1.4;
    text-decoration: underline;
    color: #494fc9;
    letter-spacing: .014em
}

.carer-card-list__cards-list .carer-card-list__cards-list-header-items .cards-list__items-card-footer {
    display: flex;
    justify-content: flex-end;
    padding: 12px 16px 16px;
    gap: 16px
}

.user-logged-in .carer-card-list__cards-list .carer-card-list__cards-list-header-items .cards-list__items-card-footer.mobile-only {
    display: none
}

@media screen and (max-width: 980px) {
    .user-logged-in .carer-card-list__cards-list .carer-card-list__cards-list-header-items .cards-list__items-card-footer.desktop-only {
        display:none
    }

    .user-logged-in .carer-card-list__cards-list .carer-card-list__cards-list-header-items .cards-list__items-card-footer.mobile-only {
        display: flex
    }
}

@media(max-width: 600px) {
    .carer-card-list__cards-list .carer-card-list__cards-list-header-items .cards-list__items-card-footer {
        padding:0 16px 16px;
        order: 0
    }
}

.carer-card-list__cards-list .carer-card-list__cards-list-header-items .cards-list__items-card-footer button {
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    height: 100%;
    font-size: 15px;
    letter-spacing: .014em;
    font-weight: 690;
    border: 1px solid #e0e1e6 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0
}

@media(max-width: 600px) {
    .carer-card-list__cards-list .carer-card-list__cards-list-header-items .cards-list__items-card-footer button .hide-mob-label {
        display:none
    }
}

@media(max-width: 600px) {
    .carer-card-list__cards-list .carer-card-list__cards-list-header-items .cards-list__items-card-footer button {
        flex-grow:1
    }
}

.carer-card-list__cards-list .carer-card-list__cards-list-header-items .cards-list__items-card-footer button.line-gray-btn {
    color: #35353f
}

.carer-card-list__cards-list .carer-card-list__cards-list-header-items .cards-list__items-card-footer button.line-btn {
    color: #494fc9
}

.carer-card-list__cards-list .carer-card-list__cards-list-header-items .cards-list__items-card-footer button.filled {
    border-color: #494fc9 !important
}

.carer-card-list__cards-list .carer-card-list__cards-list-header-items .cards-list__items-card-footer button.filled.disabled {
    border-color: #a2a5e4 !important
}

.carer-card-list__cards-list .carer-card-list__cards-list-header-items .cards-list__items-card-footer button.filled.disabled:hover {
    border-color: #a2a5e4 !important
}

.carer-card-list__cards-list .carer-card-list__cards-list-header-items .cards-list__items-card-footer button.filled:hover {
    border-color: #2f349d !important
}

.carer-card-list__cards-list .carer-card-list__cards-list-header-items .cards-list__items-card-footer button.filled.invite-sent {
    border-color: #488216 !important
}

.carer-card-list__cards-list .carer-card-list__cards-list-header-items .cards-list__items-card-footer button.filled.invite-sent:hover {
    border-color: #494fc9 !important
}

.cards-list__items-card-header-content-inner {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 16px
}

@media(max-width: 600px) {
    .cards-list__items-card-header-content-inner {
        order:2;
        gap: 12px
    }
}

.cards-list__items-card-header-content-wrapper {
    display: grid;
    gap: 12px
}

@media(max-width: 600px) {
    .cards-list__items-card-header-content-wrapper {
        align-content:start
    }
}

.cards-list__items-card-header-content-wrapper .cards-list__items-card-header-content-wrapper-header {
    display: grid;
    gap: 8px
}

.cards-list__items-card-header-content-wrapper .cards-list__items-card-header-content-wrapper-header .carer-fav-div .wishlist-wrapper {
    position: relative;
    z-index: 2
}

.cards-list__items-card-header-content-wrapper .cards-list__items-card-header-content-wrapper-header h4.header-title {
    font-weight: 690;
    color: #35353f !important
}

.cards-list__items-card-header-content-wrapper .cards-list__items-card-header-content-wrapper-header p.subtitle {
    font-weight: 520;
    font-size: 14px;
    letter-spacing: .014em;
    line-height: 1.4;
    color: #676779 !important
}

@media(max-width: 600px) {
    .cards-list__items-card-header-content-wrapper .cards-list__items-card-header-content-wrapper-header {
        justify-items:start;
        gap: 4px;
        align-content: start
    }
}

.cards-list__items-card-header-content-wrapper .cards-list__items-card-header-content-wrapper-header p.subtitle {
    color: #676779
}

.cards-list__items-card-header-content-wrapper .cards-list__items-card-header-content-wrapper-header .carer-card-list__cards-list-header-tag {
    padding: 12px 16px
}

.cards-list__items-card-header-content-wrapper .cards-list__items-card-header-content-wrapper-info {
    display: flex;
    gap: 12px
}

@media(max-width: 600px) {
    .cards-list__items-card-header-content-wrapper .cards-list__items-card-header-content-wrapper-info {
        flex-wrap:wrap;
        gap: 8px
    }
}

.cards-list__items-card-header-content-wrapper .cards-list__items-card-header-content-wrapper-info .cards-list__items-card-header-content-wrapper-info-element {
    display: flex;
    gap: 8px;
    align-items: center
}

.cards-list__items-card-header-content-wrapper .cards-list__items-card-header-content-wrapper-info .cards-list__items-card-header-content-wrapper-info-element p.subtitle {
    font-size: 15px;
    color: #494fc9;
    font-weight: 630;
    letter-spacing: .014em
}

@media(max-width: 600px) {
    .cards-list__items-card-header-content-wrapper .cards-list__items-card-header-content-wrapper-info .cards-list__items-card-header-content-wrapper-info-element p.subtitle {
        font-size:14px;
        font-weight: 630;
        letter-spacing: .014em
    }
}

.cards-list__items-card-info {
    display: grid;
    gap: 8px
}

.cards-list__items-card-info.mobile-only {
    display: none
}

@media(max-width: 600px) {
    .cards-list__items-card-info.mobile-only {
        display:grid;
        padding: 16px;
        order: 0
    }
}

@media(max-width: 600px) {
    .cards-list__items-card-info.desktop-only {
        display:none
    }
}

@media(max-width: 600px) {
    .cards-list__items-card-info {
        flex-wrap:wrap;
        gap: 16px
    }
}

.cards-list__items-card-info .cards-list__items-card-info-element {
    display: flex;
    align-items: center;
    gap: 8px
}

@media(max-width: 600px) {
    .cards-list__items-card-info .cards-list__items-card-info-element {
        padding:0
    }
}

.cards-list__items-card-info .cards-list__items-card-info-element svg {
    min-width: 20px;
    min-height: 20px
}

.cards-list__items-card-info .cards-list__items-card-info-element p.regular-font {
    color: #676779;
    font-size: 15px;
    letter-spacing: .014em;
    font-weight: 630
}

.cards-list__items-card-info .cards-list__items-card-info-element p.regular-font span {
    color: #35353f;
    font-weight: 690
}

.morecontent span {
    display: none
}

.morecontent span.viewfull {
    display: inline
}

.morelink {
    display: inline-block;
    color: #494fc9
}

.carer-card-list__cards-list-header-tag.big-tags .filter-tag-text {
    padding: 7px 14px;
    gap: 12px;
    border-radius: 20px
}

.language-dropdown .form-control__custom {
    padding: 15px 16px !important
}

.language-dropdown .checkbox-label {
    border: 0;
    box-shadow: none;
    align-items: center;
    padding-left: 20px
}

.language-dropdown .checkbox-label span.subtitle {
    font-family: "Manrope";
    font-weight: 520;
    font-size: 15px;
    letter-spacing: .014em
}

.language-dropdown .checkbox-label:before {
    width: 18px;
    height: 18px
}

.language-dropdown .form__input-group .dropdown-menu .dropdown-item {
    display: flex !important;
    padding: 8px 16px !important;
    gap: 12px !important;
    justify-content: center;
    min-height: 48px
}

.language-dropdown .form__input-group .dropdown-menu .dropdown-item label.checkbox-label:before {
    box-shadow: unset !important
}

.language-dropdown .form__input-group .dropdown-menu .dropdown-item .checkbox-label {
    border: 0 none !important;
    box-shadow: unset !important
}

.cards-list__items-card-notification {
    padding: 20px;
    gap: 16px;
    display: grid;
    background: rgba(232,218,255,.15);
    border: 1px solid #494fc9;
    box-shadow: 0 4px 8px rgba(23,25,74,.05);
    border-radius: 12px;
    grid-template-columns: auto 1fr;
    position: relative
}

@media(max-width: 600px) {
    .cards-list__items-card-notification {
        grid-template-columns:1fr
    }
}

.cards-list__items-card-notification .close-btn {
    position: absolute;
    right: 0;
    top: 0;
    padding: 20px;
    background: transparent;
    border: 0;
    cursor: pointer
}

.cards-list__items-card-notification .notification-content {
    display: grid;
    gap: 16px
}

.cards-list__items-card-notification .notification-content .btn.line-btn {
    font-weight: 690;
    font-size: 15px;
    letter-spacing: .014em
}

.cards-list__items-card-notification .notification-content .whatsapp-notifications {
    display: grid;
    gap: 12px
}

.cards-list__items-card-notification .notification-content .whatsapp-notifications .whatsapp-notifications-enabled {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 690;
    font-size: 20px;
    letter-spacing: .012em;
    line-height: 1.4;
    color: #2b2f8f
}

.cards-list__items-card-notification .notification-content .whatsapp-notifications .whatsapp-msg {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 630;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .014em;
    color: #494956
}

.cards-list__items-card-notification .notification-content .form__input-group {
    display: flex;
    gap: 16px
}

@media(max-width: 600px) {
    .cards-list__items-card-notification .notification-content .form__input-group {
        flex-wrap:wrap
    }
}

.cards-list__items-card-notification .notification-content .form__input-group .input-feild-email-wrapper {
    display: grid
}

.cards-list__items-card-notification .notification-content .form__input-group .input__field-wrapper {
    max-width: 235px;
    background-color: #fff
}

@media(max-width: 600px) {
    .cards-list__items-card-notification .notification-content .form__input-group .input__field-wrapper {
        max-width:unset
    }
}

.cards-list__items-card-notification .notification-content .form__input-group button {
    width: -moz-fit-content;
    width: fit-content
}

.newuserpagemodal .modal-content {
    min-height: 50vh;
    max-height: 90vh;
    margin: auto;
    max-width: 582px;
    height: auto;
    border-radius: 12px;
    grid-auto-rows: 60px 1fr auto;
    background-color: #fff;
    overflow: hidden
}

@media(max-width: 600px) {
    .newuserpagemodal .modal-content {
        margin:0;
        height: 86vh;
        min-height: 86dvh;
        max-height: 90vh;
        max-height: 90dvh;
        margin-bottom: 0;
        border-radius: 24px 24px 0 0
    }
}

.newuserpagemodal .modal-content .modal-header {
    padding: 0;
    gap: 0
}

.newuserpagemodal .modal-content .modal-header .modal-title {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 520;
    font-size: 28px;
    letter-spacing: .012em;
    line-height: 1.4;
    display: block
}

@media(max-width: 600px) {
    .newuserpagemodal .modal-content .modal-header .modal-title {
        font-size:20px;
        font-weight: 690
    }
}

.newuserpagemodal .modal-content .modal-header .modal-title span {
    font-weight: 690
}

#multipleinvitetojob-popup.invitejob .modal-title .carer-name {
    text-transform: capitalize
}

#multipleinvitetojob-popup.invitejob .modal-content {
    height: auto;
    min-height: auto
}

@media(max-width: 600px) {
    .newuserpagemodal .modal-content .modal-header .modal-title span {
        font-size:20px
    }
}

.newuserpagemodal .modal-content .modal-header .close {
    align-self: flex-end;
    padding: 16px 20px
}

.newuserpagemodal .modal-content .notification-section {
    padding: 12px 20px
}

.newuserpagemodal .modal-content .notification-section p {
    color: #676779;
    font-weight: 520;
    padding: 16px;
    border: 1px solid #e0e1e6;
    border-radius: 12px;
    background: #fcfcff;
    letter-spacing: .014em
}

.newuserpagemodal .modal-content .notification-section p span {
    font-weight: 690
}

.newuserpagemodal .modal-content .modal-body {
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 0;
    flex: 1;
    overflow: auto
}

.newuserpagemodal .modal-content .modal-body .field__input-group {
    width: 100%;
    padding: 16px 20px
}

.newuserpagemodal .modal-content .modal-body .field__input-group .input__field-group {
    padding: 0
}

.newuserpagemodal .modal-content .modal-body .input__field-group {
    padding: 16px 20px;
    display: grid;
    grid-template-columns: auto 1fr;
    width: 85%
}

@media(max-width: 600px) {
    .newuserpagemodal .modal-content .modal-body .input__field-group {
        width:100%
    }
}

.newuserpagemodal .modal-content .modal-body .total-rate-summary {
    padding: 16px 20px 12px;
    margin-right: auto
}

.newuserpagemodal .modal-content .modal-body .total-rate-summary .total-rate-wrap {
    background: #fcfcff;
    border: 1px solid #e0e1e6;
    border-radius: 12px
}

.newuserpagemodal .modal-content .modal-body .total-rate-summary .total-rate-wrap .rate-data {
    padding: 12px 20px;
    display: flex;
    justify-content: space-between;
    gap: 16px;
    color: #35353f
}

.newuserpagemodal .modal-content .modal-body .total-rate-summary .total-rate-wrap .rate-data.curam-fees {
    color: #676779
}

.newuserpagemodal .modal-content .modal-body .total-rate-summary .total-rate-wrap .rate-data.final-pay {
    position: relative
}

.newuserpagemodal .modal-content .modal-body .total-rate-summary .total-rate-wrap .rate-data.final-pay::before {
    content: "";
    position: absolute;
    width: 80%;
    height: 1px;
    top: 0;
    border-top: 1px solid #e0e1e6
}

.newuserpagemodal .modal-content .modal-body .total-rate-summary .total-rate-wrap .rate-data.final-pay .final-pay-rate {
    color: #494fc9
}

.newuserpagemodal .modal-content h2.modal-title {
    align-self: flex-start;
    padding: 16px 20px 12px;
    font-weight: 520;
    font-size: 28px;
    line-height: 1.4;
    letter-spacing: .012em;
    color: #2b2f8f
}

.newuserpagemodal .modal-notification {
    padding: 12px 20px;
    gap: 16px;
    display: grid;
    width: 100%
}

.newuserpagemodal .modal-notification .modal-notification-wrapper {
    padding: 12px 11px;
    gap: 16px;
    display: grid;
    grid-template-columns: auto 1fr;
    background: #f5f5fb;
    border: 1px solid #ecedf9;
    border-radius: 12px
}

.newuserpagemodal .modal-notification .modal-notification-wrapper span {
    color: #494fc9;
    font-weight: 520
}

.changeratemodalcus .modal-header {
    flex-direction: column !important
}

#invitemodalpopup.message-modal .modal-content {
    background-color: #fcfcff;
    min-height: 640px
}

@media(max-width: 372px) {
    #invitemodalpopup.message-modal .modal-content {
        min-height:600px
    }
}

#invitemodalpopup.message-modal .modal-content h2.modal-title {
    font-size: 24px
}

@media(max-width: 600px) {
    #invitemodalpopup.message-modal .modal-content h2.modal-title {
        font-size:20px;
        padding-right: 0
    }
}

#invitemodalpopup.message-modal .modal-content .modal-header .close {
    align-self: flex-start;
    padding: 20px 24px;
    display: flex
}

#invitemodalpopup.message-modal .modal-content .modal-header .close svg {
    width: 24px;
    height: 24px
}

#invitemodalpopup.message-modal .modal-content .user-section {
    width: 100%
}

#invitemodalpopup.message-modal #inviteuser-msg {
    max-height: 172px
}

#invitemodalpopup.message-modal .modal-footer {
    grid-template-columns: auto 1fr
}

#invitemodalpopup .user-section,#multipleinvitetojob-popup .user-section {
    padding: 12px 20px;
    gap: 16px;
    display: flex;
    align-items: center
}

#invitemodalpopup .user-section img,#multipleinvitetojob-popup .user-section img {
    width: 48px;
    height: 48px;
    border-radius: 12px
}

#invitemodalpopup .ideal__input-feilds-wrapper,#multipleinvitetojob-popup .ideal__input-feilds-wrapper {
    padding: 0 20px 12px 20px;
    gap: 24px;
    display: grid;
    width: 100%
}

#invitemodalpopup .modal-header h2,#multipleinvitetojob-popup .modal-header h2 {
    font-weight: 690;
    letter-spacing: .012em
}

#multipleinvitetojob-popup .modal-footer {
    display: grid;
    grid-template-columns: auto 1fr;
    padding: 12px 20px 16px;
    gap: 16px
}

#multipleinvitetojob-popup.invitejob .modal-footer {
    grid-template-columns: 1fr;
    gap: 0
}

#multipleinvitetojob-popup .modal-footer a {
    text-decoration: none
}

#multipleinvitetojob-popup .modal-footer #notification-backbtn {
    display: flex;
    align-items: center;
    gap: 8px
}

.ideal__input-group {
    display: grid;
    gap: 8px
}

.ideal__input-group.emial__input-grp {
    width: 300px
}

.ideal__input-group label {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 630;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .014em;
    color: #35353f
}

.ideal__input-group .ideal__input-form-control {
    padding: 15px 16px;
    gap: 16px;
    background: #fff;
    display: grid;
    border: 1px solid #9fa0b0;
    box-shadow: 0 1px 2px rgba(23,25,74,.05);
    border-radius: 12px
}

@media(min-width: 600px) and (max-width:1194px) and (orientation:landscape) {
    .client_user_class .view-carer-profile #multipleinvitetojob-popup .modal-content #carer-invite-message {
        height:150px;
        overflow: scroll
    }
}

#multipleinvitetojob-popup .modal-content .ideal__input-group.emial__input-grp {
    width: 100%
}

#selectjobpopup .help-needed.checkbox-btn {
    grid-template-columns: 1fr;
    width: 100%;
    padding: 16px 20px;
    gap: 16px
}

#selectjobpopup .help-needed.checkbox-btn .form-check {
    padding: 15px 12px
}

#selectjobpopup .help-needed.checkbox-btn .form-check .checkbox-lable .checkbox__details {
    gap: 12px
}

#selectjobpopup .help-needed.checkbox-btn .form-check .checkbox-lable .checkbox-title .posted-date {
    display: flex;
    align-items: center;
    gap: 8px
}

#selectjobpopup .help-needed.checkbox-btn .form-check .checkbox-lable .checkbox-title .posted-date .date {
    color: #35353f
}

#selectjobpopup .help-needed.checkbox-btn .form-check .checkbox-lable .checkbox-title .title-caption {
    color: #35353f;
    font-weight: 690
}

#selectjobpopup .help-needed.checkbox-btn .form-check .checkbox-lable .checkbox-title .checkbox-subtex {
    color: #676779
}

#selectjobpopup .help-needed.checkbox-btn .form-check label>input[type=checkbox]+*::before {
    width: 20px;
    height: 20px
}

#specificreumodalpopup .modal-body .checkbox-btn,#specificreumodalpopup2 .modal-body .checkbox-btn {
    width: 100%;
    padding: 16px 20px;
    gap: 16px
}

@media(max-width: 600px) {
    #specificreumodalpopup .modal-body .checkbox-btn,#specificreumodalpopup2 .modal-body .checkbox-btn {
        grid-template-columns:1fr 1fr
    }
}

#specificreumodalpopup .modal-body .form-check,#specificreumodalpopup2 .modal-body .form-check {
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(23,25,74,.05)
}

#specificreumodalpopup .modal-body .form-check .checkbox__details,#specificreumodalpopup2 .modal-body .form-check .checkbox__details {
    grid-template-columns: 1fr;
    width: 100%;
    justify-items: center;
    text-align: center
}

#specificreumodalpopup .modal-body .form-check .checkbox__details .checkbox-icon-grp,#specificreumodalpopup2 .modal-body .form-check .checkbox__details .checkbox-icon-grp {
    width: 60px;
    height: 60px;
    background-color: #e0e1e6;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center
}

#specificreumodalpopup .modal-body .form-check .checkbox__details .checkbox-icon-grp .hovered,#specificreumodalpopup2 .modal-body .form-check .checkbox__details .checkbox-icon-grp .hovered {
    display: none
}

#specificreumodalpopup .modal-body .form-check .checkbox__details p,#specificreumodalpopup2 .modal-body .form-check .checkbox__details p {
    color: #676779;
    font-weight: 520
}

#specificreumodalpopup .modal-body .form-check label>input[type=checkbox]+*::before,#specificreumodalpopup2 .modal-body .form-check label>input[type=checkbox]+*::before {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 0 0 8px;
    filter: drop-shadow(0px 1px 2px rgba(23,25,74,.05));
    border-top: 0;
    border-right: 0
}

#specificreumodalpopup .modal-body .form-check.active .checkbox__details .title-caption,#specificreumodalpopup2 .modal-body .form-check.active .checkbox__details .title-caption {
    color: #494fc9;
    font-weight: 690
}

#specificreumodalpopup .modal-body .form-check.active .checkbox__details .checkbox-icon-grp,#specificreumodalpopup2 .modal-body .form-check.active .checkbox__details .checkbox-icon-grp {
    background-color: #d7d8f3
}

#specificreumodalpopup .modal-body .form-check.active .checkbox__details .checkbox-icon-grp .normal-state,#specificreumodalpopup2 .modal-body .form-check.active .checkbox__details .checkbox-icon-grp .normal-state {
    display: none
}

#specificreumodalpopup .modal-body .form-check.active .checkbox__details .checkbox-icon-grp .hovered,#specificreumodalpopup2 .modal-body .form-check.active .checkbox__details .checkbox-icon-grp .hovered {
    display: block
}

#notificationpupup .modal-content {
    padding: 20px;
    max-width: 335px;
    min-height: 240px
}

@media(max-width: 600px) {
    #notificationpupup .modal-content {
        margin:auto;
        max-height: 240px;
        border-radius: 12px;
        margin-top: auto;
        margin-bottom: 12px
    }
}

#notificationpupup .modal-content .modal-header svg {
    width: 24px;
    height: 24px
}

#notificationpupup .modal-content .notification-content {
    display: grid;
    gap: 16px
}

#notificationpupup .modal-content .notification-content .form-control__custom {
    padding: 14px 16px;
    gap: 16px
}

#notificationpupup .modal-content .notification-content-wrapper {
    gap: 12px;
    display: grid
}

#notificationpupup .modal-content .notification-content-wrapper .subtitle {
    font-weight: 630;
    font-size: 14px;
    letter-spacing: .014em;
    line-height: 1.4;
    color: #35353f
}

#notificationpupup .modal-content .notification-content-wrapper p.help-text {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 520;
    font-size: 14px;
    letter-spacing: .014em;
    line-height: 1.4;
    color: #676779
}

.modal.newuserpagemodal.specificreqflow .modal-header {
    flex-direction: column
}

.modal.newuserpagemodal.specificreqflow .modal-header .close {
    align-self: flex-end
}

.modal.newuserpagemodal.specificreqflow .modal-title {
    order: 2;
    font-weight: 520;
    font-size: 28px;
    line-height: 1.4;
    letter-spacing: .012em
}

.modal.newuserpagemodal.specificreqflow .modal-title span {
    font-weight: 690;
    font-size: 28px;
    line-height: 1.4;
    letter-spacing: .012em
}

#selectfundingmodalpopup .radio-item-group,#selectfundingmodalpopup2 .radio-item-group,#schedule-meeting-modal .radio-item-group {
    padding: 16px 20px;
    gap: 16px;
    width: 100%;
    flex: 1;
    overflow: auto;
    align-content: start
}

#selectfundingmodalpopup .radio-item-group .radio-item,#selectfundingmodalpopup2 .radio-item-group .radio-item,#schedule-meeting-modal .radio-item-group .radio-item {
    padding: 15px 12px;
    border: 1px solid #e0e1e6;
    box-shadow: 0 1px 2px rgba(23,25,74,.05);
    border-radius: 12px;
    background-color: #fff;
    align-items: center
}

#selectfundingmodalpopup .radio-item-group .radio-item label,#selectfundingmodalpopup2 .radio-item-group .radio-item label,#schedule-meeting-modal .radio-item-group .radio-item label {
    font-weight: 630;
    flex-grow: 1
}

#selectfundingmodalpopup .radio-item-group .radio-item:focus,#selectfundingmodalpopup2 .radio-item-group .radio-item:focus,#schedule-meeting-modal .radio-item-group .radio-item:focus {
    background-color: #f5f5fb
}

#selectfundingmodalpopup .radio-item-group .radio-item:focus-within,#selectfundingmodalpopup2 .radio-item-group .radio-item:focus-within,#schedule-meeting-modal .radio-item-group .radio-item:focus-within {
    background-color: #f5f5fb
}

#selectfundingmodalpopup .modal-footer,#selectfundingmodalpopup2 .modal-footer,#schedule-meeting-modal .modal-footer {
    grid-template-columns: auto 1fr
}

#selectfundingmodalpopup2 .modal-footer {
    grid-template-columns: auto 1fr auto
}

section#onboarding-cards-section.rate-updated .onboarding-cards__what-next-card {
    grid-column: 1/7
}

@media(max-width: 600px) {
    section#onboarding-cards-section.rate-updated .onboarding-cards__what-next-card {
        grid-column:auto
    }
}

section#onboarding-cards-section.rate-updated .onboarding-cards__specific-req-card {
    grid-column: 7/13;
    grid-row: span 2
}

@media(max-width: 600px) {
    section#onboarding-cards-section.rate-updated .onboarding-cards__specific-req-card {
        grid-column:auto
    }
}

section#onboarding-cards-section.rate-updated .onboarding-cards__specific-req-wrapper {
    height: 100%;
    grid-auto-rows: auto 1fr
}

section#onboarding-cards-section.rate-updated .onboarding-cards__specific-req-wrapper .specific-req-card__content {
    grid-template-columns: 1fr;
    align-content: flex-start
}

#preferred-rate-set .preferred-rate-text {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    gap: 12px;
    background-color: #494fc9;
    border-radius: 12px
}

@media(max-width: 600px) {
    #preferred-rate-set .preferred-rate-text {
        border-radius:0
    }
}

#preferred-rate-set .preferred-rate-text h2 {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 690;
    font-size: 20px;
    line-height: 1.4;
    color: #fcfcff;
    letter-spacing: .012em
}

@media(max-width: 600px) {
    #preferred-rate-set .preferred-rate-text h2 {
        font-weight:630;
        font-size: 14px;
        letter-spacing: .014em
    }
}

.finding-carer-loader {
    padding: 80px 20px 16px
}

.finding-carer-loader #loader .loader__wrapper {
    height: auto
}

.finding-carer-loader #loader .loader__wrapper h2 {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 630;
    font-size: 15px;
    line-height: 1.4;
    color: #35353f;
    letter-spacing: .014em
}

#modifysearchpopup {
    overflow: hidden;
    height: 100vh;
    align-items: flex-end
}

@media(max-width: 600px) {
    #modifysearchpopup .modal-content {
        display:grid;
        border-radius: 24px 24px 0 0;
        background-color: #fff
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    #modifysearchpopup .modal-content {
        min-height:auto;
        max-height: unset;
        margin-bottom: 0;
        width: 100%;
        max-width: unset;
        display: grid;
        border-radius: 24px 24px 0 0;
        background-color: #fff;
        height: 90vh
    }

    .no-user-logged-in #modifysearchpopup .modal-content {
        height: auto;
        max-height: 90vh
    }
}

@media only screen and (min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    .mobile-carer-listing-filters-form #modifysearchpopup .modal-content .modal-body {
        max-height:60vh;
        flex: 1
    }
}

#modifysearchpopup .modal-content .modal-header {
    padding: 16px 20px;
    gap: 4px
}

#modifysearchpopup .modal-content .modal-header .close {
    padding: 0
}

#modifysearchpopup .modal-content .clear-btn {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 520;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: .014em;
    text-decoration-line: underline;
    color: #494fc9
}

#modifysearchpopup .modal-content .carer-card-list__cards-list-header-tag {
    padding: 12px 16px;
    border-bottom: 1px solid #e0e1e6
}

#modifysearchpopup .modal-content .filter-content {
    width: 100%
}

#modifysearchpopup .modal-content .filter-content .filter-type {
    border-bottom: 1px solid #e0e1e6
}

#modifysearchpopup .modal-content .filter-content .filter-type.active .filter-title h3 {
    color: #2b2f8f;
    letter-spacing: .012em
}

#modifysearchpopup .modal-content .filter-content .filter-type.active .filter-title .active-icon {
    display: block
}

#modifysearchpopup .modal-content .filter-content .filter-type.active .filter-title .normal-icon {
    display: none
}

#modifysearchpopup .modal-content .filter-content .filter-type.active .option-list>:nth-child(n+6) {
    display: none
}

#modifysearchpopup .modal-content .filter-content .filter-type.active .option-list.showmore>:nth-child(n+6) {
    display: block
}

#modifysearchpopup .modal-content .filter-content .filter-type.active .option-list .show-more-btn {
    display: block !important
}

#modifysearchpopup .modal-content .filter-content .filter-type .filter-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px
}

#modifysearchpopup .modal-content .filter-content .filter-type .filter-title p.caption {
    color: #35353f
}

#modifysearchpopup .modal-content .filter-content .filter-type .filter-title .active-icon {
    display: none
}

#modifysearchpopup .modal-content .filter-content .filter-type .filter-title h3 {
    display: flex;
    gap: 8px;
    align-items: center;
    letter-spacing: .012em
}

#modifysearchpopup .modal-content .filter-content .filter-type .filter-type__option-items-group {
    padding: 8px 20px
}

#modifysearchpopup .modal-content .filter-content .filter-type__option-item {
    padding: 12px 0
}

#modifysearchpopup .modal-content .filter-content .filter-type__option-item .label.checkbox-label {
    padding-left: 40px
}

#modifysearchpopup .modal-content .filter-content .filter-type__option-item span.subtitle {
    color: #35353f;
    font-family: "Manrope";
    font-style: normal;
    font-weight: 630;
    font-size: 14px;
    letter-spacing: .014em;
    line-height: 1.4
}

#modifysearchpopup .modal-content .filter-content .show-more-btn {
    padding: 16px
}

#modifysearchpopup .modal-content .filter-content .show-more-btn a {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 630;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: .014em;
    color: #494fc9
}

#modifysearchpopup .modal-content .filter-content .option-list span.subtitle {
    color: #676779
}

#modifysearchpopup .modal-content .filter-content .option-list label.checkbox-label {
    align-items: center
}

#modifysearchpopup .modal-content .filter-content .radio-item-group {
    padding: 8px 20px
}

#modifysearchpopup .modal-content .filter-content .radio-item-group .radio-item label {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 630;
    font-size: 14px;
    letter-spacing: .014em;
    line-height: 1.4;
    color: #676779
}

#modifysearchpopup .modal-content .modal-body {
    justify-content: flex-end;
    max-height: 90vh;
    flex: none
}

@media(max-width: 600px) {
    #modifysearchpopup .modal-content .modal-body {
        display:grid;
        grid-template-rows: auto 1fr;
        grid-template-columns: 1fr
    }
}

#modifysearchpopup .modal-content .modal-body .filter-content {
    overflow: auto;
    max-height: 100vh
}

@media(max-width: 600px) {
    #modifysearchpopup .modal-content .modal-body .filter-content {
        position:relative;
        height: 100%
    }
}

@media(max-width: 600px) {
    #modifysearchpopup .modal-content .modal-body .new-adjust-class {
        position:absolute;
        top: 0;
        bottom: 0;
        overflow: auto;
        left: 0;
        right: 0
    }
}

a[data-state=unread-message] .filter-counts {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #494fc9;
    display: block
}

.invite-sent {
    background-color: #488216;
    display: flex !important;
    align-items: center
}

.recommended-badge {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 4px 8px;
    gap: 4px;
    background: #219653;
    border-radius: 12px;
    font-weight: 630;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .012em;
    color: #fff;
    height: -moz-fit-content;
    height: fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.fully-booked-state {
    padding: 8px;
    gap: 8px;
    background: #fee4e6;
    border-radius: 12px;
    display: grid;
    font-family: "Manrope";
    font-style: normal;
    font-weight: 630;
    font-size: 14px;
    letter-spacing: .014em;
    line-height: 1.4;
    color: #e90510;
    border: 0;
    box-shadow: none;
    height: -moz-max-content;
    height: max-content;
    width: -moz-max-content;
    width: max-content
}

.load-more-btn {
    display: grid
}

.load-more-btn button {
    width: -moz-fit-content;
    width: fit-content;
    margin: auto
}

.input__field-wrapper .dropdown-menu label:hover {
    outline: 0
}

#interests-field,#language-field,#conditional-experience-field {
    height: 48px;
    width: 100%;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: textfield;
    border: 0 none;
    border-radius: 12px;
    overflow: hidden;
    outline: 0;
    background: transparent
}

#interests-field.noselect::after,#language-field.noselect::after,#conditional-experience-field.noselect::after {
    padding-left: 0
}

#interests-field.noselect::before,#language-field.noselect::before,#conditional-experience-field.noselect::before {
    display: none
}

#interests-field option,#language-field option,#conditional-experience-field option {
    display: none
}

#interests-field::after,#language-field::after,#conditional-experience-field::after {
    content: attr(data-select);
    padding-left: 20px
}

#interests-field::before,#language-field::before,#conditional-experience-field::before {
    content: "";
    background: #35353f;
    height: 8px;
    width: 8px;
    position: absolute;
    border-radius: 50%;
    top: 22px
}

@media(max-width: 600px) {
    .user-profile-page-header {
        display:none
    }
}

.carerprofile-main {
    overflow: hidden
}

.carerprofile-main .modal__overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0
}

.carerprofile-main .carerprofile__content {
    z-index: 9999;
    position: relative;
    left: 150%;
    transition-duration: 200ms;
    height: 100%;
    border-radius: 24px 0 0 24px;
    overflow: auto;
    max-width: 1080px;
    margin-left: auto;
    display: grid;
    grid-template-rows: 1fr auto;
    overflow: auto !important;
    max-height: unset !important
}

@media(max-width: 600px) {
    .carerprofile-main .carerprofile__content {
        border-radius:24px 24px 0 0;
        max-height: calc(100vh - 57px) !important;
        max-height: calc(100dvh - 57px) !important
    }
}

.carerprofile-main .carerprofile__content .carerprofile__header {
    padding: 0 16px;
    height: 80px;
    border-bottom: 1px solid #e0e1e6
}

@media(max-width: 600px) {
    .carerprofile-main .carerprofile__content .carerprofile__header {
        justify-content:flex-end;
        height: auto;
        padding: 8px 16px
    }
}

.carerprofile-main .carerprofile__content .carerprofile__header a {
    text-decoration: none;
    cursor: pointer
}

@media(max-width: 600px) {
    .carerprofile-main .carerprofile__content .carerprofile__header a {
        padding:8px 0
    }
}

.carerprofile-main .carerprofile__content .carerprofile__header .profilepage-link {
    display: flex;
    align-items: center;
    padding: 0 24px;
    gap: 8px;
    color: #494fc9
}

@media(max-width: 600px) {
    .carerprofile-main .carerprofile__content .carerprofile__header .profilepage-link {
        display:none
    }
}

.carerprofile-main .carerprofile__content .carerprofile__header .close-btn .close-mobile {
    display: none
}

@media(max-width: 600px) {
    .carerprofile-main .carerprofile__content .carerprofile__header .close-btn .close-mobile {
        display:block
    }

    .carerprofile-main .carerprofile__content .carerprofile__header .close-btn .close-desktop {
        display: none
    }
}

.carerprofile-main .carerprofile__content .profile-detail__content-area {
    flex-direction: column;
    padding: 32px 32px 10px;
    gap: 24px;
    width: 100%;
    flex: 1;
    overflow: auto
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .multiple-invite-popup.mobile-only {
    display: none
}

@media(max-width: 600px) {
    .carerprofile-main .carerprofile__content .profile-detail__content-area .multiple-invite-popup.mobile-only {
        display:block;
        margin: 12px 0
    }
}

@media(max-width: 600px) {
    .carerprofile-main .carerprofile__content .profile-detail__content-area {
        padding:0;
        gap: 0;
        overflow: auto
    }
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__header-title {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 690;
    font-size: 17px;
    line-height: 1.4;
    letter-spacing: .012em;
    color: #35353f
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details {
    display: grid;
    width: 100%;
    border: 1px solid #e0e1e6;
    border-radius: 12px;
    gap: 24px
}

@media(max-width: 600px) {
    .carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details {
        border:0;
        gap: 0;
        padding: 20px 20px 0
    }
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details-header {
    display: grid;
    width: 100%;
    padding: 16px;
    gap: 24px
}

@media(max-width: 600px) {
    .carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details-header {
        padding:0;
        position: relative
    }
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details-header .profile-tag-group {
    display: flex;
    gap: 8px
}

@media(max-width: 600px) {
    .carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details-header .profile-tag-group {
        position:absolute;
        right: 0;
        left: 143px;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end
    }
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details-header .fully-booked-state {
    width: -moz-max-content;
    width: max-content
}

@media(max-width: 600px) {
    .carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details-header button {
        display:none
    }
}

@media(max-width: 600px) {
    .carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details-header .cards-list__items-card-header-content-inner {
        grid-template-columns:1fr;
        gap: 16px
    }
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details-header .cards-list__items-card-header-content-inner .cards-list__items-card-header-content-video {
    display: grid
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details-header .cards-list__items-card-header-content-inner .cards-list__items-card-header-content-video.video-overlay {
    position: relative;
    max-width: 152px
}

@media(max-width: 600px) {
    .carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details-header .cards-list__items-card-header-content-inner .cards-list__items-card-header-content-video.video-overlay {
        max-width:128px
    }
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details-header .cards-list__items-card-header-content-inner .cards-list__items-card-header-content-video.video-overlay:after {
    content: "";
    width: 152px;
    height: 152px;
    background: linear-gradient(0deg,rgba(0,0,0,.25),rgba(0,0,0,.25));
    z-index: 2;
    top: 0;
    left: 0;
    position: absolute;
    border-radius: 12px
}

@media(max-width: 600px) {
    .carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details-header .cards-list__items-card-header-content-inner .cards-list__items-card-header-content-video.video-overlay:after {
        width:128px;
        height: 128px
    }
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details-header .cards-list__items-card-header-content-inner .cards-list__items-card-header-content-video.video-overlay svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 5
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details-header .cards-list__items-card-header-content-inner .cards-list__items-card-header-content-video img,.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details-header .cards-list__items-card-header-content-inner .cards-list__items-card-header-content-video video {
    border-radius: 12px;
    isolation: isolate;
    width: 152px;
    height: 152px;
    -o-object-fit: cover;
    object-fit: cover
}

@media(max-width: 600px) {
    .carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details-header .cards-list__items-card-header-content-inner .cards-list__items-card-header-content-video img,.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details-header .cards-list__items-card-header-content-inner .cards-list__items-card-header-content-video video {
        width:128px;
        height: 128px;
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media(max-width: 600px) {
    .carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details-header .cards-list__items-card-header-content-inner .cards-list__items-card-header-content-wrapper {
        gap:16px
    }
}

@media(max-width: 600px) {
    .carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details-header .cards-list__items-card-info {
        order:3;
        gap: 12px
    }
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .cards-list__items-card-header-content {
    display: grid;
    grid-template-columns: 1fr auto
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .cards-list__items-card-header-content button {
    height: -moz-max-content;
    height: max-content
}

@media(max-width: 600px) {
    .carerprofile-main .carerprofile__content .profile-detail__content-area .cards-list__items-card-header-content .cards-list__items-card-header-content-video img {
        width:128px;
        height: 128px
    }
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details-body {
    display: grid;
    grid-template-columns: repeat(12,1fr);
    gap: 32px
}

@media(max-width: 600px) {
    .carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details-body {
        gap:24px
    }
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details-body .content-area__profile-details-body-left {
    display: grid;
    padding: 16px 32px 16px 16px;
    gap: 24px;
    grid-column: 1/6;
    border-right: 1px solid #e0e1e6;
    align-content: start
}

@media(max-width: 600px) {
    .carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details-body .content-area__profile-details-body-left {
        grid-column:1/13;
        padding: 24px 0 0;
        border-right: 0
    }
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details-body .content-area__profile-details-body-left .profile-details-body-left__rate-card-group {
    display: grid;
    gap: 16px
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details-body-right {
    display: grid;
    grid-column: 6/13;
    align-content: start;
    padding-right: 16px
}

@media(max-width: 600px) {
    .carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details-body-right {
        grid-column:1/13
    }
}

@media(max-width: 1080px) {
    .carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details-body-right {
        padding:0 16px 0 0
    }
}

@media(max-width: 600px) {
    .carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details-body-right {
        padding:0
    }
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details-body-right .cards-list__items-card-brief {
    display: grid
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details-body-right .cards-list__items-card-brief p {
    color: #35353f;
    font-weight: 520;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: .014em
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details-body-right .content-area__profile-details-body-right-info {
    display: grid;
    padding: 16px 0;
    gap: 20px;
    border-bottom: 1px solid #e0e1e6
}

@media(max-width: 600px) {
    .carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details-body-right .content-area__profile-details-body-right-info {
        padding:0;
        padding-bottom: 16px;
        border-bottom: 1px solid #e0e1e6
    }
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details-body-right .profile-details-body-right-info-card {
    display: grid;
    gap: 16px
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details-body-right .profile-details-body-right-info-card .label-text {
    color: #676779
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details-body-right .profile-details-body-right-info-card .profile-details-info-card__tag-group {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center
}

@media(max-width: 600px) {
    .carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details-body-right .profile-details-body-right-info-card .profile-details-info-card__tag-group {
        gap:8px
    }
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details-body-additional-info {
    display: grid;
    padding: 16px 0;
    gap: 24px;
    grid-template-columns: repeat(2,1fr);
    border-bottom: 1px solid #e0e1e6
}

@media(max-width: 600px) {
    .carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details-body-additional-info {
        grid-template-columns:repeat(1,1fr)
    }
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details-body-additional-info .profile-details-additional-info-column {
    display: flex;
    align-items: center;
    gap: 12px
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-details-body-additional-info .profile-details-additional-info-column span {
    font-weight: 520;
    font-size: 15px;
    color: #35353f;
    letter-spacing: .014em
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .cards-list__items-card-brief.mobile-only {
    display: none
}

@media(max-width: 600px) {
    .carerprofile-main .carerprofile__content .profile-detail__content-area .cards-list__items-card-brief.mobile-only {
        display:grid;
        color: #494956
    }
}

@media(max-width: 600px) {
    .carerprofile-main .carerprofile__content .profile-detail__content-area .cards-list__items-card-brief.desktop-only {
        display:none
    }
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-study-details {
    display: grid;
    padding: 16px 0;
    gap: 24px
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-study-details.training-courses {
    border-bottom: 1px solid #e0e1e6
}

@media(max-width: 600px) {
    .carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-study-details {
        border-bottom:1px solid #e0e1e6
    }
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-study-details h2 {
    font-weight: 690;
    font-size: 17px;
    color: #35353f;
    letter-spacing: .012em;
    line-height: 1.4
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-study-details .content-area__profile-study-details-info {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 24px
}

@media(max-width: 600px) {
    .carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-study-details .content-area__profile-study-details-info {
        grid-template-columns:repeat(1,1fr)
    }
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-study-details .content-area__profile-study-details-column {
    display: flex;
    gap: 12px
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-study-details .content-area__profile-study-details-column .content-area__profile-study-details-info-text {
    gap: 12px;
    display: grid
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-study-details .content-area__profile-study-details-column .content-area__profile-study-details-info-text p {
    font-weight: 520;
    font-size: 15px;
    color: #35353f;
    letter-spacing: .014em
}

@media(max-width: 600px) {
    .carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-study-details .content-area__profile-study-details-column .content-area__profile-study-details-info-text p {
        font-weight:630;
        font-size: 14px;
        letter-spacing: .014em
    }
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-study-details .content-area__profile-study-details-column .content-area__profile-study-details-info-text p.sub-text {
    color: #676779
}

@media(max-width: 600px) {
    .carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-study-details .content-area__profile-study-details-column .content-area__profile-study-details-info-text p.sub-text {
        font-weight:520;
        font-size: 14px;
        letter-spacing: .014em
    }
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__profile-study-details.qualification {
    padding: 16px 0 20px
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .rate-card-group__first-row,.carerprofile-main .carerprofile__content .profile-detail__content-area .rate-card-group__second-row-overnight-rate-card,.carerprofile-main .carerprofile__content .profile-detail__content-area .rate-card-group__second-row-live-in-rate-card {
    border: 1px solid #ecedf9;
    border-radius: 12px;
    display: grid;
    overflow: hidden;
    align-content: start
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .rate-card-group__second-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    box-sizing: border-box;
    gap: 16px
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .carerprofile-main .carerprofile__content .profile-detail__content-area .rate-card-group__second-row {
        grid-template-columns:1fr
    }
}

.profile-detail__content-area .rate-card__header {
    display: grid;
    padding: 16px;
    gap: 12px;
    background: #ecedf9
}

.profile-detail__content-area .rate-card__header .rate-card__header-info {
    display: flex;
    padding: 4px 0;
    gap: 12px;
    align-items: center;
    color: #494fc9
}

.profile-detail__content-area .rate-card__header .rate-card__header-info span.subtitle {
    font-weight: 630;
    font-size: 14px;
    letter-spacing: .014em
}

.profile-detail__content-area .rate-card__info {
    padding: 12px 16px;
    gap: 8px;
    display: grid
}

.profile-detail__content-area .rate-card__info p.rate-card__info-element-text {
    font-weight: 520;
    color: #676779
}

.profile-detail__content-area .rate-card__info p.rate-card__info-element-text span {
    color: #35353f;
    font-weight: 690
}

.profile-details-body-left__verified-n-approved {
    border: 1px solid #d7d8f3;
    border-radius: 12px;
    margin-top: 20px;
}
.profile-details-body-left__insurance.mobile-only {
    display: none
}


.profile-details-body-left__insurance {
    display: grid;
    gap: 24px;
    align-content: start;
}

.profile-details-body-left__insurance .insurance__info-card {
    border: 1px solid #d7d8f3;
    border-radius: 12px;
}
.profile-details-body-left__insurance .insurance__info-card-header {
    padding: 16px;
    gap: 12px;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
}
.profile-details-body-left__insurance .insurance__info-card-header span {
    font-size: 15px;
    font-weight: 630;
    color: #35353f;
    letter-spacing: .014em;
}
.profile-details-body-left__insurance .insurance__notification {
    background: #f5f5fb;
    border: 1px solid #ecedf9;
    border-radius: 12px;
}

.profile-details-body-left__insurance .insurance__info-card-header {
    padding: 16px;
    gap: 12px;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
}
.profile-details-body-left__insurance .insurance__notification span {
    color: #2b2f8f;
    font-weight: 520;
    line-height: 1.4;
    letter-spacing: .014em;
}





.content-area__profile-details-body-right .cards-list__items-card-brief {
    display: grid
}

.content-area__profile-details-body-right .cards-list__items-card-brief p {
    color: #35353f;
    font-weight: 520;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: .014em
}

.content-area__profile-details-body-right .content-area__profile-details-body-right-info {
    display: grid;
    padding: 16px 0;
    gap: 20px;
    border-bottom: 1px solid #e0e1e6
}

.content-area__profile-details-body-right .profile-details-body-right-info-card .profile-details-info-card__tag-group {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center
}
.info-tag {
    display: flex;
    align-items: center;
    padding: 8px 14px;
    gap: 12px;
    border: 1px solid #e0e1e6;
    border-radius: 20px;
    font-weight: 630;
    font-size: 14px;
    letter-spacing: .014em;
    color: #35353f;
}
.label-text {
    font-family: 'Plus Jakarta Sans';
    font-weight: 630;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .014em;
    margin-bottom: 10px;
}
.content-area__profile-details-body-additional-info {
    display: grid;
    padding: 16px 0;
    gap: 24px;
    grid-template-columns: repeat(2,1fr);
    border-bottom: 1px solid #e0e1e6;
}

 .content-area__profile-details-body-additional-info .profile-details-additional-info-column {
    display: flex;
    align-items: center;
    gap: 12px;
}


.profile-details-body-left__verified-n-approved.mobile-only {
    display: none
}
.profile-details-body-left__verified-n-approved .verified-n-approved__header h2 {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 690;
    font-size: 17px;
    line-height: 1.4;
    letter-spacing: .012em;
    color: #35353f;
}

.profile-details-body-left__verified-n-approved .verified-n-approved__body {
    display: grid;
    padding: 24px 16px;
    gap: 16px;
}
.profile-details-body-left__verified-n-approved .verified-n-approved__body .verified-n-approved__body-card {
    display: flex;
    gap: 12px;
}
.profile-details-body-left__verified-n-approved .verified-n-approved__body .verified-n-approved__body-card .verified-n-approved__body-card-text-group {
    display: grid;
    gap: 12px;
}
.caption {
    font-weight: 630;
    font-size: 14px;
    letter-spacing: .014em;
    line-height: 1.4;
    color: #676779;
    transition: all;
    transition-timing-function: cubic-bezier(0.25,.46,.45,.94);
    transition-duration: 100ms;
}
.profile-details-body-left__verified-n-approved .verified-n-approved__body .verified-n-approved__body-card .verified-n-approved__body-card-text-group p.sub-caption {
    color: #35353f;
    font-weight: 520;
    font-size: 15px;
    letter-spacing: .014em;
}

.profile-details-body-left__verified-n-approved .verified-n-approved__header {
    display: grid;
    padding: 16px;
    gap: 16px;
}

@media screen and (max-width: 600px) {
    .carerprofile-main .carerprofile__content .profile-detail__content-area .profile-details-body-left__verified-n-approved {
        display:none
    }

    .carerprofile-main .carerprofile__content .profile-detail__content-area .profile-details-body-left__verified-n-approved.mobile-only {
        display: block;
        margin-bottom: 20px;
        margin-top: 20px
    }

    .carerprofile-main .carerprofile__content .profile-detail__content-area .profile-details-body-left__insurance.mobile-only {
        display: block
    }

    .carerprofile-main .carerprofile__content .profile-detail__content-area .profile-details-body-left__insurance.desktop-only {
        display: none
    }

    .carerprofile-main .carerprofile__content .profile-detail__content-area .profile-details-body-left__insurance .insurance__info-card {
        margin-bottom: 20px
    }
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .profile-details-body-left__verified-n-approved .verified-n-approved__header {
    display: grid;
    padding: 16px;
    gap: 16px
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .profile-details-body-left__verified-n-approved .verified-n-approved__header h2 {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 690;
    font-size: 17px;
    line-height: 1.4;
    letter-spacing: .012em;
    color: #35353f
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .profile-details-body-left__verified-n-approved .verified-n-approved__header p.help-text {
    color: #676779
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .profile-details-body-left__verified-n-approved .verified-n-approved__header p.help-text span {
    color: #35353f
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .profile-details-body-left__verified-n-approved .verified-n-approved__body {
    display: grid;
    padding: 24px 16px;
    gap: 16px
}

@media(max-width: 600px) {
    .carerprofile-main .carerprofile__content .profile-detail__content-area .profile-details-body-left__verified-n-approved .verified-n-approved__body {
        padding:16px
    }
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .profile-details-body-left__verified-n-approved .verified-n-approved__body .verified-n-approved__body-card {
    display: flex;
    gap: 12px
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .profile-details-body-left__verified-n-approved .verified-n-approved__body .verified-n-approved__body-card .verified-n-approved__body-card-text-group {
    display: grid;
    gap: 12px
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .profile-details-body-left__verified-n-approved .verified-n-approved__body .verified-n-approved__body-card .verified-n-approved__body-card-text-group p.sub-caption {
    color: #35353f;
    font-weight: 520;
    font-size: 15px;
    letter-spacing: .014em
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .profile-details-body-left__insurance {
    display: grid;
    gap: 24px;
    align-content: start
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .profile-details-body-left__insurance .insurance__info-card {
    border: 1px solid #d7d8f3;
    border-radius: 12px
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .profile-details-body-left__insurance .insurance__info-card .insurance__info-btn {
    padding: 16px;
    gap: 16px;
    display: grid;
    color: #494fc9
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .profile-details-body-left__insurance .insurance__info-card-header {
    padding: 16px;
    gap: 12px;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .profile-details-body-left__insurance .insurance__info-card-header span {
    font-size: 15px;
    font-weight: 630;
    color: #35353f;
    letter-spacing: .014em
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .profile-details-body-left__insurance .insurance__notification {
    background: #f5f5fb;
    border: 1px solid #ecedf9;
    border-radius: 12px
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .profile-details-body-left__insurance .insurance__notification span {
    color: #2b2f8f;
    font-weight: 520;
    line-height: 1.4;
    letter-spacing: .014em
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__client-recommendation {
    display: grid;
    padding: 20px 16px;
    gap: 24px;
    border: 1px solid #e0e1e6;
    border-radius: 12px;
    width: 100%
}

@media(max-width: 600px) {
    .carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__client-recommendation {
        border:0;
        padding: 24px 20px 24px
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__client-recommendation {
        padding:24px 20px 24px !important
    }
}

@media(max-width: 600px) {
    .carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__client-recommendation button {
        border:0 !important;
        padding: 0
    }
}

.content-area__client-recommendation h3 {
    font-weight: 690;
    font-size: 17px;
    color: #35353f;
    letter-spacing: .012em;
    line-height: 1.4
}

 .content-area__client-recommendation .help-text {
    color: #676779
}

.content-area__client-recommendation .content-area__client-recommendation-card-group {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 16px;
    -moz-column-gap: 24px;
    column-gap: 24px
}

@media(max-width: 600px) {
    .carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__client-recommendation .content-area__client-recommendation-card-group {
        grid-template-columns:1fr;
        gap: 16px
    }
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__client-recommendation .content-area__client-recommendation-card-group .content-area__client-recommendation-card-single {
    border: 1px solid #e0e1e6;
    border-radius: 12px
}

@media(max-width: 600px) {
    .carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__client-recommendation .content-area__client-recommendation-card-group .content-area__client-recommendation-card-single:nth-child(n+4) {
        display:none
    }
}

.content-area__client-recommendation .content-area__client-recommendation-card-group .content-area__client-recommendation-card-single .client-recommendation-card-single-header-info {
    display: grid;
    gap: 8px
}

.content-area__client-recommendation .content-area__client-recommendation-card-group .content-area__client-recommendation-card-single .client-recommendation-card-single-header {
    display: grid;
    padding: 20px 16px 12px;
    gap: 16px;
    grid-template-columns: auto 1fr auto
}

.content-area__client-recommendation .content-area__client-recommendation-card-group .content-area__client-recommendation-card-single .client-recommendation-card-single-header img {
    width: 48PX;
    height: 48PX;
    -o-object-fit: cover;
    object-fit: cover
}

.profile-detail__content-area .content-area__client-recommendation .content-area__client-recommendation-card-group .content-area__client-recommendation-card-single .client-recommendation-card-single-header-excellent__icon {
    display: grid;
    justify-items: end;
    gap: 8px
}

.content-area__client-recommendation .content-area__client-recommendation-card-group .content-area__client-recommendation-card-single .client-recommendation-card-single-header-excellent__icon span {
    color: #494fc9;
    font-weight: 630
}

.content-area__client-recommendation .content-area__client-recommendation-card-group .content-area__client-recommendation-card-single .cards-list__items-card-brief {
    padding: 12px 16px 20px;
    gap: 10px;
    display: grid
}

.content-area__client-recommendation .content-area__client-recommendation-card-group .content-area__client-recommendation-card-single .cards-list__items-card-brief p {
    font-weight: 520;
    font-size: 15px;
    color: #35353f;
    letter-spacing: .014em
}

.content-area__client-recommendation button {
    width: -moz-max-content;
    width: max-content;
    font-size: 14px;
    letter-spacing: .014em
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__micro-team {
    display: grid;
    padding: 20px 16px;
    gap: 24px;
    border: 1px solid #e0e1e6;
    border-radius: 12px
}


 .content-area__header-title {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 690;
    font-size: 17px;
    line-height: 1.4;
    letter-spacing: .012em;
    color: #35353f;
}

.content-area__client-recommendation {
    display: grid;
    padding: 20px 16px;
    gap: 24px;
    border: 1px solid #e0e1e6;
    border-radius: 12px;
    width: 100%
}

.carer-for-your-requirememt-wrapper .conditions-block {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.carer-for-your-requirememt-wrapper .conditions-block .conditions-col {
    border: 1px solid #494fc9;
    color: #494fc9;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    font-size: 15px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 20px;
    margin-right: 12px;
    margin-bottom: 12px;
    cursor: pointer;
    transition: all 1s;
}

.content-area__client-recommendation-card-group {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 16px;
    -moz-column-gap: 24px;
    column-gap: 24px
}

.content-area__client-recommendation-card-single {
    border: 1px solid #e0e1e6;
    border-radius: 12px;
}

@media(max-width: 600px) {
    .carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__micro-team {
        border:0;
        padding: 24px 20px 0
    }
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__micro-team .content-area__micro-team-header {
    display: grid;
    gap: 12px
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__micro-team .content-area__micro-team-header .subtitle {
    color: #676779
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__micro-team .content-area__micro-team-row {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    row-gap: 24px;
    -moz-column-gap: 32px;
    column-gap: 32px
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__micro-team .content-area__micro-team-row {
        grid-template-columns:repeat(1,1fr)
    }
}

@media(max-width: 600px) {
    .carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__micro-team .content-area__micro-team-row {
        grid-template-columns:repeat(1,1fr)
    }
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__micro-team .content-area__micro-team-row .content-area__micro-team-row-card {
    border: 1px solid #e0e1e6;
    border-radius: 12px
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__micro-team .content-area__micro-team-row .content-area__micro-team-row-card-header {
    display: grid;
    grid-template-columns: auto 1fr auto;
    padding: 16px 16px 12px;
    gap: 18px
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__micro-team .content-area__micro-team-row .content-area__micro-team-row-card-header img {
    width: 100px;
    height: 100px;
    -o-object-fit: cover;
    object-fit: cover
}

@media(max-width: 600px) {
    .carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__micro-team .content-area__micro-team-row .content-area__micro-team-row-card-header {
        grid-template-columns:1fr auto
    }
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__micro-team .content-area__micro-team-row .content-area__micro-team-row-card-header .cards-list__items-card-header-content-wrapper {
    gap: 8px;
    align-content: start
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__micro-team .content-area__micro-team-row .content-area__micro-team-row-card-header h4.header-title {
    font-weight: 690;
    color: #35353f
}

@media(max-width: 600px) {
    .carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__micro-team .content-area__micro-team-row .content-area__micro-team-row-card-header .fully-booked-state {
        grid-column-start:1;
        grid-column-end: 3;
        order: -1
    }
}

.carerprofile-main .carerprofile__content .profile-detail__content-area .content-area__micro-team .content-area__micro-team-row .content-area__micro-team-row-card-body {
    display: grid;
    padding: 12px 16px 16px;
    gap: 16px
}

.newuser__profile-page .carerprofile__content {
    position: unset;
    display: grid;
    gap: 24px;
    max-width: 100%;
    display: grid;
    grid-template-rows: 1fr auto 1fr;
    overflow: hidden;
    max-height: calc(100vh - 141px)
}

@media(max-width: 600px) {
    .newuser__profile-page .carerprofile__content {
        gap:0;
        max-height: calc(100vh - 57px)
    }
}

.newuser__profile-page .carerprofile__content .profile-detail__content-area {
    padding: 0;
    display: flex;
    flex-direction: column;
    overflow: auto;
    flex: 1;
    padding: 20px
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .newuser__profile-page .carerprofile__content .profile-detail__content-area {
        padding:20px 0
    }
}

@media(max-width: 600px) {
    .newuser__profile-page .carerprofile__content .profile-detail__content-area {
        padding:0
    }
}

.newuser__profile-page .carerprofile__content button.mobile-only {
    display: none;
    margin: 0;
    width: auto
}

@media(max-width: 600px) {
    .newuser__profile-page .carerprofile__content button.mobile-only {
        display:block
    }
}

.newuser__profile-page .carer-profile-page__header {
    display: grid;
    padding: 0 12px
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .newuser__profile-page .carer-profile-page__header {
        padding:0
    }
}

@media(max-width: 600px) {
    .newuser__profile-page .carer-profile-page__header {
        grid-template-columns:1fr auto 1fr;
        padding: 8px 16px;
        align-items: center;
        border-bottom: 1px solid #e0e1e6
    }
}

.newuser__profile-page .carer-profile-page__header .headre-navber__title {
    display: none
}

@media(max-width: 600px) {
    .newuser__profile-page .carer-profile-page__header .headre-navber__title {
        display:block;
        font-weight: 690;
        font-size: 17px;
        line-height: 1.4;
        color: #35353f;
        text-transform: capitalize
    }
}

.newuser__profile-page .carer-profile-page__header .close-btn {
    display: flex;
    align-items: center;
    padding: 0 12px;
    gap: 4px;
    font-size: 14px;
    letter-spacing: .014em;
    font-weight: 630;
    line-height: 1.4;
    color: #676779;
    text-decoration: none
}

@media(max-width: 600px) {
    .newuser__profile-page .carer-profile-page__header .close-btn {
        padding:8px 0
    }
}

@media(max-width: 600px) {
    .newuser__profile-page .carer-profile-page__header .close-btn svg {
        width:24px;
        height: 24px
    }
}

@media(max-width: 600px) {
    .newuser__profile-page .carer-profile-page__header .close-btn span {
        display:none
    }
}

@media(max-width: 600px) {
    .userprofile-header-desktop {
        display:none
    }
}

.multiple-dropdown__component {
    height: 500px
}

.signup-to-send-message__form .password__field-wrapper input {
    padding-left: 16px !important
}

.signup-to-send-message__form .password__field-wrapper .prefix-img {
    padding-right: 16px !important
}

.signup-to-send-message__form .password__field-wrapper.newpasswordfield span.showpasstext {
    display: none;
    flex-direction: row;
    align-items: center;
    padding: 8px 16px;
    gap: 16px
}

.signup-to-send-message__form .password__field-wrapper.newpasswordfield input {
    padding-left: 0 !important
}

.signup-to-send-message__form .password__field-wrapper.newpasswordfield .prefix-img {
    padding-right: 0 !important
}

.signup-to-send-message__form .password__field-wrapper.newpasswordfield.show-pass {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
    max-height: 89px !important;
    padding-bottom: 0 !important
}

.signup-to-send-message__form .password__field-wrapper.newpasswordfield.show-pass .showpasstext {
    height: 38px;
    display: flex;
    background: #e0e1e6;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #e0e1e6;
    box-shadow: 0 1px 2px rgba(23,25,74,.05);
    border-radius: 0 0 12px 12px;
    width: calc(100% + 32px);
    float: left;
    grid-column: span 2;
    margin-left: -16px
}

.sign-up-send-message__section .form__footer {
    padding: 16px
}

@media(max-width: 600px) {
    .sign-up-send-message__section .form__footer {
        padding:12px 20px 16px
    }
}

.sign-up-send-message__section.form-step2 .form__footer {
    grid-template-columns: auto 1fr;
    align-items: center;
    padding: 16px 20px
}

.sign-up-send-message__section.form-step2 .form__footer .back-btn-to-step1 {
    background: transparent;
    border: 0;
    width: 24px !important;
    height: 24px;
    background-color: #ecedf9;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center
}

#sign-up-to-send-message-step2 .form__footer button {
    width: -moz-max-content;
    width: max-content;
    margin-left: auto
}

.password__field-wrapper .hide-pass-hover,.password__field-wrapper .pass-show,.password__field-wrapper .pass-show-hover {
    display: none
}

.password__field-wrapper svg {
    width: 20px;
    height: 20px
}

.password__field-wrapper:hover .hide-pass,.password__field-wrapper:active .hide-pass,.password__field-wrapper:focus .hide-pass {
    display: none
}

.password__field-wrapper:hover .hide-pass-hover,.password__field-wrapper:active .hide-pass-hover,.password__field-wrapper:focus .hide-pass-hover {
    display: block
}

.password__field-wrapper.show-pass .hide-pass {
    display: none
}

.password__field-wrapper.show-pass .pass-show {
    display: block
}

.password__field-wrapper.show-pass:hover .hide-pass,.password__field-wrapper.show-pass:hover .hide-pass-hover,.password__field-wrapper.show-pass:active .hide-pass,.password__field-wrapper.show-pass:active .hide-pass-hover,.password__field-wrapper.show-pass:focus .hide-pass,.password__field-wrapper.show-pass:focus .hide-pass-hover {
    display: none
}

.password__field-wrapper.show-pass:hover .pass-show,.password__field-wrapper.show-pass:active .pass-show,.password__field-wrapper.show-pass:focus .pass-show {
    display: none
}

.password__field-wrapper.show-pass:hover .pass-show-hover,.password__field-wrapper.show-pass:active .pass-show-hover,.password__field-wrapper.show-pass:focus .pass-show-hover {
    display: block
}

#video-overlay-modal {
    align-items: center;
    justify-content: center;
    z-index: 99999999
}

#video-overlay-modal .modal-content {
    z-index: 99;
    height: auto;
    width: 50vw;
    border-radius: 12px;
    max-height: 70vh;
    min-height: 50vh;
    overflow: hidden
}

@media(max-width: 600px) {
    #video-overlay-modal .modal-content {
        width:100%;
        height: 100%;
        max-height: none;
        border-radius: 0
    }
}

#video-overlay-modal .modal-content .video-overlay__modal-header-title {
    font-weight: 690;
    font-size: 24px;
    line-height: 1.4;
    color: #2b2f8f;
    letter-spacing: .012em
}

@media(max-width: 600px) {
    #video-overlay-modal .modal-content .video-overlay__modal-header-title {
        font-weight:690;
        font-size: 17px;
        color: #fff;
        width: 100%;
        text-align: center;
        padding-right: 36px
    }
}

#video-overlay-modal .modal-content .modal-body {
    width: 100%;
    height: 100%;
    padding: 12px;
    overflow: hidden;
    background: #000
}

#video-overlay-modal .modal-content .modal-body video {
    width: 100%;
    height: auto;
    max-height: calc(70vh - 90px)
}

@media(max-width: 600px) {
    #video-overlay-modal .modal-content .modal-body video {
        max-height:calc(100vh - 80px)
    }
}

@media(max-width: 600px) {
    #video-overlay-modal .modal-content .desk-close-btn {
        display:none
    }
}

@media(max-width: 600px) {
    #video-overlay-modal .modal-content .modal-header {
        background:#000;
        flex-direction: row-reverse;
        justify-content: flex-end;
        gap: 12px
    }
}

@media(max-width: 600px) {
    #video-overlay-modal .modal-content .modal-header.hide-header-mobile {
        display:none
    }
}

#video-overlay-modal .mobile-close-btn {
    display: none;
    width: 24px;
    height: 24px
}

@media(max-width: 600px) {
    #video-overlay-modal .mobile-close-btn {
        display:block
    }
}

.form__input-group .prefix-img {
    display: flex !important;
    align-items: flex-start;
    align-self: flex-start
}

.signup-success-loader h1 {
    letter-spacing: .012em
}

#postcode-popup .modal-content.large-modal {
    border-radius: 24px 24px 0 0
}

@media(max-width: 600px) {
    #postcode-popup .modal-content.large-modal .modal-body {
        padding:20px
    }
}

div.sign-up-send-message__section {
    height: 100%;
    display: grid;
    overflow: auto
}

div.sign-up-send-message__section .center-content-area {
    margin-bottom: auto !important;
    height: 100%
}

@media(max-width: 600px) {
    .dash-board__loggedin .modal {
        overflow:visible;
        visibility: hidden;
        display: flex !important
    }

    .dash-board__loggedin .modal.show {
        visibility: visible;
        display: flex !important
    }

    .dash-board__loggedin .modal.show .modal-content {
        transform: translateY(0px);
        transition: all;
        transition-timing-function: cubic-bezier(0.25,.46,.45,.94);
        transition-duration: 200ms;
        transition-delay: 100ms
    }

    .dash-board__loggedin .modal .modal-content {
        transform: translateY(100%);
        transition: all;
        transition-timing-function: cubic-bezier(0.25,.46,.45,.94);
        transition-duration: 200ms
    }
}

@media(max-width: 600px) {
    #carerprofile-modal .modal-content {
        left:0 !important;
        display: grid;
        grid-template-rows: 1fr auto;
        height: 100%
    }
}

@media(max-width: 600px) {
    #carerprofile-modal.carerprofile-main .carerprofile__content {
        max-height:unset !important
    }
}

.welcome-header .welcome-header-content {
    gap: 16px;
    padding-top: 48px;
    padding-bottom: 12px
}

@media(max-width: 600px) {
    .welcome-header .welcome-header-content {
        padding:20px 16px
    }
}

.welcome-header .welcome-header-content h2 {
    font-family: "Manrope";
    font-size: 28px;
    font-weight: 690;
    line-height: 1.4;
    letter-spacing: .012em;
    color: #35353f
}

@media(max-width: 600px) {
    .welcome-header .welcome-header-content h2 {
        font-size:24px
    }
}

.welcome-header .welcome-header-content h2 span {
    color: #2b2f8f
}

.welcome-header .welcome-header-content.newuser-sigupflow__container {
    grid-template-columns: auto 1fr;
    align-items: center
}

.welcome-header .mob-only {
    display: none
}

@media(max-width: 600px) {
    .welcome-header .mob-only {
        display:block
    }
}

@media(max-width: 600px) {
    .welcome-header .desktop-only {
        display:none
    }
}

@media(max-width: 600px) {
    .section__onboarding-cards .newuser-sigupflow__container {
        padding:16px
    }
}

.section__onboarding-cards .section__onboarding-cards-frame {
    background: linear-gradient(0deg,rgba(73,79,201,.9),rgba(73,79,201,.9)),url(https://www.curamcare.com/themes/curam/assets/css/images/dashboard-card-img.webp);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    border-radius: 21px;
    display: grid;
    grid-template-columns: 1fr auto;
    overflow: hidden;
    gap: 32px
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .section__onboarding-cards .section__onboarding-cards-frame {
        position:relative
    }
}

@media(max-width: 600px) {
    .section__onboarding-cards .section__onboarding-cards-frame {
        gap:29px;
        border-radius: 12px;
        position: relative
    }
}

.section__onboarding-cards .section__onboarding-cards-frame .section__onboarding-cards-frame-header {
    display: grid;
    gap: 4px
}

.section__onboarding-cards .section__onboarding-cards-frame .section__onboarding-cards-frame-header .section__onboarding-cards-frame-header-title {
    font-weight: 690;
    font-size: 44px;
    letter-spacing: .012em;
    color: #fcfcff;
    line-height: 1.4
}

@media(max-width: 600px) {
    .section__onboarding-cards .section__onboarding-cards-frame .section__onboarding-cards-frame-header .section__onboarding-cards-frame-header-title {
        font-size:24px;
        max-width: 132px
    }
}

.section__onboarding-cards .section__onboarding-cards-frame .section__onboarding-cards-frame-header img {
    width: 90px;
    height: 26px
}

.section__onboarding-cards .section__onboarding-cards-frame .banner-dashboardcard-text {
    display: flex;
    flex-direction: column;
    color: #fff;
    gap: 12px
}

.section__onboarding-cards .section__onboarding-cards-frame .section__onboarding-cards-frame-content {
    display: grid;
    grid-template-rows: 1fr auto;
    padding: 35px 0 35px 45px;
    gap: 24px
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .section__onboarding-cards .section__onboarding-cards-frame .section__onboarding-cards-frame-content {
        z-index:1
    }
}

@media(max-width: 600px) {
    .section__onboarding-cards .section__onboarding-cards-frame .section__onboarding-cards-frame-content {
        padding:15px 0 15px 19px;
        z-index: 1
    }
}

@media(max-width: 600px) {
    .section__onboarding-cards .section__onboarding-cards-frame .section__onboarding-cards-frame-img {
        position:absolute;
        right: 0;
        top: 0;
        z-index: 0
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .section__onboarding-cards .section__onboarding-cards-frame .section__onboarding-cards-frame-img {
        position:absolute;
        right: 0;
        top: 0;
        z-index: 0
    }
}

.section__onboarding-cards .section__onboarding-cards-frame .section__onboarding-cards-frame-img img {
    display: flex;
    max-height: 243px;
    width: auto
}

@media(max-width: 600px) {
    .section__onboarding-cards .section__onboarding-cards-frame .section__onboarding-cards-frame-img img {
        display:inherit;
        max-height: 191px
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .section__onboarding-cards .section__onboarding-cards-frame .section__onboarding-cards-frame-img img {
        display:inherit;
        max-height: 191px
    }
}

.job-card__cta-buttons {
    width: -moz-fit-content;
    width: fit-content;
    color: #494fc9;
    background-color: #fff
}

@media(max-width: 600px) {
    .hide-in-mob {
        display:none !important
    }
}

.hide-in-desktop {
    display: none !important
}

@media(max-width: 600px) {
    .hide-in-desktop {
        display:block !important
    }
}

.section__onboarding-message-cards .newuser-sigupflow__container {
    padding-top: 48px;
    padding-bottom: 0;
    gap: 24px
}

@media(max-width: 600px) {
    .section__onboarding-message-cards .newuser-sigupflow__container {
        padding:20px
    }
}

.section__onboarding-message-cards .onboarding-message-cards-title {
    font-weight: 690;
    font-size: 24px;
    line-height: 1.4;
    letter-spacing: .012em;
    color: #35353f
}

.section__onboarding-message-cards .section__onboarding-message-cards-content {
    display: grid;
    grid-template-columns: repeat(12,1fr);
    gap: 24px
}

@media(max-width: 600px) {
    .section__onboarding-message-cards .section__onboarding-message-cards-content {
        gap:30px
    }
}

@media(max-width: 600px) {
    .section__onboarding-message-cards .section__onboarding-message-cards-content .post-job__dashboard-img {
        position:absolute;
        right: 0;
        top: 0
    }
}

.section__onboarding-message-cards .section__onboarding-message-cards-content .post-job__dashboard-img picture {
    max-height: 163px;
    width: 100%;
    display: block
}

@media(max-width: 600px) {
    .section__onboarding-message-cards .section__onboarding-message-cards-content .post-job__dashboard-img picture {
        max-height:191px
    }
}

.section__onboarding-message-cards .section__onboarding-message-cards-content .post-job__dashboard-img picture img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.section__onboarding-message-cards .section__onboarding-message-cards-content .messages__dashboard-card {
    height: -moz-max-content;
    height: max-content;
    grid-column: 1/9
}

@media(max-width: 600px) {
    .section__onboarding-message-cards .section__onboarding-message-cards-content .messages__dashboard-card {
        grid-column:1/13
    }
}

.section__onboarding-message-cards .section__onboarding-message-cards-content .post-job__dashboard-card {
    grid-column: 9/13
}

@media(max-width: 600px) {
    .section__onboarding-message-cards .section__onboarding-message-cards-content .post-job__dashboard-card {
        grid-column:1/13;
        position: relative
    }
}

.section__onboarding-message-cards .section__onboarding-message-cards-content .messages__dashboard-card,.section__onboarding-message-cards .section__onboarding-message-cards-content .post-job__dashboard-card {
    border: 1px solid #e0e1e6;
    filter: drop-shadow(0px 4px 8px rgba(23,25,74,.05));
    border-radius: 12px;
    box-shadow: 0 4px 8px 0 rgba(23,25,74,.0509803922)
}

.section__onboarding-message-cards .dashboard-messages__list {
    display: flex;
    flex-direction: column
}

.section__onboarding-message-cards .dashboard-messages__list .dashboard-messages__list-item {
    display: grid;
    grid-template-columns: auto 1fr;
    padding: 16px 16px 12px;
    gap: 12px;
    border-bottom: 1px solid #e0e1e6
}

.section__onboarding-message-cards .dashboard-messages__list .dashboard-messages__list-item span.photo-icon {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 4px;
    width: 44px;
    height: 44px;
    background: #e0e1e6;
    border: 1px solid #fcfcff;
    border-radius: 8px;
    font-weight: 630;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .014em;
    color: #676779;
    position: relative
}

.section__onboarding-message-cards .dashboard-messages__list .dashboard-messages__list-item span.photo-icon span.online-user {
    width: 10px;
    height: 10px;
    background: #488216;
    border: 1px solid #fff;
    border-radius: 50%;
    position: absolute;
    right: -5px;
    top: -5px
}

.section__onboarding-message-cards .dashboard-messages__list .dashboard-messages__list-item .dashboard-messages__list-item-text {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.section__onboarding-message-cards .dashboard-messages__list .dashboard-messages__list-item .dashboard-messages__list-item-text .messages__text {
    font-weight: 520;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: .014em;
    color: #676779
}

.section__onboarding-message-cards .dashboard-messages__list .dashboard-messages__list-item .dashboard-messages__list-item-text-top {
    display: flex;
    justify-content: space-between
}

.section__onboarding-message-cards .dashboard-messages__list .dashboard-messages__list-item .dashboard-messages__list-item-text-top h3 {
    font-weight: 690;
    font-size: 17px;
    line-height: 1.4;
    letter-spacing: .012em;
    color: #35353f
}

.section__onboarding-message-cards .dashboard-messages__list .dashboard-messages__list-item .dashboard-messages__list-item-text-top span.dashboard-messages__list-item-top-time {
    font-weight: 520;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .014em;
    text-align: right;
    color: #676779
}

.section__onboarding-message-cards .dashboard-messages__footer {
    display: flex;
    justify-content: flex-end;
    padding: 16px;
    gap: 8px
}

.section__onboarding-message-cards .dashboard-messages__footer button {
    width: -moz-fit-content;
    width: fit-content
}

@media(max-width: 600px) {
    .section__onboarding-message-cards .dashboard-messages__footer button {
        width:100%
    }
}

.section__onboarding-message-cards .post-job__dashboard-card {
    display: grid;
    grid-template-rows: 1fr auto
}

@media(max-width: 600px) {
    .section__onboarding-message-cards .post-job__dashboard-card {
        position:relative;
        padding-bottom: 71px;
        background-color: #494fc9
    }
}

.section__onboarding-message-cards .post-job__dashboard-card .post-job__card {
    display: flex;
    flex-direction: column;
    padding: 20px;
    padding-bottom: 0;
    gap: 24px;
    background-color: #494fc9;
    color: #fcfefb;
    border-radius: 12px 12px 0 0
}

@media(max-width: 600px) {
    .section__onboarding-message-cards .post-job__dashboard-card .post-job__card {
        flex-direction:row;
        border: 0;
        padding: 0
    }
}

.section__onboarding-message-cards .post-job__dashboard-card .post-job__card .post-job__dashboard-card-header {
    display: flex;
    flex-direction: column;
    gap: 12px
}

@media(max-width: 600px) {
    .section__onboarding-message-cards .post-job__dashboard-card .post-job__card .post-job__dashboard-card-header {
        padding-top:20px;
        padding-left: 20px;
        padding-bottom: 20px
    }

    .section__onboarding-message-cards .post-job__dashboard-card .post-job__card .post-job__dashboard-card-header h3.post-job__dashboard-card-title {
        max-width: 132px
    }
}

.section__onboarding-message-cards .post-job__dashboard-card .post-job__card .post-job__dashboard-card-header h3 {
    font-weight: 690;
    font-size: 24px;
    line-height: 1.4;
    letter-spacing: .012em
}

.section__onboarding-message-cards .post-job__dashboard-card .post-job__card .post-job__dashboard-card-header img {
    width: 90px;
    height: 26px
}

.section__onboarding-message-cards .post-job__dashboard-card .post-job__card .post-job__dashboard-img {
    overflow: hidden
}

.section__onboarding-message-cards .post-job__dashboard-card .job-card__cta-buttons {
    display: flex;
    align-items: center;
    margin: auto;
    gap: 7.93px;
    width: 100%;
    justify-content: center;
    border-radius: 0 0 12px 12px
}

@media(max-width: 600px) {
    .section__onboarding-message-cards .post-job__dashboard-card .job-card__cta-buttons {
        position:absolute;
        left: 20px;
        bottom: 20px;
        border: 0 none;
        width: auto;
        border-radius: 12px
    }
}

.section__job-dashboard-card .newuser-sigupflow__container {
    padding-top: 48px;
    padding-bottom: 24px;
    gap: 32px
}

@media(max-width: 600px) {
    .section__job-dashboard-card .newuser-sigupflow__container {
        padding:20px;
        gap: 24px
    }
}

.section__job-dashboard-card .newuser-sigupflow__container h2 {
    font-weight: 690;
    font-size: 24px;
    line-height: 1.4;
    letter-spacing: .012em;
    color: #35353f
}

.job-dashboard-card {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(12,1fr)
}

.job-dashboard-card .job-dashboard-card-new {
    background: #fff;
    border: 1px solid #d7d8f3;
    box-shadow: 0 4px 8px rgba(23,25,74,.05);
    border-radius: 12px;
    overflow: hidden;
    grid-column: 1/9
}

@media(max-width: 600px) {
    .job-dashboard-card .job-dashboard-card-new {
        padding:16px;
        gap: 20px;
        display: grid;
        grid-column: 1/13
    }
}

.job-dashboard-card .job-dashboard-card-content {
    padding: 16px 20px;
    gap: 24px;
    display: grid;
    grid-template-rows: 1fr auto;
    background-color: #fff
}

@media(max-width: 600px) {
    .job-dashboard-card .job-dashboard-card-content {
        padding:0;
        gap: 20px
    }
}

.job-dashboard-card .job-dashboard-card-content .job-dashboard-card-content-header {
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr auto
}

@media(max-width: 600px) {
    .job-dashboard-card .job-dashboard-card-content .job-dashboard-card-content-header {
        grid-template-columns:1fr;
        position: relative
    }
}

.job-dashboard-card .job-dashboard-card-content-header-left {
    display: grid;
    gap: 12px
}

.job-dashboard-card .job-dashboard-card-content-header-left img {
    width: 84px;
    height: 84px;
    -o-object-fit: contain;
    object-fit: contain
}

.job-dashboard-card .job-dashboard-card-content-header-left h3.job-dashboard-card-content-header-left-title {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 690;
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: .012em;
    color: #35353f !important
}

@media screen and (max-width: 600px) {
    .job-dashboard-card .job-dashboard-card-content-header-left h3.job-dashboard-card-content-header-left-title {
        margin-top:30px
    }
}

.job-dashboard-card .job-dashboard-card-content-header-left p.job-dashboard-card-content-header-left-subtitle {
    font-weight: 630;
    font-size: 14px;
    line-height: 1.4;
    line-height: 1.4;
    letter-spacing: .014em;
    color: #676779;
    display: inline-block
}

@media(max-width: 600px) {
    .job-dashboard-card .job-dashboard-card-content-header-left .card-status {
        display:flex !important;
        padding: 4px 0
    }
}

.job-dashboard-card .job-dashboard-card-content-header-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px
}

@media(max-width: 600px) {
    .job-dashboard-card .job-dashboard-card-content-header-right {
        position:absolute;
        right: 0;
        top: 0
    }
}

.job-dashboard-card .job-dashboard-card-content-header-right .applications-badge .applications-badge-right-badge {
    font-weight: 630;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .014em;
    color: #494fc9;
    padding: 4px 8px;
    background: #ecedf9;
    border-radius: 4px
}

.job-dashboard-card .job-dashboard-card-content-details {
    border: 1px solid #ecedf9;
    filter: drop-shadow(0px 4px 8px rgba(23,25,74,.05));
    border-radius: 12px
}

@media(max-width: 600px) {
    .job-dashboard-card .job-dashboard-card-content-details {
        display:grid;
        padding: 16px 12px;
        gap: 16px
    }
}

.job-dashboard-card .job-dashboard-card-content-details .job-dashboard-card-content-details-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 20px 16px
}

@media(max-width: 600px) {
    .job-dashboard-card .job-dashboard-card-content-details .job-dashboard-card-content-details-row {
        grid-template-columns:1fr;
        padding: 0;
        gap: 16px
    }
}

.job-dashboard-card .job-dashboard-card-content-details .job-dashboard-card-content-details-row.row-items-1 {
    border-bottom: 1px solid #ecedf9
}

@media(max-width: 600px) {
    .job-dashboard-card .job-dashboard-card-content-details .job-dashboard-card-content-details-row.row-items-1 {
        border-bottom:0
    }
}

.job-dashboard-card .job-dashboard-card-content-details .job-dashboard-card-content-details-row .job-dashboard-card-content-details-row-item {
    display: flex;
    flex-direction: column;
    gap: 8px
}

@media(max-width: 600px) {
    .job-dashboard-card .job-dashboard-card-content-details .job-dashboard-card-content-details-row .job-dashboard-card-content-details-row-item {
        gap:0
    }
}

.job-dashboard-card .job-dashboard-card-content-details .job-dashboard-card-content-details-row .job-dashboard-card-content-details-row-item .job-dashboard-card-content-row-item-header {
    display: flex;
    gap: 8px
}

.job-dashboard-card .job-dashboard-card-content-details .job-dashboard-card-content-details-row .job-dashboard-card-content-details-row-item .job-dashboard-card-content-row-item-header span.job-dashboard-card-content-row-item-header-txt {
    font-weight: 630;
    font-size: 14px;
    line-height: 1.4;
    color: #676779;
    letter-spacing: .014em
}

.job-dashboard-card .job-dashboard-card-content-details .job-dashboard-card-content-details-row .job-dashboard-card-content-details-row-item .job-dashboard-card-content-details-row-txt {
    font-weight: 630;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .014em;
    color: #35353f;
    display: flex;
    flex-direction: column
}

@media(max-width: 600px) {
    .job-dashboard-card .job-dashboard-card-content-details .job-dashboard-card-content-details-row .job-dashboard-card-content-details-row-item .job-dashboard-card-content-details-row-txt {
        flex-direction:row;
        gap: 12px
    }
}

.job-dashboard-card .job-dashboard-card__cta-button {
    display: flex;
    padding: 12px 16px 16px;
    gap: 16px;
    justify-content: flex-end
}

@media(max-width: 600px) {
    .job-dashboard-card .job-dashboard-card__cta-button {
        padding:0;
        padding-top: 8px;
        justify-content: space-between;
        display: grid;
        grid-template-columns: auto 1fr
    }
}

.job-dashboard-card .job-dashboard-card__cta-button button {
    width: -moz-fit-content;
    width: fit-content
}

@media(max-width: 600px) {
    .job-dashboard-card .job-dashboard-card__cta-button button {
        width:auto
    }
}

@media(max-width: 600px) {
    .job-dashboard-card .job-dashboard-card__cta-button.single-btn {
        grid-template-columns:1fr
    }
}

@media(max-width: 600px) {
    .job-dashboard-card .job-dashboard-card__cta-button.single-btn button {
        width:100%
    }
}

.job-dashboard-card .card-status {
    padding: 4px 8px;
    gap: 10px;
    display: flex;
    align-items: center
}

.job-dashboard-card .card-status .card-status-badge {
    font-weight: 630;
    font-size: 14px;
    line-height: 1.4;
    color: #e96505;
    letter-spacing: .014em
}

.job-dashboard-card[data-type=closed] .info-dashboard-card-desktop {
    display: none
}

.info-dashboard-card-desktop {
    border: 1px solid #d7d8f3;
    border-radius: 12px;
    height: -moz-max-content;
    height: max-content;
    padding: 24px 16px;
    gap: 24px;
    display: flex;
    flex-direction: column;
    grid-column: 9/13
}

@media(max-width: 600px) {
    .info-dashboard-card-desktop {
        grid-column:1/13
    }
}

.info-dashboard-card-desktop .info-card-header {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.info-dashboard-card-desktop .info-card-header h4.info-card-header-title {
    font-weight: 690;
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: .012em;
    color: #494956
}

.info-dashboard-card-desktop .info-card-text {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.info-dashboard-card-desktop .info-card-text p {
    font-weight: 520;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .014em;
    color: #676779
}

@media(max-width: 600px) {
    .info-dashboard-card-mob {
        padding:16px 12px;
        gap: 8px;
        display: grid !important;
        background: #fcfcff;
        border: 1px solid #d7d8f3;
        border-radius: 12px
    }
}

.info-dashboard-card-mob .info-card-header {
    display: flex;
    gap: 8px
}

.info-dashboard-card-mob .info-card-header .info-card-header-title {
    font-weight: 630;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .014em;
    color: #494956
}

.info-dashboard-card-mob .info-card-text {
    font-weight: 520;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .014em;
    color: #676779
}

.your-messages-card .onboarding-message-cards-header {
    display: flex;
    align-items: center;
    gap: 12px
}

.your-messages-card .onboarding-message-cards-header .onboarding-message-cards__header-badge {
    padding: 4px 8px;
    background-color: #edf2ea;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.4;
    color: #488216;
    letter-spacing: .014em
}

@media(max-width: 600px) {
    .your-messages-card .info-dashboard-card-desktop {
        order:-1
    }
}

@media(max-width: 600px) {
    .your-messages-card .info-dashboard-card-mob {
        grid-column:1/13
    }
}

@media(max-width: 600px) {
    .past-jobs__card .newuser-sigupflow__container {
        padding-top:0
    }
}

@media(max-width: 600px) {
    .past-jobs__card .onboarding-job-cards-title {
        display:none
    }
}

.past-jobs__card .job-dashboard-card-content-header-left-title {
    color: #676779 !important
}

.past-jobs__card .card-status-badge {
    color: #676779 !important
}

.past-jobs__card .job-dashboard-card-content-header-left-subtitle {
    color: #8a8b9f !important
}

.past-jobs__card .applications-badge-right-badge {
    background: #e0e1e6 !important;
    color: #676779 !important
}

.agreement-dashboard-cards .job-dashboard-card-content .job-dashboard-card-content-header-left {
    grid-template-columns: auto 1fr
}

.agreement-dashboard-cards .job-dashboard-card-content .job-dashboard-card-content-header-left .header-content__text {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.agreement-dashboard-cards .job-dashboard-card-content .job-dashboard-card-content-header-left h3 {
    font-weight: 690;
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: .012em
}

.agreement-dashboard-cards .job-dashboard-card-content .job-dashboard-card-content-header-left span.header-content__sub-text {
    font-weight: 630;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .014em;
    color: #676779
}

.agreement-dashboard-cards .agreement-dashboard-content-details {
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 20px
}

.agreement-dashboard-cards .agreement-dashboard-content-details h5.content-title {
    font-weight: 690;
    font-size: 17px;
    line-height: 1.4;
    letter-spacing: .012em
}

.agreement-dashboard-cards .agreement-dashboard-content-details .job-dashboard-card-content-details-row-txt {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 4px
}

.agreement-dashboard-cards .agreement-dashboard-content-details .job-dashboard-card-content-details-row-txt .font-bold {
    font-weight: 630;
    font-size: 15px;
    color: #35353f;
    letter-spacing: .014em
}

@media(max-width: 600px) {
    .agreement-dashboard-cards .agreement-dashboard-content-details .job-dashboard-card-content-details-row-txt .font-bold {
        font-size:14px
    }
}

.agreement-dashboard-cards .agreement-dashboard-content-details .job-dashboard-card-content-details-row-txt .days__count {
    font-weight: 520
}

.agreement-dashboard-cards .agreement-dashboard-content-details .job-dashboard-card-content-details-row-txt .due-amount {
    font-weight: 630;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: .014em;
    color: #c4040e
}

@media(max-width: 600px) {
    .agreement-dashboard-cards .agreement-dashboard-content-details .job-dashboard-card-content-details-row-txt .due-amount {
        font-size:14px
    }
}

@media(max-width: 600px) {
    .agreement-dashboard-cards .job-dashboard-card__cta-button {
        grid-template-columns:1fr
    }
}

.applications-badge {
    width: -moz-max-content;
    width: max-content
}

.applications-badge .applications-badge-text {
    display: flex;
    gap: 10px;
    font-weight: 630;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .014em;
    padding: 4px 8px;
    border-radius: 4px
}

.warning-counter {
    display: flex;
    align-items: center;
    gap: 10px
}

.warning-counter .warning-badge {
    font-weight: 630;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .012em;
    color: #e96505
}

.new-applications-badge .new-applications__badge-text {
    color: #3c6c12;
    background: #edf2ea
}

.no-applications-badge .no-applications-badge-text {
    color: #494fc9;
    background: #ecedf9
}

.num-applications-badge .num-applications-badge-text {
    color: #494fc9;
    background: #ecedf9
}

.rejected-badge .rejected-badge-text {
    color: #e90510;
    background-color: #fee4e6
}

.applications-badge__wrapper {
    gap: 8px;
    display: flex
}

@media(max-width: 600px) {
    .applications-badge__wrapper {
        order:-1
    }
}

.card-status {
    display: flex;
    gap: 10px;
    font-weight: 630;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .014em;
    padding: 4px 8px;
    border-radius: 4px;
    background-color: #fff
}

.card-status .expired-badge {
    color: #e90510 !important
}

.card-status .starts-in-badge {
    color: #494fc9 !important
}

.card-status .ongoing-badge {
    color: #494fc9 !important
}

.card-status .nearly-expired {
    color: #e96505
}

.card-status .inactive-badge {
    color: #676779
}

.notification-2-dashboard-cards {
    padding: 20px;
    gap: 12px;
    background: #494fc9;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center
}

.notification-2-dashboard-cards h4 {
    font-weight: 690;
    font-size: 20px;
    line-height: 1.4;
    text-align: center;
    letter-spacing: .012em;
    color: #fcfcff
}

.notification-1-dashboard-cards {
    grid-column: 1/13;
    display: grid;
    align-items: center;
    padding: 20px;
    gap: 40px;
    border-radius: 12px;
    grid-template-columns: auto auto;
    background-color: #ecedf9;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%
}

@media(max-width: 600px) {
    .notification-1-dashboard-cards {
        display:flex;
        align-items: start;
        gap: 12px
    }
}

.notification-1-dashboard-cards .notification-text {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0;
    gap: 12px
}

.notification-1-dashboard-cards .notification-text svg {
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px
}

.notification-1-dashboard-cards .notification-text span {
    font-weight: 630;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .014em;
    color: #494fc9
}

.notification-1-dashboard-cards button {
    font-weight: 520;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: .014em;
    text-decoration-line: underline;
    color: #494fc9;
    padding: 0;
    border: 0 none !important;
    white-space: nowrap
}

.content-area__notification-area {
    padding: 32px 32px 0 32px;
    width: 100%
}

@media(max-width: 600px) {
    .content-area__notification-area {
        padding:0
    }
}

.content-area__notification-area .content-area__notification {
    display: grid;
    grid-template-rows: auto 1fr auto;
    width: 100%;
    background: #fcfcff;
    padding: 20px;
    gap: 16px;
    border: 1px solid #e0e1e6;
    border-radius: 12px
}

@media(max-width: 600px) {
    .content-area__notification-area .content-area__notification {
        border-radius:0;
        border-top: 0;
        border-left: 0;
        border-right: 0
    }
}

.content-area__notification-area .content-area__notification .content-area__notification-header {
    display: flex;
    align-items: center;
    gap: 8px
}

.content-area__notification-area .content-area__notification .content-area__notification-header span {
    font-weight: 690;
    letter-spacing: .014em;
    color: #35353f
}

.content-area__notification-area .content-area__notification .content-area__notification-body-text {
    font-weight: 520;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .014em;
    color: #676779
}

.content-area__notification-area .content-area__notification button {
    width: -moz-max-content;
    width: max-content
}

.carerprofile-main .profile-detail__content-area .content-area__notification-area {
    padding: 0
}

#insurancedetails-modal .insurancedetails__content {
    min-height: auto;
    margin: auto;
    max-width: 582px;
    height: auto;
    max-height: 90vh;
    border-radius: 12px;
    grid-auto-rows: 60px 1fr auto;
    background-color: #fff;
    display: grid
}

@media(max-width: 600px) {
    #insurancedetails-modal .insurancedetails__content {
        height:90vh;
        height: 90dvh;
        margin: unset;
        border-radius: 24px 24px 0 0;
        box-shadow: 0 2px 4px rgba(0,0,0,.04)
    }
}

#insurancedetails-modal .insurancedetails__content .modal-body {
    flex-direction: column;
    align-items: flex-start;
    overflow: auto;
    flex: 1;
    height: 100%
}

#insurancedetails-modal .insurancedetails__content .modal-body .modal__content-text {
    font-weight: 520;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: .014em;
    color: #35353f
}

#insurancedetails-modal .insurancedetails__content .modal-body .modal-content__bullet-list {
    display: grid;
    gap: 16px;
    grid-template-rows: auto 1fr
}

#insurancedetails-modal .insurancedetails__content .modal-body .modal-content__bullet-list h5.modal-content__bullet-list-title {
    font-weight: 690;
    font-size: 17px;
    line-height: 1.4;
    color: #35353f;
    letter-spacing: .012em
}

#insurancedetails-modal .insurancedetails__content .modal-body .modal-content__bullet-list ul {
    display: flex;
    flex-direction: column;
    padding: 0 25px;
    gap: 16px
}

#insurancedetails-modal .insurancedetails__content .modal-body .modal-content__bullet-list ul li span {
    font-weight: 690;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: .014em;
    color: #35353f
}

#insurancedetails-modal .insurancedetails__content .modal-body .modal-content__bullet-list ul li p {
    color: #35353f;
    font-weight: 520;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: .014em;
    padding-top: 10px
}

#insurancedetails-modal .insurancedetails__content .modal-body .modal__content-footer-text {
    font-weight: 690;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: .014em;
    color: #35353f
}

#insurancedetails-modal .insurancedetails__content .modal-body .modal__content-footer-text a {
    color: #494fc9;
    text-decoration: none
}

.back-button-section {
    background-color: #fcfcff
}

@media(max-width: 600px) {
    .back-button-section {
        background-color:#fff
    }
}

.back-button-section .carer-profile-page__header {
    padding-top: 32px;
    padding-bottom: 0
}

@media(max-width: 600px) {
    .back-button-section .carer-profile-page__header {
        grid-template-columns:1fr auto 1fr;
        padding: 16px;
        gap: 12px;
        border-bottom: 1px solid #e0e1e6
    }
}

.back-button-section .carer-profile-page__header .close-btn {
    display: flex;
    align-items: center;
    padding: 0 12px;
    gap: 4px;
    text-decoration: none
}

@media(max-width: 600px) {
    .back-button-section .carer-profile-page__header .close-btn.modify-close-btn {
        padding:0
    }
}

.back-button-section .carer-profile-page__header .close-btn span {
    font-weight: 630;
    font-size: 14px;
    line-height: 1.4;
    color: #676779;
    letter-spacing: .014em
}

@media(max-width: 600px) {
    .back-button-section .carer-profile-page__header .close-btn span {
        display:none
    }
}

.back-button-section .carer-profile-page__header h5 {
    display: none
}

@media(max-width: 600px) {
    .back-button-section .carer-profile-page__header h5 {
        display:block;
        font-weight: 690;
        font-size: 17px;
        line-height: 1.4;
        letter-spacing: .012em;
        color: #35353f
    }
}

.back-button-section .carer-profile-page__header .mob-header-arrow {
    display: none
}

@media(max-width: 600px) {
    .back-button-section .carer-profile-page__header .mob-header-arrow {
        display:block
    }
}

@media(max-width: 600px) {
    .back-button-section .carer-profile-page__header .desktop-header-arrow {
        display:none
    }
}

@media(max-width: 600px) {
    .invited-carers__list-main {
        grid-template-rows:1fr auto
    }
}

.job-tracking-under__review {
    padding-top: 16px
}

@media(max-width: 600px) {
    .job-tracking-under__review {
        height:100%;
        flex: 1;
        overflow: auto
    }
}

.job-tracking-under__review .newuser-sigupflow__container {
    padding-top: 0
}

.job-tracking-under__review .content-area__content-wrapper {
    display: grid;
    padding: 0;
    background-color: #fcfcff;
    border: 1px solid #e0e1e6;
    border-radius: 12px
}

@media(max-width: 600px) {
    .job-tracking-under__review .content-area__content-wrapper {
        border:0
    }
}

@media(max-width: 600px) {
    .job-tracking-under__review .content-area__content-wrapper .carer-card-list__cards-list {
        grid-column:1/13;
        padding: 0;
        gap: 0
    }
}

.job-tracking-under__review .left-sidebar {
    padding: 20px 0 0 20px !important;
    gap: 10px;
    display: grid;
    grid-template-rows: auto 1fr
}

.job-tracking-under__review .left-sidebar.moreelements {
    grid-template-rows: auto auto auto 1fr;
    position: relative !important
}

.job-tracking-under__review .left-sidebar.moreelements .onclick-link {
    display: none
}

@media(max-width: 600px) {
    .job-tracking-under__review .left-sidebar.moreelements .danger-btn {
        display:none
    }

    .job-tracking-under__review .left-sidebar.moreelements .onclick-link {
        display: block;
        position: absolute;
        right: 20px;
        top: 24px;
        width: -moz-fit-content;
        width: fit-content;
        background: transparent;
        padding: 0
    }
}

.job-tracking-under__review .job-summary__header {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.job-tracking-under__review .job-summary__header .job-summary__header-title {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.job-tracking-under__review .job-summary__header .job-summary__header-title h4 {
    font-weight: 690;
    color: #35353f
}

.job-tracking-under__review .job-summary__header .job-summary__header-title .job-summary__header-subtitle-text {
    font-weight: 630;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .014em;
    color: #676779
}

.job-tracking-under__review .job-summary__header>.card-status {
    padding-left: 0;
    background: transparent
}

.job-tracking-under__review .job-summary__stats-group {
    display: flex;
    flex-direction: column;
    padding: 16px 0;
    gap: 16px;
    border-top: 1px solid #e0e1e6
}

.job-tracking-under__review .job-summary__stats-group .job-summary__stats-item {
    display: flex;
    gap: 12px
}

.job-tracking-under__review .job-summary__stats-group .job-summary__stats-item span {
    font-weight: 630;
    font-size: 14px;
    letter-spacing: .014em;
    color: #35353f
}

.job-tracking-under__review .right-contentbar {
    padding: 0 20px 24px 32px;
    gap: 24px;
    border-left: 1px solid #e0e1e6
}

.job-tracking-under__review .right-contentbar h3.carer-card-list__cards-list-title-text {
    padding: 20px 0 0;
    font-weight: 690;
    font-size: 24px;
    line-height: 1.4;
    color: #35353f;
    letter-spacing: .012em
}

@media(max-width: 600px) {
    .job-tracking-under__review .right-contentbar h3.carer-card-list__cards-list-title-text {
        padding:32px 20px 12px
    }
}

@media(max-width: 600px) {
    .job-tracking-under__review .right-contentbar .carer-card-list__cards-list-header-items {
        padding:12px 20px
    }
}

.job-tracking-under__review .right-contentbar .applicants-list-wrapper__header {
    padding: 20px 0 0;
    gap: 16px;
    display: grid;
    grid-template-rows: 1fr auto
}

.job-tracking-under__review .right-contentbar .applicants-list-wrapper__header .applicants-list-wrapper__header-title-wrapper {
    display: flex;
    align-items: center;
    gap: 8px
}

.job-tracking-under__review .right-contentbar .applicants-list-wrapper__header .applicants-list-wrapper__header-title-wrapper h3 {
    padding: 0
}

@media(max-width: 600px) {
    .job-tracking-under__review .right-contentbar .applicants-list-wrapper__header .applicants-list-wrapper__header-title-wrapper h3 {
        font-size:17px
    }
}

.job-tracking-under__review .right-contentbar .applicants-list-wrapper__header .link-btn {
    color: #494fc9;
    font-weight: 630;
    font-size: 15px;
    line-height: 1.4
}

.job-tracking-under__review .right-contentbar .applicants-list-wrapper__applicant-list .application-card__header-avatar img {
    width: 100px;
    height: 100px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 12px
}

.job-tracking-under__review .right-contentbar .applicants-list-wrapper__applicant-list .application-card__stats-section {
    padding: 12px 16px;
    display: flex
}

.job-tracking-under__review .right-contentbar .applicants-list-wrapper__applicant-list .application-card__stats-section .application-card__stats-section-group {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    border: 1px solid #ecedf9;
    border-radius: 12px
}

.job-tracking-under__review .right-contentbar .applicants-list-wrapper__applicant-list .application-card__stats-section .application-card__stats-section-group .application-card__stats-section-group-state {
    display: flex;
    flex-direction: column;
    padding: 12px;
    gap: 8px
}

.job-tracking-under__review .right-contentbar .applicants-list-wrapper__applicant-list .application-card__stats-section .application-card__stats-section-group .application-card__stats-section-group-state:first-child {
    border-bottom: 1px solid #ecedf9;
    border-right: 1px solid #ecedf9
}

.job-tracking-under__review .right-contentbar .applicants-list-wrapper__applicant-list .application-card__stats-section .application-card__stats-section-group .application-card__stats-section-group-state:nth-child(2) {
    border-bottom: 1px solid #ecedf9
}

.job-tracking-under__review .right-contentbar .applicants-list-wrapper__applicant-list .application-card__stats-section .application-card__stats-section-group .application-card__stats-section-group-state:nth-child(3) {
    border-right: 1px solid #ecedf9
}

.job-tracking-under__review .right-contentbar .applicants-list-wrapper__applicant-list .application-card__stats-section .application-card__stats-section-group .application-card__stats-section-group-state:nth-child(3) .application-card__stats-subtext {
    color: #494fc9
}

.job-tracking-under__review .right-contentbar .applicants-list-wrapper__applicant-list .application-card__stats-section .application-card__stats-section-group .application-card__stats-section-group-state .application-card__stats-label {
    font-weight: 630;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .014em;
    color: #676779
}

.job-tracking-under__review .right-contentbar .applicants-list-wrapper__applicant-list .application-card__stats-section .application-card__stats-section-group .application-card__stats-section-group-state .application-card__stats-subtext {
    font-weight: 520;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: .014em;
    color: #35353f
}

.job-tracking-under__review .right-contentbar .cards-list__items-card-header-content {
    padding: 16px
}

.job-tracking-under__review .right-contentbar .cards-list__items-card-brief {
    padding: 16px !important
}

.job-tracking-under__review .right-contentbar .cards-list__items-card-footer {
    padding: 12px 16px
}

.job-tracking-under__review .right-contentbar .cards-list__items-card {
    position: relative
}

.job-tracking-under__review .right-contentbar .cards-list__items-card .carer-profile-link {
    position: absolute;
    font-size: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.carer-card-list__cards-list .carer-card-list__cards-list-header-items .cards-list__items-card-footer button {
    position: relative;
    z-index: 2
}

@media(max-width: 600px) {
    .user-profile-page-main .job-tracking-under__review {
        padding-top:0
    }

    .user-profile-page-main .left-sidebar {
        display: block !important;
        position: relative !important;
        padding: 16px !important;
        height: auto !important
    }

    .user-profile-page-main .job-summary__dropdown-header {
        padding: 8px 6px 28px;
        gap: 16px
    }

    .user-profile-page-main .job-tracking-under__review .job-summary__header {
        gap: 8px
    }

    .user-profile-page-main .job-summary__stats-group {
        padding: 16px 12px;
        gap: 16px;
        border: 1px solid #e0e1e6;
        border-radius: 12px
    }

    .user-profile-page-main .right-contentbar {
        background: #fff;
        border-width: 1px 0 0 0;
        border-style: solid;
        border-color: #e0e1e6;
        border-radius: 28px;
        overflow: hidden
    }

    .user-profile-page-main .right-contentbar .applicants-list-wrapper__header {
        padding: 20px 20px 16px;
        gap: 10px
    }

    .user-profile-page-main .right-contentbar .applicants-list-wrapper__header h3 {
        font-weight: 690;
        font-size: 20px
    }
}

.job-summary__dropdown-header {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 16px
}

.job-summary__dropdown-header.single-elem {
    grid-template-columns: 1fr
}

.job-summary__dropdown-header .summary-header__icon-wrapper {
    position: relative
}

.job-summary__dropdown-header .summary-header__icon-wrapper .dropdown__job-details {
    position: absolute;
    right: 12px;
    width: 292px;
    background: #fff;
    border: 1px solid #e0e1e6;
    box-shadow: 0 2px 12px rgba(0,0,0,.2);
    border-radius: 12px;
    display: none;
    padding: 8px 0
}

.job-summary__dropdown-header .summary-header__icon-wrapper .dropdown__job-details.show {
    display: block;
    list-style: none
}

.job-summary__dropdown-header .summary-header__icon-wrapper .dropdown__job-details.show .dropdown__job-details-list a.job-details__menu-link {
    outline: 0
}

.job-summary__dropdown-header .summary-header__icon-wrapper .dropdown__job-details.show .dropdown__job-details-list a.job-details__menu-link:hover {
    color: #494fc9;
    font-weight: 690
}

.job-summary__dropdown-header .summary-header__icon-wrapper .dropdown__job-details.show .dropdown__job-details-list a.job-details__menu-link:hover .active-list {
    display: block
}

.job-summary__dropdown-header .summary-header__icon-wrapper .dropdown__job-details.show .dropdown__job-details-list a.job-details__menu-link:hover .normal-list {
    display: none
}

.job-summary__dropdown-header .summary-header__icon-wrapper .dropdown__job-details.show .dropdown__job-details-list a.job-details__menu-link:active {
    color: #494fc9;
    font-weight: 690
}

.job-summary__dropdown-header .summary-header__icon-wrapper .dropdown__job-details.show .dropdown__job-details-list a.job-details__menu-link:active .active-list {
    display: block
}

.job-summary__dropdown-header .summary-header__icon-wrapper .dropdown__job-details.show .dropdown__job-details-list a.job-details__menu-link:active .normal-list {
    display: none
}

.job-summary__dropdown-header .summary-header__icon-wrapper .dropdown__job-details.show .dropdown__job-details-list a.job-details__menu-link:focus {
    color: #494fc9;
    font-weight: 690
}

.job-summary__dropdown-header .summary-header__icon-wrapper .dropdown__job-details.show .dropdown__job-details-list a.job-details__menu-link:focus .active-list {
    display: block
}

.job-summary__dropdown-header .summary-header__icon-wrapper .dropdown__job-details.show .dropdown__job-details-list a.job-details__menu-link:focus .normal-list {
    display: none
}

.job-summary__dropdown-header .summary-header__icon-wrapper .dropdown__job-details.show .dropdown__job-details-list svg {
    width: 24px;
    height: 24px;
    min-height: 24px;
    min-width: 24px
}

.job-summary__dropdown-header .summary-header__icon-wrapper .dropdown__job-details li a {
    padding: 8px 16px;
    gap: 12px;
    display: flex;
    align-items: center;
    font-weight: 520;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: .014em;
    color: #676779;
    text-decoration: none;
    outline: 0
}

.job-summary__dropdown-header .summary-header__icon-wrapper .dropdown__job-details li a .active-list {
    display: none
}

span.tag {
    font-weight: 630;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .014em;
    color: #35353f;
    padding: 8px 14px;
    border: 1px solid #e0e1e6;
    border-radius: 20px
}

.tag-group {
    display: flex;
    gap: 8px;
    position: absolute;
    right: 52px;
    top: 15px
}

@media(max-width: 600px) {
    .tag-group {
        position:relative;
        top: 0;
        right: 0;
        width: 100%
    }
}

.invited-badge {
    padding: 8px;
    background-color: #edf2ea;
    color: #3c6c12;
    border-radius: 12px;
    height: -moz-max-content;
    height: max-content;
    width: -moz-max-content;
    width: max-content
}

.invited-decline-badge {
    padding: 8px;
    background-color: #fee4e6;
    color: #e90510;
    border-radius: 12px;
    height: -moz-max-content;
    height: max-content;
    width: -moz-max-content;
    width: max-content
}

.hideform {
    display: grid;
    grid-template-rows: 1fr auto;
    max-height: calc(100vh - 80px)
}

#log-in .center-content-area {
    max-height: calc(100vh - 80px)
}

#sign-up .center-content-area {
    max-height: calc(100vh - 80px)
}

.jobflowmodal .modal-content {
    min-height: 640px;
    margin: auto;
    max-width: 582px;
    height: auto;
    border-radius: 12px;
    grid-auto-rows: 60px 1fr auto;
    background-color: #fff;
    overflow: hidden
}

@media(max-width: 600px) {
    .jobflowmodal .modal-content {
        margin:0;
        height: 86vh;
        min-height: 86dvh;
        margin-bottom: 0;
        border-radius: 24px 24px 0 0
    }
}

@media(max-width: 372px) {
    .jobflowmodal .modal-content {
        min-height:600px
    }
}

.jobflowmodal .modal-content .modal-header {
    flex-direction: column-reverse;
    align-items: flex-start;
    padding: 0;
    gap: 0
}

.jobflowmodal .modal-content .modal-header h2.modal-title {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 520;
    font-size: 28px;
    line-height: 1.4;
    display: block;
    gap: 24px;
    padding: 16px 16px 12px;
    letter-spacing: .012em
}

@media(max-width: 600px) {
    .jobflowmodal .modal-content .modal-header h2.modal-title {
        font-size:20px;
        font-weight: 690
    }
}

.jobflowmodal .modal-content .modal-header h2.modal-title span {
    font-weight: 690
}

@media(max-width: 600px) {
    .jobflowmodal .modal-content .modal-header h2.modal-title span {
        font-size:20px
    }
}

.jobflowmodal .modal-content .modal-header .close {
    margin-left: auto;
    padding: 16px
}

.jobflowmodal .modal-content .notification-section {
    padding: 12px 20px
}

.jobflowmodal .modal-content .notification-section p {
    color: #676779;
    font-weight: 520;
    padding: 16px;
    border: 1px solid #e0e1e6;
    border-radius: 12px;
    background: #fcfcff;
    letter-spacing: .014em
}

.jobflowmodal .modal-content .notification-section p span {
    font-weight: 690
}

.jobflowmodal .modal-content .modal-body {
    flex-direction: column;
    align-items: flex-start;
    flex: 1;
    overflow: auto;
    padding: 16px;
    gap: 24px
}

.jobflowmodal .modal-content .modal-body .whocare.answer__selection {
    width: 100%
}

.jobflowmodal .modal-content .modal-body .whocare.answer__selection .radiobtn {
    row-gap: 24px;
    -moz-column-gap: 12px;
    column-gap: 12px
}

.jobflowmodal .modal-content .modal-body .whocare.answer__selection .radiobtn .alight-items-center.div-flex.wrap-element .radio-label {
    padding: 0
}

.jobflowmodal .modal-content .modal-body .whocare.answer__selection .radiobtn .alight-items-center.div-flex.wrap-element label>input[type=radio]:checked+*::after {
    left: 12px
}

.jobflowmodal .modal-content .modal-body .whocare.answer__selection .radiobtn .radio-label {
    padding: 15px 16px
}

.jobflowmodal .modal-content .modal-body .whocare.answer__selection .radiobtn .radio-label.active .regular-font span {
    font-weight: 690;
    font-size: 15px;
    line-height: 1.4;
    color: #494fc9;
    letter-spacing: .014em
}

.jobflowmodal .modal-content .modal-body .whocare.answer__selection .radiobtn .radio-label.active .date-group p {
    font-weight: 630;
    font-size: 15px;
    color: #676779;
    letter-spacing: .014em
}

.jobflowmodal .modal-content .modal-body .whocare.answer__selection .radiobtn .radio-label.active .date-group span {
    font-weight: 690;
    font-size: 15px;
    line-height: 1.4;
    color: #494fc9;
    letter-spacing: .014em
}

.jobflowmodal .modal-content .modal-body .whocare.answer__selection .radiobtn .radio-label.active .date-group span.date {
    color: #35353f
}

.jobflowmodal .modal-content .modal-body .whocare.answer__selection .radiobtn .radio-label.active .date-group span.day {
    color: #676779;
    font-weight: 520
}

.jobflowmodal .modal-content .modal-body .whocare.answer__selection .radiobtn .radio-label p,.jobflowmodal .modal-content .modal-body .whocare.answer__selection .radiobtn .radio-label span {
    font-weight: 520;
    font-size: 15px;
    color: #676779;
    letter-spacing: .014em
}

.jobflowmodal .modal-content .modal-body .whocare.answer__selection .radiobtn label>input[type=radio]+*::before {
    max-width: 20px;
    max-height: 20px
}

.jobflowmodal .modal-content .modal-body .whocare.answer__selection .radiobtn label>input[type=radio]:checked+*::after {
    max-width: 20px;
    max-height: 20px;
    left: 0
}

.jobflowmodal .modal-content .modal-body .whocare.answer__selection .radiobtn .radio-group-wrapper.active .radio-fieldset-header span {
    color: #494fc9
}

.jobflowmodal .modal-content .modal-body .whocare.answer__selection .radiobtn .radio-group-wrapper .radio-fieldset-header span {
    font-weight: 520;
    font-size: 15px;
    color: #676779;
    letter-spacing: .014em
}

.jobflowmodal .modal-content .modal-body .input__field-group {
    padding: 16px 20px;
    display: grid;
    grid-template-columns: auto 1fr;
    width: 85%
}

@media(max-width: 600px) {
    .jobflowmodal .modal-content .modal-body .input__field-group {
        width:100%
    }
}

.jobflowmodal .modal-content .modal-body .total-rate-summary {
    padding: 16px 20px 12px;
    margin-right: auto
}

.jobflowmodal .modal-content .modal-body .total-rate-summary .total-rate-wrap {
    background: #fcfcff;
    border: 1px solid #e0e1e6;
    border-radius: 12px
}

.jobflowmodal .modal-content .modal-body .total-rate-summary .total-rate-wrap .rate-data {
    padding: 12px 20px;
    display: flex;
    justify-content: space-between;
    gap: 16px;
    color: #35353f
}

.jobflowmodal .modal-content .modal-body .total-rate-summary .total-rate-wrap .rate-data.curam-fees {
    color: #676779
}

.jobflowmodal .modal-content .modal-body .total-rate-summary .total-rate-wrap .rate-data.final-pay {
    position: relative
}

.jobflowmodal .modal-content .modal-body .total-rate-summary .total-rate-wrap .rate-data.final-pay::before {
    content: "";
    position: absolute;
    width: 80%;
    height: 1px;
    top: 0;
    border-top: 1px solid #e0e1e6
}

.jobflowmodal .modal-content .modal-body .total-rate-summary .total-rate-wrap .rate-data.final-pay .final-pay-rate {
    color: #494fc9
}

.jobflowmodal .modal-content .modal-footer {
    display: grid;
    grid-template-columns: auto auto;
    padding: 12px 20px 16px;
    gap: 16px;
    justify-content: space-between
}

.jobflowmodal .modal-content .modal-footer .backbtn {
    padding: 13px 14px;
    gap: 8px;
    line-height: 1
}

.jobflowmodal .modal-content .modal-footer .backbtn svg {
    height: 20px;
    width: 20px
}

.jobflowmodal .modal-content .modal-footer .addbtn {
    visibility: hidden
}

.modifyrate.modal .modal-footer {
    display: grid;
    grid-template-columns: auto auto;
    padding: 12px 20px 16px;
    gap: 16px;
    justify-content: space-between
}

.modifyrate.modal .modal-footer .backbtn {
    padding: 13px 14px;
    gap: 8px;
    line-height: 1
}

.modifyrate.modal .modal-footer .backbtn svg {
    height: 20px;
    width: 20px
}

.content-area__content-wrapper .content-area-input-list__list-container {
    padding: 24px 20px 24px 32px;
    gap: 24px
}

.content-area__content-wrapper .content-area-input-list__list-container .content-area-input-list__list-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    border: 1px solid #e0e1e6;
    border-radius: 12px;
    background: #fff
}

.content-area__content-wrapper .content-area-input-list__list-container .content-area-input-list__list-card.nobgpadding {
    border: 0 none;
    background: transparent;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 12px
}

@media(max-width: 600px) {
    .content-area__content-wrapper .content-area-input-list__list-container .content-area-input-list__list-card.nobgpadding {
        padding-bottom:70px
    }
}

.content-area__content-wrapper .content-area-input-list__list-container .content-area-input-list__list-card.nobgpadding h5 {
    padding: 0
}

.content-area__content-wrapper .content-area-input-list__list-container .content-area-input-list__list-card.nobgpadding textarea {
    background: #fff;
    width: 100%;
    padding: 15px 16px;
    gap: 4px;
    border: 1px solid #e0e1e6;
    box-shadow: 0 1px 2px rgba(23,25,74,.05);
    border-radius: 12px;
    min-height: 135px
}

.content-area__content-wrapper .content-area-input-list__list-container .content-area-input-list__list-card .num-applications-badge-text {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 4px 8px;
    gap: 10px;
    border-radius: 4px
}

.content-area__content-wrapper .content-area-input-list__list-container .content-area-input-list__list-card .num-applications-badge-text span {
    font-weight: 630;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .014em;
    color: #494fc9
}

.content-area__content-wrapper .content-area-input-list__list-container .content-area-input-list__list-card .content-area-input-list__list-card-header {
    padding: 16px;
    gap: 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.content-area__content-wrapper .content-area-input-list__list-container .content-area-input-list__list-card .content-area-input-list__list-card-header.advertised-rate-block,.content-area__content-wrapper .content-area-input-list__list-container .content-area-input-list__list-card .content-area-input-list__list-card-header.scheduleblock {
    width: 100%
}

.content-area__content-wrapper .content-area-input-list__list-container .content-area-input-list__list-card .content-area-input-list__list-card-header.advertised-rate-block h5,.content-area__content-wrapper .content-area-input-list__list-container .content-area-input-list__list-card .content-area-input-list__list-card-header.scheduleblock h5 {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.content-area__content-wrapper .content-area-input-list__list-container .content-area-input-list__list-card .content-area-input-list__list-card-text {
    font-weight: 690;
    font-size: 17px;
    line-height: 1.4;
    letter-spacing: .012em;
    color: #35353f
}

.content-area__content-wrapper .content-area-input-list__list-container .content-area-input-list__list-card .content-area-input-list__list-card-item-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    width: 100%
}

.content-area__content-wrapper .content-area-input-list__list-container .content-area-input-list__list-card .content-area-input-list__list-card-item-group .content-area-input-list__list-card-item-group-item {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 2fr auto;
    padding: 16px;
    align-content: center;
    align-items: center;
    gap: 8px;
    border-bottom: 1px solid #e0e1e6
}

@media(max-width: 600px) {
    .content-area__content-wrapper .content-area-input-list__list-container .content-area-input-list__list-card .content-area-input-list__list-card-item-group .content-area-input-list__list-card-item-group-item {
        grid-template-columns:1fr auto;
        grid-template-rows: 1fr 1fr;
        -moz-column-gap: 16px;
        column-gap: 16px;
        row-gap: 12px
    }
}

.content-area__content-wrapper .content-area-input-list__list-container .content-area-input-list__list-card .content-area-input-list__list-card-item-group .content-area-input-list__list-card-item-group-item:last-child {
    border-bottom: 0 none
}

.content-area__content-wrapper .content-area-input-list__list-container .content-area-input-list__list-card .content-area-input-list__list-card-item-group .content-area-input-list__list-card-item-group-item .info-element__text {
    font-weight: 630;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .014em;
    color: #676779
}

@media(max-width: 600px) {
    .content-area__content-wrapper .content-area-input-list__list-container .content-area-input-list__list-card .content-area-input-list__list-card-item-group .content-area-input-list__list-card-item-group-item .info-element__text {
        grid-row:1/1;
        grid-column: 1/1
    }
}

.content-area__content-wrapper .content-area-input-list__list-container .content-area-input-list__list-card .content-area-input-list__list-card-item-group .content-area-input-list__list-card-item-group-item .info-element__text-desc {
    font-weight: 520;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: .014em;
    color: #35353f
}

@media(max-width: 600px) {
    .content-area__content-wrapper .content-area-input-list__list-container .content-area-input-list__list-card .content-area-input-list__list-card-item-group .content-area-input-list__list-card-item-group-item .info-element__text-desc {
        grid-row:2;
        grid-column: 1/1
    }
}

.content-area__content-wrapper .content-area-input-list__list-container .content-area-input-list__list-card .content-area-input-list__list-card-item-group .content-area-input-list__list-card-item-group-item .info-element__text-desc.color-gray {
    color: #676779
}

@media(max-width: 600px) {
    .content-area__content-wrapper .content-area-input-list__list-container .content-area-input-list__list-card .content-area-input-list__list-card-item-group .content-area-input-list__list-card-item-group-item svg {
        grid-row:span 2;
        grid-column: 2/3
    }
}

#nights-per-week-modal .help-needed.checkbox-btn,#days-per-week-modal .help-needed.checkbox-btn {
    grid-template-columns: 1fr
}

@media(max-width: 600px) {
    #nights-per-week-modal .help-needed.checkbox-btn,#days-per-week-modal .help-needed.checkbox-btn {
        width:100%
    }
}

#selectfundingmodalpopup.specificreqflow.selectfundingmodalpopup-skip-btn .modal-footer {
    grid-template-columns: auto 1fr auto
}

#changeratemodalpopup.changeratemodalpopup-with-skinbtn .modal-footer,#changeratemodalpopup2.changeratemodalpopup-with-skinbtn .modal-footer {
    justify-content: space-between
}

#changeratemodalpopup.changeratemodalpopup-with-skinbtn .modal-footer button,#changeratemodalpopup2.changeratemodalpopup-with-skinbtn .modal-footer button {
    width: auto
}

#discardmodalpopup .modal-content.large-modal,#unpublishmodalpopup .modal-content.large-modal,#rejectapplication .modal-content.large-modal,#closejobmodalpopup .modal-content.large-modal {
    max-width: 375px;
    min-height: auto
}

@media(max-width: 600px) {
    #discardmodalpopup .modal-content.large-modal,#unpublishmodalpopup .modal-content.large-modal,#rejectapplication .modal-content.large-modal,#closejobmodalpopup .modal-content.large-modal {
        max-width:100%;
        height: auto
    }
}

#discardmodalpopup .modal-content.large-modal .modal-header,#unpublishmodalpopup .modal-content.large-modal .modal-header,#rejectapplication .modal-content.large-modal .modal-header,#closejobmodalpopup .modal-content.large-modal .modal-header {
    flex-direction: row-reverse !important
}

#discardmodalpopup .modal-content.large-modal .modal-header h2.modal-title,#unpublishmodalpopup .modal-content.large-modal .modal-header h2.modal-title,#rejectapplication .modal-content.large-modal .modal-header h2.modal-title,#closejobmodalpopup .modal-content.large-modal .modal-header h2.modal-title {
    font-size: 24px;
    font-weight: 690;
    line-height: 1.4;
    letter-spacing: .012em
}

#discardmodalpopup .modal-content.large-modal .modal-body,#unpublishmodalpopup .modal-content.large-modal .modal-body,#rejectapplication .modal-content.large-modal .modal-body,#closejobmodalpopup .modal-content.large-modal .modal-body {
    padding: 16px 20px;
    gap: 10px
}

#discardmodalpopup .modal-content.large-modal .modal-body .notification-section,#unpublishmodalpopup .modal-content.large-modal .modal-body .notification-section,#rejectapplication .modal-content.large-modal .modal-body .notification-section,#closejobmodalpopup .modal-content.large-modal .modal-body .notification-section {
    padding: 0
}

#discardmodalpopup .modal-content.large-modal .notification-section p,#unpublishmodalpopup .modal-content.large-modal .notification-section p,#rejectapplication .modal-content.large-modal .notification-section p,#closejobmodalpopup .modal-content.large-modal .notification-section p {
    border: 0 none;
    background: transparent;
    padding: 0;
    letter-spacing: .014em;
    color: #35353f
}

#discardmodalpopup .modal-content.large-modal .modal-footer,#unpublishmodalpopup .modal-content.large-modal .modal-footer,#rejectapplication .modal-content.large-modal .modal-footer,#closejobmodalpopup .modal-content.large-modal .modal-footer {
    grid-template-columns: 1fr 1fr
}

#discardmodalpopup .modal-content.large-modal .modal-footer .backbtn,#unpublishmodalpopup .modal-content.large-modal .modal-footer .backbtn,#rejectapplication .modal-content.large-modal .modal-footer .backbtn,#closejobmodalpopup .modal-content.large-modal .modal-footer .backbtn {
    text-decoration: none;
    text-align: center
}

.location-popup .modal-content {
    border-radius: 12px
}

.location-popup .modal-content .modal-header {
    padding: 16px 20px
}

.location-popup .modal-content .modal-body {
    padding: 20px
}

#carerpreferencemodalpopup .modal-body {
    padding: 20px
}

#carerpreferencemodalpopup .modal-body .carer-preference {
    width: 100%
}

#help-needed-carer-popup .modal-body {
    padding: 20px
}

#addcondition-modal .modal-content {
    min-width: 30%;
    min-height: 30%;
    width: auto;
    height: auto;
    margin: auto;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,.04);
    border-radius: 12px;
    overflow: hidden
}

@media(max-width: 600px) {
    #addcondition-modal .modal-content {
        max-width:100%;
        max-height: 80%;
        height: 100%;
        border-radius: 24px 24px 0 0;
        margin-bottom: 0;
        display: grid;
        grid-template-rows: auto 1fr auto
    }
}

#addcondition-modal .modal-header {
    flex-direction: row-reverse
}

#addcondition-modal .modal-body {
    flex-direction: column;
    align-items: flex-start;
    padding: 12px 20px 20px;
    gap: 16px
}

#addcondition-modal .modal-body .input__field-group {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px
}

#addcondition-modal .modal-body .input__field-group label.caption {
    color: #35353f
}

#addcondition-modal .modal-body .input__field-group input {
    width: 100%;
    padding: 15px 16px;
    gap: 16px;
    border: 1px solid #e0e1e6;
    box-shadow: 0 1px 2px rgba(23,25,74,.05);
    border-radius: 12px;
    display: flex;
    font-weight: 520;
    font-size: 15px;
    line-height: 1.4
}

#carerprofile-modal .cards-list__items-card-header-content .cards-list__items-card-header-content-video img {
    width: 152px;
    height: 152px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 12px
}

@media(max-width: 600px) {
    #carerprofile-modal .cards-list__items-card-header-content .cards-list__items-card-header-content-video img {
        width:128px;
        height: 128px
    }
}

#carerprofile-modal .client-recommendation-card-single-header img {
    width: 48px;
    height: 48px;
    -o-object-fit: cover;
    object-fit: cover
}

#carerprofile-modal .content-area__micro-team-row-card-header img {
    width: 100px;
    height: 100px;
    -o-object-fit: cover;
    object-fit: cover
}

@media(max-width: 600px) {
    .notification-banner .notification-2-dashboard-cards {
        border-radius:0
    }
}

@media(max-width: 600px) {
    .notification-banner .notification-2-dashboard-cards h4 {
        font-size:14px;
        font-weight: 630
    }
}

@media(max-width: 600px) {
    .job-updated-page .welcome-header {
        display:none
    }
}

@media(max-width: 600px) {
    .application__horizontal-bar {
        padding:12px 20px;
        display: flex
    }
}

.horizontal-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 8px;
    gap: 8px;
    background: #f5f5fb;
    border: 1px solid #ecedf9;
    border-radius: 8px
}

.horizontal-tabs .tab {
    padding: 16px 20px;
    gap: 8px;
    display: flex;
    border-radius: 8px;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    cursor: pointer
}

.horizontal-tabs .tab[selected=true] {
    background: #fff;
    box-shadow: 0 4px 8px rgba(23,25,74,.05);
    border: 1px solid #ecedf9;
    animation: slideDateIndicator 100ms cubic-bezier(0.25,.46,.45,.94) 1 normal
}

.horizontal-tabs .tab[selected=true].first-tab {
    animation: reversebar 100ms cubic-bezier(0.25,.46,.45,.94) 1 normal
}

.horizontal-tabs .tab[selected=true] .tab-title {
    font-weight: 630;
    color: #2b2f8f
}

.horizontal-tabs .tab[selected=true] .tab__count {
    background: #d7d8f3
}

.horizontal-tabs .tab[selected=true] .tab__count .count__number {
    color: #2b2f8f
}

.horizontal-tabs .tab[selected=true]:hover {
    background: #fff;
    box-shadow: 0 4px 8px rgba(23,25,74,.05);
    border: 1px solid #ecedf9
}

.horizontal-tabs .tab[selected=true]:hover .tab-title {
    font-weight: 630;
    color: #2b2f8f
}

.horizontal-tabs .tab[selected=true]:hover .tab__count {
    background: #d7d8f3
}

.horizontal-tabs .tab[selected=true]:hover .tab__count .count__number {
    color: #2b2f8f
}

.horizontal-tabs .tab[selected=true]:hover:focus {
    background: #fff;
    box-shadow: 0 4px 8px rgba(23,25,74,.05);
    border: 1px solid #ecedf9
}

.horizontal-tabs .tab[selected=true]:hover:focus .tab-title {
    font-weight: 630;
    color: #2b2f8f
}

.horizontal-tabs .tab[selected=true]:hover:focus .tab__count {
    background: #d7d8f3
}

.horizontal-tabs .tab[selected=true]:hover:focus .tab__count .count__number {
    color: #2b2f8f
}

.horizontal-tabs .tab .tab-title {
    font-weight: 630;
    color: #676779
}

.horizontal-tabs .tab .tab__count {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    text-align: center;
    background-color: #8a8b9f
}

.horizontal-tabs .tab .tab__count span.count__number {
    color: #fff
}

.horizontal-tabs .tab:hover {
    background: #fff;
    box-shadow: 0 4px 8px rgba(23,25,74,.05);
    border: 1px solid #ecedf9
}

@media(max-width: 600px) {
    .onboarding-cards-wrap.content-area__stats-applicants-list .applicants-list-wrapper__header {
        padding:24px 20px 12px
    }
}

.application-card .cards-list__items-card-header-content {
    gap: 0;
    grid-template-columns: 1fr !important
}

@media(max-width: 600px) {
    .application-card .cards-list__items-card-header-content {
        padding:16px 16px 8px !important
    }
}

.application-card .cards-list__items-card-header-content-inner {
    grid-template-columns: auto 1fr auto
}

.application-card .cards-list__items-card-header-content-wrapper-header {
    grid-template-columns: auto 1fr
}

@media(max-width: 600px) {
    .application-card .cards-list__items-card-header-content-wrapper-header {
        grid-template-columns:1fr;
        gap: 10px
    }
}

@media(max-width: 600px) {
    .application-card .cards-list__items-card-header-content-wrapper-header .new-applications-badge {
        order:-1
    }
}

.application-card p.application-header__subtitle {
    color: #676779
}

.application-card .cards-list__items-card-info {
    grid-template-columns: auto 1fr
}

@media(max-width: 600px) {
    .application-card .cards-list__items-card-info {
        grid-template-columns:1fr;
        order: unset;
        gap: 8px;
        padding: 8px 16px 0
    }
}

.application-card .cards-list__items-card-header-content-wrapper {
    align-content: space-between !important
}

@media(max-width: 600px) {
    .application-card .cards-list__items-card-header-content-wrapper {
        align-content:end !important
    }
}

.application-card .cards-list__items-card-header-content-wrapper .application-card-content-wrapper-header__titile {
    display: grid;
    gap: 12px
}

@media(max-width: 600px) {
    .application-card .cards-list__items-card-header-content-wrapper .application-card-content-wrapper-header__titile {
        gap:4px
    }
}

.application-card .application-card__header-avatar {
    width: 108px;
    height: 108px
}

@media(max-width: 600px) {
    .application-card .application-card__header-avatar {
        width:140px;
        height: 140px
    }
}

.application-card .application-card__header-avatar img {
    width: 100% !important;
    height: 100% !important
}

.application-card .application-card__stats-group {
    padding: 12px 16px;
    gap: 12px;
    display: grid;
    grid-template-columns: repeat(3,1fr)
}

@media(max-width: 600px) {
    .application-card .application-card__stats-group {
        grid-template-columns:repeat(2,1fr);
        row-gap: 16px;
        -moz-column-gap: 8px;
        column-gap: 8px;
        padding: 16px 16px 8px
    }
}

.application-card .application-card__stats-group .application-card__stats-section-stat {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 12px;
    gap: 8px;
    border: 1px solid #d7d8f3;
    border-radius: 12px
}

.application-card .application-card__stats-group .application-card__stats-section-stat.match-perc {
    background: #f5f5fb
}

.application-card .application-card__stats-group .application-card__stats-section-stat.match-perc .application-card__stat-title {
    color: #2b2f8f
}

@media(max-width: 600px) {
    .application-card .application-card__stats-group .application-card__stats-section-stat.match-perc {
        grid-column:span 2;
        align-items: center;
        padding: 8px 12px
    }
}

@media(max-width: 600px) {
    .application-card .application-card__stats-group .application-card__stats-section-stat.match-perc .application-card__stat-label {
        display:none
    }
}

.application-card .application-card__stats-group .application-card__stats-section-stat .application-card__stat-title {
    font-weight: 630;
    color: #35353f
}

@media(max-width: 600px) {
    .application-card .application-card__stats-group .application-card__stats-section-stat .application-card__stat-title {
        font-size:14px
    }
}

.application-card .application-card__stats-group .application-card__stats-section-stat .application-card__stat-label {
    font-size: 14px;
    font-weight: 630;
    color: #676779
}

.application-card .cards-list__items-card-brief {
    border-bottom: 1px solid #e0e1e6
}

@media(max-width: 600px) {
    .application-card .cards-list__items-card-brief {
        order:unset !important
    }
}

@media(max-width: 600px) {
    .application-card .application-card-content-wrapper-header__titile .cards-list__items-card-header-content-wrapper-header .header-title {
        font-size:17px
    }
}

@keyframes reversebar {
    from {
        transform: translateX(100%)
    }

    to {
        transform: translateX(0%)
    }
}

.loader__hide {
    display: none
}

#changeratemodalpopup #loader {
    width: 100%
}

#changeratemodalpopup #loader .loader__wrapper {
    width: 100%
}

@media(max-width: 600px) {
    .section__job-dashboard-card .job-dashboard-card {
        grid-template-columns:1fr;
        max-width: 100%;
        grid-template-rows: auto
    }

    .section__job-dashboard-card .job-dashboard-card .job-dashboard-card-new {
        grid-template-columns: 1fr;
        max-width: 100%;
        grid-column: unset;
        grid-template-rows: auto auto auto
    }

    .section__job-dashboard-card .job-dashboard-card .job-dashboard-card-new .job-dashboard-card-content {
        max-width: 100%
    }

    .section__job-dashboard-card .job-dashboard-card .job-dashboard-card-new .job-dashboard-card-content .job-dashboard-card-content-details .job-dashboard-card-content-details-row-item .job-dashboard-card-content-row-item-header {
        display: none
    }
}

body:not(.loading) .loader__visible {
    display: none
}

body:not(.loading) .loader__hide {
    display: flex;
    align-items: center;
    justify-content: center
}

#selectfundingmodalpopup .modal-body .radio-item-group .radio-item svg {
    display: none
}

.conditional-experience-section .answer-item .other-experience.active {
    background: #f5f5fb;
    box-shadow: 0 1px 2px rgba(23,25,74,.05);
    border: 1px solid #a2a5e4
}

.conditional-experience-section .answer-item .other-experience.active input {
    background: #f5f5fb;
    color: #494fc9
}

.conditional-experience-section .answer-item .other-experience.active svg path {
    stroke: #494fc9
}

.conditional-experience-section .answer-item .other-experience:hover input {
    border: 0;
    outline: 0;
    box-shadow: none
}

@media(max-width: 600px) {
    #signup .onboarding-bg {
        background-color:#fcfcfc
    }
}

@media(max-width: 600px) {
    #signup .onboarding-bg2 {
        background-color:#fcfcff
    }
}

#orientation-overlay-warning {
    background: white;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 15px;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 32px;
    gap: 36px;
    background: #ecedf9
}

#orientation-overlay-warning div {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    gap: 12px
}

#orientation-overlay-warning div svg {
    width: 32px;
    height: 32px
}

#orientation-overlay-warning div h2 {
    font-weight: 520;
    font-size: 15px;
    line-height: 1.4;
    text-align: center;
    letter-spacing: .014em;
    color: #35353f
}

@media only screen and (min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    #orientation-overlay-warning {
        display:flex;
        z-index: 99999
    }
}

ul.dropdown-menu.nooptions {
    display: none !important
}

button.answer-item.other-experience {
    border: 0 none;
    background: transparent;
    padding: 0;
    margin: 0;
    box-shadow: unset
}

button.answer-item.other-experience:hover label {
    border: 1px solid #a2a5e4
}

button.answer-item.other-experience:focus {
    outline: 0
}

#modifysearchpopup .filter-type[data-state=active] .filter-title .caption:after {
    content: "";
    gap: 4px;
    width: 8px;
    height: 8px;
    background: #494fc9;
    border-radius: 12px
}

#modifysearchpopup .filter-type[data-state=active] .filter-title span.filter-counts {
    display: none
}

#Verifymobilepopup .modal-body .modal-text {
    display: flex;
    flex-direction: column
}

#Verifymobilepopup .modal-body .modal-text a {
    width: -moz-max-content;
    width: max-content
}

@media(max-width: 600px) {
    .intrim-page .menu-header.new-usersignup-header {
        padding:0 .8vw
    }

    .intrim-page .menu-header.new-usersignup-header .navigation-buttons a {
        padding: 15px 20px;
        line-height: 1.4
    }
}

.intrim-page .welcome-header h4.info-elemenr-text {
    color: #35353f
}

.intrim-page .welcome-header .welcome-header-content {
    grid-template-columns: auto
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .intrim-page .welcome-header .welcome-header-content {
        padding:24px 56px 8px
    }
}

@media(min-width: 600px) and (max-width:1194px) and (orientation:landscape) {
    .intrim-page .welcome-header .welcome-header-content {
        padding:56px 84px 0
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .intrim-page #carer-card-list-section .onboarding-cards-wrap {
        padding:8px 56px 16px;
        grid-template-rows: repeat(4,auto);
        gap: 16px
    }
}

@media(min-width: 600px) and (max-width:1194px) and (orientation:landscape) {
    .intrim-page #carer-card-list-section .onboarding-cards-wrap {
        padding:24px 84px 64px;
        gap: 24px
    }
}

@media(max-width: 600px) {
    .intrim-page #carer-card-list-section .onboarding-cards-wrap {
        padding-bottom:20px
    }
}

@media(max-width: 600px) {
    .intrim-page #carer-card-list-section.intrim-page-card__list .intrim-page-card__list-inner {
        padding-bottom:0;
        grid-template-rows: auto auto auto
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .intrim-page #carer-card-list-section.intrim-page-card__list .intrim-page-card__list-inner {
        grid-column:1/13
    }
}

.intrim-page #carer-card-list-section.intrim-page-card__list .intrim-page-card__list-inner .postcode-search__form-input {
    display: grid;
    grid-column: 1/9
}

@media(max-width: 600px) {
    .intrim-page #carer-card-list-section.intrim-page-card__list .intrim-page-card__list-inner .postcode-search__form-input {
        padding:8px 20px;
        grid-row: 1;
        background-color: #fcfcff
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .intrim-page #carer-card-list-section.intrim-page-card__list .intrim-page-card__list-inner .postcode-search__form-input {
        grid-column:1/13;
        padding-bottom: 8px
    }
}

.intrim-page #carer-card-list-section.intrim-page-card__list .intrim-page-card__list-inner .left-sidebar {
    grid-column: 1/9
}

@media(max-width: 600px) {
    .intrim-page #carer-card-list-section.intrim-page-card__list .intrim-page-card__list-inner .left-sidebar {
        grid-column:1/13;
        grid-row: 2
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .intrim-page #carer-card-list-section.intrim-page-card__list .intrim-page-card__list-inner .left-sidebar {
        grid-column:1/13;
        gap: 24px
    }
}

@media(min-width: 600px) and (max-width:1194px) and (orientation:landscape) {
    .intrim-page #carer-card-list-section.intrim-page-card__list .intrim-page-card__list-inner .left-sidebar {
        gap:24px
    }
}

@media(max-width: 600px) {
    .intrim-page #carer-card-list-section.intrim-page-card__list .intrim-page-card__list-inner .left-sidebar .carer-card-list__cards-list-header-items {
        background-color:#fcfcff
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .intrim-page #carer-card-list-section.intrim-page-card__list .intrim-page-card__list-inner .left-sidebar .carer-card-list__cards-list-header-items {
        gap:16px
    }
}

.intrim-page #carer-card-list-section.intrim-page-card__list .intrim-page-card__list-inner .right-contentbar {
    grid-column: 9/13;
    grid-row: 1/3
}

@media(max-width: 600px) {
    .intrim-page #carer-card-list-section.intrim-page-card__list .intrim-page-card__list-inner .right-contentbar {
        grid-column:1/13;
        position: unset;
        display: grid;
        height: auto;
        padding: 8px 20px;
        grid-row: 3
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .intrim-page #carer-card-list-section.intrim-page-card__list .intrim-page-card__list-inner .right-contentbar {
        grid-column:1/13;
        height: auto;
        position: unset;
        padding: 0;
        grid-row: 3/4
    }
}

@media(max-width: 600px) {
    .intrim-page .load-more-btn {
        padding:16px 20px
    }
}

.intrim-page .form__input-group .input__field-wrapper {
    padding: 8px 16px;
    gap: 16px
}

.intrim-page .form__input-group .input__field-wrapper .prefix-img {
    padding: 0
}

.intrim-page .form__input-group .input__field-wrapper .form-control__custom {
    padding: 0
}

.intrim-page .form__input-group .input__field-wrapper .postfix-img {
    padding: 8px;
    background: #ecedf9;
    border-radius: 50px
}

.intrim-page .form__input-group .input__field-wrapper .postfix-img svg {
    width: 20px;
    height: 20px
}

body .no-radio-btn::before {
    display: none !important
}

body .no-radio-btn::after {
    display: none !important
}

.footer-action-btn #nextBtn {
    display: flex;
    padding: 16px 20px;
    gap: 8px;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    width: -moz-max-content;
    width: max-content
}

@media(max-width: 600px) {
    .footer-action-btn #nextBtn {
        width:100%
    }

    .footer-action-btn #nextBtn svg {
        display: none
    }

    .footer-action-btn #nextBtn.witharrow svg {
        display: block
    }
}

.carer-card-list__cards-list-header-info-tag-row {
    display: flex;
    padding: 0;
    gap: 8px
}

.info-tag__group {
    display: flex;
    padding: 0;
    gap: 8px
}

@media(max-width: 600px) {
    .info-tag__group {
        padding:16px 20px
    }
}

.info-tag__group .filter-tag-text {
    padding: 8px 12px;
    gap: 12px;
    border: 1px solid #e0e1e6;
    border-radius: 12px;
    text-decoration: none;
    color: #35353f;
    background-color: #fff
}

.info-tag__group .filter-tag-text[data-state=active] {
    background: #ecedf9;
    color: #494fc9;
    border-color: #ecedf9
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .funding-flow {
        grid-template-columns:repeat(8,1fr);
        padding-left: 56px;
        padding-right: 56px
    }
}

@media(min-width: 600px) and (max-width:1194px) and (orientation:landscape) {
    .funding-flow {
        padding-left:84px;
        padding-right: 84px
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .funding-flow .center-content-area {
        grid-column:1/9;
        padding: 0;
        margin: 0
    }
}

@media(min-width: 600px) and (max-width:1194px) and (orientation:landscape) {
    .funding-flow .center-content-area {
        grid-column:2/12
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .funding-flow .center-content-area .form__main {
        padding-left:0;
        padding-right: 0
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .funding-flow .center-content-area .form__main .form__body .answer__selection .radiobtn {
        grid-template-columns:1fr
    }
}

.funding-flow .center-content-area .form__main .form__body .answer__selection .radiobtn .active-svg {
    display: none
}

.funding-flow .center-content-area .form__main .form__body .answer__selection .radiobtn label.active .active-svg {
    display: block
}

.funding-flow .center-content-area .form__main .form__body .answer__selection .radiobtn label.active .normal-svg {
    display: none
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .funding-flow .center-content-area .form__main .form__body .whocare.answer__selection .radiobtn {
        grid-template-columns:1fr 1fr
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .funding-flow .center-content-area .form__main .form__body.help-needed.checkbox-btn {
        grid-template-columns:1fr 1fr
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .funding-flow .center-content-area .form__main .form__body .content-area-answer__radio-items {
        grid-template-columns:1fr 1fr
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .funding-flow .center-content-area .header__title {
        padding-left:0;
        padding-right: 0
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .funding-flow .center-content-area .title-padding {
        padding-left:0;
        padding-right: 0
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .funding-flow .center-content-area .action-buttons {
        padding-left:0;
        padding-right: 0
    }
}

.bg-blue {
    background-color: #fcfcff
}

.content-area__advertised-rate-card {
    background-color: #fff;
    border: 1px solid #d7d8f3;
    border-radius: 12px
}

.content-area__advertised-rate-card.responsive__advertised-rate-card {
    display: none
}

@media(max-width: 600px) {
    .content-area__advertised-rate-card.responsive__advertised-rate-card {
        display:block
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .content-area__advertised-rate-card.responsive__advertised-rate-card {
        display:block
    }
}

@media(max-width: 600px) {
    .content-area__advertised-rate-card.desktop__advertised-rate-card {
        display:none
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .content-area__advertised-rate-card.desktop__advertised-rate-card {
        display:none
    }
}

.content-area__advertised-rate-card h2.advertised-rate-card__header-title {
    padding: 16px 16px 8px;
    color: #676779
}

.content-area__advertised-rate-card .advertised-rate-card__content {
    padding: 16px 16px 20px;
    display: flex;
    flex-direction: column;
    gap: 24px
}

.content-area__advertised-rate-card .advertised-rate-card__content-group {
    width: 100%;
    gap: 20px;
    display: grid;
    grid-template-rows: repeat(3,1fr)
}

@media(max-width: 600px) {
    .content-area__advertised-rate-card .advertised-rate-card__content-group {
        grid-template-columns:repeat(3,1fr);
        grid-template-rows: 1fr;
        gap: 8px
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .content-area__advertised-rate-card .advertised-rate-card__content-group {
        grid-template-columns:repeat(3,1fr);
        grid-template-rows: 1fr;
        gap: 8px
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .content-area__advertised-rate-card .advertised-rate-card__content-group:nth-child(1) .advertised-rate-card-content-group__info-item {
        flex-direction:column;
        align-items: flex-start
    }
}

.content-area__advertised-rate-card .advertised-rate-card__content-group:nth-child(2) {
    padding: 16px 0 0;
    border-top: 1px solid #e0e1e6
}

@media(max-width: 600px) {
    .content-area__advertised-rate-card .advertised-rate-card__content-group:nth-child(2) {
        grid-template-columns:1fr
    }

    .content-area__advertised-rate-card .advertised-rate-card__content-group:nth-child(2) .advertised-rate-card-content-group__info-item {
        flex-direction: row;
        gap: 12px
    }

    .content-area__advertised-rate-card .advertised-rate-card__content-group:nth-child(2) .advertised-rate-card-content-group__info-item svg {
        width: 24px;
        height: 24px
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .content-area__advertised-rate-card .advertised-rate-card__content-group:nth-child(2) {
        grid-template-columns:repeat(3,1fr);
        grid-template-rows: 1fr
    }
}

.content-area__advertised-rate-card .advertised-rate-card__content-group .advertised-rate-card-content-group__info-item {
    display: flex;
    gap: 16px;
    align-items: center
}

@media(max-width: 600px) {
    .content-area__advertised-rate-card .advertised-rate-card__content-group .advertised-rate-card-content-group__info-item {
        flex-direction:column;
        align-items: flex-start
    }
}

.content-area__advertised-rate-card .advertised-rate-card__content-group .advertised-rate-card-content-group__info-item svg {
    width: 32px;
    height: 32px;
    -o-object-fit: cover;
    object-fit: cover
}

@media(max-width: 600px) {
    .content-area__advertised-rate-card .advertised-rate-card__content-group .advertised-rate-card-content-group__info-item svg {
        width:20px;
        height: 20px
    }
}

.content-area__advertised-rate-card .advertised-rate-card__content-group .advertised-rate-card-content-group__info-item .advertised-rate-card-content-group__info-item-text {
    gap: 4px;
    display: flex;
    flex-direction: column
}

.content-area__advertised-rate-card .advertised-rate-card__content-group .advertised-rate-card-content-group__info-item .advertised-rate-card-content-group__info-item-text span.advertised-rate-card-content-group__info-item-text-title {
    color: #676779;
    font-weight: 520;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .014em
}

.content-area__advertised-rate-card .advertised-rate-card__content-group .advertised-rate-card-content-group__info-item .advertised-rate-card-content-group__info-item-text p.advertised-rate-card-content-group__info-item-text-wrapper-text {
    color: #35353f;
    font-weight: 630;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: .014em
}

@media(max-width: 600px) {
    .content-area__advertised-rate-card .advertised-rate-card__content-group .advertised-rate-card-content-group__info-item .advertised-rate-card-content-group__info-item-text p.advertised-rate-card-content-group__info-item-text-wrapper-text {
        font-weight:520
    }
}

@media(max-width: 600px) {
    .content-area__advertised-rate-card .advertised-rate-card__content-group .advertised-rate-card-content-group__info-item .advertised-rate-card-content-group__info-item-text p.advertised-rate-card-content-group__info-item-text-wrapper-text span {
        font-weight:630;
        width: 100%;
        display: block
    }
}

.uc-a__new-usersignup .section__onboarding-cards .newuser-sigupflow__container {
    padding-top: 24px;
    padding-bottom: 24px
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .uc-a__new-usersignup .section__onboarding-cards .newuser-sigupflow__container {
        padding-left:56px;
        padding-right: 56px
    }
}

.uc-a__new-usersignup .section__onboarding-cards .section__onboarding-cards-frame {
    grid-template-columns: 1fr 1fr;
    gap: 24px
}

@media(max-width: 600px) {
    .uc-a__new-usersignup .section__onboarding-cards .section__onboarding-cards-frame {
        grid-template-columns:1fr
    }
}

@media(max-width: 600px) {
    .uc-a__new-usersignup .section__onboarding-cards .section__onboarding-cards-frame h2.banner-dashboardcard__header-title {
        max-width:187px;
        font-size: 20px
    }
}

@media(max-width: 600px) {
    .uc-a__new-usersignup .section__onboarding-cards .section__onboarding-cards-frame .banner-dashboardcard__header-text {
        max-width:281px
    }
}

.uc-a__new-usersignup .section__onboarding-cards .section__onboarding-cards-frame .section__onboarding-cards-frame-content {
    gap: 0;
    align-items: center;
    padding: 36px 0 36px 24px
}

@media(max-width: 600px) {
    .uc-a__new-usersignup .section__onboarding-cards .section__onboarding-cards-frame .section__onboarding-cards-frame-img picture {
        width:100%;
        height: 100%;
        display: block;
        padding-right: 8px;
        margin-top: -15px;
        overflow: hidden
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .uc-a__new-usersignup .section__onboarding-cards .section__onboarding-cards-frame .section__onboarding-cards-frame-img picture {
        width:100%;
        height: 100%;
        display: block;
        padding-right: 8px;
        margin-top: -15px;
        overflow: hidden
    }
}

.uc-a__new-usersignup .section__onboarding-cards .section__onboarding-cards-frame .section__onboarding-cards-frame-img img {
    max-height: 200px;
    margin-left: auto
}

@media(max-width: 600px) {
    .uc-a__new-usersignup .section__onboarding-cards .section__onboarding-cards-frame .section__onboarding-cards-frame-img img {
        max-height:113.45px;
        width: auto;
        opacity: .6
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .uc-a__new-usersignup .section__onboarding-cards .section__onboarding-cards-frame .section__onboarding-cards-frame-img img {
        width:auto;
        opacity: .6
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .uc-a__new-usersignup .right-sidebar-filters {
        display:grid !important;
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

@media(max-width: 600px) {
    .uc-a__new-usersignup .carer-card-list__cards-list-header-items .cards-list__items-card-footer button {
        padding-left:0;
        padding-right: 0
    }
}

.uc-a__new-usersignup .content-area__advertised-rate-card {
    gap: 16px;
    padding: 16px;
    display: flex;
    flex-direction: column
}

.uc-a__new-usersignup .content-area__advertised-rate-card h2.advertised-rate-card__header-title {
    padding: 0;
    font-size: 17px
}

.uc-a__new-usersignup .content-area__advertised-rate-card .advertised-rate-card__content {
    padding: 0;
    gap: 16px
}

.uc-a__new-usersignup .content-area__advertised-rate-card .advertised-rate-card__content-group {
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: 1fr
}

.uc-a__new-usersignup .content-area__advertised-rate-card .advertised-rate-card__content-group:nth-child(1) {
    gap: 8px
}

.uc-a__new-usersignup .content-area__advertised-rate-card .advertised-rate-card__content-group:nth-child(1) .advertised-rate-card-content-group__info-item {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px
}

.uc-a__new-usersignup .content-area__advertised-rate-card .advertised-rate-card__content-group:nth-child(1) .advertised-rate-card-content-group__info-item svg {
    width: 20px;
    height: 20px
}

.uc-a__new-usersignup .content-area__advertised-rate-card .advertised-rate-card__content-group:nth-child(1) .advertised-rate-card-content-group__info-item p.advertised-rate-card-content-group__info-item-text-wrapper-text {
    font-size: 14px;
    font-weight: 520
}

.uc-a__new-usersignup .content-area__advertised-rate-card .advertised-rate-card__content-group:nth-child(1) .advertised-rate-card-content-group__info-item p.advertised-rate-card-content-group__info-item-text-wrapper-text span {
    font-size: 15px;
    font-weight: 630
}

.uc-a__new-usersignup .content-area__advertised-rate-card .advertised-rate-card__content-group:nth-child(2) {
    gap: 12px
}

@media(max-width: 600px) {
    .uc-a__new-usersignup .content-area__advertised-rate-card .advertised-rate-card__content-group:nth-child(2) {
        grid-template-columns:1fr;
        grid-template-rows: repeat(3,1fr)
    }
}

.uc-a__new-usersignup .content-area__advertised-rate-card .advertised-rate-card__content-group:nth-child(2) .advertised-rate-card-content-group__info-item {
    gap: 12px
}

.uc-a__new-usersignup .content-area__advertised-rate-card .advertised-rate-card__content-group:nth-child(2) .advertised-rate-card-content-group__info-item svg {
    width: 24px;
    height: 24px
}

@media(max-width: 600px) {
    .uc-a__new-usersignup .welcome-header-content:not(.has-carer) {
        display:none
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .uc-a__new-usersignup .welcome-header-content:not(.has-carer) {
        display:none
    }
}

.content-area-answer__radio-items {
    grid-template-columns: repeat(2,1fr);
    gap: 24px
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .content-area-answer__radio-items {
        grid-template-columns:1fr;
        gap: 16px
    }
}

@media(max-width: 600px) {
    .content-area-answer__radio-items {
        grid-template-columns:1fr;
        gap: 16px
    }
}

@media(max-width: 991.98px) and (orientation:landscape) {
    .content-area-answer__radio-items {
        grid-template-columns:1fr;
        gap: 16px
    }
}

.form__input-group .input-feild__title {
    font-weight: 630;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .012em;
    color: #676779
}

.local-authority-input .input__field-wrapper svg {
    width: 20px;
    height: 20px
}

.trust-input .form-control__custom {
    padding: 16px !important
}

.signing-up-footer-btn .book-back-btn {
    display: grid;
    grid-template-columns: auto auto;
    gap: 16px
}

.signing-up-footer-btn .book-back-btn a {
    display: flex;
    align-items: center;
    justify-content: center
}

.signing-up-footer-btn .book-back-btn a#back-home-page {
    color: #494fc9;
    font-weight: 640;
    font-size: 15px;
    line-height: 1.4;
    text-decoration: underline;
    padding: 0
}

.signing-up-footer-btn .book-back-btn a#book-meeting {
    text-decoration: none
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .signing-up__content-main .signing-up__content-main {
        align-content:baseline
    }
}

@media(max-width: 600px) {
    .signing-up__content-main .center-content-area {
        grid-template-rows:auto 1fr auto;
        display: grid
    }
}

.signing-up__content-main .signing-up__content {
    padding: 16px;
    gap: 24px;
    display: flex;
    flex-direction: column
}

@media(max-width: 600px) {
    .signing-up__content-main .signing-up__content {
        padding:16px 20px
    }
}

.signing-up__content-main .signing-up__content .content-area-answer-section-text {
    font-weight: 630;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: .014em;
    color: #676779
}

.signing-up__content-main .signing-up__content h5.content-area-answer-section-bullet-title {
    font-weight: 690;
    font-size: 17px;
    line-height: 1.4;
    letter-spacing: .014em;
    color: #494956
}

.signing-up__content-main .signing-up__content ul.content-area-answer-section-bullet-points {
    padding-left: 25px;
    font-weight: 630;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: .014em;
    color: #676779
}

@media(max-width: 600px) {
    .signing-up__content-main .signing-up-footer-btn .book-back-btn {
        grid-template-columns:1fr
    }
}

.funding-flow__modal .modal-content {
    max-width: 432px
}

.funding-flow__modal .modal-content .modal-header {
    flex-direction: row !important
}

.funding-flow__modal .modal-content .modal-header h2.modal-title {
    font-size: 24px;
    font-weight: 690
}

.funding-flow__modal .modal-content .modal-body p.confirm-text {
    border: 0;
    background: transparent
}

.funding-flow__modal .modal-content .modal-body .modal-body__section-main {
    padding: 16px 20px;
    gap: 16px;
    display: flex;
    flex-direction: column;
    font-weight: 630;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: .014em;
    color: #676779
}

.funding-flow__modal .modal-content .modal-body .modal-body__section-main p.confirm-text a {
    color: #494fc9
}

.funding-flow__modal .modal-content .modal-body .confirm-footer__text {
    display: flex;
    flex-direction: column
}

.funding-flow__modal .modal-content .modal-footer {
    display: block;
    text-align: center
}

.funding-flow__modal .modal-content .modal-footer a.backbtn {
    width: 100%;
    display: block;
    text-decoration: none;
    padding: 15px 20px
}

@media(max-width: 600px) {
    .funding-flow__form-body {
        grid-template-rows:1fr auto;
        height: 100%
    }
}

.content-footer-inner {
    display: flex;
    justify-content: space-between
}

.content-footer-inner #nextBtn2 {
    display: flex
}

@media(max-width: 600px) {
    .b2b-funding-flow #modalpopup .modal-content {
        display:grid;
        grid-template-rows: auto 1fr auto;
        align-content: start
    }
}

@media(max-width: 600px) {
    .b2b-funding-flow #modalpopup .modal-content .modal-body {
        align-items:flex-start
    }
}

.application__card .job-dashboard-card-content {
    gap: 0
}

.application__card .info-dashboard-card-desktop {
    gap: 32px
}

input:-webkit-autofill {
    border-radius: 12px
}

input:autofill {
    border-radius: 12px
}

@media(max-width: 372px) {
    .form-textarea,.modal textarea {
        max-height:164px
    }

    div.daterangepicker.ltr.opensright .main-datepicker-container .drp-calendar .calendar-table tbody tr td {
        max-width: 40px !important;
        max-height: 40px !important;
        aspect-ratio: 1/1
    }

    div.daterangepicker.ltr.opensright .main-datepicker-container .drp-calendar .calendar-table .table-condensed thead tr:last-child th {
        max-width: 40px !important;
        max-height: 40px !important;
        aspect-ratio: 1/1
    }

    body div.daterangepicker.ltr.opensright .main-datepicker-container .drp-calendar .calendar-table tbody tr td::after,body div.daterangepicker.ltr.opensright .main-datepicker-container .drp-calendar .calendar-table tbody tr td::before {
        max-width: 40px !important;
        max-height: 40px !important;
        aspect-ratio: 1/1
    }

    body div.daterangepicker.ltr.opensright .main-datepicker-container td.in-range.month-start:before {
        left: -40px
    }
}

.welcome-header__greeting {
    grid-template-columns: auto 1fr;
    align-items: center
}

.application-card-section .application-card-section__wrapper {
    gap: 32px
}

.application-card-section .application-card-section__wrapper .application-card-section-title {
    color: #35353f
}

.application-card-section .application__card .has-applicants__details {
    gap: 24px
}

.job-dashboard-card-content__applicants {
    display: grid;
    gap: 24px;
    grid-template-rows: auto 1fr
}

.job-dashboard-card-content__applicants .appliaction-card-content__applicants-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px
}

@media(max-width: 600px) {
    .job-dashboard-card-content__applicants .appliaction-card-content__applicants-heading .appliaction-content__applicants-heading-text {
        font-size:17px
    }
}

.job-dashboard-card-content__applicants .appliaction-card-content__applicants-heading a {
    font-weight: 520;
    color: #494fc9
}

.appliaction-card-content__applicants-list {
    background: #fcfcff;
    border: 1px solid #e0e1e6;
    border-radius: 12px
}

.appliaction-card-content__applicants-list .appliaction-card-content__applicants-list-item {
    padding: 16px 16px 12px;
    gap: 12px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    border-bottom: 1px solid #e0e1e6;
    align-items: center;
    text-decoration: none;
    position: relative
}

.appliaction-card-content__applicants-list .appliaction-card-content__applicants-list-item .go-to-profile {
    position: absolute;
    font-size: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

.appliaction-card-content__applicants-list .appliaction-card-content__applicants-list-item .view-profile-btn {
    text-decoration: none;
    position: relative;
    z-index: 2
}

.appliaction-card-content__applicants-list .appliaction-card-content__applicants-list-item .carer-wishlist-cls #wishlist {
    position: relative;
    z-index: 3
}

@media(max-width: 600px) {
    .appliaction-card-content__applicants-list .appliaction-card-content__applicants-list-item:nth-child(n+6) {
        display:none
    }
}

.appliaction-card-content__applicants-list .appliaction-card-content__applicants-list-item:last-child {
    border-bottom: 0 none !important
}

.appliaction-card-content__applicants-list .appliaction-card-content__applicants-list-item .appliaction-card-content__applicants-list-item-info-name {
    color: #35353f
}

.appliaction-card-content__applicants-list .appliaction-card-content__applicants-list-item img {
    width: 44px;
    height: 44px;
    -o-object-fit: cover;
    object-fit: cover
}

.appliaction-card-content__applicants-list .appliaction-card-content__applicants-list-item .appliaction-card-content__applicants-list-item-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
    position: relative
}

.appliaction-card-content__applicants-list .appliaction-card-content__applicants-list-item .appliaction-card-content__applicants-list-item-info-details {
    display: flex;
    gap: 4px
}

.appliaction-card-content__applicants-list .appliaction-card-content__applicants-list-item .appliaction-card-content__applicants-list-item-info-details .applicants-list-item-info-details__text {
    color: #676779
}

.appliaction-card-content__applicants-list .appliaction-card-content__applicants-list-item .appliaction-card-content__applicants-list-item-info-details .applicants-list-item-info-details__dot {
    color: #676779
}

.appliaction-card-content__applicants-list .appliaction-card-content__applicants-list-item .appliaction-card-content__applicants-list-item-msg-btn {
    width: 36px;
    height: 36px;
    border: 1px solid #a2a5e4;
    border-radius: 52px;
    display: flex;
    align-items: center;
    justify-content: center
}

.applicants-list-wrapper__header .applicants-list-wrapper__header-title-block {
    justify-content: space-between
}

.right-contentbar.carer-card-list__cards-list .job-dashboard-card-content__applicants {
    padding: 20px 0 0
}

.care-needs-page-content-area__applicants-list-wrapper-list {
    padding: 40px 20px 12px;
    gap: 24px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.care-needs-page-content-area__applicants-list-wrapper-list p.care-needs-page-content-area__applicants-list-wrapper-list-text {
    color: #35353f
}

.care-needs-page-content-area__carers-list-buttons {
    display: flex;
    gap: 12px;
    justify-content: center
}

@media(max-width: 600px) {
    .care-needs-page-content-area__carers-list-buttons {
        padding:12px 20px 20px
    }
}

@media(max-width: 600px) {
    .care-needs-page-content-area__carers-list-buttons.edit-details-buttons {
        padding:0
    }
}

.care-needs-page-content-area__carers-list-buttons button.carers-list__button-single {
    width: auto
}

.care-needs-page__empty-state section#carer-card-list-section .onboarding-cards-wrap {
    padding-bottom: 0;
    grid-template-rows: auto
}

@media(max-width: 600px) {
    .care-needs-page__empty-state section#carer-card-list-section .left-sidebar.carer-card-list__filters {
        display:grid;
        position: unset;
        height: auto;
        width: auto;
        margin-left: unset;
        padding: 0 !important;
        display: none
    }
}

@media(max-width: 600px) {
    .care-needs-page__empty-state .job-summary__stats-group {
        padding:16px 20px
    }
}

@media(max-width: 600px) {
    .care-needs-page__empty-state .right-contentbar {
        border:0
    }
}

@media(max-width: 600px) and (max-width:600px) {
    .care-needs-page__empty-state .right-contentbar .job-dashboard-card-content__applicants {
        display:none
    }
}

.care-needs-page__empty-state.no-carers-interested .care-needs-page__content-area-carers {
    padding-top: 24px
}

.care-needs-page__empty-state.no-carers-interested .care-needs-page__content-area-carers.nopadtop {
    padding-top: 0
}

.care-needs-page__empty-state .back-button-section {
    display: none
}

@media(max-width: 600px) {
    .care-needs-page__empty-state .back-button-section {
        display:block;
        position: sticky;
        top: 0;
        z-index: 999
    }
}

.care-needs-page__content-area-carers {
    display: flex;
    flex-direction: column;
    gap: 24px
}

@media(max-width: 600px) {
    .care-needs-page__content-area-carers {
        background:#fff;
        border-radius: 28px 28px 0 0;
        gap: 12px;
        border: 1px solid #e0e1e6;
        border-bottom: 0;
        border-right: 0 none;
        border-left: 0 none
    }
}

@media(max-width: 600px) {
    .care-needs-page__content-area-carers h3.care-needs-page__content-area-carers-title {
        padding:24px 20px 12px;
        font-size: 20px
    }
}

@media(max-width: 600px) {
    .care-needs-page__empty-state section#carer-card-list-section {
        padding-top:0
    }
}

.care-needs-page__empty-state section#carer-card-list-section .newuser-sigupflow__container {
    padding-top: 0
}

@media(max-width: 600px) {
    .care-needs-page__empty-state section#carer-card-list-section .left-sidebar.carer-card-list__filters {
        padding:24px 20px 16px !important;
        gap: 24px
    }
}

@media(max-width: 600px) {
    .care-needs-page__empty-state section#carer-card-list-section .job-summary__stats-group {
        border:1px solid #e0e1e6;
        border-radius: 12px;
        padding: 16px 12px
    }
}

.breadcrumbs {
    background: #fcfcff
}

@media(max-width: 600px) {
    .breadcrumbs {
        border-bottom:1px solid #e0e1e6;
        background: #fff
    }
}

.breadcrumbs .breadcrumbs-wrapper .breadcrumbs-navlinks:last-child {
    color: #494fc9
}

.breadcrumbs .newuser-sigupflow__container {
    display: flex;
    padding-top: 24px;
    padding-bottom: 0;
    align-items: center
}

@media(max-width: 600px) {
    .breadcrumbs .newuser-sigupflow__container {
        padding:0 8px 0
    }
}

.breadcrumbs a.breadcrumbs-navlinks {
    padding: 0 12px;
    height: 42px;
    text-decoration: none;
    display: flex;
    align-items: center
}

.content-area-input-list__list-card-item-group-item[data-state=empty] .edit-details-link {
    text-decoration: underline
}

.content-area-input-list__list-card-item-group-item[data-state=empty] .edit-details-link .edit-details-link-text {
    color: #494fc9;
    font-weight: 690
}

.content-area-input-list__list-card-item-group-item[data-state=empty] .edit-details-link:active {
    color: #494fc9
}

.content-area-input-list__list-card-item-group-item[data-state=empty] .edit-icon {
    display: none
}

.content-area-input-list__list-card-item-group-item .edit-details-link {
    display: flex;
    gap: 8px;
    text-decoration: none
}

@media(max-width: 600px) {
    .content-area-input-list__list-card-item-group-item .edit-details-link {
        grid-column-start:1
    }
}

.content-area-input-list__list-card-item-group-item .edit-details-link .edit-details-link-text {
    font-weight: 520;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: .014em;
    color: #35353f
}

.content-area-input-list__list-card-item-group-item .edit-icon {
    width: 24px;
    height: 24px
}

.modal-content .modal-footer .unlist-back-btn {
    padding: 15px 20px 16px;
    line-height: 1.4
}

@media(max-width: 600px) {
    .application-card-section .application-card-section__wrapper {
        gap:24px;
        padding: 20px
    }
}

.application__horizontal-bar .horizontal-tabs {
    width: 100%
}

#care-needs-page-empty-state-page .job-dashboard-card-content__applicants {
    display: grid
}

@media(max-width: 600px) {
    #care-needs-page-empty-state-page .job-dashboard-card-content__applicants {
        padding:12px 20px 16px
    }
}

@media(max-width: 600px) {
    #care-needs-page-empty-state-page .appliaction-card-content__applicants-list {
        border:0;
        box-shadow: none
    }
}

#care-needs-page-empty-state-page .appliaction-card-content__applicants-list .appliaction-card-content__applicants-list-item {
    border-bottom: 1px solid #e0e1e6
}

@media(max-width: 600px) {
    .view-all__invited-carers-page .left-sidebar.carer-card-list__filters {
        display:none !important
    }
}

@media(max-width: 600px) {
    .view-all__invited-carers-page .right-contentbar.carer-card-list__cards-list .applicants-list-wrapper__header {
        display:none !important
    }
}

.edit-job-container .content-area-input-list__list-card-item-group-item {
    grid-template-columns: 200px 1fr 24px !important
}

@media(max-width: 600px) {
    .edit-job-container .content-area-input-list__list-card-item-group-item {
        grid-template-columns:1fr auto !important;
        grid-template-rows: auto auto !important
    }

    .edit-job-container .content-area-input-list__list-card-item-group-item svg.edit-icon {
        grid-row: 1/3 !important;
        grid-column: 2/3 !important;
        align-self: center;
        justify-self: center
    }
}

.edit-details-buttons {
    flex-direction: column
}

.edit-details-buttons .footerbottomsticky button.btn {
    width: 100%
}

#job-posting .form__input-group.dropdownactive .dropdown-menu,.modal-posting-dropdown .form__input-group.dropdownactive .dropdown-menu {
    display: flex
}

.modal-posting-dropdown .local-authority-input {
    width: 100%
}

#confirmmodalpopup .modal-footer a.btn {
    padding: 15px 20px 16px;
    line-height: 1.4
}

#confirmmodalpopup .modal-content {
    min-height: auto;
    height: auto
}

.auth-notif {
    background: #fff;
    border: 1px solid #e0e1e6;
    box-shadow: 0 4px 8px rgba(23,25,74,.5);
    border-radius: 12px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    padding: 20px;
    gap: 16px;
    align-items: center
}

@media(max-width: 600px) {
    .auth-notif {
        grid-template-columns:1fr;
        margin: 16px 20px;
        gap: 10px
    }
}

.auth-notif .auth-notif__logo {
    width: 80px;
    height: 40px;
    -o-object-fit: contain;
    object-fit: contain
}

.auth-notif .auth-notif-title-wrapper {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.auth-notif .auth-notif-title-wrapper .auth-notif__title-text {
    color: #676779
}

.auth-notif .auth-notif-title-wrapper .auth-notif__body-text {
    color: #35353f
}

.auth-notif .auth-notif__button-grp {
    display: flex;
    gap: 16px
}

section#carer-card-list-section .carer-card-list__filters .apply-filters-btn.dashboard-new-user__apply-filters-btn {
    gap: 16px !important;
    padding: 16px 0
}

main.uc-a-carer-managment-flow .welcome-header .welcome-header-content {
    display: grid;
    align-items: start
}

@media(max-width: 600px) {
    main.uc-a-carer-managment-flow .welcome-header .info-element-text span {
        display:block
    }
}

.active-care-needs__list .application-card-section .application-card-section__wrapper .application-card-section-title {
    display: none
}

.carer-managment__edit-job .modify-job-card-wrap .job-summary__header {
    gap: 24px
}

.carer-managment__edit-job .modify-job-card-wrap .job-summary__header .job-summary__header-title-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.job-dashboard-card-new .job-dashboard-card__cta-button.single-btn a.btn {
    width: auto;
    text-decoration: none;
    text-align: center
}

.uc-a-carer-managment-flow .welcome-header {
    background-color: #fcfcff
}

.uc-a-carer-managment-flow .application-card-section {
    background-color: #fcfcff
}

#unpublishmodalpopup .modal-footer .unlist-care-needs-close.backbtn {
    line-height: 1.4;
    height: 52px
}

#closejobmodalpopup .modal-footer .unlist-back-btn.close-job-btn {
    line-height: 1.4;
    height: 52px
}

@media(max-width: 600px) {
    .message-flow header .navigation-buttons .notification-button {
        visibility:hidden
    }
}

.messages-empty-state__center-content {
    max-width: 1080px;
    background-color: #fcfcff
}

.messages-empty-state-group .messages-empty-state-icon {
    width: 84px;
    height: 84px;
    border-radius: 50%;
    background: #585dcd;
    border: 4.08961px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto
}

.messages-empty-state-group .messages-empty-state-text {
    padding: 12px 0;
    display: block;
    color: #707070
}

.messages-empty-state__link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 24px 0;
    width: 100%;
    justify-content: center;
    cursor: pointer
}

.messages-empty-state__link svg {
    width: 20px;
    height: 20px
}

.messages-block__content {
    padding-top: 0;
    grid-template-columns: repeat(12,1fr);
    height: 100%;
    padding-bottom: 0
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .messages-block__content {
        padding:0
    }
}

@media(min-width: 600px) and (max-width:1194px) and (orientation:landscape) {
    .messages-block__content {
        padding:0
    }
}

.messages-block__content .messages-list__left-pannel {
    border: 1px solid #e0e1e6;
    height: 100%;
    padding: 0 0 80px;
    grid-column: 1/5;
    display: grid;
    grid-template-rows: auto 1fr
}

@media(max-width: 600px) {
    .messages-block__content .messages-list__left-pannel {
        grid-column:1/13;
        height: 100%;
        border: 0
    }
}

.messages-block__content .messages-list__left-pannel .messages-list__header {
    padding: 12px 20px
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .messages-block__content .messages-list__left-pannel .messages-list__header {
        padding:12px
    }
}

.messages-block__content .messages-list__left-pannel .messages-list__content {
    padding: 0 20px
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .messages-block__content .messages-list__left-pannel .messages-list__content {
        padding:12px
    }
}

.messages-block__content .messages-list__left-pannel .messages-list__content {
    padding: 0 20px
}

.messages-block__content .messages-list__left-pannel .messages-list__content .message-cell__avatar {
    position: relative;
    width: 52px;
    height: 52px
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .messages-block__content .messages-list__left-pannel .messages-list__content .message-cell__avatar {
        width:36px;
        height: 36px
    }
}

.messages-block__content .messages-list__left-pannel .messages-list__content .message-cell__avatar img {
    width: 52px;
    height: 52px;
    -o-object-fit: cover;
    object-fit: cover
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .messages-block__content .messages-list__left-pannel .messages-list__content .message-cell__avatar img {
        width:36px;
        height: 36px
    }
}

.messages-block__content .messages-list__left-pannel .messages-list__content .message-cell__avatar .online-dot {
    width: 12px;
    height: 12px;
    display: block;
    background: #488216;
    border-radius: 50px;
    border: 1px solid #fff;
    top: -5px;
    position: absolute;
    right: -5px
}

.messages-block__content .messages-list__left-pannel .messages-list__content .messages-list__message-cell {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 16px;
    padding: 16px 12px;
    background: #fff;
    border-bottom: 1px solid #e0e1e6
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .messages-block__content .messages-list__left-pannel .messages-list__content .messages-list__message-cell {
        padding:12px 8px;
        gap: 12px
    }
}

.messages-block__content .messages-list__left-pannel .messages-list__content .messages-list__message-cell:hover {
    background: #f5f5fb;
    border-radius: 12px
}

.messages-block__content .messages-list__left-pannel .messages-list__content .messages-list__message-cell:active {
    background: #ecedf9;
    border-radius: 12px
}

.messages-block__content .messages-list__left-pannel .messages-list__content .messages-list__message-cell:visited {
    background: #d7d8f3;
    border-radius: 12px
}

.messages-block__content .messages-list__left-pannel .messages-list__content .messages-list__message-cell:focus {
    background: #f5f5fb;
    box-shadow: 0 0 0 4px #a2a5e4;
    border-radius: 12px
}

.messages-block__content .messages-list__left-pannel .messages-list__content .messages-list__message-cell .message-cell__content {
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: hidden
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .messages-block__content .messages-list__left-pannel .messages-list__content .messages-list__message-cell .message-cell__content {
        gap:6px
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .messages-block__content .messages-list__left-pannel .messages-list__content .messages-list__message-cell .message-cell__content .message-cell__content-name {
        font-weight:690;
        font-size: 15px
    }
}

.messages-block__content .messages-list__left-pannel .messages-list__content .messages-list__message-cell .message-cell__content .message-cell__content-message {
    color: #676779;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.messages-block__content .messages-list__left-pannel .messages-list__content .messages-list__message-cell .message-cell__indicators {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-end
}

.messages-block__content .messages-list__left-pannel .messages-list__content .messages-list__message-cell .message-cell__indicators .message-cell__timestemp {
    color: #8a8b9f
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .messages-block__content .messages-list__left-pannel .messages-list__content .messages-list__message-cell .message-cell__indicators .message-cell__timestemp {
        font-size:13px;
        font-weight: 520
    }
}

.messages-block__content .messages-list__left-pannel .messages-list__content .messages-list__message-cell .message-cell__indicators .message-cell__new-message {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #494fc9;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 13px
}

.messages-block__content .messages-chat-window__right-pannel {
    grid-column: 5/13;
    display: grid;
    grid-template-rows: auto 1fr auto auto
}

@media(max-width: 600px) {
    .messages-block__content .messages-chat-window__right-pannel {
        grid-column:1/13
    }
}

.messages-block__content .messages-chat-window__right-pannel .messages-chat-window__header {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    padding: 8px 16px;
    gap: 12px;
    background-color: #fff;
    border-bottom: 1px solid #e0e1e6
}

.messages-block__content .messages-chat-window__right-pannel .messages-chat-window__header .messages-chat-window__header-wrapper {
    display: flex;
    align-items: center;
    gap: 18px
}

.messages-block__content .messages-chat-window__right-pannel .messages-chat-window__header .messages-chat-window__header-menu {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center
}

.messages-block__content .messages-chat-window__right-pannel .messages-chat-window__header .messages-chat-window__header-menu.summary-header__icon-wrapper {
    position: relative
}

.messages-block__content .messages-chat-window__right-pannel .messages-chat-window__header .messages-chat-window__header-menu.summary-header__icon-wrapper .dropdown__job-details {
    position: absolute;
    top: 100%;
    right: 12px;
    width: 292px;
    background: #fff;
    border: 1px solid #e0e1e6;
    box-shadow: 0 2px 12px rgba(0,0,0,.2);
    border-radius: 12px;
    display: none;
    padding: 8px 0
}

.messages-block__content .messages-chat-window__right-pannel .messages-chat-window__header .messages-chat-window__header-menu.summary-header__icon-wrapper .dropdown__job-details.show {
    display: block;
    list-style: none
}

.messages-block__content .messages-chat-window__right-pannel .messages-chat-window__header .messages-chat-window__header-menu.summary-header__icon-wrapper .dropdown__job-details.show .dropdown__job-details-list a.job-details__menu-link {
    outline: 0
}

.messages-block__content .messages-chat-window__right-pannel .messages-chat-window__header .messages-chat-window__header-menu.summary-header__icon-wrapper .dropdown__job-details.show .dropdown__job-details-list a.job-details__menu-link:hover {
    color: #494fc9;
    font-weight: 690
}

.messages-block__content .messages-chat-window__right-pannel .messages-chat-window__header .messages-chat-window__header-menu.summary-header__icon-wrapper .dropdown__job-details.show .dropdown__job-details-list a.job-details__menu-link:hover .active-list {
    display: block
}

.messages-block__content .messages-chat-window__right-pannel .messages-chat-window__header .messages-chat-window__header-menu.summary-header__icon-wrapper .dropdown__job-details.show .dropdown__job-details-list a.job-details__menu-link:hover .normal-list {
    display: none
}

.messages-block__content .messages-chat-window__right-pannel .messages-chat-window__header .messages-chat-window__header-menu.summary-header__icon-wrapper .dropdown__job-details.show .dropdown__job-details-list a.job-details__menu-link:active {
    color: #494fc9;
    font-weight: 690
}

.messages-block__content .messages-chat-window__right-pannel .messages-chat-window__header .messages-chat-window__header-menu.summary-header__icon-wrapper .dropdown__job-details.show .dropdown__job-details-list a.job-details__menu-link:active .active-list {
    display: block
}

.messages-block__content .messages-chat-window__right-pannel .messages-chat-window__header .messages-chat-window__header-menu.summary-header__icon-wrapper .dropdown__job-details.show .dropdown__job-details-list a.job-details__menu-link:active .normal-list {
    display: none
}

.messages-block__content .messages-chat-window__right-pannel .messages-chat-window__header .messages-chat-window__header-menu.summary-header__icon-wrapper .dropdown__job-details.show .dropdown__job-details-list a.job-details__menu-link:focus {
    color: #494fc9;
    font-weight: 690
}

.messages-block__content .messages-chat-window__right-pannel .messages-chat-window__header .messages-chat-window__header-menu.summary-header__icon-wrapper .dropdown__job-details.show .dropdown__job-details-list a.job-details__menu-link:focus .active-list {
    display: block
}

.messages-block__content .messages-chat-window__right-pannel .messages-chat-window__header .messages-chat-window__header-menu.summary-header__icon-wrapper .dropdown__job-details.show .dropdown__job-details-list a.job-details__menu-link:focus .normal-list {
    display: none
}

.messages-block__content .messages-chat-window__right-pannel .messages-chat-window__header .messages-chat-window__header-menu.summary-header__icon-wrapper .dropdown__job-details.show .dropdown__job-details-list svg {
    width: 24px;
    height: 24px;
    min-height: 24px;
    min-width: 24px
}

.messages-block__content .messages-chat-window__right-pannel .messages-chat-window__header .messages-chat-window__header-menu.summary-header__icon-wrapper .dropdown__job-details li a {
    padding: 8px 16px;
    gap: 12px;
    display: flex;
    align-items: center;
    font-weight: 520;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: .014em;
    color: #676779;
    text-decoration: none;
    outline: 0
}

.messages-block__content .messages-chat-window__right-pannel .messages-chat-window__header .messages-chat-window__header-menu.summary-header__icon-wrapper .dropdown__job-details li a .active-list {
    display: none
}

.messages-block__content .messages-chat-window__right-pannel .messages-chat-window__header .messages-chat-window__avatar {
    width: 48px;
    height: 48px;
    position: relative
}

.messages-block__content .messages-chat-window__right-pannel .messages-chat-window__header .messages-chat-window__avatar img {
    width: 48px;
    height: 48px
}

.messages-block__content .messages-chat-window__right-pannel .messages-chat-window__header .messages-chat-window__avatar .online-dot {
    width: 12px;
    height: 12px;
    display: block;
    background: #488216;
    border-radius: 50px;
    border: 1px solid #fff;
    top: -5px;
    position: absolute;
    right: -5px
}

.messages-block__content .messages-chat-window__right-pannel .messages-chat-window__chat-area {
    background-color: #fcfcff
}

.messages-block__content .messages-chat-window__right-pannel .messages-chat-window__chat-area .messages-chat-window__chat-date {
    padding: 8px 0;
    text-align: center
}

.messages-block__content .messages-chat-window__right-pannel .messages-chat-window__chat-area .messages-chat-window__chat-date .chat-date__text {
    color: #8a8b9f;
    font-size: 15px;
    line-height: 1.4
}

.messages-block__content .messages-chat-window__right-pannel .messages-chat-window__chat-area .messages-chat-window__chat-area-info.empty-state {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 24px
}

.messages-block__content .messages-chat-window__right-pannel .messages-chat-window__chat-area .messages-chat-window__chat-area-info.empty-state .messages-chat-window__chat-area-info-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px
}

.messages-block__content .messages-chat-window__right-pannel .messages-chat-window__chat-area .messages-chat-window__chat-area-info.empty-state .messages-chat-window__chat-area-info-header .messages-chat-window__chat-area-info-header-icon {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background-color: #494fc9;
    display: flex;
    align-items: center;
    justify-content: center
}

.messages-block__content .messages-chat-window__right-pannel .messages-chat-window__chat-area .messages-chat-window__chat-area-info.empty-state .messages-chat-window__chat-area-info-header .messages-chat-window__chat-area-info-header-text {
    color: #494fc9
}

.messages-block__content .messages-chat-window__right-pannel .messages-chat-window__chat-area .messages-chat-window__chat-area-info.empty-state .messages-chat-window__chat-area-info-body {
    color: #676779
}

.messages-block__content .messages-chat-window__right-pannel .messages-chat-window__chat-area .messages-chat-window__chat-area-info.non-empty-state {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding: 0 0 18px
}

.messages-block__content .messages-chat-window__right-pannel .messages-chat-window__chat-area .messages-chat-window__chat-area-info.non-empty-state .info-header-hired {
    background: #fff;
    border: 1px solid #e0e1e6;
    border-radius: 12px;
    text-align: center;
    padding: 16px;
    gap: 16px;
    margin: 0 20px;
    width: calc(100% - 40px);
    display: grid
}

.messages-block__content .messages-chat-window__right-pannel .messages-chat-window__chat-area .messages-chat-window__chat-area-info.non-empty-state .info-header-hired .messages-chat-window__chat-area-info-header {
    display: grid;
    grid-template-columns: auto 1fr;
    text-align: center;
    gap: 8px;
    width: -moz-fit-content;
    width: fit-content;
    justify-items: center;
    align-items: center;
    margin: auto
}

.messages-block__content .messages-chat-window__right-pannel .messages-chat-window__chat-area .messages-chat-window__chat-area-info.non-empty-state .info-header-hired .messages-chat-window__chat-area-info-header .messages-chat-window__chat-area-info-header-icon {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background-color: #494fc9;
    display: flex;
    align-items: center;
    justify-content: center
}

.messages-block__content .messages-chat-window__right-pannel .messages-chat-window__chat-area .messages-chat-window__chat-area-info.non-empty-state .info-header-hired .messages-chat-window__chat-area-info-header .messages-chat-window__chat-area-info-header-text {
    color: #494fc9
}

.messages-block__content .messages-chat-window__right-pannel .messages-chat-window__chat-area .messages-chat-window__chat-area-info.non-empty-state .info-header-hired .messages-chat-window__chat-area-info-body {
    font-weight: 520;
    font-size: 15px;
    line-height: 1.4;
    text-align: center;
    letter-spacing: .014em;
    color: #35353f
}

.messages-block__content .messages-chat-window__right-pannel .messages-chat-window__chat-area .messages-chat-window__chat-area-info .content-area-middle-panel__content-application-area {
    border: 1px solid #e0e1e6;
    border-radius: 12px;
    padding: 12px 16px;
    text-align: center;
    gap: 16px;
    display: grid;
    margin: 0 20px;
    width: calc(100% - 40px);
    background: #fff
}

.messages-block__content .messages-chat-window__right-pannel .messages-chat-window__chat-area .messages-chat-window__chat-area-info .content-area-middle-panel__content-application-area p {
    font-weight: 520;
    font-size: 15px;
    line-height: 1.4;
    text-align: center;
    letter-spacing: .014em;
    color: #676779
}

.messages-block__content .messages-chat-window__right-pannel .messages-chat-window__chat-area .messages-chat-window__chat-area-info .content-area-middle-panel-content__notification {
    background: #e0e1e6;
    width: 100%;
    text-align: center;
    padding: 8px 0
}

.messages-block__content .messages-chat-window__right-pannel .messages-chat-window__chat-area .messages-chat-window__chat-area-info .content-area-middle-panel-content__notification p {
    font-weight: 590;
    font-size: 15px;
    line-height: 1.4;
    text-align: center;
    color: #35353f
}

.messages-block__content .messages-chat-window__right-pannel .messages-chat-window__notification {
    padding: 8px 16px;
    gap: 16px;
    background: #ecedf9;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center
}

.messages-block__content .messages-chat-window__right-pannel .messages-chat-window__notification svg {
    width: 24px;
    height: 24px
}

.messages-block__content .messages-chat-window__right-pannel .messages-chat-window__footer {
    padding: 24px 20px
}

.messages-block__content .messages-chat-window__right-pannel .messages-chat-window__footer .send-message-area {
    display: flex;
    width: 100%;
    gap: 12px
}

.messages-block__content .messages-chat-window__right-pannel .messages-chat-window__footer .send-message-area .form__input-group {
    flex-grow: 1
}

.message-flow-modal .modal-content .modal-header {
    padding: 16px 20px
}

.select-date__meeting {
    padding: 16px 20px 12px;
    gap: 12px;
    display: flex;
    flex-direction: column;
    width: 100%
}

.select-date__meeting .date-cell-section__cell-list {
    display: flex;
    gap: 14px
}

.select-date__meeting .date-cell-section__cell-list .date-cell {
    padding: 6px 14px;
    gap: 4px;
    border: 1px solid #e0e1e6;
    border-radius: 8px;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 62px
}

.select-date__meeting .date-cell-section__cell-list .date-cell:hover {
    background: #f5f5fb
}

.select-date__meeting .date-cell-section__cell-list .date-cell:visited {
    background: #494fc9
}

.select-date__meeting .date-cell-section__cell-list .date-cell:focus {
    background: #fff;
    box-shadow: 0 0 0 4px #a2a5e4;
    border: 0
}

.select-date__meeting .date-cell-section__cell-list .date-cell input {
    visibility: hidden;
    height: 0;
    width: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden
}

.select-date__meeting .date-cell-section__cell-list .date-cell.active {
    background: #ecedf9;
    border: 1px solid #494fc9
}

.select-date__meeting .date-cell-section__cell-list .date-cell .date-cell-text {
    color: #8a8b9f
}

.select-date__meeting .date-cell-section__cell-list .date-cell .date-cell-digit {
    color: #35353f
}

#schedule-meeting-modal .modal-body .radio-item-group {
    flex: none
}

#schedule-meeting-modal .modal-content {
    min-height: 100px
}

@media(max-width: 600px) {
    #schedule-meeting-modal .modal-content {
        height:auto
    }
}

#schedule-meeting-modal .modal-content .modal-header .close {
    padding: 0
}

#schedule-meeting-modal .modal-footer button {
    color: #fff
}

#shift-invoice-modal .modal-content {
    min-height: 100px
}

@media(max-width: 600px) {
    #shift-invoice-modal .modal-content {
        height:auto
    }
}

#shift-invoice-modal .modal-content .modal-header {
    flex-direction: row-reverse
}

#shift-invoice-modal .modal-content .modal-header h2 {
    font-style: normal;
    font-weight: 690;
    font-size: 20px;
    line-height: 1.4;
    color: #35353f
}

#shift-invoice-modal .modal-content #shiftinvoiceModalLabel {
    padding: 16px 20px 16px
}

#shift-invoice-modal .modal-content .modal-body {
    padding: 0 20px 16px
}

#shift-invoice-modal .modal-content .modal-body p {
    font-weight: 590;
    font-size: 16px;
    line-height: 1.4;
    color: #35353f
}

#shift-invoice-modal .modal-content .modal-footer {
    padding: 16px 20px;
    gap: 16px
}

#shift-invoice-modal .modal-content .modal-footer button {
    color: #fff
}

.full-name__block {
    display: flex;
    flex-direction: row;
    gap: 24px
}

@media(max-width: 600px) {
    .full-name__block {
        gap:16px
    }
}

.full-name__block .field__input-group {
    flex: 1;
    align-self: start
}

#sign-up-send-message-combine2.jobposting-flow,#sign-up-to-send-message-step2.jobposting-flow {
    padding: 0
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    #sign-up-send-message-combine2.jobposting-flow,#sign-up-to-send-message-step2.jobposting-flow {
        grid-template-columns:1fr
    }
}

@media(min-width: 600px) and (max-width:1194px) and (orientation:landscape) {
    #sign-up-send-message-combine2.jobposting-flow,#sign-up-to-send-message-step2.jobposting-flow {
        padding:24px 84px 60px
    }
}

@media(max-width: 600px) {
    #sign-up-send-message-combine2.jobposting-flow,#sign-up-to-send-message-step2.jobposting-flow {
        grid-template-columns:1fr
    }
}

#sign-up-send-message-combine2.jobposting-flow .center-content-area,#sign-up-to-send-message-step2.jobposting-flow .center-content-area {
    grid-column: 4/10;
    padding: 0
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    #sign-up-send-message-combine2.jobposting-flow .center-content-area,#sign-up-to-send-message-step2.jobposting-flow .center-content-area {
        grid-column:unset
    }
}

@media(min-width: 600px) and (max-width:1194px) and (orientation:landscape) {
    #sign-up-send-message-combine2.jobposting-flow .center-content-area,#sign-up-to-send-message-step2.jobposting-flow .center-content-area {
        grid-column:2/12
    }
}

@media(max-width: 600px) {
    #sign-up-send-message-combine2.jobposting-flow .center-content-area,#sign-up-to-send-message-step2.jobposting-flow .center-content-area {
        grid-column:unset
    }
}

#sign-up-send-message-combine2.jobposting-flow .center-content-area .header__title,#sign-up-to-send-message-step2.jobposting-flow .center-content-area .header__title {
    padding: 48px 144px 16px
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    #sign-up-send-message-combine2.jobposting-flow .center-content-area .header__title,#sign-up-to-send-message-step2.jobposting-flow .center-content-area .header__title {
        padding:24px 56px 12px
    }
}

@media(min-width: 600px) and (max-width:1194px) and (orientation:landscape) {
    #sign-up-send-message-combine2.jobposting-flow .center-content-area .header__title,#sign-up-to-send-message-step2.jobposting-flow .center-content-area .header__title {
        padding:48px 16px 16px
    }
}

@media(max-width: 600px) {
    #sign-up-send-message-combine2.jobposting-flow .center-content-area .header__title,#sign-up-to-send-message-step2.jobposting-flow .center-content-area .header__title {
        padding:26px 20px 16px
    }
}

#sign-up-send-message-combine2.jobposting-flow .center-content-area .signup-to-send-message__form,#sign-up-to-send-message-step2.jobposting-flow .center-content-area .signup-to-send-message__form {
    padding: 16px 144px
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    #sign-up-send-message-combine2.jobposting-flow .center-content-area .signup-to-send-message__form,#sign-up-to-send-message-step2.jobposting-flow .center-content-area .signup-to-send-message__form {
        padding:24px 56px 12px
    }
}

@media(min-width: 600px) and (max-width:1194px) and (orientation:landscape) {
    #sign-up-send-message-combine2.jobposting-flow .center-content-area .signup-to-send-message__form,#sign-up-to-send-message-step2.jobposting-flow .center-content-area .signup-to-send-message__form {
        padding:16px
    }
}

@media(max-width: 600px) {
    #sign-up-send-message-combine2.jobposting-flow .center-content-area .signup-to-send-message__form,#sign-up-to-send-message-step2.jobposting-flow .center-content-area .signup-to-send-message__form {
        padding:24px 20px 12px
    }
}

#sign-up-send-message-combine2.jobposting-flow .center-content-area .form__footer,#sign-up-to-send-message-step2.jobposting-flow .center-content-area .form__footer {
    padding: 16px 144px
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    #sign-up-send-message-combine2.jobposting-flow .center-content-area .form__footer,#sign-up-to-send-message-step2.jobposting-flow .center-content-area .form__footer {
        padding:12px 56px
    }
}

@media(min-width: 600px) and (max-width:1194px) and (orientation:landscape) {
    #sign-up-send-message-combine2.jobposting-flow .center-content-area .form__footer,#sign-up-to-send-message-step2.jobposting-flow .center-content-area .form__footer {
        padding:12px 16px
    }
}

@media(max-width: 600px) {
    #sign-up-send-message-combine2.jobposting-flow .center-content-area .form__footer,#sign-up-to-send-message-step2.jobposting-flow .center-content-area .form__footer {
        padding:12px 20px
    }
}

@media(max-width: 600px) {
    #sign-up-send-message-combine2 h1,#sign-up-to-send-message-step2 h1 {
        font-size:24px
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    #sign-up-send-message-combine2 h1,#sign-up-to-send-message-step2 h1 {
        font-size:24px
    }
}

#sign-up-send-message-combine2 .header__title,#sign-up-to-send-message-step2 .header__title {
    height: auto;
    padding: 48px 16px 16px
}

@media(max-width: 600px) {
    #sign-up-send-message-combine2 .header__title,#sign-up-to-send-message-step2 .header__title {
        padding:24px 20px 12px
    }
}

#sign-up-send-message-combine2 #location-signup-field,#sign-up-to-send-message-step2 #location-signup-field {
    padding: 15px 16px
}

#sign-up-send-message-combine2 .form__body,#sign-up-to-send-message-step2 .form__body {
    gap: 16px;
    padding: 0
}

@media(max-width: 600px) {
    #sign-up-send-message-combine2 .form__body,#sign-up-to-send-message-step2 .form__body {
        gap:20px !important
    }
}

#sign-up-send-message-combine2 button.onboarding-loader,#sign-up-to-send-message-step2 button.onboarding-loader {
    width: 100%
}

#sign-up-send-message-combine2 button.back-btn-cst-cls,#sign-up-to-send-message-step2 button.back-btn-cst-cls {
    padding: 15px 20px;
    display: flex
}

.messages-block__content .messages-list__left-pannel .messages-list__content .messages-list__message-cell.active {
    background: #f5f5fb;
    border-radius: 12px
}

.hideCloseBtn {
    display: none
}

@media only screen and (max-width: 600px) {
    .messages-block__content .messages-chat-window__right-pannel.hide {
        display:none
    }

    .messages-block__content .messages-list__left-pannel.hide {
        display: none
    }

    .hideCloseBtn {
        display: block
    }

    .messages-block__content .messages-chat-window__right-pannel {
        position: relative
    }
}

@media(max-width: 600px) {
    #report-profile__modal .modal-content {
        height:auto;
        min-height: auto
    }
}

#report-profile__modal span.close {
    padding: 0
}

#report-profile__modal .report-profile__body-text {
    padding: 16px 20px;
    gap: 16px;
    display: flex;
    flex-direction: column
}

#report-profile__modal .report-profile__body-text .reporting-details__header {
    color: #35353f
}

#report-profile__modal .report-profile__body-text .reporting-details__text {
    color: #676779
}

#report-profile__modal .report-profile__selection-list .radio-item label {
    color: #35353f
}

#report-profile__modal .modal-footer button.btn {
    color: #fff
}

#report-profile__confirm-modal .modal-content {
    height: auto;
    min-height: auto
}

#report-profile__confirm-modal span.close {
    padding: 0
}

#report-profile__confirm-modal .report-profile__body-text {
    padding: 16px 20px;
    gap: 16px;
    display: flex;
    flex-direction: column
}

#report-profile__confirm-modal .report-profile__body-text .reporting-details__header {
    color: #35353f
}

#report-profile__confirm-modal .report-profile__body-text .reporting-details__text {
    color: #676779
}

.modal-footer #Confirm {
    color: #fff;
    letter-spacing: .014em
}

#activity-modal .modal-content {
    max-width: 35%;
    grid-template-rows: auto auto 1fr;
    gap: 16px
}

@media(min-width: 600px) and (max-width:1194px) and (orientation:landscape) {
    #activity-modal .modal-content {
        max-width:50%
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    #activity-modal .modal-content {
        max-width:65%
    }
}

@media(max-width: 600px) {
    #activity-modal .modal-content {
        max-width:100%;
        left: 0 !important;
        gap: 0
    }
}

#activity-modal .activity-modal__header {
    flex-direction: column;
    justify-content: flex-start;
    padding: 0;
    height: auto
}

#activity-modal .activity-modal__header .activity-modal__header-top {
    background-color: #ecedf9;
    height: 76px;
    justify-content: flex-end;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 28px 20px;
    position: relative
}

@media(max-width: 600px) {
    #activity-modal .activity-modal__header .activity-modal__header-top {
        padding:14px 20px 12px;
        height: 120px;
        align-items: flex-start
    }
}

#activity-modal .activity-modal__header .activity-modal__header-top .activity-modal__header-photo {
    position: absolute;
    top: 44.4px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100px;
    height: 100px;
    -o-object-fit: cover;
    object-fit: cover
}

@media(max-width: 600px) {
    #activity-modal .activity-modal__header .activity-modal__header-top .activity-modal__header-photo {
        top:70px
    }
}

#activity-modal .activity-modal__header .activity-modal__header-bottom {
    padding: 80px 16px 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    width: 100%
}

@media(max-width: 600px) {
    #activity-modal .activity-modal__header .activity-modal__header-bottom {
        padding:54px 16px 12px;
        gap: 4px
    }
}

@media(max-width: 600px) {
    #activity-modal .activity-modal__header .desktop-activity__header {
        display:none
    }
}

#activity-modal .activity-modal__header .mobile-activity__header {
    display: none
}

@media(max-width: 600px) {
    #activity-modal .activity-modal__header .mobile-activity__header {
        display:flex;
        justify-content: flex-start;
        width: 100%
    }
}

#activity-modal .right-panel__title {
    color: #676779;
    text-align: center
}

@media(max-width: 600px) {
    #activity-modal .right-panel__title {
        padding:8px 20px;
        text-align: left;
        font-size: 17px
    }
}

#activity-modal .activity-modal__body {
    padding: 10px 16px;
    gap: 16px;
    align-items: flex-start;
    flex-direction: column
}

#activity-modal .activity-modal__body .content-area-middle-panel-content__message-item {
    padding: 0
}

#activity-modal .activity-modal__body .content-area-middle-panel-content__message-item .content-message-item {
    width: 100%
}

.content-area-middle-panel-content__message-item {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 12px 20px;
    gap: 4px;
    width: 100%
}

.content-area-middle-panel-content__message-item .content-message-item {
    background-color: #d7d8f3
}

.content-area-middle-panel-content__message-item.recieved-item {
    align-items: flex-start !important
}

.content-area-middle-panel-content__message-item .content-message-item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 16px;
    gap: 10px;
    width: 65%;
    border-radius: 12px
}

.content-area-middle-panel-content__message-item .content-message-item.audio-element-item {
    max-width: 277px
}

.content-area-middle-panel-content__message-item .content-message-item svg {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0;
    width: 24px;
    height: 24px
}

.content-area-middle-panel-content__message-item .content-message-item .content-message-item__data {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 8px
}

.content-area-middle-panel-content__message-item .content-message-item .content-message-item__data.audio_wave {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 10px
}

.content-area-middle-panel-content__message-item .content-message-item .content-message-item__data.audio_wave #waveform {
    width: calc(100% - 74px);
    height: 20px
}

.content-area-middle-panel-content__message-item .content-message-item .content-message-item__data.audio_wave .waveform__duration {
    width: 40px;
    overflow: hidden
}

.content-area-middle-panel-content__message-item .content-message-item .content-message-item__data.audio__element {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 10px
}

.content-area-middle-panel-content__message-item .content-message-item .content-message-item__data.audio__element svg.waveitem {
    width: calc(100% - 74px);
    height: 20px
}

.content-area-middle-panel-content__message-item .content-message-item .content-message-item__data.audio__element .waveform__duration {
    width: 40px;
    overflow: hidden
}

.content-area-middle-panel-content__message-item .content-message-item .content-message-item__data.audio__element audio {
    visibility: hidden;
    opacity: 0;
    height: 0;
    width: 0;
    line-height: 0;
    overflow: hidden
}

.content-area-middle-panel-content__message-item .content-message-item .content-message-item__data p.content-message-item__data-medium {
    font-weight: 630;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: .014em;
    color: #35353f
}

.content-area-middle-panel-content__message-item .content-message-item .content-message-item__data p.content-message-item__data-regular {
    font-weight: 520;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: .014em;
    color: #35353f
}

.content-area-middle-panel-content__message-item .content-message-item.accept-request {
    background: #edf2ea
}

.content-area-middle-panel-content__message-item .content-message-item.reject-request {
    background-color: #fee4e6
}

.content-area-middle-panel-content__message-item .content-message-item.meeting-request {
    background-color: #ecedf9
}

.content-area-middle-panel-content__message-item .content-message-item.sent-message {
    background-color: #e0e1e6
}

.content-area-middle-panel-content__message-item.not-deliverd .not-delivered-item {
    border: 1px solid #e90510 !important
}

.content-area-middle-panel-content__message-item.not-deliverd .not-deliverd-message {
    font-weight: 520;
    font-size: 14px;
    line-height: 1.4;
    text-align: right;
    letter-spacing: .014em;
    color: #e90510
}

.content-area-middle-panel-content__message-item.not-deliverd .content-message-item__status {
    display: flex;
    align-items: center;
    gap: 4px
}

.content-area-middle-panel-content__message-item.invoice-request-sent .content-message-item {
    background-color: #ecedf9
}

.content-area-middle-panel-content__message-item.invoice-request-sent .content-message-item .content-message-item__data-medium {
    color: #494fc9 !important
}

.content-area-middle-panel-content__message-item.invoice-to-commence-job .content-message-item {
    border-radius: 12px;
    padding: 0;
    flex-direction: column;
    gap: 0;
    border: 1px solid #e0e1e6
}

.content-area-middle-panel-content__message-item.invoice-to-commence-job .content-message-item .content-message-item__header {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 16px;
    gap: 10px
}

.content-area-middle-panel-content__message-item.invoice-to-commence-job .content-message-item .content-message-item__footer {
    border: 0 none !important;
    border-radius: 0 0 12px 12px !important;
    background: white;
    cursor: pointer
}

.content-area-middle-panel-content__message-item.invoice-to-commence-job .content-message-item .content-message-item__footer.accept-btn {
    border-radius: 0 !important;
    border-bottom: 1px solid #e0e1e6 !important
}

.content-area-middle-panel-content__message-item.invoice-to-commence-job .content-message-item .content-message-item__footer.decline-btn {
    color: #676779 !important
}

.content-area-middle-panel-content__message-item.invoice-to-commence-job .content-message-item .content-message-item__footer.decline-btn:disabled {
    background-color: #e0e1e6;
    color: #9fa0b0 !important
}

.content-area-middle-panel-content__message-item.invoice-to-commence-job .content-message-item .content-message-item__footer.decline-btn:hover {
    background-color: #e0e1e6;
    color: #35353f
}

.content-area-middle-panel-content__message-item.invoice-to-commence-job .content-message-item .content-message-item__footer.decline-btn:focus {
    outline: 4px solid #eee;
    background-color: transparent
}

.content-area-middle-panel-content__message-item.invoice-to-commence-job .content-message-item .content-message-item__footer.decline-btn:active {
    background-color: #e0e1e6;
    outline: 4px solid #eee
}

.content-area-middle-panel-content__message-item.invoice-to-commence-job .content-message-item .content-message-item__footer:hover {
    background-color: #ecedf9;
    color: #494fc9
}

.content-area-middle-panel-content__message-item.invoice-to-commence-job .content-message-item .content-message-item__footer:focus {
    background-color: transparent
}

.content-area-middle-panel-content__message-item.invoice-to-commence-job .content-message-item .content-message-item__footer:active {
    background-color: #ecedf9
}

.content-area-middle-panel-content__message-item .content-message-item__status {
    font-weight: 520;
    font-size: 14px;
    line-height: 1.4;
    text-align: right;
    letter-spacing: .014em;
    color: #8a8b9f
}

section.toplistsection {
    background: #fcfcff;
    min-height: 100vh
}

section.toplistsection .job-section__tabs {
    position: sticky;
    top: 0;
    background: #fcfcff;
    z-index: 999
}

section.toplistsection .application__card .info-dashboard-card-desktop {
    background: #fff
}

section.toplistsection .job-section__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 20px 12px;
    gap: 24px
}

section.toplistsection .job-section__content button {
    width: -moz-max-content;
    width: max-content
}

#savepublishcaremodalpopup2 .modal-header .close {
    padding: 0
}

#savepublishcaremodalpopup2 .modal-content {
    min-height: 100px;
    height: auto
}

#savepublishcaremodalpopup2 .modal-body {
    padding: 16px 20px;
    gap: 24px
}

#savepublishcaremodalpopup2 .modal-body>.help-text {
    font-size: 15px
}

#savepublishcaremodalpopup2 .modal-body .notification-section-publish {
    padding: 16px 12px;
    gap: 16px;
    color: #676779;
    font-weight: 520;
    padding: 16px;
    border: 1px solid #e0e1e6;
    border-radius: 12px;
    background: #fcfcff;
    letter-spacing: .014em;
    display: flex;
    flex-direction: row;
    align-items: flex-start
}

#savepublishcaremodalpopup2 .modal-body .notification-section-publish>div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 20px
}

#savepublishcaremodalpopup2 .modal-body .notification-section-publish>div ol {
    list-style-position: inside;
    font-size: 14px
}

#savepublishcaremodalpopup2 .modal-body .notification-section-publish svg {
    min-width: 16px;
    min-height: 16px
}

#savepublishcaremodalpopup2 .modal-body .notification-section-publish span {
    font-weight: 690
}

#Care-recipient-age-popup2 .modal-header .close,#Care-recipient-age-popup .modal-header .close,#Care-recipient-name-popup2 .modal-header .close,#Care-recipient-name-popup .modal-header .close,#Care-recipient-relationship-popup .modal-header .close,#Care-recipient-relationship-popup2 .modal-header .close,#Care-specific-requirement-popup2 .modal-header .close {
    padding: 0 !important
}

#Care-recipient-age-popup2 .modal-footer button.addbtn,#Care-recipient-age-popup .modal-footer button.addbtn,#Care-recipient-name-popup2 .modal-footer button.addbtn,#Care-recipient-name-popup .modal-footer button.addbtn,#Care-recipient-relationship-popup .modal-footer button.addbtn,#Care-recipient-relationship-popup2 .modal-footer button.addbtn,#Care-specific-requirement-popup2 .modal-footer button.addbtn {
    width: 100%
}

#postcode-popup .modal-footer button.card-footer__button,#condexperiencemodalpopup .modal-footer button.card-footer__button,#carerpreferencemodalpopup .modal-footer button.card-footer__button,#specificreumodalpopup .modal-footer button.card-footer__button,#carerinterestmodalpopup .modal-footer button.card-footer__button,#secondlanmodalpopup .modal-footer button.card-footer__button,#addcondition-modal .modal-footer button.card-footer__button {
    width: 100%
}

#modalpopup .modal-footer .fullwidthbtn {
    width: 100%
}

#help-needed-carer-popup .modal-footer button.addbtn {
    width: 100%
}

#changeratemodalpopup .modal-footer button.addbtn {
    width: 100%
}

#invitemodalpopup .modal-footer a.addbtn,#selectjobpopup .modal-footer a.addbtn {
    width: 100%
}

#Care-recipient-relationship-popup .whocare,#Care-recipient-relationship-popup2 .whocare {
    width: 100%
}

@media(max-width: 600px) {
    .applybgmob {
        background:#fcfcff
    }

    .whitebgmob {
        background: #fff !important
    }

    #sign-up-send-message-combine2 .form__main,#sign-up-to-send-message-step2 .form__main {
        flex: initial;
        height: auto;
        overflow-y: visible;
        padding: 16px 20px
    }

    .footerbottomsticky {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        padding: 20px;
        background-color: #fff;
        z-index: 9
    }

    .changeratemodalpopup-with-skinbtn .modal-header {
        flex-direction: row-reverse !important;
        align-content: flex-start !important
    }

    .changeratemodalpopup-with-skinbtn .modal-header .close {
        align-self: flex-start !important
    }

    body.closemodaltop .modal .modal-header .close {
        align-self: flex-start !important
    }
}

#Care-specific-requirement-popup2 textarea {
    width: 100%;
    padding: 15px 16px;
    gap: 4px;
    min-height: 198px;
    background: #fff;
    border: 1px solid #e0e1e6;
    box-shadow: 0 1px 2px rgba(23,25,74,.05);
    border-radius: 12px
}

#changeratemodalpopup2.changeratemodalcus .modal-header {
    flex-direction: row-reverse !important
}

#changeratemodalpopup2 .modal-body .notification-section {
    width: 100%
}

#secondlanmodalpopup2 .modal-header .close,#selectfundingmodalpopup .modal-header .close,#preferredratemodalpopup .modal-header .close,#specificreumodalpopup .modal-header .close,#carerinterestmodalpopup .modal-header .close,#secondlanmodalpopup .modal-header .close {
    align-self: flex-start !important
}

.closemodaltop .jobflowmodal .modal-content .modal-footer .addbtn {
    visibility: visible
}

@media(max-width: 600px) {
    #changeratemodalpopup2 .modal-body .rate-data.final-pay::before {
        width:90%
    }
}

@media(max-width: 600px) {
    #changeratemodalpopup2 .modal-body .total-rate-summary {
        width:100%
    }
}

#changeratemodalpopup2 .modal-footer.fullbtn .addbtn {
    width: 100%
}

.new-modal-design .modal-header {
    flex-direction: row-reverse !important
}

@media(max-width: 600px) {
    .newdesign.modal .modal-content .modal-header h2 {
        font-size:20px
    }
}

@media(max-width: 600px) {
    .newdesign.modal .modal-content .modal-header h2 span {
        font-size:20px
    }
}

.newdesign.modal .modal-content .conditional-experience-section p {
    font-weight: 520;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: .014em;
    color: #35353f
}

.newdesign.modal .modal-content .conditional-experience-section p b {
    font-weight: 690
}

.newdesignheader.modal .modal-content .modal-header span.close {
    padding: 0 !important
}

#help-needed-carer-popup .modal-content .modal-header span.close,#help-needed-popup .modal-content .modal-header span.close {
    align-self: flex-start
}

#type-of-care-modal .modal-header {
    flex-direction: row
}

#type-of-care-modal .modal-footer {
    grid-template-columns: 1fr
}

#type-of-care-modal .modal-footer .addbtn {
    width: 100%
}

#duration-of-care-modal .modal-header,#carer-start-modal .modal-header,#hours-per-day-modal .modal-header,#nights-per-week-modal .modal-header,#preferredratemodalpopup .modal-header,#days-per-week-modal .modal-header {
    flex-direction: row !important
}

#duration-of-care-modal .modal-footer,#carer-start-modal .modal-footer,#hours-per-day-modal .modal-footer,#nights-per-week-modal .modal-footer,#preferredratemodalpopup .modal-footer,#days-per-week-modal .modal-footer {
    grid-template-columns: auto 1fr
}

@media(max-width: 600px) {
    #request-demo .title-padding {
        height:auto
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    #request-demo .header__title .h1-style {
        font-size:24PX
    }
}

@media(max-width: 600px) {
    #request-demo .header__title .h1-style {
        font-size:24PX
    }
}

@media(max-width: 600px) {
    #request-demo .form__main {
        height:auto;
        flex: inherit
    }
}

#request-demo .form__footer {
    padding: 16px
}

@media(max-width: 600px) {
    .b2b-onboarding .title-padding {
        height:auto
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .b2b-onboarding .funding-flow .center-content-area {
        max-height:unset
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .b2b-onboarding .header__title .h1-style {
        font-size:24PX
    }
}

@media(max-width: 600px) {
    .b2b-onboarding .header__title .h1-style {
        font-size:24PX
    }
}

.enter-address__page .signup-form-with__location .prefix-img svg {
    width: 20px;
    height: 20px
}

.how-funding .how-fundign__radiobtn-group .input__field-wrapper label a svg.activechange {
    display: none
}

.how-funding .how-fundign__radiobtn-group .input__field-wrapper label a.active svg.activechange {
    display: block
}

.how-funding .how-fundign__radiobtn-group .input__field-wrapper label a.active svg.normalicon {
    display: none
}

.funding-popup.modal .modal-content .modal-header .close {
    align-self: center
}

.funding-popup.modal .modal-content.small-modal {
    height: auto;
    min-height: auto;
    max-width: 432px
}

.funding-popup.modal .modal-title {
    font-weight: 690 !important;
    font-size: 24px !important
}

.funding-popup.modal .modal-body {
    padding: 16px
}

.funding-popup.modal .modal-body p {
    color: #676779
}

.care-needs-page__empty-state.expressions-interested {
    display: grid;
    grid-auto-rows: auto 1fr;
    height: 100%
}

@media(max-width: 600px) {
    .care-needs-page__empty-state.expressions-interested {
        grid-auto-rows:auto auto 1fr
    }
}

.care-needs-page__empty-state.expressions-interested .newuser-sigupflow__container {
    height: 100%
}

.care-needs-page__empty-state.expressions-interested .right-contentbar {
    padding: 24px 20px 24px 32px
}

@media(max-width: 600px) {
    .care-needs-page__empty-state.expressions-interested .right-contentbar {
        padding:0
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .care-needs-page__empty-state.expressions-interested .right-contentbar {
        padding:20px !important
    }
}

.care-needs-page__empty-state.expressions-interested .right-contentbar .care-needs-page__content-area-carers {
    gap: 16px
}

@media(max-width: 600px) {
    .care-needs-page__empty-state.expressions-interested .right-contentbar .care-needs-page__content-area-carers {
        gap:0
    }
}

.care-needs-page__empty-state.expressions-interested .right-contentbar .care-needs-page__content-area-carers .applicants-list-wrapper__header {
    grid-template-rows: auto;
    padding: 0
}

@media(max-width: 600px) {
    .care-needs-page__empty-state.expressions-interested .right-contentbar .care-needs-page__content-area-carers .applicants-list-wrapper__header {
        padding:24px 20px 12px
    }
}

.care-needs-page__empty-state.no-carers-interested {
    display: grid;
    grid-auto-rows: auto 1fr;
    height: 100%
}

@media(max-width: 600px) {
    .care-needs-page__empty-state.no-carers-interested {
        grid-auto-rows:auto auto 1fr
    }
}

.care-needs-page__empty-state.no-carers-interested .newuser-sigupflow__container {
    height: 100%
}

@media(max-width: 600px) {
    .care-needs-page__empty-state .job-summary__header {
        gap:12px
    }
}

.care-needs-page__empty-state section#carer-card-list-section .left-sidebar.carer-card-list__filters {
    display: grid;
    height: auto
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .care-needs-page__empty-state section#carer-card-list-section .left-sidebar.carer-card-list__filters {
        padding:20px !important;
        grid-template-rows: auto auto
    }
}

@media(max-width: 600px) {
    .care-needs-page__empty-state section#carer-card-list-section .left-sidebar.carer-card-list__filters {
        padding:0 !important;
        grid-template-rows: auto auto;
        gap: 0
    }
}

@media(max-width: 600px) {
    .care-needs-page__empty-state .job-summary__dropdown-header {
        padding:24px 20px 12px
    }
}

@media(max-width: 600px) {
    .care-needs-page__empty-state .job-summary__stats-group {
        margin:8px 20px 24px
    }
}

.panel.revealText input.hidpassw {
    display: block;
    padding-left: 15px;
    font-weight: 520 !important;
    font-size: 15px;
    letter-spacing: .014em;
    line-height: 1.4;
    color: #35353f;
    font-family: "Manrope"
}

.panel.revealText .pass {
    display: none
}

.panel:not(.revealText) input.hidpassw {
    display: none
}

.panel:not(.revealText) .pass {
    display: block
}

.panel.password__field-wrapper {
    max-height: 52px;
    height: 52px
}

.full-width-btn {
    width: 100% !important;
    align-items: center;
    justify-content: center !important
}

.latestmodal ul.dropdown-menu.show {
    display: flex
}

.b2b-onboarding ul.dropdown-menu {
    max-height: 200px
}

.dash-board__loggedin.loading.not-logged-in {
    min-height: 100dvh;
    min-height: 100vh;
    height: auto;
    overflow-x: hidden
}

.dash-board__loggedin.loading.not-logged-in.no-scroll {
    overflow: hidden
}

.dash-board__loggedin.loading.not-logged-in .navigation-buttons .nav-button {
    width: auto
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .send-message__block#request-demo {
        padding-left:20px;
        padding-right: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
        grid-template-columns: 1fr
    }
}

@media(max-width: 600px) {
    .send-message__block#request-demo {
        padding-left:20px;
        padding-right: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
        grid-template-columns: 1fr
    }
}

@media(min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    .send-message__block#request-demo {
        padding-left:20px;
        padding-right: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
        grid-template-columns: 1fr
    }
}

.send-message__block#request-demo .form__footer {
    padding: 0
}

@media(min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    .send-message__block#request-demo .form__footer {
        padding-bottom:0
    }
}

.send-message__block#request-demo .form__footer .message-footer {
    position: unset;
    padding: 0
}

.send-message__block .center-content-carer-area {
    grid-column: 4/10 !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
    transform: translateY(-80px)
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .send-message__block .center-content-carer-area {
        padding:0;
        justify-content: flex-start;
        grid-column: unset !important;
        transform: translateY(0px)
    }
}

@media(max-width: 600px) {
    .send-message__block .center-content-carer-area {
        padding:0;
        justify-content: flex-start;
        grid-column: unset !important;
        transform: translateY(0px)
    }
}

@media(min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    .send-message__block .center-content-carer-area {
        grid-column:unset !important;
        justify-content: flex-start;
        padding: 0;
        transform: translateY(0px)
    }
}

.send-message__block .center-content-carer-area .content-area__page-header-carer-info {
    margin: 0
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .send-message__block .center-content-carer-area .content-area__page-header-carer-info {
        width:-moz-fit-content;
        width: fit-content
    }
}

.send-message__block .center-content-carer-area .content-area__message-section {
    display: flex;
    flex-direction: column;
    padding-top: 12px
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .send-message__block .center-content-carer-area .content-area__message-section {
        flex:1
    }
}

@media(max-width: 600px) {
    .send-message__block .center-content-carer-area .content-area__message-section {
        flex:1
    }
}

@media(min-width: 480px) and (max-width:980px) and (orientation:landscape) {
    .send-message__block .center-content-carer-area .content-area__message-section {
        flex:1
    }
}

.send-message__block .center-content-carer-area .content-area__message-section .ideal__input-group .ideal__input-form-control {
    font-weight: 520;
    font-size: 15px;
    color: #676779;
    line-height: 1.4;
    letter-spacing: .014em
}

.send-message__block .center-content-carer-area .form__main {
    padding: 0;
    overflow: visible
}

#sending-message-modal .modal-body {
    padding: 0 180px;
    width: 100%;
    justify-content: center
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    #sending-message-modal .modal-body {
        padding:0 20px
    }
}

@media(min-width: 600px) and (max-width:1194px) and (orientation:landscape) {
    #sending-message-modal .modal-body {
        padding:0
    }
}

@media(max-width: 600px) {
    #sending-message-modal .modal-body {
        padding:24px
    }
}

#sending-message-modal .modal-body .content-area__loader-center .content-area__notification {
    width: 100%
}

.dashboard__new-user .how-it-works-section__secondary-info {
    background-color: #fff;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 48px 180px;
    gap: 32px
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .dashboard__new-user .how-it-works-section__secondary-info {
        padding:0;
        gap: 0;
        margin-top: 0
    }
}

@media(max-width: 600px) {
    .dashboard__new-user .how-it-works-section__secondary-info {
        padding:0;
        gap: 0;
        margin-top: 0
    }
}

.dashboard__new-user .how-it-works-section__secondary-info .container {
    max-width: 1440px;
    margin: auto;
    padding-left: 0;
    padding-right: 0;
    background-color: #fff;
    gap: 48px;
    display: grid;
    grid-template-columns: 1fr 1fr
}

@media(max-width: 600px) {
    .dashboard__new-user .how-it-works-section__secondary-info .container {
        grid-template-columns:1fr;
        margin-top: 0;
        padding: 48px 20px;
        gap: 48px
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .dashboard__new-user .how-it-works-section__secondary-info .container {
        grid-template-columns:1fr;
        margin-top: 0;
        padding: 48px 20px;
        gap: 48px
    }
}

.dashboard__new-user .how-it-works-section__secondary-info .container .how-it-works-section__secondary-info-text {
    justify-content: center
}

.dashboard__new-user .how-it-works-section__secondary-info .container img {
    width: 100%;
    height: auto
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .dashboard__new-user .how-it-works-section__secondary-info .container img {
        width:100%;
        transform: none
    }
}

@media(max-width: 600px) {
    .dashboard__new-user .how-it-works-section__secondary-info .container img {
        width:100%;
        transform: none
    }
}

.dashboard__new-user .happy-clients-section {
    background: #f5f5fb
}

.carer-card__info-bottom {
    display: flex;
    justify-content: space-between;
    gap: 4px;
    align-items: center
}

@media(max-width: 600px) {
    .carer-card__info-bottom.desktop-only {
        display:none
    }
}

.carer-card__info-bottom.mobile-only {
    display: none
}

@media(max-width: 600px) {
    .carer-card__info-bottom.mobile-only {
        display:flex
    }
}

.carer-card__info-bottom .replies-btn {
    background-color: #f5f5fb;
    padding: 4px 8px;
    gap: 8px;
    display: flex;
    border: 1px solid #ecedf9;
    border-radius: 20px;
    height: -moz-fit-content;
    height: fit-content
}

.carer-card__info-bottom .replies-btn .replies-icon {
    width: 20px;
    height: 20px
}

.carer-card__info-bottom .replies-btn .replies-text {
    color: #676779;
    font-weight: 520;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .014em;
    white-space: nowrap
}

.carer-card__info-bottom .replies-btn .replies-text span {
    color: #35353f;
    font-weight: 630
}

.carer-card__info-bottom {
    display: flex;
    justify-content: space-between;
    gap: 4px;
    align-items: center
}

@media(max-width: 600px) {
    .carer-card__info-bottom.desktop-only {
        display:none
    }
}

.carer-card__info-bottom.mobile-only {
    display: none
}

@media(max-width: 600px) {
    .carer-card__info-bottom.mobile-only {
        display:flex
    }
}

.carer-card__info-bottom .replies-btn {
    background-color: #f5f5fb;
    padding: 4px 8px;
    gap: 8px;
    display: flex;
    border: 1px solid #ecedf9;
    border-radius: 20px;
    height: -moz-fit-content;
    height: fit-content
}

.carer-card__info-bottom .replies-btn .replies-icon {
    width: 20px;
    height: 20px
}

.carer-card__info-bottom .replies-btn .replies-text {
    color: #676779;
    font-weight: 520;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .014em;
    white-space: nowrap
}

.carer-card__info-bottom .replies-btn .replies-text span {
    color: #35353f;
    font-weight: 630
}

.updated-carer-profile__modal .message-btn {
    width: -moz-fit-content;
    width: fit-content;
    text-decoration: none
}

.updated-carer-profile-page {
    background-color: #fcfcff
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .updated-carer-profile-page {
        padding:0;
        background-color: #fff
    }
}

@media(min-width: 600px) and (max-width:1194px) and (orientation:landscape) {
    .updated-carer-profile-page {
        padding:32px 84px 24px
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .updated-carer-profile-page .carer-profile-page__header {
        grid-template-columns:1fr auto 1fr;
        padding: 8px 16px !important;
        align-items: center;
        border-bottom: 1px solid #e0e1e6;
        width: 100% !important
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .updated-carer-profile-page .carer-profile-page__header .close-btn {
        padding:8px 0
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .updated-carer-profile-page .carer-profile-page__header .close-btn span {
        display:none
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .updated-carer-profile-page .carer-profile-page__header .headre-navber__title {
        display:block;
        font-weight: 690;
        font-size: 17px;
        line-height: 1.4;
        color: #35353f
    }
}

.updated-carer-profile-page .profile-detail__content-area {
    padding: 0 !important;
    background: #fff !important
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .updated-carer-profile-page .profile-detail__content-area {
        padding:20px 56px !important;
        gap: 24px !important;
        background-color: #fcfcff !important
    }
}

.updated-carer-profile-page .carerprofile__content {
    gap: 32px
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .updated-carer-profile-page .carerprofile__content {
        gap:0
    }
}

@media(max-width: 600px) {
    .updated-carer-profile-page .carerprofile__content {
        gap:0
    }
}

.updated-carer-profile-page .carerprofile__content .carer-profile-page__header {
    padding: 0;
    width: -moz-fit-content;
    width: fit-content
}

@media(max-width: 600px) {
    .updated-carer-profile-page .carerprofile__content .carer-profile-page__header {
        width:100%
    }
}

@media(max-width: 600px) {
    .updated-carer-profile-page .carerprofile__content .carer-profile-page__header {
        background-color:#fff;
        padding: 8px 16px
    }
}

.updated-carer-profile-page .carerprofile__content .carer-profile-page__header a {
    padding: 15px 0 16px;
    gap: 8px
}

@media(max-width: 600px) {
    .updated-carer-profile-page .carerprofile__content .carer-profile-page__header a {
        padding:8px 0
    }
}

.updated-carer-profile-page .carerprofile__content .carer-profile-page__header a svg rect {
    fill: #494fc9
}

.updated-carer-profile-page .carerprofile__content .carer-profile-page__header a span {
    font-weight: 690;
    font-size: 15px;
    color: #35353f
}

@media(max-width: 600px) {
    .updated-carer-profile-page .profile-detail__content-bottom {
        display:none
    }
}

.updated-carer-profile-page .carerprofile__content {
    z-index: 0
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .carer-profile__page {
        display:none
    }
}

.open-profile-page {
    cursor: pointer
}

.card-footer__btn {
    display: flex;
    padding: 12px 20px 16px;
    gap: 16px
}

.card-footer__btn #nextBtn {
    flex: 1
}

@media(max-width: 600px) {
    .carer-preference__title {
        font-size:24px !important
    }
}

.form__body.carer-any-preferences {
    width: 100%;
    padding: 16px 20px !important;
    gap: 16px !important;
    grid-template-columns: 1fr 1fr
}

@media(max-width: 600px) {
    .form__body.carer-any-preferences {
        flex:1
    }
}

.form__body.carer-any-preferences .form-check {
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(23,25,74,.05)
}

.form__body.carer-any-preferences .form-check .checkbox-lable {
    display: flex
}

.form__body.carer-any-preferences .form-check label>input[type=checkbox] {
    opacity: 0;
    height: 0;
    width: 0;
    line-height: 0;
    font-size: 0
}

.form__body.carer-any-preferences .form-check label>input[type=checkbox]+*::before {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 0 0 8px;
    filter: drop-shadow(0px 1px 2px rgba(23,25,74,.05));
    border-top: 0;
    border-right: 0
}

.form__body.carer-any-preferences .form-check label>input[type=checkbox]:checked+*::before {
    content: url(https://www.curamcare.com/themes/curam/assets/css/images/icons/tick-icon.svg);
    color: #fff;
    text-align: center;
    background: #494fc9;
    border-color: #494fc9;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.form__body.carer-any-preferences .form-check .checkbox__details {
    grid-template-columns: 1fr;
    width: 100%;
    justify-items: center;
    text-align: center
}

.form__body.carer-any-preferences .form-check .checkbox__details .checkbox-icon-grp {
    width: 60px;
    height: 60px;
    background-color: #e0e1e6;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center
}

.form__body.carer-any-preferences .form-check .checkbox__details .checkbox-icon-grp .hovered {
    display: none
}

.form__body.carer-any-preferences .form-check .checkbox__details p {
    color: #676779;
    font-weight: 520
}

.form__body.carer-any-preferences .form-check.active {
    background: #f5f5fb !important
}

.form__body.carer-any-preferences .form-check.active .checkbox__details .checkbox-icon-grp {
    background-color: #d7d8f3
}

.form__body.carer-any-preferences .form-check.active .checkbox__details .checkbox-icon-grp .normal-state {
    display: none
}

.form__body.carer-any-preferences .form-check.active .checkbox__details .checkbox-icon-grp .hovered {
    display: block
}

.form__body.carer-any-preferences .form-check.active .checkbox__details .title-caption {
    color: #494fc9;
    font-weight: 690
}

@media(max-width: 600px) {
    .change-rate__main {
        gap:0
    }
}

.change-rate__main .notification-section {
    padding: 12px 0
}

@media(max-width: 600px) {
    .change-rate__main .notification-section {
        padding-top:0
    }
}

.change-rate__main .notification-section p {
    color: #676779;
    font-weight: 520;
    padding: 16px;
    border: 1px solid #e0e1e6;
    border-radius: 12px;
    background: #fcfcff;
    letter-spacing: .014em
}

.change-rate__main .input__field-group {
    padding: 16px 0;
    display: grid;
    grid-template-columns: auto 1fr;
    width: 85%
}

@media(max-width: 600px) {
    .change-rate__main .input__field-group {
        width:100%
    }
}

.change-rate__main .input__field-group span {
    border-right: 0
}

.change-rate__main .total-rate-summary {
    padding: 16px 0 12px;
    margin-right: auto
}

@media(max-width: 600px) {
    .change-rate__main .total-rate-summary {
        margin-right:0
    }
}

.change-rate__main .total-rate-summary .total-rate-wrap {
    background: #fcfcff;
    border: 1px solid #e0e1e6;
    border-radius: 12px
}

.change-rate__main .total-rate-summary .total-rate-wrap .rate-data {
    padding: 12px 20px;
    display: flex;
    justify-content: space-between;
    gap: 16px;
    color: #35353f
}

.change-rate__main .total-rate-summary .total-rate-wrap .rate-data.curam-fees {
    color: #676779
}

.change-rate__main .total-rate-summary .total-rate-wrap .rate-data.curam-fees .rate__text.rate__title-text {
    color: #676779
}

.change-rate__main .total-rate-summary .total-rate-wrap .rate-data.final-pay {
    position: relative
}

.change-rate__main .total-rate-summary .total-rate-wrap .rate-data.final-pay::before {
    content: "";
    position: absolute;
    height: 1px;
    top: 0;
    border-top: 1px solid #e0e1e6;
    left: 20px;
    right: 20px
}

.change-rate__main .total-rate-summary .total-rate-wrap .rate-data .rate__text {
    color: #35353f
}

.change-rate__main .total-rate-summary .total-rate-wrap .rate-data .rate__text.final-pay-rate {
    color: #494fc9;
    font-weight: 630
}

.card-footer__btn a.nodecoration {
    text-decoration: none
}

body .owl-carousel .owl-stage-outer {
    padding: 0 0 20px 0
}

@media(max-width: 600px) {
    body .owl-carousel .owl-stage-outer {
        padding:0 0 10px 0
    }
}

body .owl-carousel .owl-nav {
    display: none
}

body .owl-carousel .owl-dots {
    margin-top: 0 !important
}

body .owl-carousel .owl-dots .owl-dot span {
    width: 16px;
    height: 4px;
    border-radius: 4px;
    margin: 0 2.5px;
    background: #d7d8f3
}

body .owl-carousel .owl-dots .owl-dot.active span {
    width: 24px;
    background: #ff732e
}

#thankyoumodalpopup .modal-footer a.btn {
    width: 100%
}

.answer__button-section {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media(max-width: 600px) {
    .answer__button-section {
        margin-left:-20px;
        margin-right: -20px;
        padding: 12px 20px 16px
    }
}

.answer__button-section .back-btn span {
    color: #494956
}

.more-line-clamp-style1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: relative;
    -webkit-line-clamp: 3
}

.more-line-clamp-style1 a {
    position: absolute;
    right: 0;
    bottom: 0;
    background: white;
    color: #494fc9;
    font-weight: 520;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: .014em;
    text-decoration: none;
    padding-left: 1px;
    cursor: pointer
}

.more-line-clamp-style1 a span {
    text-decoration: underline
}

.more-line-clamp-style1.fullcontent {
    -webkit-line-clamp: unset
}

.more-line-clamp-style1.fullcontent a {
    position: relative
}

.more-line-clamp-style1.removeAfter a {
    display: none
}

.stepper-topbar.responsive-only {
    display: none
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .stepper-topbar.responsive-only {
        display:flex
    }
}

@media(max-width: 600px) {
    .stepper-topbar.responsive-only {
        display:flex
    }

    .stepper-topbar.responsive-only.signup-trust {
        padding: 8px 16px
    }

    .stepper-topbar.responsive-only.signup-trust svg {
        max-width: 100%
    }
}

.carerprofile-main .carerprofile__content {
    z-index: 0
}

.form__input-group .close-dropdown {
    display: none
}

.form__input-group.dropdownactive .close-dropdown {
    display: block
}

.form__input-group.dropdownactive .open-dropdown {
    display: none
}

.modify-job #postcode-popup .modal-content,.job_edit #postcode-popup .modal-content {
    border-radius: 12px
}

@media(max-width: 600px) {
    .modify-job #postcode-popup .modal-content,.job_edit #postcode-popup .modal-content {
        border-radius:24px 24px 0 0
    }
}

.no-user-logged-in header .navigation {
    border: 0 none
}

.language-dropdown .form__input-group .dropdown-menu.show,.language-dropdown .form__input-group .dropdown-menu.show {
    display: flex;
    flex-direction: column;
    width: 100%
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .curam-onboarding-form .primary-button,.primary-button:visited {
        -webkit-appearance:none
    }

    .curam-onboarding-form .jobposting-flow .medium-center-sec-padding .cst-postcode-btn {
        margin-top: 10px
    }
}

.is-negotiable-details {
    padding-left: 16px
}

.is-negotiable-details p {
    color: #4d53ca;
    font-weight: bold;
    font-size: 16px;
    line-height: normal;
    font-family: "Manrope";
    position: relative;
    display: flex;
    align-items: center
}

.is-negotiable-details p::before {
    content: url(https://www.curamcare.com/themes/curam/assets/images/Info.png);
    margin-right: 10px;
    display: inline-block;
    width: 22px
}

.carers-availability-block {
    border: 1px solid #d7d8f3;
    border-radius: 12px;
    padding: 16px 16px 0
}

.carers-availability-block h2.carers-availability-title {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 690;
    font-size: 17px;
    line-height: 1.4;
    letter-spacing: .012em;
    color: #35353f;
    margin-bottom: 20px
}

.carers-availability-block h4.carers-availability-subtitle {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 690;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: .012em;
    color: #35353f;
    margin-bottom: 10px
}

.carers-availability-block .carers-availability-weekdays-block {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 15px
}

.carers-availability-block .carers-availability-weekdays-block .carers-availability-weekdays-col {
    background-color: #ecedf9;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    font-size: 13px;
    color: #35353f;
    font-weight: 600;
    padding: 10px;
    max-width: 35px;
    width: 35px;
    margin: 0 7px 7px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.carers-availability-block .carers-availability-weekdays-block .carers-availability-weekdays-col.active {
    background-color: #494fc9;
    color: #fff
}

.carers-availability-block .carers-availability-weekdays-block .carers-availability-weekdays-col:last-child {
    margin: 0 0 7px 0
}

.profile-detail__content-area .carers-availability-block {
    border: 1px solid #e0e1e6;
    border-radius: 20px;
    padding: 24px 24px 0
}

.profile-detail__content-area .carers-availability-block h3.h5-style {
    font-family: "Manrope";
    font-style: normal;
    font-size: 17px;
    line-height: 1.4;
    letter-spacing: .012em;
    font-weight: 690;
    color: #35353f;
    margin-bottom: 20px
}

.modal-content.carerprofile__content .owl-carousel {
    max-width: 535.406px !important
}

@media(max-width: 575.98px) {
    .modal-content.carerprofile__content .owl-carousel {
        max-width:374px !important;
        width: 374px !important
    }
}

@media(max-width: 400px) {
    .modal-content.carerprofile__content .owl-carousel {
        max-width:334px !important;
        width: 334px !important
    }
}

@media(max-width: 370px) {
    .modal-content.carerprofile__content .owl-carousel {
        max-width:320px !important;
        width: 320px !important
    }
}

.carers-availability-weekdays-col {
    position: relative
}

.tooltip-text {
    visibility: hidden;
    position: absolute;
    background-color: #ecedf9;
    color: #000;
    padding: 5px;
    border-radius: 4px;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.carers-availability-weekdays-col:hover .tooltip-text {
    visibility: visible
}

.carer-fav-div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

@media screen and (max-width: 768px) {
    .carer-fav-div {
        flex-direction:row
    }

    .carer-fav-div .header-wrapper .header-wrapper,.carer-fav-div .header-wrapper .wishlist-wrapper {
        order: initial;
        margin-bottom: 0
    }
}

@media(max-width: 400px) {
    .cards-list__items-card-header-content-wrapper .cards-list__items-card-header-content-wrapper-header h4.header-title {
        white-space:nowrap;
        max-width: 150px;
        width: 150px;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.tag-main-cls {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: fit-content
}

.wishlist-wrapper .heart img {
    min-width: 27px;
    height: auto
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .client-message-signup-form #multipleinvitetojob-popup .modal-footer #notification-backbtn {
        margin-right:15px
    }

    .client-message-signup-form #multipleinvitetojob-popup .modal-footer a {
        -webkit-appearance: none
    }

    .new-usersignup-header .navigation .navigation-buttons a img {
        margin-right: 10px
    }

    .menu-header nav .navigation-buttons .nav-button {
        line-height: 5px;
        -webkit-appearance: none
    }
}

@media(min-width: 600px) and (max-width:1025px) and (orientation:portrait) {
    .mobile-carer-listing-filters-form .radio-item-group .radio-item>input[type=radio]+*::before {
        margin-right:8px
    }

    .mobile-carer-listing-filters-form .radio-item-group .radio-item label {
        gap: 0
    }

    .view-carer-profile .carerprofile-main .carerprofile__content .profile-detail__content-area .cards-list__items-card-header-content button span {
        margin-left: 8px
    }

    .cards-list__items-card-header-content .btn.carer-detail-profile {
        gap: 0
    }
}

.action-btns {
    display: flex;
    justify-content: space-between
}

.title-batch-lt {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.title-batch-lt h2 {
    margin-right: 20px
}

.title-batch-rt {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.title-batch-rt img {
    margin-left: 10px
}

.title-batch-rt img::first-child {
    margin-left: 0
}

.custom-checkbox .form-group {
    display: block;
    margin-bottom: 15px
}

.custom-checkbox .form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer
}

.custom-checkbox .form-group input:checked+label:before {
    background-color: #494fc9;
    border: 1px solid #494fc9
}

.custom-checkbox .form-group input:checked+label:after {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 7px;
    width: 6px;
    height: 12px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.custom-checkbox .form-group label {
    position: relative;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
    color: #000
}

.custom-checkbox .form-group label:before {
    content: "";
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #9e9e9e;
    box-shadow: 0 1px 2px 0 rgba(23,25,74,.05);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px
}

.audio-video-request {
    cursor: pointer
}

.carer-profile-logged-av-icon {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.carer-profile-logged-av-icon img {
    margin-right: 15px
}

.carer-profile-logged-av-icon .btn {
    cursor: pointer
}

.message-signup-block {
    position: relative;
    margin-right: 10px
}

.message-signup-btn {
    padding: 13px 20px 12px !important;
    margin-right: 10px;
    gap: 0
}

.message-signup-btn span {
    font-weight: 300
}

.message-signup-block img {
    margin-right: 10px;
    height: 28px;
    width: auto
}

.curam-meet-bt .message-signup-block {
    margin-right: 0;
    flex: 0 0 49%;
    width: 49%;
    position: initial
}

.curam-meet-bt .message-signup-block .btn {
    margin-left: 0 !important;
    width: 100% !important
}

.message-signup-bubble-wrapper {
    position: absolute;
    top: 80px;
    right: 0;
    width: 400px;
    z-index: 999
}

.message-signup-bubble {
    width: 400px;
    height: auto;
    background-color: #f6e5c1;
    border: 2px solid #ffce6c;
    border-radius: 10px;
    padding: 20px;
    position: relative;
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.1)
}

.message-signup-bubble::before {
    content: url(https://stage.curamcare.com/themes/curam/assets/images/carer-listing/popover-arrow-up.svg);
    height: 30px;
    position: absolute;
    right: 60px;
    top: -24px;
    z-index: 9999
}

@media(max-width: 600px) {
    .message-signup-bubble-wrapper {
        display:none
    }
}

.message-signup-bubble-head {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 18px;
    color: #494fc9;
    margin-bottom: 20px;
    font-weight: 700
}

.message-signup-bubble-head img {
    margin-right: 10px
}

.message-signup-bubble-head span {
    font-weight: 300;
    color: #000;
    margin-left: 3px
}

.message-signup-bubble-body {
    width: 100
}

.message-signup-bubble-body p {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    margin-bottom: 15px
}

.message-signup-bubble-body p.light {
    font-size: 14px;
    font-weight: 500;
    color: rgba(0,0,0,.6);
    margin-bottom: 20px
}

.message-signup-bubble-footer {
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.message-signup-bubble-footer .btn {
    margin: 0 auto !important;
    width: auto !important;
    margin-left: unset
}

.gotit-btn {
    background-color: #494fc9;
    color: #fff;
    padding: 10px 30px
}

.curam-meet-bt {
    display: none;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    position: relative
}

@media(max-width: 600px) {
    .curam-meet-bt {
        display:flex
    }
}

.curam-meet-bt .message-signup-btn {
    margin-right: 0 !important;
    gap: 0
}

.curam-meet-bt .message-signup-form-btn {
    flex: 0 0 49% !important;
    width: 49% !important
}

.message-signup-block .btn {
    / margin-left: 0 !important;
    / width: 100%
}

.curam-meet-bt .message-signup-bubble-wrapper {
    top: -250px;
    left: 0;
    right: auto;
    width: 100%
}

.curam-meet-bt .message-signup-bubble-wrapper,.profile-detail-meet-bt .message-signup-bubble-wrapper {
    top: -250px;
    left: 0;
    right: auto;
    width: 100%
}

@media(max-width: 600px) {
    .curam-meet-bt .message-signup-bubble-wrapper,.profile-detail-meet-bt .message-signup-bubble-wrapper {
        display:block;
        width: 100%
    }
}

.curam-meet-bt .message-signup-bubble,.profile-detail-meet-bt .message-signup-bubble {
    width: 100%
}

.curam-meet-bt .message-signup-bubble::before,.profile-detail-meet-bt .message-signup-bubble::before {
    content: url(https://stage.curamcare.com/themes/curam/assets/images/carer-listing/popover-arrow-down.svg);
    left: 60px;
    right: auto;
    bottom: -30px;
    top: auto
}

.carer-listing-drawer-av-icon {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

@media(max-width: 600px) {
    .carer-listing-drawer-av-icon {
        display:none
    }
}

.updated-carer-profile__modal.scrollShowHeader .carer-listing-drawer-av-icon {
    display: none
}

.updated-carer-profile__modal .carerprofile__header .carer-listing-drawer-av-icon {
    display: none
}

.updated-carer-profile__modal.scrollShowHeader .carerprofile__header .carer-listing-drawer-av-icon {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

@media(max-width: 600px) {
    .updated-carer-profile__modal.scrollShowHeader .carerprofile__header .carer-listing-drawer-av-icon {
        display:none
    }
}

.updated-carer-profile__modal.scrollShowHeader .carerprofile__header .carer-listing-drawer-av-icon .message-signup-bubble-wrapper {
    z-index: 999
}

.profile-detail-meet-bt {
    display: none;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

@media(max-width: 600px) {
    .profile-detail-meet-bt {
        display:flex
    }
}

.profile-detail-meet-bt .message-signup-block {
    margin-right: 0;
    flex: 0 0 49%;
    width: 49%;
    position: initial
}

.profile-detail-meet-bt .message-mobile-btn {
    flex: 0 0 49%;
    width: 49% !important
}

@media(max-width: 600px) {
    .profile-detail-meet-bt .message-signup-bubble-wrapper {
        display:block;
        width: 90%;
        margin: 0 5%
    }
}

.message-signup-bubble-footer .btn {
    max-width: 100px
}
