.banner-section {
    background-color: #0D447A;
}

.banner-caption {
    padding: 0 5rem 0 0;
}

.banner-caption h1 {
    font-size: 5.8rem;
    color: #FFFFFF;
    font-weight: 500;
    margin-bottom: 3.8rem;
}

.multiple-select-dropdown .select2-container .select2-selection--multiple {
    margin: 0;
}

.banner-section .banner-img {
    height: 100%;
    object-fit: cover;
}

.banner-section .banner-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-section p {
    font-size: 2.8rem;
    margin-bottom: 5rem;
    font-weight: 700;
    color: #FFFFFF;
}

.search-action {
    position: relative;
}

.search-action .fa {
    position: absolute;
    top: 50%;
    left: 25px;
    transform: translate(0, -50%);
    /* color: #b6d3ed; */
    color: #00B1FF;
}

.search-action .btn {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    border: 2px solid #FFFFFF;
    font-size: 1.8rem;
}

.search-action [type=search] {
    padding: 1.6rem 1.6rem 1.6rem 5rem;
    min-height: 5.5rem;
    border-radius: 100px;
    font-size: 1.6rem;
    font-weight: 500;
    color: #0D447A;
    border: 0;
}

.search-action [type=search]::placeholder {
    color: #bad2e8;
}

.search-action [type=search]:focus {
    outline: 0;
    box-shadow: none;
}

.search-icon {
    top: 1.4rem;
    left: 2rem;
    position: absolute;
    width: 2.5rem;
    height: 2.5rem;
}

.nav-tabs {
    border: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #EEF7FF;
    border-radius: 100px;
    margin-bottom: 6rem;
}

.nav-tabs .nav-link {
    border-radius: 100px;
    border: 0;
    padding: 15px 30px;
    font-size: 2rem;
    color: #0D447A;
    text-transform: uppercase;
    font-weight: 500;
}

.nav-tabs .nav-link:hover {
    border: 0;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active,
.nav-tabs .nav-link:focus {
    background-color: #00B1FF;
    color: #FFFFFF;
}

/* How it Works Section */
.works-list {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}

.works-list li {
    width: calc(100%/4);
    max-width: 312px;
    margin: 0 auto;
    position: relative;
}

.works-list li:not(:last-child):after {
    content: "";
    position: absolute;
    background-image: url(../images/works-arrow.svg);
    top: 40px;
    right: -66px;
    left: auto;
    bottom: 0;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 66px;
    height: 75px;
    display: block;
}

.works-list li:nth-child(even):after {
    background-image: url(../images/works-arrow2.svg);
}

.works-list li h3 {
    font-size: 2.6rem;
    color: #0D447A;
    margin: 2rem 0;
    font-weight: 500;
}

.works-list li p {
    font-size: 15px;
    color: #6484A4;
    font-weight: 500;
    margin-bottom: 0;
}


/* Service section */
.services-section {
    background-color: #EEF7FF;
}

.service-slider .services-image img {
    width: 100%;
}

.services-content h3 {
    font-size: 2rem;
    color: #0D447A;
    font-weight: bold;
    margin: 0;
}

.service-slider .item-bx .services-content {
    border-bottom: 4px solid transparent;
    padding-bottom: 10px;
}

.service-slider .item-bx:hover .services-content {
    border-bottom: 4px solid #00B1FF;
}

.service-slider .item-bx .services-image {
    margin-bottom: 2.5rem;
}

.service-slider .owl-nav {
    position: absolute;
    top: -8rem;
    /* right: 25rem; */
    right: 13%;
}

.owl-nav .owl-prev>span {
    position: relative;
    width: 47px;
    height: 26px;
    display: block;
    font-size: 0;
}

.owl-nav .owl-prev>span::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    background-image: url(../images/slider-arrow-left.svg);
    background-size: contain;
    background-repeat: no-repeat;
    top: 0;
    bottom: 0;
    background-position: center;
}

.service-slider .owl-nav .owl-next {
    margin-left: 2rem;
}

.owl-nav .owl-next>span {
    position: relative;
    width: 47px;
    height: 26px;
    display: block;
    font-size: 0;
}

.owl-nav .owl-next>span::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    background-image: url(../images/slider-arrow-left.svg);
    background-size: contain;
    background-repeat: no-repeat;
    top: 0;
    bottom: 0;
    transform: rotate(180deg);
    background-position: center;
}

.owl-nav .owl-next:hover span::after {
    background-image: url(../images/slider-arrow-right.svg);
    transform: unset;
}

.owl-nav .owl-prev:hover span::after {
    background-image: url(../images/slider-arrow-right.svg);
    transform: unset;
    transform: rotate(180deg);
}

/* About section */
.about-section {
    padding-bottom: 0;
}

.about-content {
    max-width: 45rem;
    padding-bottom: 2rem;
    /* margin-bottom: 2rem; */
}

.about-content h6 {
    font-size: 20px;
    font-weight: 500;
    color: #0D447A;
    margin-bottom: 1.5rem;
}

.about-content p {
    font-size: 15px;
    color: #6484A4;
    margin-bottom: 3rem;
    font-weight: 500;
}

/* Client Testiomanils */
.client-testimonials {
    background-color: #EEF7FF;
}

.client-testimonials .sec-heading h2 {
    margin-bottom: 4rem;
}

.client-content-bx {
    max-width: 1164px;
    width: 100%;
    margin: 0 auto 4rem;
    background-color: #FFFFFF;
    border: 6px solid #BAD2E8;
    padding: 4rem 11rem 7rem 11rem;
    text-align: center;
}

.client-content-bx:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 35px solid #FFFFFF;
    position: absolute;
    bottom: 12px;
    margin-left: -3.5rem;
}

.client-content-bx:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 35px solid #bad2e8;
    position: absolute;
    bottom: 6px;
    transform: scale(1.2);
    transition: .3s;
    margin-left: -3.5rem;
}

.client-content-bx>img {
    max-width: 64px;
    margin: 0 auto 3rem;
}

.client-content-bx p {
    font-size: 2.2rem;
    color: #0D447A;
    font-weight: 500;
    margin: 0;
}

#client-feedbacks {
    max-width: calc(100% - 160px);
    margin: 0 auto;
}

#client-feedbacks .owl-nav .owl-prev {
    position: absolute;
    left: -7rem;
    top: 50%;
    transform: translate(0, -50%);
}

#client-feedbacks .owl-nav .owl-next {
    position: absolute;
    right: -7rem;
    top: 50%;
    transform: translate(0, -50%);
}

#client-image {
    max-width: 820px;
    margin: 3rem auto 0;
}

.client-image {
    border: 4px solid #BAD2E8;
    border-radius: 100%;
    overflow: hidden;
    margin: 10px;
    transition: .3s;
    cursor: pointer;
}

#client-image .owl-item.active.center .client-image,
#client-image .owl-item:hover .client-image {
    border: 4px solid #00B1FF;
    transform: scale(1.1);
}

.client-name {
    font-size: 1.8rem;
    font-weight: 500;
    color: #00B1FF;
    margin-top: 0.5rem;
    display: inline-block;
    width: 100%;
    display: none;
}

.client-testimonials .owl-stage-outer .owl-item.current .client-name {
    /* display: block; */
}

/* Download App Section */
.donload-app-details h5 {
    font-size: 2.4rem;
    color: #0D447A;
    font-weight: 600;
    margin-bottom: 2rem;
}

.donload-app-details p {
    font-size: 15px;
    color: #6484A4;
    margin-bottom: 0;
    font-weight: 500;
}

.donload-app-details .download-buttons {
    margin: 3rem 0 0;
}

.download-buttons>a {
    display: inline-flex;
    transition: .3s;
}

.download-buttons>a:hover {
    transform: translateY(-5px);
}

.download-buttons>a+a {
    margin-left: 2rem;
}


/* CTA section */
.cta-design {
    margin-bottom: -11rem;
}

.cta-design .left-cta {
    padding: 3.2rem 4rem;
    background-color: #10A74B;
}

.cta-design .right-cta {
    padding: 3.2rem 4rem;
    background-color: #6484A4;
}

.cta-design .btn-outline {
    border: 2px solid #FFF;
    padding: 8px 24px;
    font-weight: 600;
    transition: .3s;
}

.cta-design .btn-outline:hover {
    background-color: #FFFFFF;
    color: #0D447A;
}

.cta-design .sec-heading h2 {
    color: #FFFFFF;
    margin-bottom: 10px;
}

.cta-design p {
    font-size: 2rem;
    color: #FFFFFF;
    font-weight: 500;
    margin-bottom: 2.5rem;
}



/************* SUNIL CSS Care Seeker Panel Css ***************/
.bg-light-blue {
    background-color: #EEF7FF;
}

.mh-auto {
    min-height: unset !important;
}

p {
    color: #6484A4;
    font-weight: 500;
}

select {
    cursor: pointer;
}

.container {
    max-width: 1360px;
}

input:disabled {
    background: #4e585d59 !important;
    color: #f3f3f3 !important;
}

a {
    transition: all 0.3s ease-in-out;
}

ul {
    padding-left: 0px;
    list-style-type: none;
    margin-bottom: 0px;
}

.cs-register-container {
    max-width: 1680px;
}

.mt-40 {
    margin-top: 4rem;
}

.mt-30 {
    margin-top: 3rem;
}

.mb-30 {
    margin-bottom: 3rem;
}

.mb-25 {
    margin-bottom: 2.5rem;
}

.bg-blue {
    background: #0D447A;
}

.bg-green {
    background: #10A74B;
}

.bg-red {
    background: #FF6363;
}

.text-red {
    color: #FF6363;
}

.text-gray {
    color: #6484A4;
}

.text-light-blue {
    color: #00B1FF;
}

.text-blue {
    color: #0D447A;
}

.text-green {
    color: #10A74B;
}

.text-green:hover {
    color: #0e8b3e;
}

.text-light-blue,
.text-light-blue:hover {
    color: #00B1FF;
}

.fs-22 {
    font-size: 2.2rem;
}

.fs-18 {
    font-size: 1.8rem;
}

.fs-16 {
    font-size: 1.6rem;
}

.fs-14 {
    font-size: 1.4rem;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.fw-700 {
    font-weight: 700;
}

.btn.btn-sm {
    min-width: auto;
    min-height: 3.5rem;
    padding: 0.6rem 1.5rem;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 2.2rem;
}

.btn-dark-green {
    background: #10A74B;
}

.btn-dark-green:hover,
.btn-dark-green:focus {
    background: #0e8b3e;
}

.btn-dark-green[disabled] {
    background: #0e8b3e;
    color: #fff;
}

.radio-btns .form-check {
    background: #EEF7FF;
    padding: 1.8rem 2rem 1.8rem 4.5rem;
    border-radius: 30px;
}

.cs-register-section {
    width: 100%;
    height: auto;
    display: flex;
    /* float: left; */
}

.cs-register-gradient {
    background: #0D447A;
    background: linear-gradient(90deg, rgba(13, 68, 122, 1) 0%, rgba(13, 68, 122, 1) 30%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 100%);
}

.cs-register-content {
    width: 100%;
    max-width: 56rem;
    height: auto;
    min-height: 100vh;
    padding: 2.2rem 7.5rem 2.2rem 2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: auto;

}

.cs-register-text {
    width: 100%;
    height: auto;
    margin-left: auto;
}

.cs-logo {
    /* padding-bottom: 10.31rem; */
}

.cs-register-text h1 {
    font-size: 5.8rem;
}

.cs-register-text p {
    font-size: 2.8rem;
}

.cs-register-form {
    width: 100%;
    height: 100vh;
    overflow: auto;
    float: left;
    /* padding-right: 1rem; */
}

/* .simplebar-content-wrapper::-webkit-scrollbar {
    width: 6px;
} */
.cs-register-form-container {
    width: 100%;
    /* max-width: 110rem; */
    min-height: 100vh;
    padding-top: 4.5rem;
    margin-left: 0;
}

.cs-register-form-header {
    padding-right: 10rem;
}

.cs-register-form-body {
    max-width: 840px;
    margin: 0 auto;
    padding: 0rem 2rem;
}

.cs-register-form-body h3 {
    font-size: 3rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.cs-register-form-body h2 {
    font-size: 2.2rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.cs-register-form-body h2+h3 {
    font-size: 2rem !important;
    font-weight: 600;
    margin-bottom: 1rem;
}

.cs-register-form-body p {
    font-size: 1.6rem;
    font-weight: 500;
}

.text-dark-blue {
    color: #0D447A;
}

.cs-register-form-header a.btn {
    font-size: 1.4rem;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
}

.radio-btns .form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%2300B1FF'/%3e%3c/svg%3e") !important;
    background-size: 2.2rem;
    background-color: #fff;
    border-color: #00B1FF;
}

.radio-btns.green-radio-btns .form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%2332CD8C'/%3e%3c/svg%3e") !important;
    border-color: #32CD8C;
}

.radio-btns .form-check-input {
    background-color: #fff;
    border-color: #BAD2E8;
}

.radio-btns .form-check-input:focus {
    box-shadow: none;
}

.radio-btns .form-check input {
    position: absolute;
    left: 2rem;
    top: 50%;
    margin: 0px !important;
    transform: translateY(-50%);
    width: 1.8rem;
    height: 1.8rem;
}

.radio-btns .form-check label.form-check-label {
    width: 100%;
    padding: 1.4rem 2rem 1.4rem 4.5rem;
    cursor: pointer;
}

.cs-register-form-body .form-control {
    width: 100%;
    height: 5.5rem;
    border-radius: 3rem;
    padding-left: 2rem;
    font-size: 1.6rem;
    font-weight: 500;
    color: #6484A4;
    background-color: #EEF7FF;
    border: none;
    box-shadow: none;
    background-position: right 2rem center;
}

.form-control.contact-number-input {
    border-radius: 0 3rem 3rem 0 !important;
}

.cs-register-form-body .input-group .country-code-dropdown {
    width: 6rem;
    min-width: 6rem;
    z-index: 11;
}

.input-group .country-code-dropdown select {
    background-image: none;
    border: none;
    background-color: #eef7ff;
    padding-right: 1rem;
    border-radius: 3rem 0px 0px 3rem;
    box-shadow: none;
    outline: none;
    padding-left: 20px;
    height: 100%;
    cursor: pointer;
}

.country-code-dropdown::before {
    content: "";
    width: 0.1rem;
    height: 3rem;
    background: #BAD2E8;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.contact-number-input {
    width: calc(100% - 6rem) !important;
}

.password-input span.password-icon {
    position: absolute;
    right: 2rem;
    top: 1.3rem;
    cursor: pointer;
}

.password-input input[type="text"]~span.password-icon {
    background: url(../images/eye-slash.svg);
    background-repeat: no-repeat;
    background-position: center left 1rem;
    font-size: 0;
    background-size: 1.8rem;
    top: 0;
    width: 5rem;
    height: 5.5rem;
    right: 0;
}

.password-input input[type="password"]~span.password-icon {
    background: url(../images/eye.svg);
    background-repeat: no-repeat;
    background-position: center left 1rem;
    font-size: 0;
    background-size: 1.8rem;
    top: 0;
    width: 5rem;
    height: 5.5rem;
    right: 0;
}

.continuewith-text {
    margin-bottom: 1rem;
}

.social-logins li {
    display: inline-block;
}

ul.social-logins li:not(:last-child) {
    padding-right: 2rem;
}

ul.social-logins li a {
    min-width: 190px;
    text-align: left;
    padding: 1.2rem 3rem;
    border-radius: 3rem;
    font-size: 1.8rem;
    min-height: 5.5rem;
    display: block;
    font-weight: 500;
}

ul.social-logins a svg {
    margin-right: 20px;
}

ul.social-logins a.fb-login-btn {
    background: #415DAE;
    border: solid 0.1rem #415DAE;
}

ul.social-logins a.fb-login-btn:hover {
    background: #2f4997;
    border: solid 0.1rem #2f4997;
}

ul.social-logins a.g-login-btn {
    background: #fff;
    border: solid 1px #BAD2E8;
}

ul.social-logins a.g-login-btn:hover {
    background: #f4f9ff;
    border: solid 1px #BAD2E8;
}

.email-verification-content {
    width: 100%;
    max-width: 536px;
}

.email-verification-content .email-icon {
    margin-bottom: 4rem;
}

.email-verification-content .email-icon svg {
    max-width: 110px;
    max-height: 110px;
}

.otp-inputs {
    width: 100%;
    max-width: 380px;
    margin: 4rem auto 0 auto;
}

.otp-inputs input {
    width: 8rem;
    height: 8rem;
    background: #EEF7FF;
    border: none;
    border-radius: 6px;
    box-shadow: none;
    outline: none;
}

.navigation-btn svg {
    width: 100%;
    max-width: 18px;
    fill: #0d447a;
}

button.navigation-btn {
    /* width: 5rem;
    height: 5rem;
    border: none;
    background: #0d447a;
    border-radius: 4px; */
    width: 5rem;
    height: 5rem;
    border: none;
    background: transparent;
    border-radius: 4px;
    margin-right: 1rem;
    color: #0d447a;
}

.green-theme button.navigation-btn,
.green-theme .carer-search-btn {
    color: #10A74B;
}

/***** Login Modal ****/
.common-modal .modal-dialog {
    max-width: 500px;
    margin: 0 auto;
}

.common-modal .modal-dialog .modal-content {
    border-radius: 2rem;
}

.common-modal .cs-register-form-body form {
    padding-top: 3rem;
}

.already-have-account a svg {
    max-width: 1.6rem;
    max-height: 1.6rem;
    margin-right: 1rem;
}

/********* Carer Pannel Css *************/


.carer-register-gradient {
    background: #0D447A;
    background: linear-gradient(90deg, rgba(16, 167, 75, 1) 0%, rgba(16, 167, 75, 1) 30%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 100%);
}

.carer-register-form .form-control,
.carer-register-form .input-group .country-code-dropdown select,
.carer-register-form .otp-inputs input {
    background-color: #EDEEEE;
}

.carer-register-form .country-code-dropdown::before {
    background-color: #C9CECE;
    z-index: 1;
}

/************** Carer Header Part ***********/

.carer-header-logo {
    min-width: 25rem;
    background: #10A74B;
    text-align: center;
    padding: 2.2rem;
}

.carer-header-logo .navbar-brand {
    margin-right: 0px;
}

.carer-header .header-main {
    padding-right: 1rem;
    display: flex;
    justify-content: space-between;
    /* border-bottom: solid 0.1rem #f5f5f5; */
}

.carer-header-menu {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: end;
}

.carer-header .search-form-header {
    width: 100%;
    max-width: 35rem;
    margin-left: 3rem;
    display: flex;
    align-items: center;
}

.site-header.carer-header .navbar-nav li:not(:last-child) {
    margin-right: 4rem;
}

.site-header.carer-header .navbar-nav .nav-link {
    font-size: 1.6rem;
}

.carer-header .search-form-header input,
.carer-header .search-form-header input:focus,
.carer-header .search-form-header input:active {
    width: 100%;
    min-height: 5.5rem;
    font-size: 1.6rem;
    border: none;
    background-color: #EDEEEE;
    border-radius: 3rem;
    padding-left: 5rem;
    outline: none;
    box-shadow: none;
}

.carer-header .search-form-header input {
    background-image: url('../images/search-icon.svg');
    background-repeat: no-repeat;
    background-position: 2rem center;
    background-size: 2rem;
}

.search-form-header .search-close {
    background: #EDEEEE;
    width: 5.5rem;
    height: 5.5rem;
    min-width: 5.5rem;
    min-height: 5.5rem;
    border: none;
    border-radius: 50%;
    color: #fff;
    display: none;
}

/* .carer-header .profile-dropdown {
    min-width: 16rem;
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff!important;
    font-size: 1.4rem!important;
    padding: 1rem 4rem 1rem 2rem!important;
} */

.carer-header .profile-dropdown {
    min-width: 16rem;
    max-width: 20rem;
    min-height: 42px;
    color: #fff !important;
    font-size: 1.4rem !important;
    padding: 1rem 4rem 1rem 2rem !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.carer-header .profile-dropdown:after {
    background-image: url(../images/down-arrow.svg);
    background-repeat: no-repeat;
    background-position: right 0rem center;
    background-size: 1.4rem;
    border: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1.9rem;
    width: 1.4rem;
    height: 1.4rem;
    content: "";
    z-index: 999;
}

.carer-header .profile-dropdown-menu {
    border: solid 1px rgb(243, 243, 243);
    min-width: 20rem;
    overflow: hidden;
}

.carer-header .profile-dropdown-menu li {
    margin-right: 0px !important;
}

.carer-header .profile-dropdown-menu li a {
    font-size: 1.6rem;
    padding: 0.8rem 1rem;
    color: #6484A4;
}

.carer-header .profile-dropdown-menu li a:hover {
    background: #10A74B;
    color: #fff;
}

.carer-header.site-header .navbar-nav li:nth-last-child(2) {
    margin-right: 1.5rem;
}

.carer-header.site-header .navbar-nav li a.notifications:before,
.carer-header .profile-dropdown-menu li a:before {
    display: none;
}

.carer-header.site-header .navbar-nav li a.notifications .notification-text {
    display: none;
    padding-left: 1rem;
}

.carer-header.site-header .navbar-nav li a.notifications .notification-icon {
    position: relative;
    display: inline-block;
}

.carer-header .notifications span.notification-dot {
    width: 0.9rem;
    height: 0.9rem;
    background: #10A74B;
    position: absolute;
    right: 1px;
    border-radius: 3rem;
    top: 3px;
}

@keyframes glowing {
    0% {
        background-color: #10A74B;
        box-shadow: 0 0 5px #10A74B;
    }

    50% {
        background-color: #5cd48a;
        box-shadow: 0 0 20px #5cd48a;
    }

    100% {
        background-color: #10A74B;
        box-shadow: 0 0 5px #10A74B;
    }
}

.carer-header .notifications span.notification-dot {
    animation: glowing 2000ms infinite;
}

.carer-header .notifications span.notification-dot-blue {
    width: 0.9rem;
    height: 0.9rem;
    background: #2F47A0;
    position: absolute;
    right: 1px;
    border-radius: 3rem;
    top: 3px;
}

@keyframes blueglowing {
    0% {
        background-color: #2F47A0;
        box-shadow: 0 0 5px #2F47A0;
    }

    50% {
        background-color: #526cc7;
        box-shadow: 0 0 20px #526cc7;
    }

    100% {
        background-color: #2F47A0;
        box-shadow: 0 0 5px #2F47A0;
    }
}

.carer-header .notifications span.notification-dot-blue {
    animation: blueglowing 2000ms infinite;
}


.complete-profile-section {
    padding-top: 5rem;
}

.complete-profile-title h2 {
    font-size: 3.6rem;
    font-weight: 500;
    color: #2F47A0;
}

.complete-profile-title p {
    font-size: 2rem;
    font-weight: 500;
    color: #4E585D;
}

.complete-profile-card .cs-register-form-container {
    max-width: 100%;
}



/*** Multistep Wizard ***/
.site-header.sticky+.complete-profile-section {
    margin-top: 13rem;
}

.complete-profile-container {
    max-width: 1500px;
}

.complete-profile-main {
    display: none;
}

.complete-profile-main.active {
    display: inline-block !important;
    width: 100%;
}

.complete-profile-card {
    border: solid 0.2rem #EDEEEE;
    border-radius: 1rem;
    margin-bottom: 3rem;
}

.complete-profile-title {
    margin-bottom: 4rem;
    padding: 0px 10rem;
}

.complete-profile-card-header {
    /* margin-top:20px;
    margin-bottom:50px; */
}

.profile-progress-bar {
    display: flex;
    list-style: none;
    counter-reset: container 0;

}

.profile-progress-bar li {
    width: 100%;
    list-style-type: none;
    position: relative;
    counter-increment: container 1;
    padding: 30px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.profile-progress-bar li .step-name {
    font-size: 2.4rem;
    font-weight: 500;
    color: #4E585D;
}

.profile-progress-bar li.active.done .step-name {
    color: #32CD8C;
}

.profile-progress-bar li .step-number {
    background: #fff;
    border: solid 0.1rem #4E585D;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 4rem;
    height: 4rem;
    min-width: 4rem;
    min-height: 4rem;
    border-radius: 50%;
    margin-right: 1.6rem;
}

.profile-progress-bar li.active .step-number {
    border: solid 0.1rem #2F47A0;
}

.profile-progress-bar li.active.done .step-number {
    background: #32CD8C;
    border-color: #32CD8C;
}

.profile-progress-bar li .step-number::before {
    content: counter(container);
    position: relative;
    height: 2.6rem;
    width: 2.6rem;
    border-radius: 50%;
    text-align: center;
    line-height: 26px;
    z-index: 10;
    background-color: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0;

}

.profile-progress-bar li.active.done .step-number::before {
    content: "";
    background-color: #32CD8C;
    background-image: url('../images/check-mark.svg');
    background-repeat: no-repeat;
    background-position: center;
}

.profile-progress-bar li::after {
    content: '';
    position: absolute;
    height: 4px;
    width: 100%;
    background-color: #f5f7fa;
    bottom: 0;
    right: 0;
}

.profile-progress-bar li.active .step-number::before {
    background-color: #2F47A0;
    border: none;
    color: #2F47A0;
}

.profile-progress-bar li.active::after {
    background-color: #32CD8C !important;
}

.profile-progress-bar.blue-bar li.active::after {
    /* background-color:#2F47A0 !important; */
}

.complete-profile-card .cs-register-form-body {
    max-width: 100%;
    padding: 0rem 5rem 3rem 5rem;
}

.time input {
    background-image: url(../images/time-icon.svg);
    background-repeat: no-repeat;
    padding-right: 4.5rem;
}

.time input[type="time"]::-webkit-inner-spin-button,
.time input[type="time"]::-webkit-calendar-picker-indicator {
    /* display: none;
    -webkit-appearance: none; */
    visibility: hidden;
    z-index: 999;
}

.calander input {
    background-image: url(../images/calander-icon.svg);
    background-repeat: no-repeat;
    padding-right: 4.5rem;
}

.calander input[type="date"]::-webkit-inner-spin-button,
.calander input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}

.uploadprofile input {
    background-image: url(../images/upload.svg);
    background-repeat: no-repeat;
    padding-right: 4.5rem;
}

.search input {
    background-image: url(../images/search.svg);
    background-repeat: no-repeat;
    background-position: center left 1.5rem;
    background-size: 1.5rem;
    color: #6484a4 !important;
    font-size: 1.4rem;
    font-weight: 500;
    box-shadow: none !important;
    outline: none;
}

.complete-profile-section .cs-register-form-container {
    min-height: auto;
}

.warning {
    border: 1px solid red !important;
}

.file-chooser .file-chooser-input {
    width: 100%;
    height: 5.5rem;
    border-radius: 3rem;
    padding-left: 2rem;
    font-size: 1.6rem;
    font-weight: 500;
    color: #6484A4;
    background-color: #EDEEEE;
    border: none;
    box-shadow: none;
    outline: none;
    background-position: right 2rem center;
    cursor: pointer;
}

.file-chooser:after:hover {
    background: #bc2f59;
}

.file-chooser .file-chooser-clear {
    position: absolute;
    right: 80px;
    background: none;
    border: none;
    padding: 0;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    opacity: 0;
    transition: color 0.25s, opacity 0.25s;
}

/* .file-chooser .file-chooser-clear:after {
    content: "×";
    font-size: 1.2rem;
  } */
.file-chooser .file-chooser-clear:hover {
    color: red;
}

.file-chooser:hover .file-chooser-clear {
    opacity: 1;
}

.file-chooser .file-chooser-hidden {
    display: none;
}


.complete-profile-card .cs-register-form-body h2 {
    color: #2F47A0;
    font-size: 2.4rem;
    margin-bottom: 2.5rem;
    margin-top: 0.5rem;
    font-weight: 500;
}

.complete-profile-card label {
    color: #2F47A0 !important;
}

.complete-profile-card .radio-btns .form-check {
    background-color: #EDEEEE;
}

.complete-profile-card .radio-btns .form-check.bg-light-blue {
    background-color: #EEF7FF;
}

.complete-profile-card .radio-btns .form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%2332CD8C'/%3e%3c/svg%3e") !important;
    border-color: #32CD8C;
}

.complete-profile-card .radio-btns .form-check-input {
    border-color: #A6ABAD;
}

.complete-profile-card .cs-register-form-body textarea.form-control {
    height: auto;
    min-height: 15rem;
    padding-top: 2rem;
}

.tooltip {
    font-size: 1.3rem;
}

.tooltip-inner {
    background-color: #000;
    /* box-shadow: 0px 0px 4px black; */
    opacity: 1 !important;
    padding: 0.8rem 1.2rem;
}

.tooltip.bs-tooltip-right .tooltip-arrow::before {
    border-right-color: #2F47A0 !important;
}

.tooltip.bs-tooltip-left .tooltip-arrow::before {
    border-left-color: #2F47A0 !important;
}

.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: #2F47A0 !important;
}

.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #2F47A0 !important;
}

.complete-profile-card p.fs-18 {
    font-size: 1.8rem;
}

.add-remove-service span {
    width: 1.8rem;
    height: 1.8rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: solid 0.1rem #ddd;
    border-radius: 2rem;
    cursor: pointer;
}

.add-remove-service span.minus {
    border-color: #FF6363;
    color: #FF6363;
    margin-right: 0.6rem;
}

.add-remove-service span.plus {
    border-color: #10A74B;
    color: #10A74B;
}

.add-remove-service span svg {
    height: 0.75rem;
}

.complete-profile-title .backbtn {
    position: absolute;
    left: 0px;
    top: 0px;
}

.complete-profile-title .backbtn a span {
    width: 4rem;
    height: 4rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #EDEEEE;
    border-radius: 3rem;
    margin-right: 1rem;
}

.complete-profile-title .backbtn a {
    display: inline-block;
    font-size: 2rem;
    color: #2F47A0;
    font-weight: 500;
}

.profile-submitted .modal-dialog {
    max-width: 60rem;
}

.profile-submitted .modal-dialog .modal-body {
    padding: 5rem;
    text-align: center;
}

.profile-submitted .modal-dialog .modal-body h2 {
    font-size: 3.6rem;
    color: #2F47A0;
    font-weight: 500;
    margin-top: 4rem;
    margin-bottom: 3rem;
}

.profile-submitted .modal-dialog .modal-body p {
    font-size: 2rem;
    color: #4E585D;
    font-weight: 500;
    margin-bottom: 0px;
    padding-left: 5rem;
    padding-right: 5rem;
}

.book-slot-btn {
    margin-top: 5rem;
}

.modal-backdrop {
    background: #2F47A0;
    opacity: 0.9 !important;
}

/* .complete-profile-card .btn.btn-dark-green {
    min-width: 20.15rem;
    min-height: 5.5rem;
} */
.complete-profile-card .btn.btn-dark-green {
    min-width: 15rem;
    padding: 1rem 2rem;
}

.carer-search-btn {
    width: 5rem;
    height: 5rem;
    border: none;
    background: transparent;
    border-radius: 4px;
    margin-right: 1rem;
    color: #0d447a;
}

.remove-sidebar-btn {
    display: none;
    transform: translateX(-100%);
    transition: visibility .3s ease-in-out, transform .3s ease-in-out;
}

.header-main.active .remove-sidebar-btn {
    /* display: block;     */
    transform: translateX(0%);
    transition: visibility .3s ease-in-out, transform .3s ease-in-out;
}




/*********** Services Page ***********/
.site-header.sticky+.inner-banner-section {
    margin-top: 17rem;
}

.inner-banner-section {
    padding: 4.5rem 0rem;
    background-color: #124390;
    /* background-color: #e7eef5; */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

/* .inner-banner-section:before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #124290b7;
} */
.inner-banner-section h2 {
    color: #fff;
    margin-bottom: 2rem;
    font-size: 4.2rem;
    font-weight: 600;
    position: relative;
}

.inner-banner-section .pages-list {
    text-align: center;
    padding-left: 0;
    margin-bottom: 0;
    position: relative;
}

.inner-banner-section .pages-list li:first-child {
    margin-left: 0;
}

.inner-banner-section .pages-list li {
    display: inline-block;
    list-style-type: none;
    margin-left: 3rem;
    font-weight: 500;
    color: #fff;
    font-size: 1.6rem;
    position: relative;
}

.inner-banner-section .pages-list li:not(:first-child):before {
    position: absolute;
    content: "\f105";
    font-family: 'FontAwesome';
    top: -0.2rem;
    left: -2.1rem;
    color: #fff;
    font-size: 2rem;
}

.inner-banner-section .pages-list li a {
    display: block;
    color: #fff;
}

.section-title {
    text-align: center;
    max-width: 75rem;
    margin: 0 auto 4.5rem;
}

.section-title h2 {
    font-size: 3.8rem;
    margin-bottom: 1.5rem;
    line-height: 1.4;
}

.single-services {
    margin-bottom: 3rem;
    transition: .6s;
    cursor: pointer;
}

.single-services .services-image {
    position: relative;
    overflow: hidden;
    /* height: 30rem; */
    border-radius: 1rem 1rem 0 0;
    object-fit: cover;
}

.single-services .services-image a {
    display: block;
}

.single-services .services-image img {
    width: 100%;
    height: 100%;
    max-height: 30rem;
    object-fit: cover;
    transition: .6s
}

.single-services .services-content {
    background-color: #fff;
    /* box-shadow:0 0 3rem rgba(108,118,134,.20); */
    padding: 2rem;
    border: 0.1rem solid #e0efff;
    border-top: 0rem;
    border-radius: 0 0 1rem 1rem;
    transition: .6s
}

.single-services .services-content h3 {
    font-size: 2.4rem;
    margin-bottom: 1.2rem;
    font-weight: 600;
}

.single-services .services-content h3 a {
    color: #0D447A;
    font-weight: 600;
}

.single-services .services-content p {
    font-size: 1.5rem;
    transition: .6s;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.single-services:hover {
    transform: translateY(-10px)
}

.single-services:hover .services-image img {
    transform: rotate(2deg) scale(1.2)
}

.single-services:hover .services-content {
    background-color: #0D447A
}

.single-services:hover .services-content h3,
.single-services:hover .services-content h3 a,
.single-services:hover .services-content p {
    color: #fff
}

/*********** About Us Page Css ***********/

.aboutus-content .section-title {
    max-width: 100%;
    margin-bottom: 2rem;
}

.aboutus-checklist li {
    font-size: 1.8rem;
    font-weight: 500;
    color: #0d447a;
    margin-bottom: 1rem;
}

.aboutus-checklist li span {
    width: 2rem;
    height: 2rem;
    display: inline-block;
    margin-right: 0.5rem;
}

.suport-number {
    font-size: 2.2rem;
    font-weight: 600;
    color: #00B1FF;
}

/********* FAQS PAGE CSS *************/

.faqs-page .accordion-item {
    border: none;
    /* box-shadow: 0px 5px 1.5rem #5a5a5a12; */
    /* box-shadow: 0px 5px 1.5rem #5a5a5a17; */
    margin-bottom: 2rem;
    /* border-radius: 1.5rem;
    overflow: hidden; */
    border: solid 1px #e7eef5ab;
    border-radius: 1rem;
}

.faqs-page .accordion-item .accordion-header .accordion-button {
    font-size: 1.8rem;
    font-weight: 600;
    padding: 1.5rem 3rem;
    color: #0D447A;
    box-shadow: none;
    border-radius: 1rem;
}

/* .faqs-page .accordion{
    counter-reset: my-sec-counter;
}
.faqs-page .accordion-item .accordion-header .accordion-button:before {
    counter-increment: my-sec-counter;
    content: "Q" counter(my-sec-counter) ". ";
    margin-right: 1rem;
    background: #0d447a0f;
    color: #0D447A;
    padding: 0.7rem;
    border-radius: 2rem;
    font-size: 1.2rem;
} */
.faqs-page .accordion-item .accordion-header .accordion-button:not(.collapsed):before {
    background: #ffffff45;
    color: #fff;
}

.faqs-page .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    background: #e7eef5ab;
    color: #0D447A;
    /* font-weight: 600; */
    border-radius: 1rem 1rem 0 0;
}

.accordion-collapse {
    background: #fff;
    /* box-shadow: 0 0 2rem #0000002b; */
    border-radius: 0 0 1rem 1rem;
}

.faqs-page .accordion-item .accordion-header .accordion-button::after {
    background-size: 2rem;
    width: 2rem;
    height: 2rem;
}

.faqs-page .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230D447A'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.71 8.29a1 1 0 0 0-1.42 0L12 10.59 9.71 8.29A1 1 0 0 0 8.29 9.71L10.59 12l-2.3 2.29a1 1 0 0 0 0 1.42 1 1 0 0 0 1.42 0L12 13.41l2.29 2.3a1 1 0 0 0 1.42 0 1 1 0 0 0 0-1.42L13.41 12l2.3-2.29A1 1 0 0 0 15.71 8.29Zm3.36-3.36A10 10 0 1 0 4.93 19.07 10 10 0 1 0 19.07 4.93ZM17.66 17.66A8 8 0 1 1 20 12 7.95 7.95 0 0 1 17.66 17.66Z'/%3E%3C/svg%3E"); */
}

.faqs-page .accordion-item .accordion-body {
    padding: 2rem 3rem;
    background: #eff4f8;
}

.faqs-page .accordion-item .accordion-body p {
    font-size: 1.5rem;
    color: #6484A4;
}

/* .faqs-page{
    counter-reset: my-sec-counter;
}
.faq-card .card-body h4{
    display: flex;
    border-bottom: solid 1px #ddd;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
    color: #0D447A;
    font-size: 1.6rem;
}
.faq-card .card-body h4:before {
    counter-increment: my-sec-counter;
    content: "Q." counter(my-sec-counter);
    margin-right: 1rem;
    background: #0d447a0f;
    color: #0D447A;
    padding: 0.7rem;
    border-radius: 2rem;
    font-size: 1.2rem;
    min-width: 3.5rem;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.faq-card .card-body p{
    font-size: 1.4rem;
} */

.single-service-sidebar {
    margin-bottom: 45px;
    display: inline-block;
    width: 100%;
    float: left;
    position: relative;
    padding: 3rem;
    background: #EEF7FF;
    border-radius: 0.3rem;
}

.single-service-sidebar .services-menu li {
    margin: 0 0 10px 0;
}

.single-service-sidebar .services-menu li a {
    position: relative;
    background-color: #fff;
    padding: 15px 24px;
    color: #0D447A;
    text-transform: capitalize;
    border: none;
    display: block;
    transition: all 0.5s linear;
    -webkit-transition: none;
    font-weight: 500;
    font-size: 16px;
    border-radius: 3px;
    transition: .3s;
}

.single-service-sidebar .services-menu li.current-menu-item a,
.single-service-sidebar .services-menu li a:hover {
    background: #0D447A;
    color: #fff;
    transition: .3s;
}

.single-service-sidebar .services-menu li a:before {
    position: absolute;
    content: '';
    right: 24px;
    left: auto;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    background-image: url('../images/arrow.svg');
    width: 1.5rem;
    height: 1.5rem;
    background-repeat: no-repeat;
    background-size: 1.5rem;
}

.services-detail-page h3 {
    font-size: 2.8rem;
    font-weight: 500;
    margin-bottom: 1.5rem;
    margin-top: 2.5rem;
}

/********* Testimonials Page Css **********/
.client-image-name {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

.client-img {
    width: 6rem;
    height: 6rem;
    min-width: 6rem;
    min-height: 6rem;
    object-fit: cover;
    border: solid 0.2rem #fff;
    border-radius: 50%;
    box-shadow: 0px 0rem 0rem 0.2rem #e7eef5;
    overflow: hidden;
    margin-right: 1.5rem;
}

/* .client-img{width: 10rem; height: 10rem; object-fit: cover;} */
.client-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.testimonials-page .card {
    border: solid 1px #f3f3f3bd;
    margin-bottom: 3rem;
    box-shadow: 0px 0px 2rem #dddddd61;
}

.testimonials-page .card .client-name {
    display: block;
}

.testimonials-page .card .client-name h4 {
    font-size: 1.8rem;
}

.testimonials-page .card p {
    font-size: 1.4rem;
}

/* .testimonials-page .col-md-4:nth-child(2n+4) .card { background: #f2f9ff; }
.testimonials-page .col-md-4:nth-child(3n-2) .card { background: #ecffee78; }
.testimonials-page .col-md-4:nth-child(4n-2) .card { background: #f3fffa; }
.testimonials-page .col-md-4:nth-child(5n-3) .card { background: #fff3f3a3; }
.testimonials-page .col-md-4:nth-child(6n-3) .card { background: #fffaf5cf; } */

span.review-date {
    font-size: 1.6rem;
    font-weight: 600;
    color: #0d447a;
    display: block;
    margin-bottom: 0.5rem;
}

.total-reatings-count {
    width: 100%;
    height: auto;
    display: inline-flex;
    justify-content: center;
    gap: 2rem;
}

.total-reatings-count .client-rating {
    background: #ffb35f61;
    display: inline-block;
    padding: 0.5rem 1rem;
    border-radius: 0.4rem;
    border: solid 0.1rem #ffa439;
}

/************ Search A Carer ***********/
.filters-area {
    padding: 2rem;
    border: solid 1px #eef7ff;
    border-radius: 1rem;
}

/* .single-filter-list:not(:last-child) {
    margin-bottom: 3.5rem;
} */
.single-filter-list {
    margin-bottom: 3.5rem;
}

.single-filter h4.main-title {
    font-size: 1.6rem;
    margin-bottom: 2rem;
    color: #0D447A;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    border-bottom: solid 0.2rem #eef7ff;
    padding-bottom: 2rem;
    position: relative;
}

.single-filter-list .title {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    color: #6484A4;
}

.single-filter-list h4.title {
    font-size: 1.8rem;
    color: #0D447A;
}

/* .single-filter-list{display: none;}
.single-filter-list.active{display: block;} */
.single-filter.active h4.main-title,
.single-filter-list.active .title {
    color: #00B1FF;
}

.carer-filter-part .single-filter.active h4.main-title,
.carer-filter-part .single-filter-list.active .title {
    color: #10A74B;
}

.single-filter h4.main-title::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background: #00B1FF;
    transition: .3s;
}

.carer-filter-part .single-filter h4.main-title::after {
    background: #10A74B;
}

.single-filter.active h4.main-title::after {
    width: 100%;
}

.single-filter-list .title span,
.single-filter h4.main-title span {
    max-width: 1.5rem;
    max-height: 1.5rem;
    transition: .3s;
}

.single-filter-list.active h6 span,
.single-filter-list.active h4 span,
.single-filter.active h4.main-title span {
    transform: rotate(180deg);
    transition: .3s;
}

.single-filter-list .title span svg,
.single-filter h4.main-title span svg {
    max-width: 100%;
    max-height: 100%;
}

.single-filter-list .title span svg,
.single-filter-list .title span svg path,
.single-filter h4.main-title span svg {
    fill: #BAD2E8;
}

.single-filter-list.active .title span svg,
.single-filter-list.active .title span svg path,
.single-filter.active h4.main-title span svg {
    fill: #00B1FF;
}

.carer-filter-part .single-filter-list.active .title span svg,
.carer-filter-part .single-filter-list.active .title span svg path,
.carer-filter-part .single-filter.active h4.main-title span svg {
    fill: #10A74B;
}

.filter-list ul li {
    margin-bottom: 1rem;
}

.my-checkbox .form-check-label {
    color: #6484A4;
    font-size: 1.6rem;
    font-weight: 500;
    cursor: pointer;
}

.my-checkbox .form-check-input {
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 0.2rem !important;
    border: 1px solid #BAD2E8;
    box-shadow: none !important;
    outline: none;
    cursor: pointer;
}

.my-checkbox .form-check-input:checked {
    background-color: #00B1FF;
    border-color: #00B1FF;
}

.green-checkbox.my-checkbox .form-check-input:checked {
    background-color: #10A74B;
    border-color: #10A74B;
}

.my-radio {
    padding-left: 3rem;
}

.my-radio input {
    left: -3rem !important;
}


.filter-list .input-group input {
    width: 100%;
    height: 5.5rem;
    padding-left: 2rem;
    font-size: 1.6rem;
    font-weight: 500;
    color: #6484A4;
    border: solid 1px #efefef;
    box-shadow: none;
    background-position: right 2rem center;
}

/**** Carer List ****/
.search-part {
    width: 100%;
    background: #eef7ff;
    padding: 2rem;
    margin-bottom: 2rem;
    border-radius: 0.5rem;
}

.popular-search-tags {
    border-top: solid 1px #d3f2ff;
    padding-top: 1.5rem;
}

.popular-search-tags ul li {
    display: inline-block;
}

.popular-search-tags ul li:not(:last-child) {
    padding-right: 1.5rem;
}

.popular-search-tags ul li a {
    font-size: 1.4rem;
    color: #6484A4;
    font-weight: 500;
}

.popular-search-tags ul li a:hover {
    color: #0D447A;
}

.carer-user-card {
    width: 100%;
    height: auto;
    border: solid 0.1rem #EEF7FF;
    border-radius: 1rem;
    padding: 2rem;
    margin-bottom: 2rem;
}

.carer-user-card .carer-image-name {
    display: flex;
    margin-bottom: 1.5rem;
}

.carer-user-card .carer-image-name .carer-img {
    width: 7rem;
    height: 7rem;
    min-width: 7rem;
    min-height: 7rem;
    object-fit: cover;
    border-radius: 50%;
    overflow: hidden;
}

.carer-user-card .carer-image-name .carer-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.carer-name-shift {
    padding-left: 1.5rem;
    width: 100%;
}

.carer-name-shift h4,
.carer-name-shift h4 a {
    font-size: 2rem;
    color: #0D447A;
}

.carer-image-name ul li {
    display: inline-block;
    color: #6484A4;
    font-size: 1.6rem;
    font-weight: 500;
}

.experiance ul li {
    display: inline-block;
    margin-bottom: 1.5rem;
    color: #6484A4;
    font-size: 1.6rem;
    font-weight: 500;
}

.experiance ul li span {
    width: 2.5rem;
    height: 2.5rem;
    text-align: center;
    margin-right: 0.5rem;
}

.experiance ul li span svg {
    max-width: 100%;
    max-height: 100%;
}

.carer-image-name ul li:not(:last-child),
.experiance ul li:not(:last-child) {
    padding-right: 1.5rem;
}

.carer-rattings-badge {
    color: #6484A4;
    font-size: 1.6rem;
    font-weight: 500;
}

.carer-rattings-badge.fs-14 {
    font-size: 1.4rem;
}

.carer-user-card-footer {
    display: flex;
    gap: 2rem;
    border-top: solid 1px #EEF7FF;
    padding-top: 1rem;
}

.about-carer-acceptences {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.about-carer-acceptences .title {
    color: #6484A4;
    font-size: 1.6rem;
    font-weight: 500;
}

.about-carer-acceptences .price {
    color: #0D447A;
    font-size: 2.4rem;
    font-weight: 600;
}

.availablefor li {
    display: inline-block;
    margin-right: 0.5rem;
}

.availablefor li:not(:first-child) {
    margin-right: 0rem;
}

.availablefor span {
    width: 2.5rem;
    height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.availablefor span.male {
    background: #32CD8C;
}

.availablefor span.female {
    background: #FF6363;
}

.availablefor span svg {
    max-width: 1.4rem;
    max-height: 1.4rem;
}

.filter-list .radio-btns label {
    color: #6484A4;
    font-weight: 500;
}

.filter-list .radio-btns label i.fa-star {
    color: #ffa439;
    font-size: 1.2rem;
}

.carer-detail-page .carer-user-card .carer-image-name .carer-img {
    width: 25%;
    min-width: 25%;
    height: auto;
    border-radius: 0.4rem;
}

.carer-detail-page h3 {
    font-size: 2rem;
    font-weight: 600;
    color: #0D447A;
}

.services-list ul li {
    background: #eef7ff;
    padding: 0.5rem 1.5rem;
    border-radius: 2rem;
    display: inline-block;
    font-size: 1.4rem;
    color: #0d447a;
    font-weight: 500;
}

.sourceOfFundingText {
    background: #eef7ff;
    padding: 0.5rem 1.5rem;
    border-radius: 2rem;
    display: inline-block;
    font-size: 1.4rem;
    color: #0d447a;
    font-weight: 500;
}

.services-list ul li:not(:last-child) {
    margin-right: 1rem;
}

.carer-info-section p {
    font-size: 1.6rem;
}

.carer-detail-page .about-carer-acceptences {
    width: 100%;
    justify-content: start;
}

.carer-detail-page .about-carer-acceptences ul.availablefor {
    padding-left: 1.5rem;
}

.googlemap iframe {
    width: 100%;
}

.carer-info-tabs-section {
    border: solid 0.1rem #EEF7FF;
}

.carer-info-tabs-section .nav-tabs {
    width: 100%;
    justify-content: start;
    border-radius: 0.4rem;
    border-bottom: solid 0.1rem #EEF7FF;
    background: none;
    margin-bottom: 0px;
}

.carer-info-tabs-section .nav-tabs .nav-item .nav-link {
    border-radius: 0.4rem;
    font-size: 1.6rem;
    font-weight: 600;
}

.carer-info-tabs-section .tab-content {
    padding: 2rem;
}

.ui-state-default .ui-icon {
    background-image: url('https://code.jquery.com/ui/1.12.0/themes/smoothness/images/ui-icons_454545_256x240.png') !important;
}

#calendar .fc-today {
    background: #F4FFB3 !important;
}

#calendar .fc-event {
    font-size: .75em;
}

.servicesul li {
    background: #eef7ff;
    padding: 0.3rem 1.5rem;
    border-radius: 2rem;
    display: inline-block;
    font-size: 1.4rem;
    color: #0d447a;
    font-weight: 500;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.servicesul li:not(:last-child) {
    margin-right: 1rem;
}

.availability-and-booking {
    width: 100%;
    height: auto;
    margin-top: 4rem;
}

.availability-and-booking h4 {
    font-size: 2rem;
    font-weight: 600;
    color: #0D447A;
    margin-bottom: 2rem;
}

.available-hours {
    margin-bottom: 2rem;
}

.available-hours button {
    width: 100%;
    max-width: 20rem;
}

.not-availabilities li {
    display: inline-block;
    margin-right: 1.5rem;
}

ul.not-availabilities li .btn {
    background: #ff636333;
    border: solid 0.1rem #FF6363;
    color: #FF6363;
    font-size: 1.6rem;
    font-weight: 500;
}

.bookschedule {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: solid 0.2rem #EEF7FF;
    padding-top: 2rem;
}

.bookschedule .booking-price h5 {
    font-size: 1.8rem;
    color: #0D447A;
}

.bookschedule .booking-price span {
    font-size: 2.4rem;
    color: #00B1FF;
    font-weight: 600;
}

.booking-btn .btn {
    width: 100%;
    max-width: 30rem;
}

/**** Date Range ****/
.daterangepicker td.in-range {
    background-color: #eef7ff;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #00b1ff;
}

.drp-buttons .cancelBtn {
    background: #edeeee;
    color: #4E585D;
}

.drp-buttons .btn {
    padding: 0.8rem 2.5rem !important;
    min-width: auto;
}

.drp-buttons .applyBtn {
    background: #00b1ff;
}

.drp-buttons .applyBtn:hover {
    background: #03A0E5;
}



.booking-request-section .radio-btns .form-check {
    background: #EEF7FF;
}

.booking-request-section .radio-btns .form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%2300B1FF'/%3e%3c/svg%3e") !important;
    background-size: 2.2rem;
    background-color: #fff;
    border-color: #00B1FF;
}

.booking-request-section .cs-register-form-container {
    min-height: auto;
}

.form-switch.form-switch-blue .form-check-input {
    width: 4rem !important;
    height: 2.5rem;
    margin-left: -3em;
    outline: none;
    box-shadow: none;
}

.form-switch.form-switch-blue .form-check-input,
.form-switch.form-switch-blue .form-check-label {
    cursor: pointer;
}

.form-switch.form-switch-blue {
    padding-left: 3em;
}

.form-switch.form-switch-blue label.form-check-label {
    padding-top: 0.5rem;
}

.form-switch-blue .form-check-input:checked,
.booking-request-section .profile-progress-bar li.active.done .step-number,
.booking-request-section .profile-progress-bar li.active.done .step-number::before {
    background-color: #00b1ff;
    border-color: #00b1ff;
}

.booking-request-section .profile-progress-bar li.active.done .step-name {
    color: #00b1ff;
}

.booking-request-section .profile-progress-bar li.active::after {
    background-color: #00b1ff !important;
}

/**** Multiple Select ****/
.multiple-select-dropdown .select2.select2-container {
    width: 100%;
    display: block;
}

.multiple-select-dropdown .select2-container .select2-selection--multiple {
    background-color: #eef7ff;
    border: none;
    min-height: 5.5rem;
    border-radius: 3rem !important;
    padding: 0rem 4rem 0rem 2rem;
    display: flex;
    align-items: center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 2rem center;
    background-size: 16px 12px;
}

.carer-dropdown+.select2-container .select2-selection--multiple {
    background-color: #EDEEEE;
}

.form-select+.select2 .selection .select2-selection {
    background-color: #EDEEEE;
    border: none;
    min-height: 5.5rem;
    border-radius: 3rem !important;
    padding: 0rem 4rem 0rem 2rem;
    display: flex;
    align-items: center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 2rem center;
    background-size: 1.6rem 1.2rem;
    font-size: 1.6rem;
    font-weight: 500;
    color: #6484A4;
}

.form-select.care-seeker-bg+.select2 .selection .select2-selection {
    background-color: #eef7ff;
}

.form-select.care-seeker-dropdown+.select2 .selection .select2-selection {
    background-color: #eef7ff;
}

.select2-results__option {
    padding-right: 1rem;
    vertical-align: middle;
}

.select2-results__option:before {
    content: "";
    display: inline-block;
    position: relative;
    height: 1.8rem;
    width: 1.8rem;
    border: 0.1rem solid #BAD2E8;
    border-radius: 0.2rem;
    background-color: #fff;
    margin-right: 1rem;
    vertical-align: middle;
}

.select2-results__option[aria-selected=true]:before {
    /* font-family:fontAwesome; */
    content: "";
    color: #fff;
    background-color: #00b1ff;
    border: 0;
    display: inline-block;
    padding-left: 3px;
    font-size: 1.2rem;
    background-image: url('../images/check-white.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.4rem;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #EEF7FF;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #EEF7FF;
    color: #272727;
}

.select2-container--default .select2-selection--multiple {
    margin-bottom: 1rem;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-radius: 0.4rem;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #00b1ff;
    border-width: 0.2rem;
}

.select2-container--default .select2-selection--multiple {
    border-width: 0.2rem;
}

.select2-container--open .select2-dropdown {
    /* border-radius: 0 0 0.6rem 0.6rem;
    box-shadow: 0 0 1rem rgb(0 0 0 / 30%);
    background: #fff; */
    background: transparent;
    border: none;
    max-height: 22rem;
    /* overflow: auto; */
    /* padding: 0 2rem; */
    padding-top: 0.5rem;
    z-index: 9999;
    /* width: 90%!important; */
}

.select2-container--open .select2-dropdown span.select2-results {
    border-radius: 0.6rem;
    /* box-shadow: 0 0 1rem rgb(0 0 0 / 30%); */
    /* box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 30%); */
    background: #fff;
    border: solid 0.1rem #f6f6f6;
}

.multiple-select-dropdown .carer-dropdown~.select2-container .select2-dropdown {
    background: #EDEEEE;
}

.select2-selection .select2-selection--multiple:after {
    content: 'hhghgh';
}

/* select with icons badges single*/
.select-icon .select2-selection__placeholder .badge {
    display: none;
}

.select-icon .placeholder {
    /* 	display: none; */
}

.select-icon .select2-results__option:before,
.select-icon .select2-results__option[aria-selected=true]:before {
    display: none !important;
    /* content: "" !important; */
}

.select-icon .select2-search--dropdown {
    display: none;
}

.select2-results__option {
    color: #6484A4;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: transparent;
    border: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    display: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    display: flex;
    justify-content: flex-start;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    display: inline-block;
    color: #6484A4;
}

.order-price-summery h4 {
    font-size: 2rem;
    font-weight: 600;
    color: #0D447A;
    margin-bottom: 2rem;
}

.promocode {
    width: 100%;
    /* max-width: 50rem; */
    position: relative;
}

.promocode input {
    width: 100%;
    height: 5.5rem;
    font-size: 1.6rem;
    font-weight: 500;
    color: #6484A4;
    background-color: #EEF7FF;
    border: none;
    box-shadow: none;
    outline: none;
    border-radius: 3rem;
    padding: 0.5rem 8rem 0.5rem 2rem;
}

.promocode button.applybtn {
    position: absolute;
    right: 0rem;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    box-shadow: none;
    color: #00B1FF;
    font-weight: 500;
    font-size: 1.6rem;
    height: 100%;
    padding-right: 2rem;
}

.order-summery-table table tr td {
    padding: 1rem 1.5rem;
}

.order-summery-table .order-summery-title {
    color: #6484A4;
    font-weight: 500;
}

.order-summery-table .order-summery-price {
    color: #0D447A;
    font-weight: 500;
}

td.values__total {
    color: #6484A4;
    font-size: 1.8rem;
    font-weight: 600;
}

td.values--total-price {
    color: #00B1FF;
    font-size: 1.8rem;
    font-weight: 600;
}

.order-summery-page.carer-detail-page h5 {
    font-size: 1.6rem;
    /* font-weight: 500; */
    color: #0D447A;
    margin-bottom: 0.5rem;
    margin-top: 1.5rem;
}

.payment-process .form-control {
    width: 100%;
    height: 5.5rem;
    border-radius: 3rem;
    padding-left: 2rem;
    font-size: 1.6rem;
    font-weight: 500;
    color: #6484A4;
    background-color: #EEF7FF;
    border: none;
    box-shadow: none;
    background-position: right 2rem center;
}

.payment-process label.form-check-label {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.payment-process .radio-btns .form-check-input:checked[type=radio]+label.form-check-label {
    color: #00b1ff;
}

.payment-type label.form-check-label span {
    max-width: 3rem;
    max-height: 3rem;
}

.payment-type label.form-check-label span svg {
    max-width: 100%;
    max-height: 100%;
}

.order-summery-aside {
    width: 100%;
    /* background-color: #EEF7FF; */
    padding: 2rem;
    border-radius: 1rem;
}

.infoicon span.d-inline-block {
    position: absolute;
    right: 2rem;
    top: 50%;
    transform: translateY(-50%);
}

.infoicon input {
    padding-right: 4.5rem;
}

.order-summery-aside table.table.table-bordered {
    border-color: #f5f5f5;
}

.safeAndSecurePayment {
    border: dashed 2px #e0f0ff;
    background: #fff;
    padding: 2rem;
    text-align: center;
    border-radius: 1rem;
}

.safeAndSecurePayment p {
    font-size: 1.8rem;
    margin-top: 1.5rem;
    color: #6484A4;
}

.job-shift-and-duration span {
    display: inline-block;
    font-weight: 600;
    color: #6484A4;
    font-size: 1.5rem;
}

.job-shift-and-duration span:not(:last-child) {
    padding-right: 3rem;
}

.job-shift-and-duration span img {
    max-width: 1.8rem;
    max-height: 1.8rem;
    margin-right: 1rem;
}

.userProfileCard {
    padding-bottom: 1rem;
    border-bottom: solid 0.1rem #eef7ff;
    margin-bottom: 2rem;
}

.userProfileCard .userImg {
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    margin-bottom: 1rem;
}

.userProfileCard .userImg img {
    max-width: 100%;
    max-height: 100%;
}

.userProfileCard .userinfo p {
    font-size: 1.4rem;
}

.userProfileCard .userinfo h4,
.userProfileCard .userinfo a {
    font-size: 1.6rem;
    color: #0D447A;
    font-weight: 600;
    margin-bottom: 0.5rem;
    display: inline-block;
}

ul.userProfileMenu li a {
    color: #0D447A;
    font-size: 1.6rem;
    display: block;
    padding: 1rem 0;
    font-weight: 500;
}

ul.userProfileMenu li a span {
    width: 1.8rem;
    height: 1.8rem;
    display: inline-block;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
    color: #6484A4;
}

ul.userProfileMenu li a span svg {
    max-width: 1.8rem;
    max-height: 1.8rem;
}

ul.userProfileMenu li a.active {
    color: #00B1FF;
}

.viewAllProposals {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.viewAllProposals ul li {
    width: 3.5rem;
    height: 3.5rem;
    border: solid 0.2rem #fff;
    border-radius: 50%;
    background: #0d447a;
    object-fit: cover;
    padding: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    color: #fff;
    font-size: 1.4rem;
}

.viewAllProposals ul li:not(:first-child) {
    margin-left: -1.5rem;
}

.viewAllProposals ul li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.viewAllProposals {
    font-size: 1.6rem;
    font-weight: 500;
}

.single-job-list .experiance p a {
    text-decoration: underline;
    font-size: 1.6rem;
}

.job-title a,
.job-title h4 {
    font-size: 2rem;
    color: #0D447A;
    font-weight: 600;
    margin-bottom: 1.5rem;
    display: inline-block;
}

.single-job-list .carer-name-shift h4 {
    font-size: 1.8rem;
}

.chat-with-carer {
    /* background: #00B1FF; */
    display: inline-block;
    padding: 0.7rem 1.5rem;
    font-size: 1.4rem;
    border-radius: 3rem;
    color: #fff;
    font-weight: 600;
    margin-bottom: 1.5rem;
    text-transform: unset;
    min-width: 12rem;
}

.chat-with-carer svg {
    margin-left: 0.5rem;
}

.sendOfferSection {
    position: sticky;
    bottom: -3rem;
    padding: 1em 0;
    z-index: 9;
    background: #fff;
}

.sendOfferSection {
    border-top: solid 0.2rem #f7f7f7;
}

.sendOfferSection .bookschedule {
    border: none;
    padding-top: 0;
}

.single-job-list .job-shift-and-duration span .price {
    font-size: 2rem;
    color: #0d447a;
}

.userProfileMenu .single-filter h4 {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border: none;
    color: #0D447A;
    font-size: 1.6rem;
    padding: 1rem 0;
    font-weight: 500;
}

.userProfileMenu .single-filter h4 .menuTitle span {
    width: 1.8rem;
    height: 1.8rem;
    color: #6484A4;
    margin-right: 1rem;
}

.userProfileMenu .single-filter h4 .menuTitle span svg {
    max-width: 1.8rem;
    max-height: 1.8rem;
}

.userProfileMenu .single-filter.active .main-title:after {
    display: none;
}

.userProfileMenu .single-filter.active .main-title .menuTitle {
    color: #00B1FF;
}

.userProfileMenu .single-filter.active .main-title .menuTitle span {
    color: currentColor;
}

.userProfileMenu .single-filter .filter-list li {
    margin-bottom: 0px;
}

.project-status {
    border: solid 0.1rem;
    padding: 0.3rem 1.5rem;
    border-radius: 3rem;
    font-size: 1.4rem;
    min-width: auto;
    min-height: 3.5rem;
    text-transform: unset !important;
}

button.project-status {
    cursor: unset !important;
}

.project-status.inprogress {
    border-color: #6485FF;
    background: #E9EEFF;
    color: #6485FF;
}

.project-status.upcoming {
    border-color: #FFA439;
    background: #FFF8F1;
    color: #FFA439;
}

.project-status.proposalsent {
    border-color: #FB4D8B;
    background: #FFDEEA;
    color: #FB4D8B;
}

.project-status.success {
    border-color: #10a74b;
    background: #ccfddf;
    color: #10a74b;
}

.project-status:hover {
    border: solid 0.1rem;
}

.chat-cancel-btns .btn:not(:last-child) {
    margin-right: 1rem;
    margin-bottom: 0.5rem !important;
}

.current-booking-card .job-title a {
    margin-bottom: 0px;
}

.current-booking-card .joid {
    margin-bottom: 1.5rem;
    color: #00B1FF;
    font-weight: 500;
    font-size: 1.4rem;
}

.btn-yellow {
    background: #FFA439;
}

.btn-yellow:hover,
.btn-yellow:focus {
    background: #e9902b;
}

.btn-gray {
    background: #6484A4;
}

.btn-gray:hover,
.btn-gray:focus {
    background: #557391;
}

.btn-gray[disabled] {
    background: #BAD2E8;
    color: #6484A4;
    opacity: 1;
}

.btn-purple {
    background: #6485FF;
}

.btn-purple:hover,
.btn-purple:focus {
    background: #5272e7;
}

.btn-dark-gray {
    background: #4E585D;
}

.btn-dark-gray:hover,
.btn-dark-gray:focus {
    background: #3a4246;
}

.btn-dark-gray[disabled] {
    background: #BAD2E8;
    color: #4E585D;
    opacity: 1;
}

.btn-pink {
    background: #FB4D8B;
}

.btn-pink:hover,
.btn-pink:focus {
    background: #e7286b;
}

.btn-pink[disabled] {
    background: #fdd5e3;
    color: #e7286b;
    opacity: 1;
}

.input-group.textarea-group textarea {
    height: auto;
    border-radius: 1rem;
    padding-top: 2rem;
}

.input-group.textarea-group textarea::placeholder {
    color: #6484A4;
}

.rating-box {
    display: inline-block;
}

.rating-box .rating-container {
    direction: rtl !important;
}

.rating-box .rating-container label {
    display: inline-block;
    color: #BAD2E8;
    cursor: pointer;
    font-size: 3.5rem;
    transition: color 0.2s;
    line-height: 4.6rem;
}

.rating-box .rating-container input {
    display: none;
}

.rating-box .rating-container label:hover,
.rating-box .rating-container label:hover~label,
.rating-box .rating-container input:checked~label {
    color: #FFA439;
}

.cancel-booking-modal .radio-btns .form-check {
    background: transparent;
}

.cancel-booking-modal .radio-btns .form-check .form-check-label {
    padding: 1rem 2rem 1rem 3rem;
    color: #0D447A;
    font-weight: 500;
}

.cancel-booking-modal .radio-btns .form-check input {
    left: 0rem;
}

.cancellation-terms p {
    font-size: 1.6rem;
}

.common-modal .form-label.fs-18 {
    font-size: 1.6rem;
}

.bookingInvoice {
    width: 100%;
    max-width: 64rem;
    margin: 0 auto;
    background: #ffffff;
    padding: 2rem;
    border-radius: 1rem;
    /* box-shadow: 0 0 2rem 0rem #0000001a; */
    border: solid 1px #eee;
}

.bookingInvoice table tr td {
    padding: 1rem 2rem;
    font-size: 1.6rem;
    color: #0D447A;
    font-weight: 500;
}

.bookingInvoice table tr td.text-light-blue,
.bookingInvoice table tr th.text-light-blue {
    color: #00B1FF;
}

.bookingInvoice table tr th {
    padding: 1rem 2rem;
    font-size: 1.6rem;
    color: #0D447A;
    font-weight: 600;
    text-align: right;
}

.bookingInvoice table tr th.totalamount {
    font-size: 2rem;
}

.bookingInvoice .btn {
    padding: 1rem;
}

.user-profile-form {
    max-width: 100%;
}

.client-rating {
    line-height: 1.2rem;
}

.client-rating {
    /* background: #ffb35f61;
    display: inline-block;
    padding: 0.5rem 1rem;
    border-radius: 0.4rem;
    border: solid 0.1rem #ffa439; */
}

.client-rating i {
    color: #9d9d9d;
    font-size: 1.2rem;
}

.client-rating i.active {
    color: #FFA439;
    font-size: 1.2rem;
}

/****** Offer/Coupons ******/
.coupons-card {
    display: flex;
    width: 100%;
    padding: 2rem;
    border-radius: 1rem;
    margin-bottom: 2rem;
}

.coupon-icon-date {
    flex: 0 0 11rem;
    /* border-right: dashed 0.2rem #f3f3f3; */
    padding-right: 1.5rem;
}

.coupon-icon {
    width: 11rem;
    height: 11rem;
    /* background: #eef7ff; */
    /* background: #fff; */
    background: #f7f7f7;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2rem;
    color: #00b1ff;
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 3.2rem;
    /* box-shadow: 0 0.5rem 1.5rem #00000021; */
}

.carer-offer .coupon-icon {
    /* background: #f1fff6; */
    color: #10a74b;
}

.coupon-expiry-date {
    font-size: 1.4rem;
    font-weight: 500;
    margin-top: 1rem;
    color: #6484A4;
}

.coupon-type-code {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-left: 2rem;
}

.coupon-name {
    font-size: 2rem;
    font-weight: 700;
    color: #0D447A;
    text-align: right;
}

.coupon-name span {
    font-size: 1.4rem;
    font-weight: 500;
    color: #6484b8;
}

.coupon-code {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1rem;
    font-size: 1.4rem;
    font-weight: 500;
    margin-top: 1rem;
    color: #6484A4;
}

.coupon-code span {
    background: #eef7ff;
    color: #00b1ff;
    border-radius: 2rem;
    padding: 0.4rem 1.5rem;
    font-size: 1.4rem;
    font-weight: 500;
    text-transform: uppercase;
}

.carer-offer .coupon-code span {
    background: #f1fff6;
    color: #10a74b;
}

.getcode-expiry-date {
    display: flex;
    align-items: end;
    justify-content: space-between;
    margin-top: 2rem;
}

.codeexpiry-totalusers span {
    font-size: 1.4rem;
    color: #6484A4;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.codeexpiry-totalusers span svg {
    max-width: 1.6rem;
    max-height: 1.6rem;
    margin-right: 0.5rem;
}

button.getcode-btn {
    background: #00B1FF;
    border: none;
    /* padding: 1rem 2rem; */
    padding: 0rem 2rem;
    /* border-radius: 0rem 0.6rem 0.6rem 0rem; */
    border-radius: 5rem;
    font-size: 1.6rem;
    color: #fff;
    font-weight: 500;
    min-width: 8rem;
    height: 4rem;
}

.coupon-wrapper {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.coupon-wrapper .coupon-input {
    max-width: 15rem;
    height: 4rem;
    border-style: dashed;
    border-width: 0.1rem;
    border-color: #00b1ff;
    /* padding-left: 1rem; */
    outline: none;
    border-radius: 5rem;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0.7rem 2rem;
    font-size: 1.6rem;
    font-weight: 500;
    color: #6484A4;
}

.coupon-offer-text h4 {
    color: #00b1ff;
    font-weight: 500;
    font-size: 1.6rem;
}

.chat-section {
    display: flex;
    border: solid 0.1rem #eef7ff;
    border-radius: 1rem;
    gap: 2rem;
}

.chat-section .chat-leftsidebar {
    flex: 0 0 30rem;
    max-width: 30rem;
    background: #fff;
}

.chat-list li a {
    border-top: 0.1rem solid #f7f7f7;
    color: #7a7f9a;
    display: block;
    padding: 1.5rem 2rem;
    position: relative;
    transition: all .4s;
}

.chat-list li .chat-user-message {
    font-size: 1.4rem;
    color: #6484A4;
}

.chat-user-img {
    width: 6rem;
    height: 6rem;
    flex: 0 0 6rem;
    border-radius: 50%;
    overflow: hidden;
    object-fit: cover;
}

.chat-user-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.chat-leftsidebar h4 {
    padding: 1.5rem 2rem;
    font-size: 2rem;
    color: #0D447A;
}

.chat-list h5 {
    font-size: 1.6rem;
    color: #0D447A;
    font-weight: 600;
}

.user-chat-header {
    padding: 1.5rem 2rem;
    border-bottom: solid 0.1rem #f6f6f6;
}

.user-profile-show {
    font-size: 1.8rem;
    font-weight: 700;
    color: #0D447A;
    margin-bottom: 0.6rem;
    display: block;
}

span.user-chat-post {
    display: block;
    font-size: 1.4rem;
    color: #6484A4;
    font-weight: 500;
}

.chat-leftsidebar .chat-list {
    height: calc(100vh - 26.6rem);
    overflow: auto;
}

.no-message-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    text-align: center;
}

.no-message-container img {
    max-width: 30rem;
    max-height: 30rem;
}

.user-chat .messages-wrapper {
    display: none;
}

.user-chat.active .messages-wrapper {
    display: block;
}

.user-chat.active .no-message-container {
    display: none;
}

.chat-conversation {
    padding: 2rem;
    height: calc(100vh - 37.9rem);
    overflow: auto;
}

.chat-conversation li {
    clear: both;
}

.chat-list li.active {
    background: #e0f0ff;
}

.chat-conversation .conversation-list .ctext-wrap-content {
    background-color: #0d447a;
    border-radius: 0.8rem 0.8rem 0.8rem 0;
    color: #0D447A;
    padding: 1.2rem 2rem;
    position: relative;
}

.chat-conversation .conversation-list .ctext-wrap-content p.message {
    color: #fff;
    font-size: 1.4rem;
}

.chat-conversation .conversation-list .chat-time {
    color: #a6bdd5;
    font-size: 1.2rem;
    margin-top: 0.4rem;
    text-align: right;
}

.chat-conversation .conversation-list {
    max-width: 70%;
    align-items: flex-end;
    display: inline-flex;
    margin-bottom: 2.4rem;
    position: relative;
}

.chat-conversation .right .conversation-list {
    float: right;
    text-align: right;
}

.chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content:before {
    border-bottom: 0.5rem solid transparent;
    border-left: 0.5rem solid transparent;
    border-right: 0.5rem solid #00B1FF;
    border-right-color: #00B1FF;
    border-top: 0.5rem solid #00B1FF;
    border-top-color: #00B1FF;
    left: auto;
    right: 0;
}

.chat-conversation .right .chat-time {
    text-align: left;
}

.chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content {
    background-color: #EDEEEE;
    border-radius: 0.8rem 0.8rem 0 0.8rem;
}

.chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content .message {
    color: #0d447a;
}

.chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content .chat-time {
    color: #6484A4;
}

.chat-conversation .chat-day-title {
    margin-bottom: 2.4rem;
    margin-top: 1.2rem;
    position: relative;
    text-align: center;
}

.chat-conversation .chat-day-title:before {
    background-color: #f6f6f6;
    content: "";
    height: 0.1rem;
    left: 0;
    position: absolute;
    right: 0;
    top: 1rem;
    width: 100%;
}

.chat-conversation .chat-day-title .title {
    background-color: #f6f6f6;
    border-radius: 0.5rem;
    font-size: 1.3rem;
    padding: 0.6rem 1.2rem;
    position: relative;
    z-index: 1;
    color: #0d447a;
}

.unread-message span {
    background: #32CD8C;
    width: 2.6rem;
    height: 2.6rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    color: #fff;
}

.chat-input-textarea {
    padding: 1.5rem 2rem 1.5rem 0rem;
    border-top: solid 0.2rem #f6f6f6;
}

.chat-input-textarea form {
    display: flex;
    align-items: center;
}

.chat-input-textarea form textarea,
.chat-input-textarea form textarea:focus {
    height: 5.5rem;
    overflow: auto;
    width: 100%;
    background: #fff;
    font-size: 1.5rem;
    padding-top: 1rem;
    text-indent: 1rem;
    margin-right: 1.5rem;
    resize: none;
    box-shadow: none;
}

.chat-input-textarea form .btn {
    min-width: 5rem;
    width: 5rem;
    height: 5rem;
    padding: 0;
    /* flex: 0 0 5rem; */
    padding: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* .chat-input-textarea form .btn svg{margin-left: 1rem;} */
.notification-list li {
    margin-bottom: 1.5rem;
    border: solid 0.1rem #eef7ff;
    border-radius: 0.4rem;
    padding: 1rem;
    transition: all 0.3s ease-in-out;
}

.notification-list li:hover {
    background: #eef7ff;
}

.notification-list .icon-circle {
    /* border: solid 0.1rem #eef7ff;
    border-radius: 0.4rem; */
    flex: 0 0 5rem;
    height: 5rem;
    margin-right: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.notification-list .notification-title {
    font-size: 1.8rem;
    font-weight: 600;
    color: #0d447a;
}

.notification-list li a p {
    font-size: 1.4rem;
}

.notification-list li a .rightArrow {
    flex: 0 0 3rem;
    align-items: center;
    justify-content: center;
    display: flex;
    color: #bad2e8;
}

.notification-list li:hover a .rightArrow svg path {
    color: #00B1FF;
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    border: solid 0.1rem #ddd;
    padding: 0.3rem 0.3rem;
    border-radius: 0.4rem;
}

.inner-banner-section.bg-gray {
    background: #edeeee;
}

.inner-banner-section.bg-gray h2 {
    color: #0D447A;
}

.inner-banner-section.bg-gray .pages-list li,
.inner-banner-section.bg-gray .pages-list li a {
    color: #0D447A;
}

.inner-banner-section.bg-gray .pages-list li:before {
    color: #0D447A;
}

.gray-border {
    border-color: #f1f1f1;
}

.carer-bg {
    background: #EDEEEE !important;
}

.carer-home-page .single-filter.active h4.main-title,
.carer-home-page .single-filter-list.active .title,
.carer-home-page .userProfileMenu .single-filter.active .main-title .menuTitle {
    color: #10A74B;
}

.carer-home-page .single-filter.active h4.main-title span svg {
    fill: #10A74B;
}

.green-text {
    color: #10A74B !important;
}

.text-light-dark-blue {
    color: #2F47A0 !important;
}

.btn-light-dark-blue {
    background: #2F47A0 !important;
}

.chat-with-carer span {
    width: 100%;
    display: block;
}



/***** CareSeeker Home *****/
.carer-header-logo .navbar-brand img {
    max-height: 6.5rem;
}

.shadow {
    box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, .15) !important;
}

.blue-theme .carer-header-logo,
.blue-theme .profile-dropdown {
    background: #0D447A;
}

.blue-theme .profile-dropdown-menu li a:hover {
    background: #0D447A;
}

.main-wrapper {
    display: flex;
    position: relative;
    height: calc(100vh - 11rem);
}

.main-wrapper .sidebar {
    flex: 0 0 25rem;
    background: #0d447a;
    /* padding-top: 2rem; */
    max-height: calc(100vh - 11rem);
    overflow: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

ul.sideBarMenu {
    padding-top: 5rem;
}

ul.sideBarMenu li a {
    color: #a0bad5;
    font-size: 1.5rem;
    display: block;
    /* padding: 1.5rem; */
    padding: 1.5rem 1.5rem 1.5rem 3.5rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    position: relative;
}

ul.sideBarMenu li a.active:before {
    content: "";
    width: 0.7rem;
    height: 100%;
    background: #fff;
    left: 0;
    position: absolute;
    border-radius: 0 3rem 3rem 0;
}

ul.sideBarMenu li a span {
    width: 1.6rem;
    height: 1.6rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 2rem;
    color: #a0bad5;
}

ul.sideBarMenu li a span svg {
    max-width: 1.6rem;
    max-height: 1.6rem;
}

ul.sideBarMenu li a.active {
    color: #fff;
}

ul.sideBarMenu li a.active span {
    color: #fff;
}

ul.sideBarMenu li a:hover,
ul.sideBarMenu li a:hover span {
    color: #fff;
}

.sidebar-dropdown .main-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding: 1.5rem;
}

.sidebar-dropdown .main-title span.arrow {
    transition: .3s;
}

.sidebar-dropdown.active .main-title span.arrow {
    transform: rotate(180deg);
    transition: .3s;
}

.sidebar-dropdown .sidebar-dropdown-list {
    /* padding-left: 1.5rem; */
    background: #1a4f83;
}

.content-wrapper {
    width: 100%;
    max-height: calc(100vh - 11rem);
    overflow: auto;
    /* background: #f6f6f6; */
    background: #f7f7f7;
    padding: 3rem 2rem 3rem 3rem;
    display: flex;
    gap: 3rem;
}

.content-wrapper .content {
    width: 100%;
}

.reva_404_img {
    text-align: center;
    padding-top: 10rem;
    padding-bottom: 5rem;
}

.content-wrapper-right {
    flex: 0 0 32rem;
}


.calander-card .month-wrapper {
    width: 100% !important;
    border: none;
}

.calander-card .month-wrapper table {
    width: 100% !important;
    font-family: 'Quicksand', sans-serif;
}

.calander-card .month-wrapper table tr th {
    font-size: 1.4rem;
    color: #0d447a;
}

/* .calander-card .month-wrapper .gap{display: none;} */
.calander-card .drp_top-bar,
.calander-card .footer {
    display: none;
}

.calander-card .date-picker-wrapper {
    padding: 0px;
    border: none;
}

.calander-card .month-wrapper table tr td {
    padding: 0.5rem;
}

.calander-card .month-wrapper table tr td div {
    width: 3rem;
    height: 3rem;
    margin: 0 auto;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}

.calander-card .month-wrapper table tr th span {
    width: 2.5rem;
    height: 2.5rem;
    display: inline-flex;
    border-radius: 0.4rem;
    align-items: center;
    justify-content: center;
}

.calander-card .month-wrapper table tr th span {
    /* background: #eee!important; */
    color: #0d447a;
    font-size: 0px;
}

.calander-card .month-wrapper table tr th span.prev {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%230d447a' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
    background-size: 1.2rem !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    transform: rotate(90deg);
}

.calander-card .month-wrapper table tr th span.next {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%230d447a' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
    background-size: 1.2rem !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    transform: rotate(-90deg);
}

.calander-card .month-wrapper table tr th span.prev:hover,
.calander-card .month-wrapper table tr th span.next:hover {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
    background-size: 1.2rem !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.calander-card .month-wrapper table tr th span:hover {
    background: #0d447a !important;
    color: #fff;
}

.calander-card .date-picker-wrapper {
    width: 100%;
}

.calander-card .date-picker-wrapper .first-date-selected,
.calander-card .date-picker-wrapper .last-date-selected {
    background-color: #0d447a !important;
}

.calander-card .date-picker-wrapper .month-wrapper table .day.checked,
.calander-card .date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
    background-color: #ecf6ff;
}

.calander-card .date-picker-wrapper .month-wrapper table .day.real-today {
    background-color: #0d447a !important;
    color: #fff !important;
}

.calander-card .date-picker-wrapper .month-wrapper table .day.real-today.checked,
.calander-card .date-picker-wrapper .month-wrapper table .day.real-today.hovering {
    background-color: #32cd8c !important;
    color: #fff;
}

.calander-card .date-picker-wrapper .month-wrapper table .day {
    font-size: 1.4rem;
    color: #6484A4 !important;
}

.calander-card .date-picker-wrapper table .caption th.month-name .month-element:last-child {
    font-weight: 500 !important;
    color: #fff !important;
}

.calander-card .date-picker-wrapper .month-wrapper table .first-date-selected,
.calander-card .date-picker-wrapper .month-wrapper table .last-date-selected {
    color: #fff !important;
}

.date-picker-wrapper .date-range-length-tip {
    background-color: #0d447a;
    color: #fff;
    -webkit-filter: none;
    filter: none !important;
}

.date-picker-wrapper .date-range-length-tip:after {
    border-top: 4px solid #0d447a;
}


.welcome-back-img {
    flex: 0 0 15rem;
}

.welcome-back-img img {
    max-height: 20rem;
}

.welcome-back-content h3 {
    font-size: 2.4rem;
    font-weight: 400;
    color: #0d447a;
}

.care-seeker-dropdown,
.care-seeker-input,
.care-seeker-dropdown:hover,
.care-seeker-input:hover,
.care-seeker-dropdown:focus,
.care-seeker-input:focus {
    width: 100%;
    height: 5.5rem;
    border-radius: 3rem;
    padding-left: 2rem;
    font-size: 1.6rem;
    font-weight: 500;
    color: #6484A4;
    background-color: #EEF7FF;
    border: none;
    box-shadow: none;
    outline: none;
    background-position: right 2rem center;
}

.avaiblity-icon {
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    margin-right: 1rem;
}

.avaiblity-icon svg {
    max-width: 100%;
    max-height: 100%;
}

.avaiblity-list .list-group li {
    border-left: none;
    border-right: none;
    border-color: #f6f6f6;
    border-radius: 0;
    padding: 1rem;
}

.avaiblity-list .list-group li:last-child {
    border: none;
}

.avaiblity-list .list-group {
    max-height: 30rem;
    overflow: auto;
}


/***** Carer Home *****/
.carer-sidebar {
    background: #10A74B !important;
}

.carer-sidebar ul.sideBarMenu li a,
.carer-sidebar ul.sideBarMenu li a span {
    color: #c0e7cf;
}

.carer-sidebar ul.sideBarMenu li a.active,
.carer-sidebar ul.sideBarMenu li a:hover,
.carer-sidebar ul.sideBarMenu li a.active span,
.carer-sidebar ul.sideBarMenu li a:hover span {
    color: #fff;
}

.carer-dropdown {
    padding-right: 3.6rem;
}

.carer-dropdown,
.carer-input,
.carer-dropdown:hover,
.carer-input:hover,
.carer-dropdown:focus,
.carer-input:focus {
    width: 100%;
    height: 5.5rem;
    border-radius: 3rem;
    padding-left: 2rem;
    font-size: 1.6rem;
    font-weight: 500;
    color: #6484A4;
    background-color: #EDEEEE;
    border: none;
    box-shadow: none;
    outline: none;
    background-position: right 2rem center;
}

.jobicon {
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #10a74b6b;
    border-radius: 50%;
    color: #fff;
}

.jobcount span {
    font-size: 5rem;
    font-weight: 700;
    color: #0D447A;
}

.applied-jobs-card {
    background: #32CD8C;
}

.applied-jobs-card {
    background: #32CD8C;
}

.job-requests-card {
    background: #FF6363;
}

.job-requests-card .jobicon {
    background: #ffa0a0;
}

.single-job-requests .joid {
    flex: 0 0 12rem;
    text-align: right;
}

.notification-list .dropdown-menu li {
    margin-right: 0px !important;
    border-width: 0;
    margin-bottom: 0;
}

.notification-list .dropdown-menu li:not(:last-child) {
    border-bottom-width: 0.1rem !important;
}

.notification-list .dropdown-menu li:last-child {
    border-top-width: 0.1rem !important;
    background: #fff;
}

.notification-list .dropdown-menu {
    max-width: 40rem;
    min-width: 30rem;
    max-height: 40rem;
    overflow: auto;
}

.notification-list.carer .dropdown-menu li:hover,
.carer-notifications li:hover {
    background: #eefff3;
}

.notification-list .dropdown-menu li a:before {
    display: none;
}

.notification-list .dropdown-menu li .notification-title {
    font-size: 1.6rem;
}

.notification-list.carer .dropdown-menu li:hover a .rightArrow svg path,
.carer-notifications li:hover a .rightArrow svg path {
    color: #10a74b;
}

.notification-list .dropdown-menu li .icon-circle {
    flex: 0 0 3rem;
    height: 3rem;
}

.notification-list .dropdown-menu li .icon-circle svg {
    max-width: 2.5rem;
    max-height: 2.5rem;
}

li.all-notifications {
    position: sticky;
    bottom: 0;
}

li.all-notifications a {
    font-size: 1.4rem;
    text-align: center;
}

.carer-notifications ul li {
    background: #fff;
    border: none;
}

.site-header.green-theme .navbar-nav .nav-link:hover,
.site-header.green-theme .navbar-nav .active .nav-link {
    color: #10a74b;
}

.site-header.green-theme .navbar-nav li a:not(.btn):before {
    background-color: #10a74b;
}

.chat-search-box input.form-control {
    font-size: 1.6rem;
    height: 6.5rem;
    text-indent: 3rem;
    border: none;
}

.carer-chat-section .chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content:before {
    border-right: 0.5rem solid #EDEEEE;
    border-right-color: #EDEEEE;
    border-top: 0.5rem solid #EDEEEE;
    border-top-color: #EDEEEE;
}

.carer-chat-section .chat-conversation .conversation-list .ctext-wrap-content {
    background-color: #10a74b;
}

.carer-chat-section .chat-conversation .conversation-list .ctext-wrap-content:before {
    border-left: 0.5rem solid #EDEEEE;
    border-left-color: #EDEEEE;
    border-top: 0.5rem solid #EDEEEE;
    border-top-color: #EDEEEE;
    display: none;
}

.chat-section .chat-list li.active,
.chat-section .chat-list li:hover {
    background: #f7f7f7;
}

.carer-chat-section .chat-input-textarea form textarea,
.carer-chat-section .chat-input-textarea form textarea:focus {
    background-color: #fff !important;
}

.main-title {
    font-size: 2.8rem;
    font-weight: 600;
    margin-bottom: 2rem;
}


/***** Carer Profile *****/
/* 
.carer-profile-section{
    border-color: #f6f6f6!important;
} */
.carer-profile-section .profile-image {
    width: 10rem;
    height: 10rem;
    margin-right: 1.5rem;
    position: relative;
}

.carer-profile-section .profile-img {
    width: 10rem;
    height: 10rem;
    object-fit: cover;
    border-radius: 50%;
    overflow: hidden;
    /* margin-right: 1.5rem; */
}

.carer-profile-section .profile-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.profile-image .editBtn {
    position: absolute;
    right: 1rem;
    bottom: 0;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    border: solid 0.1rem #10a74b;
    overflow: hidden;
}

.editBtn .uploadImgInput {
    width: 13rem;
    height: 13rem;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    opacity: 0;
}

.carer-profile-section hr {
    margin-bottom: 2.5rem;
    border-color: #f6f6f6;
    opacity: 1;
}

.document-img {
    width: 100%;
    height: auto;
}

.border-color {
    border-color: #f6f6f6 !important;
}

/* .carer-profile-section {
    position: sticky;
    top: -3rem;
    background: #fff;
} */
.profileTabs li.nav-item .nav-link {
    padding: 1rem 2rem;
    font-size: 1.6rem;
}

.profileTabs li.nav-item .nav-link.active,
.profileTabs li.nav-item .nav-link:focus {
    background: #10A74B;
}

.edit-profile {
    position: absolute;
    right: 1.5rem;
    top: 1.5rem;
    padding: 1rem 1.5rem;
    min-width: auto;
    font-size: 1.4rem;
    text-transform: unset;
}

.carer-switch {
    width: 4rem !important;
    height: 2.3rem !important;
    cursor: pointer;
    outline: none !important;
    box-shadow: none !important;
}

.carer-switch:checked {
    background-color: #32CD8C;
    border-color: #10A74B;
    border-width: 0.2rem;
}

.carer-switch:checked {
    background-position: right center;
}

.proposalModal .modal-dialog {
    max-width: 650px;
}

.alert {
    border: none;
    padding: 1.5rem 2rem;
}

.alert-success {
    background: #DBF2E4;
    color: #10A74B;
}

.alert-warning {
    background: #FFF1E1;
    color: #FFA439;
}

.alert-danger {
    background: #FFE8E8;
    color: #FF6363;
}

.alert-danger a {
    color: #FF6363;
    margin-left: 0.5rem;
}

.alert-success span svg,
.alert-warning span svg,
.alert-danger span svg {
    margin-right: 1.5rem;
}

.chat-btn.chat-with-carer {
    font-size: 1.4rem;
    text-transform: unset;
    color: #fff;
}

.chat-btn.chat-with-carer {
    min-width: auto;
    padding: 1rem;
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.chat-btn.chat-with-carer svg {
    margin-left: 0;
}

.fixed-bottom-n30 {
    bottom: -3rem;
}

.ConfirmBookingModal .modal-dialog {
    max-width: 62rem;
}

/***********/
.booking-request-progressbar li,
.booking-request-progressbar li .step-name {
    display: block;
}

.booking-request-progressbar ul li:first-child:after {
    display: none;
}

.booking-request-progressbar ul li::after {
    content: '';
    position: absolute;
    height: 4px;
    width: 100%;
    background-color: #fff;
    top: 4.5rem;
    left: -50%;
    /* transform: translateY(-1.5rem); */
}

.booking-request-progressbar ul li .step-name {
    font-size: 2rem;
    margin-top: 1rem;
    color: #0d447a;
}

.booking-request-progressbar ul li .step-number {
    position: relative;
    z-index: 999;
}

.booking-request-progressbar ul li .step-number::before {
    height: 100%;
    width: 100%;
    background: #fff;
    color: #0d447a;
}

.booking-request-progressbar ul li .step-number {
    width: 3.5rem;
    height: 3.5rem;
    min-width: 3.5rem;
    min-height: 3.5rem;
    border: none;
}

.booking-request-progressbar ul li.active .step-number::before {
    color: #fff;
    background-color: #0d447a;
}

.booking-request-progressbar ul li.active .step-number {
    border: none;
}

.booking-request-progressbar ul li.active.done .step-number::before {
    background-size: 1.6rem;
}

.booking-confirmation-section .profile-card {
    display: flex;
}

.booking-confirmation-section .profile-card-info {
    flex: 0 0 40rem;
    display: flex;
}

.carer-detail-page {
    display: flex;
    gap: 3rem;
}

.carer-detail-page .sendOfferSection {
    bottom: 0;
}

.carer-profile-card {
    display: flex;
}

.carer-profile-img {
    flex: 0 0 28rem;
    height: 28rem;
    background: #fff;
    padding: 1rem;
    /* border-radius: 1rem; */
    margin-bottom: -8rem;
    /* border: solid 0.3rem #124290; */
    box-shadow: 0 0.1rem 1rem #1243904a;
}

.carer-profile-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* border-radius: 1rem; */
}

.carer-profile-content {
    width: 100%;
    text-align: left;
    padding-left: 2rem;
}

.my-dropdown .profile-dropdown {
    min-width: 16rem;
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff !important;
    font-size: 1.4rem !important;
    padding: 1rem 2rem !important;
}

.my-dropdown .profile-dropdown-menu {
    border: solid 1px rgb(243, 243, 243);
    min-width: 20rem;
    overflow: hidden;
}

.my-dropdown .profile-dropdown-menu li a {
    font-size: 1.6rem;
    padding: 0.8rem 1rem;
    color: #6484A4;
}

.my-dropdown .profile-dropdown-menu li {
    margin-right: 0px !important;
}

.my-dropdown .profile-dropdown-menu li a {
    font-size: 1.6rem;
    padding: 0.8rem 1rem;
    color: #6484A4;
}

.my-dropdown .profile-dropdown-menu li a:hover {
    background: #0D447A;
    color: #fff;
}

.my-dropdown .profile-dropdown-menu li a:before {
    display: none;
}

.my-booking-tabs ul {
    border-radius: 1rem
}



.my-booking-tabs li.nav-item .nav-link.active,
.my-booking-tabs li.nav-item .nav-link:focus {
    background: #0D447A;
}

.transaction-history table {
    border-color: #f5f5f5;
}

.transaction-history table th,
.transaction-history table td {
    padding: 1rem 1.5rem;
    font-size: 1.6rem;
    min-width: 20rem;
}

.transaction-history table th {
    color: #0D447A;
}

.transaction-history table td {
    color: #6484A4;
}

.badge {
    padding: 0.5rem 1rem;
    border-radius: 2rem;
    font-size: 1.4rem;
    font-weight: 500;
}

.badge.bg-success {
    background: #47df8212 !important;
    border: solid 0.1rem #10a74b2b;
    color: #10A74B;
}

.badge.bg-danger {
    background: #ff636314 !important;
    border: solid 0.1rem #ff636336;
    color: #FF6363;
}

.ratings-count {
    /* gap: 3rem;
    display: flex; */
}

.ratings-count h2 {
    font-size: 2.8rem;
    color: #0D447A;
}

.total-ratings h2 {
    margin-right: 1rem;
}

.card-body.d-xl-flex .client-image-name {
    flex: 0 0 26rem;
    margin-right: 3rem;
}

/* .ratings-card.bg-green {
    background: #10a74b1f;
}
.ratings-card.bg-blue {
    background: #0d437a1e;
} */
.rating-box .carer-stars label {
    color: #EDEEEE;
}

.overall-retings {
    background: #f9e2c83b;
    text-align: center;
    padding: 2rem 1rem;
    border-radius: 1.5rem;
    border: dashed 0.2rem #ffa439;
}

.overall-retings h2 {
    font-size: 3.6rem;
    font-weight: 600;
    color: #0d447a;
    margin-bottom: 1rem;
}

.ratings-progress-view {
    padding-top: 2rem;
    border-top: solid 0.1rem #eee;
    margin-top: 2rem;
}

.ratings-progress-view .single-progress {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.ratings-progress-view .star-no {
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    gap: 0.5rem;
    font-weight: 500;
    color: #dddddd;
}

.ratings-progress-view .star-no i {
    font-size: 1.2rem;
    color: #ddd;
}

.ratings-progress-view .single-progress .progress {
    width: 100%;
    height: 0.6rem;
}

.ratings-progress-view .single-progress .progress .progress-bar {
    background-color: #ffa439;
}

.ratings-progress-view .retings-count {
    flex: 0 0 3rem;
    text-align: right;
    font-weight: 500;
    font-size: 1.4rem;
    color: #0d447a;
}

.sticky-ratings {
    position: sticky;
    top: 0px;
}

.searchbtn {
    display: none;
}

.filter-part .filters-area {
    position: sticky;
    top: 0;
}

.filter-part .filters-area {
    max-height: calc(100vh - 22rem);
    overflow: auto;
}

.carer-search-part {
    background: #10a74b05;
}

.care-seeker-search-part {
    background: #0d447a14;
}

.carer-filter-part,
.care-seeker-filter-part {
    position: sticky;
    /* top: 0; */
}

.my-jobs-section .carer-user-card-footer .about-carer-acceptences .btn {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
}

.register-form-left {
    flex: 0 0 35%;
    height: 100vh;
    overflow: auto;
}

.complete-profile-section .cs-register-form-container {
    max-width: 100%;
}


.autocomplete-container {
    position: relative;
}

.autocomplete {
    display: flex;
}

input,
button {
    font-family: inherit;
}

.autocomplete-input {
    border: 1px solid rgba(0, 0, 0, 0.54);
    width: 100%;
    padding: 8px;
    font-size: 16px;
    line-height: 1.5;
    flex: 1;
}

.autocomplete-submit {
    border: 1px solid #eee;
    padding: 8px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.autocomplete-submit svg {
    width: 24px;
    height: 24px;
    fill: #fff;
}

.autocomplete-results {
    position: absolute;
    width: 100%;
    z-index: 1;
    background: #fff;
    margin: 0;
    padding: 0;
    list-style: none;
    transition: none;
    box-shadow: 0 0.5rem 1rem #5454542e;
}

.autocomplete-result {
    cursor: default;
    padding: 0.8rem 1rem;
    font-size: 1.6rem;
    font-weight: 500;
    color: #2F47A0;
    cursor: pointer;
}

.autocomplete-result:hover {
    background: #EEF7FF;
}

.autocomplete-result.selected {
    background: #EEF7FF;
}

.search-result {
    margin-top: 64px;
    text-align: center;
}

.hidden {
    display: none;
}

.common-offcanvas {
    width: 100% !important;
    max-width: 70rem;
}

.common-offcanvas .offcanvas-header,
.common-offcanvas .offcanvas-body {
    padding: 2rem 3rem;
}

.common-offcanvas .sticky-footer {
    position: sticky;
    bottom: 0;
    background: #fff;
    padding: 2rem 0;
}

.uploadprofilePic {
    display: flex;
    align-items: flex-end;
    gap: 2rem;
}

.uploadprofilePic .profile-img {
    flex: 0 0 10rem;
    width: 10rem;
    height: 10rem;
    object-fit: cover;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0rem 0rem 0rem 0.3rem #ecf4ff;
    border: solid 0.2rem #fff;
}

.uploadprofilePic .profile-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.uploadprofilePic .editBtn {
    position: relative;
    right: unset;
    border: none;
    border-radius: 0.4rem;
    width: auto;
    padding: 1rem 2rem;
    min-height: 4rem;
    font-size: 1.6rem;
    font-weight: 500;
    overflow: hidden;
    height: auto;
    text-align: center;
}

.uploadprofilePic .editBtn input {
    width: 40rem;
}

.common-modal .btn-close {
    background-color: #c1c5c6;
    top: -5px;
    position: relative;
    right: -5px;
    width: 3rem;
    height: 3rem;
    border-radius: 0 2rem 0 1.5rem;
    background-size: 1.2rem;
}

.toast {
    font-size: 1.6rem;
}

#loader {
    background: #00D38D;
    width: 100%;
    height: 100%;
    text-align: center;
    /*display: flex!important;*/
    align-items: center;
    justify-content: center;
    border-radius: 4rem;
    top: 0;
    position: absolute;
}

#loader img {
    max-width: 3rem;
    max-height: 3rem;
}

#loader2 {
    background: #00D38D;
    width: 100%;
    height: 100%;
    text-align: center;
    /*display: flex!important;*/
    align-items: center;
    justify-content: center;
    border-radius: 4rem;
    top: 0;
    position: absolute;
}

#loader2 img {
    max-width: 3rem;
    max-height: 3rem;
}

#loader3 {
    background: #00D38D;
    width: 100%;
    height: 100%;
    text-align: center;
    /*display: flex!important;*/
    align-items: center;
    justify-content: center;
    border-radius: 4rem;
    top: 0;
    position: absolute;
}

#loader3 img {
    max-width: 3rem;
    max-height: 3rem;
}

#loader4 {
    background: #00D38D;
    width: 100%;
    height: 100%;
    text-align: center;
    /*display: flex!important;*/
    align-items: center;
    justify-content: center;
    border-radius: 4rem;
    top: 0;
    position: absolute;
}

#loader4 img {
    max-width: 3rem;
    max-height: 3rem;
}

.multiple-select-dropdown .select2-container .select2-selection--multiple ul {
    width: 100%;
    max-height: 2.1rem;
    padding: 0;
}

/* .multiple-select-dropdown .select2-container .select2-selection--multiple ul li{
    display: inline-block;
} */
.multiple-select-dropdown .select2-container .select2-selection--multiple ul li {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 10rem;
    background: #2f47a014;
    margin-right: 0.5rem;
    border-radius: 2rem;
    padding-left: 1rem;
    font-size: 1.4rem;
    color: #0d447a;
    font-weight: 500;
    margin-top: 0;
}

/* .multiple-select-dropdown .select2-search__field{width: 0rem!important;} */
.multiple-select-dropdown .select2-search__field {
    width: auto !important;
    background: transparent;
    margin-top: 0rem !important;
    outline: none;
    min-width: 100%;
}

.multiple-select-dropdown .select2-search__field::placeholder {
    font-size: 1.6rem;
    font-weight: 500;
    color: #6484A4;
}

.select2-search.select2-search--inline:last-child:not(:first-child) {
    display: none !important;

}

/* li.select2-search.select2-search--inline {
    display: none!important;
} */
li.select2-search.select2-search--inline {
    display: block !important;
    width: 100%;
    max-width: 100% !important;
    background-color: transparent !important;
}

span.select2-selection__clear {
    position: absolute;
    right: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
    background: #eef7ff;
    width: 3rem;
    text-align: center;
    margin-top: 0 !important;
    margin-right: 0 !important;
}

.multiple-select-dropdown .carer-dropdown+.select2-container span.select2-selection__clear {
    background: #EDEEEE;
}

.select2-container .select2-selection--multiple ul li .select2-selection__choice__remove {
    padding: 0rem 1rem 0rem 0.5rem;
    color: #0d447a;
    float: right;
}

.terms-condition-section h4 {
    font-size: 2.4rem;
    color: #2f47a0;
    margin-bottom: 2rem;
}

.terms-condition-section p {
    margin-bottom: 2rem;
}

.terms-condition-section ul.ul-dots {
    padding-left: 20px;
}

.terms-condition-section ul.ul-dots li {
    list-style: auto;
    margin-bottom: 10px;
}

.terms-condition-section p, .terms-condition-section li, .terms-condition-section span, .terms-condition-section strong {
    font-size: 1.6rem;
    color: #6484A4;
}

.terms-condition-section ol li {
    font-size: 1.6rem;
    font-weight: 500;
    color: #6484A4;
    margin-bottom: 1rem;
}

.social-media-links {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}

.social-media-links li:not(:last-child) {
    margin-right: 15px;
}

.social-media-links li a {
    width: 3.5rem;
    height: 3.5rem;
    background-color: #6484A4;
    transition: .3s;
    display: inline-grid;
    align-content: center;
    justify-content: center;
    border-radius: 100%;
}

.social-media-links li a .fa {
    color: #FFFFFF;
    /* opacity: .5; */
    transition: .3s;
}

.social-media-links li a:hover {
    background-color: #00B1FF;
}

.social-media-links li a:hover .fa {
    opacity: 1;
}

.contactus-page {
    box-shadow: 0 0 3rem #051e4629;
}

.contact-form {
    padding: 3rem 4rem;
}

.contact-form h3 {
    font-size: 3.2rem;
    font-weight: 700;
    color: #0d447a;
    margin-bottom: 2rem;
}

.contact-form h5 {
    font-size: 1.8rem;
    font-weight: 600;
    color: #0d447a;
    margin-bottom: 1.5rem;
}

.contact-form ul li a {
    color: #6484A4;
    font-weight: 500;
    font-size: 1.6rem;
    margin-bottom: 0.5rem;
    display: inline-block;
}

.contactus-page .googlemap,
.googlemap iframe {
    height: 100%;
    min-height: 20rem;
}

.contact-form .card {
    padding: 2rem 1.5rem;
    overflow: hidden;
    border-radius: 2rem;
}

.contact-form form {
    margin-top: 3rem;
}

.contact-form textarea,
.contact-form textarea:focus {
    padding: 1.5rem;
    font-size: 1.6rem;
    border-radius: 3rem;
    padding-left: 2rem;
    font-weight: 500;
    color: #6484A4;
    background-color: #EEF7FF;
    min-height: 12rem;
    border: none;
    box-shadow: none;
}

.filter-mobile {
    background: none;
    border: none;
    align-items: center;
    display: inline-flex;
    padding: 0.5rem;
}

.prince-input-group .form-control {
    width: 1%;
    padding-left: 1.5rem;
}

.prince-input-group span.input-group-text {
    border: none;
    border-radius: 3rem 0 0 3rem;
    padding-left: 2rem;
    background: #edeeee;
    font-size: 1.6rem;
    color: #6484A4;
    padding-right: 0;
}

.complete-profile-main .back-click,
.complete-profile-main .next-click,
.complete-profile-main .create-workspace,
.complete-profile-main .complete-profile {
    padding: 1rem 2rem;
    min-width: 13rem;
}

.trainingModal .modal-dialog {
    max-width: 350px;
}

.multiple-select-dropdown .selection .select2-selection {
    position: relative;
}

/* .multiple-select-dropdown .selection .select2-selection[aria-expanded="true"]::before{content: ""; width: 3rem; height: 3rem; background: red; position: absolute; left: 0; top: 0;} */



/* .multiple-select-dropdown .selection .select2-selection[aria-expanded="true"]::before{content: ""; width:2.5rem; height:2.5rem; background: #eef7ff; position: absolute; left: 0; bottom: 0; border-radius: 0 5rem 0rem 0;}
.multiple-select-dropdown .selection .select2-selection[aria-expanded="true"]::after{content: ""; width:2.5rem; height:2.5rem; background: #eef7ff; position: absolute; right: 0; bottom: 0; border-radius: 5rem 0 0rem 0;}

.multiple-select-dropdown .carer-dropdown + .select2 .selection .select2-selection[aria-expanded="true"]::before{content: ""; width:2.5rem; height:2.5rem; background: #EDEEEE; position: absolute; left: 0; bottom: 0; border-radius: 0rem 5rem 0rem 0;}
.multiple-select-dropdown .carer-dropdown + .select2 .selection .select2-selection[aria-expanded="true"]::after{content: ""; width:2.5rem; height:2.5rem; background: #EDEEEE; position: absolute; right: 0; bottom: 0; border-radius: 5rem 0 0rem 0;} */


.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

.my-dropdown .select2-results .select2-results__option {
    padding: 0.5rem 1.5rem;
}

.my-dropdown .select2-results .select2-results__option:before {
    display: none;
}

.country-code-dropdown .select2 .selection .select2-selection {
    border-radius: 3rem 0rem 0rem 3rem !important;
    padding-left: 0.7rem;
    padding-right: 0rem;
    background-image: unset;
}

.country-code-dropdown .select2 .selection .select2-selection .select2-selection__rendered {
    padding-right: 0px !important;
}

.country-code-dropdown .select2.select2-container {
    width: 100% !important;
}

.modal-open .select2-container {
    /* z-index: 1111; */
}

.my-dropdown {
    display: block;
}

.country-code-dropdown {
    width: 6rem;
    min-width: 6rem;
    z-index: 11;
}

.form-label span.d-inline-block svg line,
.form-label span.d-inline-block svg path {
    stroke: #fff !important;
}

.current-booking-card .btn.btn-sm {
    text-transform: capitalize;
}

.search-result-section .carer-user-card {
    margin-bottom: 0;
}

.search-result-section .card .card-body {
    padding: 2rem;
}

/* .search-result-section .card {
    border-radius: 1rem;
} */

.jobcard .card-body {
    padding: 2rem 3rem;
}

.jobcard .jobicon {
    background: no-repeat;
    width: 7rem;
    height: 7rem;
}

.jobcard .jobicon img {
    max-width: 7rem;
    max-height: 7rem;
}

.card {
    border-radius: 1rem;
}

.results .element .form-label {
    visibility: hidden;
}

.results .element .form-label.text-end {
    visibility: visible;
}



/****** Select2 Re-edit css ******/

/* li.select2-search.select2-search--inline{
    display: block!important;
    width: 100%;
    max-width: 100%!important;
    background-color: transparent!important;
}
.multiple-select-dropdown .select2-search__field {
    width: auto!important;    
    background: transparent;
    margin-top: 0rem!important;
    outline: none;
    min-width: 100%;
}
.multiple-select-dropdown .select2-search__field::placeholder{    
    font-size: 1.6rem;
    font-weight: 500;
    color: #6484A4;
}
.select2-search.select2-search--inline:last-child:not(:first-child){
    display: none!important;

} */


.shifttypes li span {
    width: 1.2rem;
    height: 1.2rem;
    display: inline-block;
    border-radius: 0.2rem;
}

.shifttypes ul {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 0;
}

.shifttypes ul li {
    width: 50%;
    flex: column;
    font-size: 1.4rem;
}

.day-shift span {
    background: #397E40;
}

.night-shift span {
    background: #D345E3;
}

.hourly-day span {
    background: #D54828;
}

.sleeping-night span {
    background: #CE8F33;
}

.overnight-care span {
    background: #5A87DF;
}

.daily-live-in span {
    background: #34469A;
}

.weekly-live-in span {
    background: #58BC39;
}

.not-available span {
    background: #C8CACB;
}

.day-shift-bg {
    background: #397E40;
}

.night-shift-bg {
    background: #D345E3;
}

.hourly-day-bg {
    background: #D54828;
}

.sleeping-night-bg {
    background: #CE8F33;
}

.overnight-care-bg {
    background: #5A87DF;
}

.daily-live-in-bg {
    background: #34469A;
}

.weekly-live-in-bg {
    background: #58BC39;
}

.not-available-bg {
    background: #C8CACB;
}

.filterHeading {
    border-bottom: solid 0.1rem #eef7ff;
}

.filterHeading .filter-btns .btn {
    font-size: 1.4rem;
    padding: 0.5rem 1.5rem;
    min-width: auto;
    text-transform: capitalize;
}


.experiance-card-box5 button.project-status.inprogress.btn.btn-blue {
    margin: 0;
    background-color: #00b1ff;
    border-color: #00b1ff;
    color: #fff;
}

span.price.price2.ms-4 {
    color: #0D447A;
    font-size: 2.4rem;
    font-weight: 600;
}

.carer-user-card-footer.decline-button .btn {
    border-radius: 1rem;
}

.carer-user-card-footer.decline-button {
    justify-content: space-between;
    width: 100%;
}

button.cursor-pointer {
    cursor: pointer !important;
}

.filter-dropdown,
.filter-dropdown:hover,
.filter-dropdown:focus {
    width: auto;
    max-width: 25rem;
    margin-bottom: 2rem;
}

.filterbtn {
    min-width: auto;
    width: 45px;
    height: 45px;
    padding: 0;
}

.filterbtn svg {
    width: 100%;
    max-width: 24px;
    max-height: 24px;
}

.clearfilter {
    min-width: auto;
    font-size: 14px;
    background: transparent;
    color: #0D447A;
    text-transform: unset;
    font-size: 14px;
}

.clearfilter:hover,
.clearfilter:active,
.clearfilter:focus {
    min-width: auto;
    font-size: 14px;
    background: transparent;
    color: #10A74B;
    text-transform: unset;
    font-size: 14px;
}

.filter-section h3 {
    font-size: 24px;
}

/**** About Us Page ****/


.about-img {
    position: relative;
    margin-top: -210px;
}

.about-content.w-100 {
    max-width: 100%;
}

.aboutus-content .section-title h3 {
    font-size: 2.6rem;
    color: rgb(13, 68, 122);
    font-weight: 500;
    margin: 2rem 0px;
}

.mtn-220 {
    margin-top: -180px;
}

@media(max-width: 991px) {
    .about-img {
        position: relative;
        margin-top: -150px;
    }
}

@media(max-width: 767px) {
    .about-img {
        position: relative;
        margin-top: 0;
        margin-bottom: 40px;
    }
}


/**** Date 20/03/2023 ****/
.owl-carousel .owl-stage {
    margin: 0 auto;
}

.service-detail-modal .services-image {
    margin-bottom: 30px;
    text-align: center;
    object-fit: cover;
}

.service-detail-modal .services-image img {
    width: 100%;
    height: 100%;
    max-height: 350px;
    border-radius: 15px;
    overflow: hidden;
    object-fit: cover;
}

/**** Date 20/03/2023 ****/


@media(max-width: 991px) {
    .about-img {
        position: relative;
        margin-top: -150px;
    }
}

@media(max-width: 767px) {
    .about-img {
        position: relative;
        margin-top: 0;
        margin-bottom: 40px;
    }
}


/**** Date 31/03/2023 ****/
.welcome-register-modal {
    padding: 2rem;
}

.welcome-register-modal .modal-dialog {
    max-width: 1170px;
}

.welcome-register-modal .modal-dialog .cs-register-form-body {
    max-width: 100%;
    max-height: 750px;
    overflow: auto;
}

.welcome-register-modal .btn-close {
    top: 0;
    position: absolute;
    right: 0;
    z-index: 99;
    background-color: #fff;
}

.welcomw-register-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0 2rem 2rem 0;
    overflow: hidden;
    background-color: #6E9AE5;
}

.welcomw-register-img img {
    width: 100%;
    height: 100%;
    max-height: 680px;
    object-fit: cover;
}

.welcome-register-modal .form-select+.select2 .selection .select2-selection,
.welcome-register-modal .form-control,
.welcome-register-modal .multiple-select-dropdown .select2-container .select2-selection--multiple {
    min-height: 5rem !important;
    height: 5rem !important;
}

.mw-200 {
    max-width: 200px;
}

.welcome-register-modal .cs-register-form-body h3 {
    font-size: 2.2rem;
}

.welcome-register-modal .modal-dialog {
    /*     min-height: 100vh; */
    min-height: 100%;
    /*    min-height: calc(100vh - 4rem);*/
}

@media(max-width: 1199px) {
    .welcomw-register-img {
        border-radius: 2rem 2rem 0 0;
    }

    .welcome-register-modal .modal-dialog .cs-register-form-body {
        max-height: 92vh;
    }
}

@media(max-width: 767px) {
    .welcomw-register-img {
        border-radius: 2rem 2rem 0 0;
        display: none;
    }

    .welcome-register-modal .btn-close {
        background-color: #CBE6FF;
    }

    .welcome-register-modal .form-select+.select2 .selection .select2-selection,
    .welcome-register-modal .form-control,
    .welcome-register-modal .multiple-select-dropdown .select2-container .select2-selection--multiple {
        min-height: 4.4rem !important;
        height: 4.4rem !important;
    }

    .welcome-register-modal .form-select+.select2 .selection .select2-selection {
        font-size: 1.4rem;
    }

    .welcome-register-modal .modal-dialog {
        /* min-height: calc(100vh - 4rem); */
        max-height: calc(100vh - 4rem);
    }

    .welcome-register-modal .mb-25 {
        margin-bottom: 1.5rem;
    }
}

@media(max-width: 575px) {
    .welcome-register-modal .cs-register-form-body h3 {
        font-size: 1.8rem !important;
    }

    .welcome-register-modal .modal-dialog .cs-register-form-body p.mb-5 {
        margin-bottom: 2rem !important;
    }

    .welcome-register-modal .multiple-select-dropdown .select2-search__field::placeholder {
        font-size: 1.4rem;
    }
}


/** Blog Page **/

.blog-section {
    width: 100%;
    height: auto;
    display: flex;
    gap: 2rem;
}

.blog-content {
    width: 100%;
}

.blog-category {
    margin-top: 3rem;
}

.blog-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    margin-bottom: 2rem;
}

.blog-heading:after {
    content: "";
    display: inline-block;
    height: 0.1rem;
    background-color: #e8eaed;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.blog-heading h2 {
    font-size: 2.4rem;
    background: #fff;
    position: relative;
    z-index: 11;
    padding-right: 1rem;
}

.blog-heading a {
    font-size: 1.6rem;
    margin-bottom: 2rem;
}

.hot-post {
    margin-bottom: 2.5rem;
}

.hot-post .hot-post-left .post {
    height: 100%;
}

.hot-post .post {
    margin-bottom: 0.7rem;
    position: relative;
}

.post .post-img {
    height: 100%;
    object-fit: cover;
    display: block;
    position: relative;
    overflow: hidden;
}

.post .post-img>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: 1.3s -webkit-transform;
    transition: 1.3s -webkit-transform;
    transition: 1.3s transform;
    transition: 1.3s transform, 1.3s -webkit-transform;
}

.post .post-img:hover>img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.post.post-thumb .post-body {
    position: absolute;
    margin: 0px;
    padding: 0px 5%;
    z-index: 20;
    bottom: 5%;
    background-color: transparent;
}

.post .post-category {
    margin-bottom: 1rem;
    font-weight: 700;
    font-size: 1.5rem;
    text-transform: uppercase;
}

.post .post-category span {
    background: #fff;
    padding: 0.5rem 1rem;
    border-radius: 0.3rem;
}

.post .post-title {
    font-size: 2.4rem;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.post .post-meta {
    margin-bottom: 1rem;
}

.post.post-thumb .post-meta li {
    color: #fff;
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 600;
    text-transform: uppercase;
}

.post-meta li:not(:last-child):after {
    content: '•';
    display: inline-block;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.hot-post-right .post {
    width: 100%;
    height: calc(50% - 0.35rem);
    display: inline-block;
}

.hot-post-right .post .post-img {
    height: 100%;
    object-fit: cover;
}

.hot-post-right .post .post-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.post.post-thumb .post-img:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(27, 28, 30, 0.1) 0%, rgba(27, 28, 30, 0.9) 90%);
}

.blog-category-content {
    width: calc(100% - 2rem);
    height: 100%;
    padding: 1.5rem;
    background: #fff;
    margin-top: -3rem;
    position: relative;
    margin-left: 1rem;
    border: solid 0.1rem #ededed;
}

.blog-single-category {
    margin-bottom: 2rem;
}

.blog-category-image {
    height: 23rem;
    object-fit: cover;
    overflow: hidden;
}

.blog-category-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: 1.3s -webkit-transform;
    transition: 1.3s -webkit-transform;
    transition: 1.3s transform;
    transition: 1.3s transform, 1.3s -webkit-transform;
}

.blog-single-category:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.blog-single-category .post-category span {
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    display: block;
}

.blog-single-category .blog-title {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.blog-single-category p {
    font-size: 1.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.blog-single-category .post-meta li {
    color: #6484A4;
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 600;
    text-transform: uppercase;
}

.blog-single-category .post-meta li:not(:last-child):after {
    content: '•';
    display: inline-block;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}


.blog-aside {
    flex: 0 0 35rem;
    padding: 2rem;
    border: solid 0.1rem #ededed;
    margin-top: 3rem;
}

.aside-title {
    font-size: 2rem;
    background: #fff;
    position: relative;
    font-weight: 600;
    padding-right: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    margin-bottom: 1rem;
}

.aside-title:after {
    content: "";
    display: inline-block;
    height: 0.1rem;
    background-color: #e8eaed;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.aside-title h3 {
    font-size: 2rem;
    background: #fff;
    position: relative;
    font-weight: 600;
    z-index: 11;
    padding-right: 1rem;
}

.post-widget {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem 0;
}

.healthnews-list li:not(:last-child) .post-widget {
    border-bottom: solid 0.1rem #ededed;
}

.post-widget .post-img {
    flex: 0 0 10rem;
    height: 8.5rem;
    object-fit: cover;
}

.post-widget .post-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.post-widget .post-body .post-category span {
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 0.2rem;
    display: block;
}

.post-widget .post-body .post-title {
    font-size: 1.4rem;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.blog-single-category.category-single {
    display: flex;
    gap: 2rem;
    padding-bottom: 2rem;
}

.blog-category .col-md-12:not(:last-child) .blog-single-category.category-single {
    border-bottom: solid 0.1rem #ededed;
}

.blog-single-category.category-single .post-meta {
    margin-bottom: 1rem;
}

.blog-single-category.category-single .blog-category-image {
    flex: 0 0 30rem;
    height: 100%;
}

.blog-single-category.category-single .blog-category-content {
    width: 100%;
    border: none;
    margin: 0;
    padding: 0;
}

.blog-single-category.category-single .blog-category-content .blog-title {
    margin-bottom: 0.5rem;
}

.connect-social-media p {
    margin-bottom: 3rem;
}

.social-media li {
    display: inline-block;
}

.social-media li:not(:last-child) {
    padding-right: 1rem;
}

.social-media li a {
    width: 4rem;
    height: 4rem;
    display: inline-flex;
    /* border: solid 0.1rem #ededed; */
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    color: #0D447A;
}

.social-media li a svg {
    max-width: 1.8rem;
    max-height: 1.8rem;
}

.social-media li a.facebook {
    background: #3b5998;
    color: #fff;
}

.social-media li a.twitter {
    background: #00acee;
    color: #fff;
}

.social-media li a.linkedin {
    background: #0072b1;
    color: #fff;
}

.social-media li a.googleplus {
    background: #db4a39;
    color: #fff;
}

.social-media li a.pinterest {
    background: #c8232c;
    color: #fff;
}

.post-banner-img {
    text-align: center;
}

@media(max-width: 767px) {
    .blog-single-category.category-single .blog-category-image {
        flex: 0 0 25rem;
    }

    .post .post-img,
    .hot-post-right .post .post-img,
    .hot-post-right .post {
        height: auto;
    }
}

@media(min-width: 768px) {
    .hot-post .hot-post-left {
        padding-right: 0px;
        padding-left: 0px;
    }
}

@media(max-width: 575px) {
    .blog-single-category.category-single {
        flex-direction: column;
    }

    .blog-category-image img {
        height: auto;
    }

    .post-widget .post-body .post-title {
        font-size: 1.4rem;
    }

    .post .post-category {
        font-weight: 600;
        font-size: 1.4rem;
    }

    .post .post-title {
        font-size: 2rem;
    }

    .post.post-thumb .post-meta li,
    .blog-single-category .post-meta li {
        font-size: 1.2rem;
    }

    .blog-category {
        margin-top: 2rem;
    }
}

/**** Blog Detail Page ****/
.blog-detail-section h1 {
    font-size: 4.2rem;
    color: #0D447A;
    font-weight: 700;
}

.blog-banner {
    width: 100%;
    height: 100%;
    text-align: center;
    margin-bottom: 3rem;
}

.blog-detail-section .post-meta {
    margin-bottom: 3rem;
}

.blog-detail-section .post-meta li {
    color: #6484A4;
    display: inline-flex;
    font-size: 1.6rem;
    font-weight: 600;
    text-transform: uppercase;
    align-items: center;
    gap: 1rem;
}

.blog-detail-section .post-meta li:not(:last-child) {
    padding-right: 1.5rem;
}

.post-meta li:not(:last-child):after {
    display: none;
}

.blog-detail-section .post-meta li svg {
    /* max-width: 1.5rem;
   max-height: 1.5rem; */
}

.blog-content figure {
    padding: 2rem 0;
}

.blog-content figure.hafl-blog-img {
    max-width: 45rem;
    padding: 2rem 0 2rem 2rem;
}

.blog-detail-section .related-posts .post-meta {
    margin-bottom: 0;
}

.blog-detail-section .related-posts .post-meta li {
    font-size: 1.4rem;
}

.blog-detail-section .ul-bullets {
    list-style-type: disc;
    padding-left: 2.5rem;
}

.blog-detail-section .ul-bullets li {
    color: #6484A4;
    font-weight: 500;
    font-size: 1.6rem;
    margin-bottom: 1.5rem;
}

.blog-detail-section .ul-bullets li ul,
.blog-detail-section .ul-bullets li ol {
    margin-top: 1.5rem;
}

.blog-detail-section h4 {
    font-size: 2.2rem;
    color: #0D447A;
    font-weight: 700;
    margin-top: 3rem;
    margin-bottom: 1.5rem;
}

.related-posts {
    margin-top: 5rem;
    /* border-top: solid 0.1rem #e8eaed;
    padding-top: 5rem; */
}

@media(max-width: 991px) {
    .blog-detail-section h1 {
        font-size: 3.2rem;
    }

    .blog-detail-section .ul-bullets li {
        font-size: 1.4rem;
    }
}

@media(max-width: 767px) {
    .blog-detail-section h1 {
        font-size: 2.8rem;
    }

    .blog-detail-section h4 {
        font-size: 1.8rem;
    }

    .blog-content figure.hafl-blog-img {
        max-width: 35rem;
    }
}

@media(max-width: 575px) {
    .blog-content figure.hafl-blog-img {
        max-width: 100%;
        padding: 1rem 0 1rem 0rem;
    }

    .blog-detail-section h1 {
        font-size: 2.4rem;
    }

    .blog-detail-section .post-meta li {
        font-size: 1.4rem;
    }

    .blog-detail-section .ul-bullets li {
        font-size: 1.3rem;
    }
}

/** Pagination **/
.paginations {
    padding-top: 4rem;
    margin-top: 3rem;
    border-top: solid 0.1rem #ededed;
    text-align: center;
}

.paginations .pagination {
    margin: 0 auto;
    display: inline-flex;
}

.paginations .pagination .page-item .page-link {
    min-height: 4.5rem;
    min-width: 4.5rem;
    font-size: 1.6rem;
    color: #0D447A;
    display: flex;
    align-items: center;
    justify-content: center;
}

.paginations .pagination .page-item.active .page-link,
.paginations .pagination .page-item .page-link:hover {
    background: #0D447A;
    border-color: #0D447A;
    color: #fff;
}

.paginations .pagination .page-item:first-child .page-link,
.paginations .pagination .page-item:last-child .page-link {
    padding: 0.5rem 2rem;
}

@media(max-width: 575px) {
    .paginations .pagination .page-item .page-link {
        min-height: 3.5rem;
        min-width: 3.5rem;
        font-size: 1.4rem;
    }

    .paginations .pagination .page-item:first-child .page-link,
    .paginations .pagination .page-item:last-child .page-link {
        padding: 0.5rem 1rem;
    }

    .paginations {
        padding-top: 3rem;
        margin-top: 1rem;
    }
}

@media(max-width: 400px) {
    .paginations .pagination .page-item .page-link {
        min-height: 3rem;
        min-width: 3rem;
        font-size: 1.4rem;
    }

    .paginations .pagination .page-item:first-child .page-link,
    .paginations .pagination .page-item:last-child .page-link {
        padding: 0.4rem 1rem;
    }
}

/*** Faq Page ***/
@media(min-width: 481px) {
    .faqs-page .nav-tabs .nav-link {
        min-width: 20rem;
    }
}

@media(max-width: 480px) {
    .faqs-page .nav-tabs .nav-link {
        min-width: 13rem;
    }
}

.jobUnqId_text {
    color: #00B1FF !important;
}



/*============ blog_detail_page CSS Start ==============*/

.blog_detail_page .hot-post-left {
    height: 500px;
}

.blog_detail_content_section h2,
.blog_detail_content_section h3,
.blog_detail_content_section h4,
.blog_detail_content_section h5,
.blog_detail_content_section h6 {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.4rem;
    color: #0D447A;
}

/*============ blog_detail_page CSS END ==============*/

@media (max-width: 1700px) {
    .how-it-works-section .container {
        max-width: 1400px;
    }
    .container {
        max-width: 1400px;
    }
}

@media (max-width: 1500px) {
    .how-it-works-section .container {
        max-width: 1280px;
    }
    .container {
        max-width: 1280px;
    }
}

@media (max-width: 1399px) {
    .how-it-works-section .container {
        max-width: 1180px;
    }
    .container {
        max-width:  1180px;
    }
}

@media (max-width: 1199px) {
    .how-it-works-section .container {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .container {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}
.main-page-header-name-field {
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}