.banner-section {
    background-color: #0D447A;
}
.banner-caption {
    padding: 16rem 5rem 0 0;
}
.banner-caption h1 {
    font-size: 5.8rem;
    color: #FFFFFF;
    font-weight: 500;
    margin-bottom: 3.8rem;
}
.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;
}
.how-it-works-section .container {
    max-width: 1560px;
}

/* 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;
    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 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: #fff;
}
button.navigation-btn {
    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: #fff;
    background: #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;
}


::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
    background-color: #10A74B;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    height: 4px;
    background-color: #d1d1d1;
}
    
/* ::-webkit-scrollbar-thumb:hover {
    background-color: #F5F5F5;
} */

.table-responsive::-webkit-scrollbar-track {
    background-color: #f2f2f2;
}

.form-control[type=file]:not(:disabled):not([readonly]) {
    cursor: pointer;
    padding-top: 15px;
}

/************** 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
}
.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
}
.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 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;
}
.carer-user-card-footer .about-carer-acceptences.justify-content-end {
    flex-wrap: wrap;
}
.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;*/
	background-color: #32CD8C;
    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!important; 
    /* 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.sendagreement {
    border-color: #10A74B;
    background: #10A74B;
    color: #fff;
    cursor: pointer!important;
}

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

.project-status.acceptagreement {
    border-color: #00a851;
    background: #00a8511c;
    color: #00a851;
}

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


.project-status.proposalsent {
    border-color: #FB4D8B;
    background: #FFDEEA;
    color: #FB4D8B;
}
.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;
    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;
    display: flow-root;
}
.chat-list li.active {
    background: #e0f0ff;
}

.sendChat p
{
    color: #fff!important;
}

.chat-conversation .conversation-list .ctext-wrap-content {
    background-color: #10a74b;
    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;
    width: 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.dashboard_main_top {
    display: inline-block;
}

.content-wrapper.dashboard_main_top .content-wrapper-right{
    margin-bottom: 30px;
    display: block;
}

.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;
    border: 1px solid #10a74b;
    text-align: center;
    color: #10a74b;
    width: 100%;
}

.profileTabs {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
}

.profileTabs li.nav-item{
    width: 100%;
}

.profileTabs li.nav-item .nav-link.active, .profileTabs li.nav-item .nav-link:focus, .profileTabs li.nav-item .nav-link:hover{
    background: #10A74B;
    color: #fff;
}
.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;
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2310A74B'/%3e%3c/svg%3e);
}
.carer-switch:checked {
    background-position: right center;
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2310A74B'/%3e%3c/svg%3e);
}

.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: 3rem; 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;
}
  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;
}
white_check_mark
eyes
raised_hands

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;
}*/
.multiple-select-dropdown .carer-dropdown + .select2-container span.select2-selection__clear {
  background: #EDEEEE;
  right: 0;
  position: absolute;
  right: 2rem;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-content: center;
  justify-content: center;
}
.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 {
    font-size: 1.6rem;
    margin-bottom: 2rem;
}
.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;
}
.flex-order-3 {
    display: flex;
    flex-direction: column;
}

.flex-order-3 label.form-label {
    order: 1;
}

.flex-order-3 label span.select2 {order: 2;}

.flex-order-3 .error {order: 3;}


.flex-order-3 span.select2 {order: 2;}
.results .element .form-label{visibility: hidden;}
.results .element .form-label.text-end{visibility: visible;}



.input-group.prince-input-group {
    display: block!important;
}
.prince-input-group input {
    width: 100%!important;
    padding-left: 4rem!important;
    border-radius: 3rem!important;
}
.prince-input-group span.input-group-text {
    position: absolute;
    left: 0;
    top: 0;
    width: 4rem;
    height: 5.5rem;
    z-index: 9;
}

.input-group.prince-input-group {
    display: block!important;
}
.prince-input-group input {
    width: 100%!important;
    padding-left: 4rem!important;
    border-radius: 3rem!important;
}
.prince-input-group span.input-group-text {
    position: absolute;
    left: 0;
    top: 0;
    width: 4rem;
    height: 5.5rem;
    z-index: 9;
}
.editBtn{overflow: unset!important;}
.editBtn .error {
    position: absolute;
    left: 0;
    bottom: -25px;
    font-size: 1.4rem;
    white-space: nowrap;
}
.uploadprofilePic .editBtn input {
    width: 100%!important;
    height: 100%!important;
    cursor: pointer!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;}

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

.ul-dots {
    list-style-type: disc;
    padding-left: 2.5rem;
}

.ul-dots li {
    font-size: 1.6rem;
    font-weight: 500;
    color: #6484A4;
    margin-bottom: 1rem;
}

.ul-dots .ul-disc {
    list-style-type: circle;
    padding-left: 2.5rem;
    margin-top: 1.5rem;
}


/* new style */
.servicesUl_2{
    gap: 15px;
    display: flex;
    flex-wrap: wrap;
}
.servicesUl_2 li,
ul.servicesUl_2 li,
.servicesUl_2 li:not(:last-child){
    margin: 0;
    padding: 3px 10px!important;
    font-size: 14px;
}

.countDownTime {
    display: flex;
    gap: 15px;
    width: 100%;
}
.countDownTime span{
    font-size: 2rem;
    color: #0D447A;
    font-weight: 600;
}

.jobStartEnd{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
}
.bg-purple{
    background: #6485FF!important;
    color:#fff!important;
}
.bg-green{
    background: #32CD8C!important;
    color:#fff!important;
}
.bg-red{
    background: #e7286b!important;
    color:#fff!important;
}
.bg-blues{
    background: #6485FF !important;
    color: #fff !important;
}
.viewLogBtn {
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent;
    color: #00B1FF;
    font-weight: 500;
    font-size: 14px;
    text-decoration: underline;
}
.gap-15{
    gap: 15px;
    flex-wrap: wrap;
}
.serviceForcontnet {
    display: flex;
    align-items: center;
    gap: 15px;
    color: #6484A4;
    font-weight: 500;
}

.jobUnqId_text{
    color: #00B1FF!important;
}


/*My Job Tab*/

/*.fade:not(.show) {
    display: none;
}*/
.my-jobs-section {
    max-height: calc(100vh - 30rem);
    overflow-x: hidden;
    overflow-y: auto;
}

.extraHourDiv {
    display: flex;
}

.extraHourDiv button {
    min-width: 0px!important;
}


/* Refund Amount Modal */
.refund-amount-modal .refund-amount {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}
.refund-amount-modal .refund-amount p {
    margin: 0;
}
.refund-amount-modal .refund-amount span {
    font-size: 20px;
    font-weight: 600;
}
.refund-amount-modal .master-card-box {
    display: flex;
    align-items: center;
    column-gap: 20px;
    padding: 20px;
    background-color: #EEF7FF;
    border-radius: 20px;
    margin: 15px 0 25px;
}
.refund-amount-modal .master-card-box .card-image {
    width: 30%;
    border-radius: 10px;
    overflow: hidden;
}
.refund-amount-modal .master-card-box .details {
    width: calc(100% - 30% - 20px);
}
.refund-amount-modal .master-card-box .details h5 {
    font-size: 16px;
    font-weight: 500;
}
.refund-amount-modal .master-card-box .details p {
    margin: 0;
    font-size: 14px;
}
.refund-amount-modal .refund-inqury {
    display: flex;
    align-items: center;
    column-gap: 10px;
    margin-bottom: 15px;
}
.refund-amount-modal .refund-inqury span {
    width: 15px;
    height: 15px;
    background-color: #03A0E5;
    color: #FFF;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.refund-amount-modal .refund-inqury span svg {
    height: 10px;
}

/* Refund Status Modal */
.refund-status-modal .refund-credited {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}
.refund-status-modal .refund-credited p:last-child {
    font-size: 14px;
    margin-bottom: 0;
}
.refund-status-modal .refund-credited span {
    font-size: 20px;
    font-weight: 600;
    color: #2FB77E;
}
.refund-status-modal .master-card-box {
    display: flex;
    align-items: center;
    column-gap: 20px;
    padding: 20px;
    background-color: #EEF7FF;
    border-radius: 20px;
    margin: 15px 0;
}
.refund-status-modal .master-card-box .card-image {
    width: 30%;
    border-radius: 10px;
    overflow: hidden;
}
.refund-status-modal .master-card-box .details {
    width: calc(100% - 30% - 20px);
}
.refund-status-modal .master-card-box .details h5 {
    font-size: 16px;
    font-weight: 500;
}
.refund-status-modal .master-card-box .details p {
    margin: 0;
    font-size: 14px;
}

/* Refund Pending Modal */
.refund-pending-modal .refund-pending {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}
.refund-pending-modal .refund-pending p:last-child {
    font-size: 14px;
    margin-bottom: 0;
}
.refund-pending-modal .refund-pending span {
    font-size: 20px;
    font-weight: 600;
}
.refund-pending-modal .master-card-box {
    display: flex;
    align-items: center;
    column-gap: 20px;
    padding: 20px;
    background-color: #EEF7FF;
    border-radius: 20px;
    margin: 15px 0;
}
.refund-pending-modal .master-card-box .card-image {
    width: 30%;
    border-radius: 10px;
    overflow: hidden;
}
.refund-pending-modal .master-card-box .details {
    width: calc(100% - 30% -20px);
}
.refund-pending-modal .master-card-box .details h5 {
    font-size: 16px;
    font-weight: 500;
}
.refund-pending-modal .master-card-box .details p {
    margin: 0;
    font-size: 14px;
}

.center_input_text input {
    text-align: center;
    padding: 0 2rem;
}

.center_input_text button.btn.btn-secondary {
    padding: 0 1rem;
    background: #4e585d8f!important;
    border-radius: 15px;
    min-width: 4rem !important;
}

.center_input_text {
    column-gap: 1rem;
}

.img_invoice img{
    width: 50%;
    height: 50%;
 }
 
  /* Service Agreement Css */
 .card_img_text {
    display: flex;
    padding: 15px;
    gap: 15px;
    border-radius: 10px;
    background: #EEF7FF;
    margin-bottom: 15px;
    align-items: center;
}

.card_img_text h3 {
    font-size: 18px;
    color: #0D447A;
    margin-bottom: 5px;
}

.card_img_text p{
    color: #6484A4;
    font-size: 16px;
    margin: 0;
}

.refund_amount_text {
    display: flex;
    gap: 10px;
    font-size: 16px;
    color: #00B1FF;
    margin-bottom: 15px;
    align-items: center;
}

.font-16 {
    font-weight: 500;
    color: #6484A4;
    font-size: 14px;
}


.proposalModal.agreement_modal_card .modal-dialog, .cancel-booking-modal.agreement_modal_card .modal-dialog {
    max-width: 1200px;
}

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


/* Carer Payment History CSS */

.content-wrapper.pament_page_screen {
    display: block;
}
.payment_add_bank_details {
    margin-bottom: 5rem;
}
.payment_add_bank_details .payment-process {
    background: #fff;
    padding: 3rem;
    border-radius: 1rem;
}
.payment_add_bank_details .payment-process .form-control {
    color: #212529;
    background-color: #EDEEEE;
}

.card_box_payment {
    margin-bottom: 3rem;
}

.date_picker_care 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;
}

.chat-action {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.chat-action .btn svg {
    max-width: 20px;
    max-height: 20px;
}
@media (max-width:767px){
    .carer-user-card-footer .about-carer-acceptences.justify-content-end {
        justify-content: flex-start !important;
    }
}