@media(min-width: 2499px){
    .register-form-left {
        flex: 0 0 42%;
    }
}
@media(max-width: 1580px){
    /* .carer-header-logo {
        min-width: 18rem;
        padding: 1.5rem;
    } */
    .carer-header .search-form-header {
        max-width: 29rem;
    }
    .site-header.carer-header .navbar-nav li:not(:last-child) {
        margin-right: 3rem;
    }
    .carer-header-logo .navbar-brand img {
        max-height: 7rem;
    }   
    .chat-cancel-btns .btn {
        min-width: 10rem;
    }
    .jobcard .card-body {
        padding: 2rem 2rem;
    }
    .sidebar {flex: 0 0 30rem;}
    .content-wrapper {width: calc(100% - 30rem);}
    .banner-caption h1 {
        font-size: 4.6rem;
    }
}
@media(max-width: 1599px) and (min-width: 1399px){
    .jobcard .card-body {
        flex-direction: column;
        gap: 2rem;
    }
    .jobcard .text-end {
        text-align: center!important;
    }
    .jobcount span {
        line-height: 5rem;
    }
    .jobcard .jobicon, .jobcard .jobicon img {
        max-width: 6rem;
        max-height: 6rem;
    }
}
@media(max-width: 1399px){
    .site-header .navbar-nav li:not(:last-child) {
        margin-right: 3rem;
      }
      .site-header .navbar-nav .nav-link {
        font-size: 1.6rem;
      }
      .banner-caption {
        padding: 0 4rem 0 0;
      }
      .works-list li h3 {
        font-size: 2.2rem;
      }
      .works-list li p {
        /* font-size: 1.4rem; */
    }
    .nav-tabs .nav-link {
        font-size: 2rem;
    }
    .works-list li {
        width: calc(100%/5);
    }
    .works-list li img {
        max-width: 14rem;
    }
    .service-slider .owl-nav {
        right: 2rem;
    }
    .carer-header .search-form-header {
        max-width: 22.9rem;
    }
    .site-header.carer-header .navbar-nav li:not(:last-child) {
        margin-right: 2.5rem;
    }
    .banner-caption h1 {
        font-size: 3.8rem;
    }
    .banner-section p {
        font-size: 2.4rem;
        margin-bottom: 4rem;
        font-weight: 600;
    }
    .cs-register-content {
        padding: 2.2rem 2rem;
    }
    .cs-register-text h1 {
        font-size: 4.6rem;
    }
    .cs-register-text p {
        font-size: 2rem;
    }
    .profile-submitted-icon svg {
        max-width: 15rem;
        max-height: 15rem;
    }
    .register-form-left {
        flex: 0 0 40%;
    }
}
@media(max-width: 1199px){
    .cs-register-text h1 {
        font-size: 3.8rem;
    }
    .cs-register-text p {
        font-size: 2.3rem;
    }
    .cs-register-content {
        padding: 2.2rem 2rem 2.2rem 2rem;
    }
    .site-header .navbar-nav li > a {
        font-size: 1.4rem;
    }
    .site-header .navbar-nav li:not(:last-child) {
        margin-right: 1.5rem;
    }
    .banner-caption h1 {
        font-size: 5rem;
    }
    .banner-section p {
        font-size: 2.4rem;
    }
    .carer-header-logo {
        min-width: 20rem;
        padding: 1rem 2.2rem;
    }
    .main-wrapper .sidebar {
        flex: 0 0 20rem;
    }
    ul.sideBarMenu li a {
        padding: 1.5rem 1rem 1.5rem 1.5rem;
    }
    ul.sideBarMenu li a.active:before {
        width: 0.4rem;
    }
    ul.sideBarMenu li a span {
        margin-right: 1rem;
    }
    .content-wrapper {
        display: block!important;
    }
    .search-form-header{display: none!important;}
    .search-form-header.active {
        position: absolute;
        width: calc(100% - 20rem);
        height: 9rem;
        right: 0;
        background: #fff;
        z-index: 9999;
        display: flex!important;
        align-items: center;
        max-width: 100%;
        margin: 0;
        padding: 0 1.5rem;
    }
    .searchbtn{
       display: block;
    }
    .searchbtn .carer-search-btn {
        width: auto;
        height: auto;
        background: none;
        color: #4e585d;
    }
    .search-form-header.active .search-close {
        display: block;
    }
    .search-form-header.active .search-close svg {
        max-width: 1.3rem;
        max-height: 1.3rem;
    }
    .green-theme .search-close svg path {
        fill: #10a74b!important;
    }
    .content-wrapper-right {
        display: flex;
        gap: 3rem;
    }
    .content-wrapper-right .card {
        width: 100%; border-radius: 0;
    }
    .chat-leftsidebar .chat-list {
        height: calc(100vh - 29.6rem);
    }
    .fs-18 {
        font-size: 1.6rem;
    }
    .site-header .btn {
        padding: 10px 10px;
    }
    .navbar-brand {
        margin-bottom: -3rem;
    }
    .inner-banner-section h2 {
        font-size: 3.2rem;
    }
    .carer-filter-part {
        flex: 0 0 20rem;
        right: -200%;
        z-index: 999;
        height: 100%;
        position: fixed;
        transition: all 0.3s ease-in-out;
    }
   
    .carer-filter-part.show {
        display: block;
        position: fixed;
        width: 60%;
        top: 0;
        height: 100vh;
        right: 0;
        /* background: #000000a6; */
        background: #fff;
        z-index: 9999;
        transition: all 0.3s ease-in-out;
    }
    /* .carer-filter-part.show .filter-part .card {
        height: 100vh;
    } */
    .carer-filter-part.show .filter-part .card .filters-area {
        height: 100vh;
        max-height: calc(100vh - 7rem);
    }
    button.close-filters {
        position: absolute;
        right: 1.5rem;
        top: 2rem;
        background: no-repeat;
        border: none;
    }
    body.filter-modal{overflow: hidden;}
    body.filter-modal:after {
        content: "";
        position: fixed;
        width: 100%;
        height: 100%;
        background: #0000008c;
        z-index: 999;
        left: 0;
        top: 0;
        transition: .3s;
    }
    .filter-mobile svg {
        max-width: 1.6rem;
        max-height: 1.6rem;
        margin-right: 0.5rem;
    }
    .avaiblity-filter {
        max-height: 100vh;
        overflow: auto;
    }
    .avaiblity-filter .close-filters {
        top: 1rem;
    }
    .avaiblity-filter .close-filters + form {
        padding-top: 4rem;
    }
    
    .search-result-page .filters-area.show {
        border-radius: 0;
        width: 90%;
        max-width: 60rem;
    }
    .search-result-page .filters-area{
        overflow: auto;
        max-height: 100vh;
    }
    .nav-tabs .nav-link {
        font-size: 1.6rem;
    }
    .banner-caption {
        padding: 2rem;
    }
    .btn {
        min-width: 13rem;
    }
    .site-header .navbar-nav .nav-link {
        font-size: 14px;
    }
}
@media(max-width: 1024px){
    .site-header.carer-header .navbar-nav li:not(:last-child) {
        margin-right: 2rem;
    }
}
@media(max-width: 991px){   
    p {
        font-size: 1.4rem;
    }
    .header-main nav.main-nav {
        display: none;
    }
    .header-main nav.main-nav.active {
        width: 100%;
        display: block;
        position: absolute;
        background: #fff;
        /* margin-top: 1rem; */
        box-shadow: 0 0.3rem 0.6rem rgb(0 0 0 / 10%);
        z-index: 1;        
        padding: 2rem;
        top: 100%;

    }
    .header-main nav.main-nav.active ul.navbar-nav {
        display: block;
        padding-bottom: 1rem;
    }
    .header-main nav.main-nav.active ul li {
        width: 100%;
        margin: 0;
    }
    .header-main nav.main-nav.active ul li a {
        padding: 1rem 1.5rem;
    }
    .top-menu ul .btn {
        padding: 0.6rem 1.5rem;
        font-size: 1.4rem;
    }    
    .main-header-bg {
        padding: 1rem 0;
        position: relative;
    }
    .header-top {
        align-items: start;
        padding: 0;
    }
    .top-menu ul .link-text {
        margin-bottom: 0.5rem;
        display: inline-block;
    }
    .header-top {
        flex-direction: column-reverse;
    }
    .navbar-brand {
        max-width: 16rem;
        margin-bottom: -8.2rem;
        position: absolute;
        z-index: 2;
    }
    .top-header-bg {
        padding: 0 1rem;
    }
    .header-main nav.main-nav.active ul li.carer, .header-main nav.main-nav.active ul li.care-seeker {
        width: auto;
        display: inline-block;
        padding-left: 1rem;
        margin-top: 1rem;
    }
    .banner-caption h1 {
        font-size: 4rem;
        margin-bottom: 3rem;
    }
    .banner-section p {
        font-size: 2rem;
        margin-bottom: 3rem;
    }
    .works-list li img {
        max-width: 12rem;
    }
    .works-list li h3 {
        font-size: 2rem;
    }
    .search-action [type=search] {
        font-size: 1.6rem;
    }
    .search-action .btn {
        font-size: 1.6rem;
    }
    .works-list {
        display: block;
    }
    .works-list li {
        width: 49%;
        display: inline-block;
        max-width: 100%;
        margin-bottom: 3rem;
    }
    .works-list li:nth-child(2):after {
        display: none;
    }
    .repeat-section {
        padding: 4rem 0;
    }
    .services-section .col-12.mt-6 {
        margin-top: 4rem;
    }
    .about-section .about-image {
        margin-bottom: 3rem;
    }
    .about-section .about-content {
        max-width: 100%;
    }
    .download-app-content {
        text-align: center;
    }
    .download-app-image {
        text-align: center;
    }
    .nav-tabs {
        margin-bottom: 3rem;
    }
    .footer-section h5 {
        margin-top: 2rem;
    }
    .client-content-bx {
        padding: 4rem 3rem 4rem 3rem;
    }
    .sec-heading h2 {
        font-size: 3.6rem;
    }
    .client-content-bx p {
        font-size: 1.8rem;
    }
    .client-content-bx>img {
        max-width: 5rem;
    }
    .nav-tabs .nav-link {
        font-size: 1.6rem;
    }

    .carer-header .navbar-brand {
        max-width: 16rem;
        margin-bottom: 0;
        position: relative;
        display: block;
    }
    .navbar-brand.homelogo{max-width: 18rem;position: absolute; margin-bottom: -9rem; z-index: 1;}
    form.search-form-header {
        display: none!important;
    }
    form.search-form-header.active {
        display: block!important;
    }
    .search-form-header .search-close{display: block;}
    form.search-form-header.active {
        position: absolute;
        background: #fff;
        margin: 0;
        padding: 1rem;
        display: flex!important;
    }
    .mobile-menu-icons {
        /* min-height: 10rem; */
        align-items: center;
        display: flex;
    }
    .header-main .carer-header-menu {
        width: 100%;
        top: 0;
        right: 0;
        position: fixed;
        height: 100vh;
        background: #00137ce6;
        z-index: 99999;
        transform: translateX(200%);
       transition: all 0.3s ease-in-out;
    }
    .header-main.active .carer-header-menu {
        transform: translateX(0%);
       transition: all 0.3s ease-in-out;
    }
    .carer-header .carer-header-menu .main-nav {
        right: 0;
        top: 0;
        margin-top: 0!important;
        width: 60%!important;
        height: 100vh;
        overflow: auto;
        z-index: 999;
    }
    .header-main .remove-sidebar-btn {
        z-index: 999;
        position: fixed;
        right: 0;
        top: 0;
        width: 5rem;
        height: 5rem;
        border: none;
        background: #10A74B;
        transform: translateX(200%);
        transition: visibility .3s ease-in-out, transform .3s ease-in-out;
        display: none;
    }
    .header-main.active .remove-sidebar-btn {
        right: 60%;
        transform: translateX(0%);
        transition: visibility .3s ease-in-out, transform .3s ease-in-out;
        display: block;
    }
    .blue-theme .carer-header-menu .remove-sidebar-btn {
        background: #00B1FF;
    }
    .carer-header.site-header .navbar-nav li a.notifications .notification-text{display: inline-block;}
    .carer-header .profile-dropdown-menu {
        width: 100%;
    }
    .complete-profile-title h2 {
        font-size: 3rem;
    }
    .complete-profile-title p {
        font-size: 1.7rem;
    }
    .profile-progress-bar li .step-name {
        font-size: 1.8rem;
    }
    .profile-progress-bar li .step-number {
        width: 3rem;
        height: 3rem;
        min-width: 3rem;
        min-height: 3rem;
    }
    .profile-progress-bar li .step-number::before {
        height: 2rem;
        width: 2rem;
    }
    .complete-profile-card .cs-register-form-body {
        padding: 0rem 2rem 3rem 2rem;
    }
    .carer-header .header-main{padding-bottom: 0rem; align-items: center; padding-right: 0;}
    .carer-header .header-main .search-form-header {
        box-shadow: 0 0 1.5rem #0000001f;
    }
    .section-title h2 {
        font-size: 2.8rem;
    }
    .user-chat {
        display: none;
    }
    .user-chat.active {
        display: block;
    }
    .chat-section .chat-leftsidebar {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .chat-leftsidebar.hide {
        display: none;
    }
    button.user-chat-remove {
        background: no-repeat;
        border: none;
        min-width: 3rem;
    }
    .searchbtn{
        display: none;
     }
    .sidebarMenu-btn {
        flex: 0 0 5rem;
        border: none;
        background: transparent;
        color: #0d447a;
    }
    .green-theme .sidebarMenu-btn {
        color: #10a74b;
    }
    .sidebarMenu-btn svg {
        max-width: 2rem;
        max-height: 2rem;
    }
    .sidebar-open .sidebarMenu-btn svg {
        rotate: 180deg;
    }
    .main-wrapper .sidebar {
        flex: 0 0 20rem;
        left: -100%;
        z-index: 999;
        height: 100%;
        position: absolute;
        transition: all 0.3s ease-in-out;
    }
    .main-wrapper .sidebar.active {
        left: 0;
        width: 20rem;
        z-index: 9999;
        transition: all 0.3s ease-in-out;
        
    }
    .sidebar-open:after {
        content: "";
        position: fixed;
        left: 0rem;
        top: 9rem;
        width: 100%;
        height: calc(100% - 9rem);
        background: #00000094;
        z-index: 1;
        transition: all 0.3s ease-in-out;
    }
    .search-form-header.active {
        width: 100%;
    }
    .main-wrapper {
        height: calc(100vh - 9rem);
    }
    .main-wrapper .sidebar {
        max-height: calc(100vh - 9rem);
    }
    .notification-list .dropdown-menu {
        max-width: 100%!important;
        position: relative!important;
        transform: translate3d(0, 0, 0)!important;
        box-shadow: none!important;
    }
    .about-content {
        margin-bottom: 0rem;
    }
    .cs-register-text h1 {
        font-size: 3.2rem;
    }
    .cs-register-text p {
        font-size: 2rem;
    }
    .single-services .services-content h3 {
        font-size: 2rem;
    }
    .my-checkbox .form-check-label {
        font-size: 1.4rem;
    }
    .my-checkbox .form-check-input {
        width: 1.6rem;
        height: 1.6rem;
    }
    /* .main-menu .site-header.sticky .header-main.active .carer-header-menu {
        top: 0;
        transform: translateY(0);
        z-index: 9999;
    } */
    body.OverflowHide{overflow: hidden;}
    .site-header .navbar-nav .nav-link {
        font-size: 16px;
    }
}
@media(max-width: 767px){
    .cs-logo {
        padding-bottom: 5rem;
    }
    .cs-register-section{
        display: block;
        height: auto;
        text-align: center;
    }
    .cs-register-content {
        max-width: 100%;
        min-height: auto;
        text-align: center;
    }
    .register-form-left{height: auto;}
    .cs-register-form-container{min-height: auto;}
    .email-verification-content {padding-top: 4rem;}
    .top-menu ul .link-text {
        font-size: 1.3rem;
    }
    .top-menu ul .btn {
        font-size: 1.3rem;
    }
    .top-menu ul li:not(:last-child) {
        margin-right: 1rem;
    }
    .top-menu ul .link-text > img {
        max-width: 1.6rem;
        max-height: 1.6rem;
    }
    .banner-caption {
        padding: 1.5rem;
    }
    .banner-caption h1 {
        font-size: 3.6rem;
    }
    .cs-register-form {
        height: auto;
    }
    .carer-header .search-form-header input, .carer-header .search-form-header input:focus, .carer-header .search-form-header input:active {
        min-height: 5rem
    }
    .search-form-header .search-close {
        width: 5rem;
        height: 5rem;
        min-width: 5rem;
        min-height: 5rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .profile-progress-bar li {
        padding: 2rem 0.5rem;
    }
    .complete-profile-card label {
        font-size: 1.5rem;
    }
    .profile-progress-bar li .step-name {
        font-size: 1.5rem;
    }
    .profile-progress-bar li .step-number {
        margin-right: 1rem;
    }
    .complete-profile-title .backbtn a span {
        width: 3rem;
        height: 3rem;
    }
    .profile-submitted-icon svg {
        max-width: 15rem;
        max-height: 15rem;
    }
    .profile-submitted .modal-dialog .modal-body h2 {
        font-size: 3rem;
        margin-bottom: 2rem;
    }
    .profile-submitted .modal-dialog .modal-body p {
        font-size: 1.6rem;
    }
    .section-title h2 {
        font-size: 2.4rem;
    }  
    .content-wrapper-right {
        display: block;
    }
    .content-wrapper {
        padding: 2rem 1.5rem 2rem 1.5rem;
    }
    .profileTabs {
        max-width: 100%;
        display: inline-block;
        white-space: nowrap;
        overflow: auto;
        /* border-radius: 0; */
    }
    .profileTabs li.nav-item {
        display: inline-flex;
        margin-bottom: 0.5rem;
    }
    .transaction-history table th, .transaction-history table td {
        font-size: 1.4rem;
    }    
    .chat-cancel-btns .btn {
        margin-top: 0.5rem;
    }
    .works-list li img {
        max-width: 9rem;
        max-height: 9rem;
    }
    .works-list li p {
        font-size: 14px;
    }
    .works-list li h3 {
        margin-bottom: 1rem;
    }
    .common-modal {
        padding: 2rem;
    }
    .inner-banner-section h2 {
        font-size: 2.4rem;
    }
    .inner-banner-section .pages-list li {
        font-size: 1.4rem;
    }
    .coupon-offer-text h4 {
        font-size: 1.4rem;
    }
    .coupon-name {
        font-size: 1.8rem;
    }
    .chat-conversation .conversation-list {
        max-width: 90%;
    }
    .booking-request-progressbar ul li::after {
        top: 3.5rem;
    }
    .booking-request-progressbar ul li .step-name {
        font-size: 1.6rem;
    }
}
@media(max-width: 575px){
    .main-title {
        font-size: 2.4rem;
    }
    .fs-22 {
        font-size: 2rem;
    }
    .fs-18 {
        font-size: 1.6rem;
    }
    .fs-16 {
        font-size: 1.4rem;
    }
    p {
        font-size: 1.3rem;
    }
    .job-shift-and-duration span {
        font-size: 1.3rem;
    }
    .experiance ul li {
        font-size: 1.4rem;
    }
    .cs-register-form-body {
        padding: 0rem 1rem;
    }
    .cs-register-content {
        padding: 2.2rem 1rem 2.2rem 1rem;
    }
    .cs-register-form-container {
        padding-top: 3rem;
    }
    .email-verification-content .email-icon svg{
        max-width: 8rem; max-height: 8rem;
    }
    .top-menu {
        display: block;
    }
    /* .top-header-bg {
        height: 7rem;
    } */
    .top-header-bg {
        height: 4.5rem;
    }
    .navbar-brand {
        margin-bottom: -7.1rem;
    }
    .works-list li {
        width: 100%;
    }
    .works-list li:after {
        display: none!important;
    }
    .quick-links.services-links {
        column-count: 2;
    }
    .sec-heading h2 {
        font-size: 3rem;
    }
    #client-image .owl-stage-outer .owl-stage{
        text-align: center;
        /* width: 100%!important; */
    }

    .copyright-section p {
        text-align: center;
    }
    .copyright-section ul {
        justify-content: center;
        margin-top: 1rem;
    }
    .client-content-bx p {
        font-size: 1.5rem;
    }
    .client-content-bx {
        padding: 2rem 1rem 2rem 1rem;
    }
    .client-content-bx>img {
        max-width: 4rem;
        margin: 0 auto 2rem;
    }
    .donload-app-details h5 {
        font-size: 2rem;
    }
    .donload-app-details p {
        font-size: 1.4rem;
    }
    .cta-design .left-cta {
        padding: 3rem;
    }
    .cta-design p {
        font-size: 1.4rem;
    }
    .cta-design .right-cta {
        padding: 3rem;
    }
    .banner-section p {
        font-size: 1.6rem;
    }
    .banner-caption h1 {
        font-size: 2.6rem;
        margin-bottom: 1.5rem;
    }
    .banner-caption {
        padding: 2rem 1rem 0 1rem;
    }
    .services-content h3 {
        font-size: 1.6rem;
    }
    .search-action .btn {
        min-width: 13rem;
        font-size: 1.4rem;
    }
    .services-section .col-12.mt-6 {
        margin-top: 2rem;
    }
    .search-action [type=search] {
        font-size: 1.4rem;
        padding: 1.6rem 13.5rem 1.6rem 5rem;
    }
    .carer-header .carer-header-menu .main-nav {
        width: 85%!important;
    }
    .header-main.active .remove-sidebar-btn {
        width: 4rem;
        height: 4rem;
        right: 85%;
    }
    .header-main nav.main-nav.active {
        padding: 1rem;
    }
    .site-header.carer-header .navbar-nav .nav-link {
        font-size: 1.5rem;
    }
    .complete-profile-title {
        padding: 0;
    }
    .complete-profile-title .backbtn {
        position: relative;
        text-align: left;        
        padding-bottom: 2rem;

    }
    .complete-profile-section {
        padding-top: 3rem;
    }
    .profile-progress-bar {
        display: flex;
        white-space: nowrap;
        overflow: auto;
    }
    .profile-progress-bar li {
        justify-content: flex-start;
        padding-left: 1.5rem;
    }
    .cs-register-form-body .form-control {
        font-size: 1.4rem;
        height: 5rem;
    }
    .complete-profile-card p.fs-18 {
        font-size: 1.3rem;
    }
    .complete-profile-card .btn.btn-dark-green {
        min-width: 15rem;
        min-height: 5rem;
        padding: 1rem 2rem;
        justify-content: center;
        align-items: center;
        display: inline-flex;
        line-height: normal;
    }
    .profile-progress-bar li::after {
        height: 0.2rem;
    }
    .carer-search-btn, .navigation-btn {
        width: 4rem !important;
        height: 4rem !important;
    }
    .carer-search-btn svg, .navigation-btn svg {
        max-width: 1.6rem;
    }
    .carer-header-logo {
        min-width: 15rem;
        padding: 1rem;
    }
    .carer-header-logo .navbar-brand img {
        max-height: 5rem;
    }
    .mobile-menu-icons {
        min-height: 6rem;
    }
    .carer-header .header-main .search-form-header {
        min-height: 6rem;
    }
    .checkmark-icon svg {
        max-width: 11rem;
    }
    .profile-submitted .modal-dialog .modal-body p {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .book-slot-btn {
        margin-top: 2rem;
    }
    .profile-submitted .modal-dialog .modal-body {
        padding: 3rem 5rem;
    }
    .complete-profile-title h2 {
        font-size: 2.4rem;
    }
    .complete-profile-title p {
        font-size: 1.5rem;
    }
    .section-title h2 {
        font-size: 2rem;
    }
    .aboutus-content p {
        font-size: 1.4rem;
    }
    .aboutus-checklist li {
        font-size: 1.6rem;
    }
    .welcome-back {
        flex-direction: column-reverse;
        text-align: center;
    }
    .main-wrapper {
        height: calc(100vh - 7rem);
    }
    .content-wrapper, .main-wrapper .sidebar {
        max-height: calc(100vh - 7rem);
    }
    .sidebar-open:after {
        top: 7rem;
        height: calc(100% - 7rem);
    }
    .welcome-back-content h3 {
        font-size: 2rem;
    }
    .chat-with-carer {
        font-size: 1.3rem;
        margin-top: 0.5rem;
    }
    .profileTabs li.nav-item .nav-link {
        font-size: 1.4rem;
    }
    .btn {
        font-size: 1.5rem;
    }
    .carer-dropdown, .carer-input, .carer-dropdown:hover, .carer-input:hover, .carer-dropdown:focus, .carer-input:focus {
        font-size: 1.4rem;
    }
    ::-webkit-scrollbar {
        height: 5px;
    }
      
    ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
    }
    
    ::-webkit-scrollbar-thumb {
    height: 4px;
    background-color: #d1d1d1;
    }
    
    ::-webkit-scrollbar-thumb:hover {
    background-color: #F5F5F5;
    }
    
    ::-webkit-scrollbar:vertical {
    display: none;
    }
    .card-body.p-5 {
        padding: 2rem!important;
    }
    .carer-user-card-footer {
        display: block;
    }
    .about-carer-acceptences {
        width: 100%;
    }
    .about-carer-acceptences .title {
        font-size: 1.4rem;
    }
    .about-carer-acceptences .price {
        font-size: 2rem;
    }
    .job-title a, .job-title h4 {
        font-size: 1.8rem;
    }
    .job-shift-and-duration span img {
        max-width: 1.6rem;
        max-height: 1.6rem;
    }
    .chat-conversation {
        height: calc(100vh - 34.2rem);
    }
    .chat-leftsidebar .chat-list {
        height: calc(100vh - 22.9rem);
    }
    .navbar-brand.homelogo{margin-bottom: -8rem;}
    .inner-banner-section h2 {
        font-size: 2rem;
    }
    .single-services .services-content h3 {
        font-size: 1.8rem;
    }
    .search-result-section .about-carer-acceptences:not(:last-child) {
        border-bottom: solid 0.1rem #f6f6f6;
        padding-bottom: 0.5rem;
        margin-bottom: 0.8rem;
    }
    .carer-name-shift h4, .carer-name-shift h4 a {
        font-size: 1.8rem;
        color: #0D447A;
    }
    .carer-image-name ul li {
        font-size: 1.3rem;
    }
    .job-title a, .job-title h4 {
        font-size: 1.8rem;
    }
    .experiance ul li {
        font-size: 1.4rem;
    }
    .getcode-expiry-date {
        flex-direction: column-reverse;
    }
    .getcode-expiry-date {
        margin-top: 1rem;
    }
    .codeexpiry-totalusers {
        width: 100%; margin-bottom: 0.6rem;
    }
    /* .coupon-wrapper {
        display: inline-block;
    }
    .coupon-wrapper .coupon-input {
        display: inline-block;
    } */
    .coupon-offer-text h4 {
        font-size: 1.3rem;
    }
    .coupon-name {
        font-size: 1.6rem;
    }
    .coupon-icon-date {
        flex: 0 0 9rem;
    }
    .coupon-icon {
        width: 9rem;
        height: 9rem;
        font-size: 2.2rem;
        line-height: 2.2rem;
    }
    .coupon-type-code {
        padding-left: 1rem;
    }
    .chat-conversation .conversation-list {
        max-width: 100%;
    }
    .carer-filter-part.show {
        width: 80%;
    }
    ul.button-top {
        display: none;
    }
    .top-menu ul {
        justify-content: end;
    }
    .container {
        padding: 0rem 2rem;
    }
    .cta-design .container {
        padding: 0rem 0.75rem;
    }
    .cs-logo {
        padding-bottom: 3rem;
    }
    .form-select + .select2 .selection .select2-selection {
        min-height: 5rem;
    }
    .carer-dropdown, .carer-input, .carer-dropdown:hover, .carer-input:hover, .carer-dropdown:focus, .carer-input:focus {
        height: 5rem;
    }
}
@media(max-width: 480px){
    .cs-register-text h1 {
        font-size: 2.8rem;
    }
    .cs-register-text p {
        font-size: 1.8rem;
    }
    .cs-register-form-body h3 {
        font-size: 2.6rem;
    }
    .cs-register-form-body p {
        font-size: 1.4rem;
    }
    .fs-16 {
        font-size: 1.4rem;
    }
    #client-feedbacks {
        max-width: 100%;
    }
    .download-buttons>a {
        max-width: calc(50% - 2rem);
    }
    .common-modal .cs-register-form-body form ul.social-logins li {
        width: 100%;
        padding-right: 0!important;
    }
    .common-modal .cs-register-form-body form ul.social-logins li a:not(last-child) {
       margin-bottom: 2rem;
       text-align: center;
    }
    #client-image .owl-stage-outer .owl-stage .owl-item {
        margin-right: 0!important;
        /* width: 7rem!important; */
    }
    .profile-submitted-icon svg {
        max-width: 11rem;
        max-height: 11rem;
    }
    .profile-submitted .modal-dialog .modal-body {
        padding: 3rem 2rem;
    }
    .social-logins li {
        display: block;
        padding-right: 0rem!important;
        margin-bottom: 1.5rem;
    }
    ul.social-logins li a {
        text-align: center;
    }
}
@media(max-width: 400px){
    .cs-register-form-header a.btn {
        width: 100%;
        margin-bottom: 1rem;
    }
    .otp-inputs input {
        width: 6.5rem;
        height: 6.5rem;
    }
   
    .calander-card .month-wrapper table tr td {
        padding: 0rem;
    }
    .nav-tabs .nav-link {
        padding: 1rem 1.5rem;
    }
    .btn {
        font-size: 1.3rem;
    }
    .coupon-icon {
        width: 8rem;
        height: 8rem;
    }
    .coupon-icon-date {
        flex: 0 0 8rem;
    }
    .coupon-type-code {
        padding-left: 0rem;
    }
    .coupon-name {
        font-size: 1.4rem;
    }
    .coupon-offer-text h4 {
        font-size: 1.2rem;
    }
    .codeexpiry-totalusers span {
        font-size: 1.2rem;
    }
    .coupon-wrapper .coupon-input {
        font-size: 1.2rem;
    }
    button.getcode-btn {
        font-size: 1.4rem;
    }
    .coupon-wrapper {
        gap: 1rem;    
        width: calc(100% + 6rem);
        justify-content: end;
    }
    
    .carer-filter-part.show {
        width: 90%;
    }
}