:root {
    --categoreis-width: 160px;
    --categoreis-height: 160px;
    --highlight-color: null;
}



.bt_brw {
    display: none;
}

.browse-prac-allprac {
    margin-top: -15px;
}

.a-hc-default {
    color: #2b8cf8 !important;
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer;
}

::selection {
    /* background: var(--primary-color);
    color: white;*/
    /* background: var(--highlight-color);*/
}

::-moz-selection {
    /* background: var(--primary-color);
    color: white;*/
    background: var(--highlight-color);
}

::-webkit-selection {
    /* background: var(--primary-color);
    color: white;*/
    background: var(--highlight-color);
}

::-o-selection {
    /* background: var(--primary-color);
    color: white;*/
    background: var(--highlight-color);
}

::-ms-selection {
    /* background: var(--primary-color);
    color: white;*/
    background: var(--highlight-color);
}

.sometic-margin {
    margin-top: 3%
}

#header-bg .header-bg-content h2.title.top-header {
    display: none;
}

#header-bg .header-bg-content h1.title {
    display: none;
}

.header-bg-content div#SignUpTitle {
    display: none;
}

.book-seesion-btn:hover {
    background: #05a9af;
}

.book-video-seesion-btn:hover {
    background: #05a9af;
}

#card .hc-default-btn:hover {
    background: #05a9af;
}

#card .back .bottom-sec .continue-button:hover {
    background: #05a9af;
}

.btn-paynw:hover {
    background: #05a9af;
}

.buttn-pack:hover {
    background: #05a9af;
}

img.img-arange-slider {
    width: 100%;
    min-height: 175px;
    border-radius: 6px;
}

#wrapper .headerinner-wrapper {
    background: var(--white-color);
}

    #wrapper .headerinner-wrapper #headerinner .menu > ul {
        margin: 0;
    }

        #wrapper .headerinner-wrapper #headerinner .menu > ul > li > a {
            font-weight: 500;
            font-size: 16px;
            color: transparent;
            color: white;
            padding: 0 3px;
            margin: 0 1px;
            border-radius: 5px;
            text-shadow: -1px 0px 7px rgba(59, 61, 61, 0.25);
        }

    #wrapper .headerinner-wrapper #headerinner .x-sign {
        border: 1.5px solid #FFFFFF;
        position: relative;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        color: #fff;
        font-size: 18px;
        font-weight: 500;
        padding: 6px 25px;
        margin-left: 0px;
        margin-left: 10px;
        margin-right: 5px;
    }

    #wrapper .headerinner-wrapper #headerinner .x-login {
        border: 1.5px solid #ffffff;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        color: var(--primary-color);
        font-size: 18px;
        font-weight: 500;
        padding: 7px 25px;
        line-height: 40px;
        text-shadow: none;
        margin-left: 10px;
        background-color: rgba(255, 255, 255, 0.5);
    }

.x-login:hover {
    background: #05a9af
}

.textUC {
    text-transform: uppercase;
}

.life-coac-landing-banner {
    position: relative;
    background-image: url('/Content/images/life-coaching-landing-banner.jpg');
    min-height: 631px;
    background-size: cover;
    background-position: center;
}

.personal-growth-coac-landing-banner {
    position: relative;
    background-image: url('/Content/images/personalgrowth-landing-banner.jpg');
    min-height: 631px;
    background-size: cover;
    background-position: center;
}

.relationship-coac-landing-banner {
    position: relative;
    background-image: url('/Content/images/relationship-coaching-landing-banner.jpg');
    min-height: 631px;
    background-size: cover;
    background-position: center;
}

.reiki-coac-landing-banner {
    position: relative;
    background-image: url('/Content/images/reiki-landing-banner.jpg');
    min-height: 631px;
    background-size: cover;
    background-position: center;
}

.hypnosishypno-coac-landing-banner {
    position: relative;
    background-image: url('/Content/images/hypnosis-landing-banner.jpg');
    min-height: 631px;
    background-size: cover;
    background-position: center;
}

.distance-healing-coac-landing-banner {
    position: relative;
    background-image: url('/Content/images/distance-healing-landing-banner.jpg');
    min-height: 631px;
    background-size: cover;
    background-position: center;
}

.addiction-coac-landing-banner {
    position: relative;
    background-image: url('/Content/images/addiction-landing-banner.jpg');
    min-height: 631px;
    background-size: cover;
    background-position: center;
}

.d-text-center {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 610px;
}

.banner-heading-text {
    color: #fff;
    font-size: 38px;
    text-shadow: -1px 0px 7px #3B3D3D;
    font-weight: 500;
    letter-spacing: 1.3px;
}

.banner-para-text {
    color: #fff;
    font-size: 22px;
    text-shadow: -1px 0px 7px #3B3D3D;
    font-weight: 500;
    margin: 20px 0;
    letter-spacing: 1.2px;
}

.book-seesion-btn {
    background: var(--primary-color);
    color: #ffffff !important;
    text-align: center;
    Padding: 10px 30px;
    text-decoration: none !important;
    display: inline-block;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    font-size: 18px;
    font-weight: 500;
    box-shadow: 0 4px 9px 0 rgba(0,0,0,.18), 0 2px 8px 0 rgba(0,0,0,.15);
    border: 2px;
    border-radius: 25px;
    margin: 10px 0;
    text-transform: uppercase;
}

.banner-bottom-strip {
    height: 107px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

    .banner-bottom-strip p {
        font-size: 36px;
        font-weight: 600;
        color: #fff;
        letter-spacing: 1px;
        margin-bottom: 0;
        line-height: 46px;
    }

    .banner-bottom-strip label {
        font-size: 21px;
        color: var(--on-primary-color);
        font-weight: 500;
        letter-spacing: 1px;
        margin-bottom: 0 !important;
    }

.certified-prac-div {
    display: flex;
    justify-content: flex-start;
}

.completed-session {
    display: flex;
    justify-content: flex-end;
}


section.heal-your-mind {
    padding: 62px 0 74px;
    position: relative;
}

    section.heal-your-mind p {
        font-size: 15px;
        color: #5b5b5b;
        letter-spacing: 1px;
        font-weight: 500;
        line-height: 26px;
    }

.heal-your-mind-heading {
    line-height: 36px;
}

section.heal-your-mind p:last-child {
    margin-bottom: 0;
}

/*how cite works*/
section.how-it-works {
    padding: 50px 0 50px;
    position: relative;
}

.how-it-works .row h2 {
    font-size: 19px;
    color: #5b5b5b;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 36px 0 27px;
}

.how-it-works .row p {
    font-size: 15px;
    color: var(--on-primary-color);
    font-weight: 300;
    line-height: 25px;
}

.safety-n-security-section {
    padding-bottom: 70px;
    position: relative;
}

    .safety-n-security-section ol {
        margin-top: 40px;
    }

        .safety-n-security-section ol li {
            font-size: 16px;
            color: #5b5b5b;
            letter-spacing: 1px;
            font-weight: 500;
            line-height: 29px;
            padding: 8px 0;
        }

    .safety-n-security-section .imgs img {
        width: 75%;
    }

    .safety-n-security-section ol li p {
        color: #434343;
        font-size: 18px;
    }

.section-below-heading {
    font-size: 24px;
    color: var(--primary-color);
    margin: 0px;
    margin-bottom: 48px;
    font-weight: 600;
}

    .section-below-heading span.h1Span {
        font-size: 12px;
        color: #555555;
    }

/*css form qualified pract live video session*/
.vjs-has-started .vjs-control-bar {
    display: none !important;
}

.video-js .vjs-big-play-button {
    font-size: 3em !important;
    line-height: 1.1em !important;
    height: 1.2em !important;
    width: 2em !important;
    display: block;
    position: absolute;
    top: 41% !important;
    left: 41% !important;
    padding: 0;
    cursor: pointer;
    opacity: 0.5 !important;
    border: 0.06666em solid #fff !important;
    background-color: rgba(43, 51, 63, 0.17) !important;
    border-radius: 0.3em;
}

.vjs-poster {
    background-size: cover !important;
}

section.live-video-session {
    margin-bottom: 70px;
}


.qualified-practitioners .thumbnail {
    position: relative;
    text-align: center;
    margin: 15px 0;
    padding: 0px;
    float: left;
    min-height: 300px;
    width: 100%;
    border-radius: 15px;
    border: 0px solid #efefef;
    background-color: #FFF;
    -webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15);
    overflow: hidden;
}

    .qualified-practitioners .thumbnail .cardImgBox {
        min-height: 197px;
    }

    .qualified-practitioners .thumbnail:hover {
        text-decoration: none;
    }

    .qualified-practitioners .thumbnail h4 {
        display: block;
        margin: 0px 0;
        color: #5b5b5b;
        font-size: 21px;
        padding-bottom: 0px;
        width: 100%;
        border-top: 1px solid #f4f2f2;
        padding-top: 14px;
    }

    .qualified-practitioners .thumbnail p {
        color: #7f7e7e;
        font-weight: 500;
        font-size: 16px;
        min-height: 50px;
        padding: 6px 0 0 0;
    }

.cradImgBoxUserIMG img.parc-image {
    width: 125px;
    height: 125px;
    left: 0;
    right: 0;
    overflow: hidden;
    margin: 0px auto;
    border-radius: 100%;
    border: 1px solid #68c8cb;
}

.qualified-practitioners .thumbnail p span {
    display: block;
    margin: 5px;
    font-weight: 500;
    color: #60c7c4;
    text-transform: uppercase;
}

.qualified-practitioners .play-txt {
    color: white !important;
    font-weight: 500 !important;
    position: absolute;
    font-size: 16px !important;
    right: 0;
    text-align: center;
    text-decoration: underline;
    left: 0;
    top: 82px;
}

.qualified-practitioners .close-btn img {
    width: 15px;
}

.qualified-practitioners .videoClose {
    position: absolute;
    right: 9px;
    top: 9px;
}

.qualified-practitioners .cardVideoBox {
    min-height: 170px;
    background: #FFF;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 4;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
}

.qualified-practitioners .video-js {
    width: 100%;
    height: 197px;
    transform: scale(1.1);
}

.qualified-practitioners .vjs-v7 {
    transform: scale(1.2);
}

.videoClose {
    position: absolute;
    right: 4px;
    top: 15px;
    color: #FFF;
    z-index: 99;
    cursor: pointer;
}

.qualified-practitioners .cradImgBoxUserIMG {
    position: relative;
    top: 35px;
}

    .qualified-practitioners .cradImgBoxUserIMG .usericondiv {
        position: absolute;
        width: 50px;
        height: 50px;
        padding: 0;
        z-index: 3;
        right: 7px;
        top: -34px;
        margin: 0px auto;
    }

        .qualified-practitioners .cradImgBoxUserIMG .usericondiv img {
            width: 100%;
            cursor: pointer;
        }

.cardImgBox:hover .hover-overlay {
    position: absolute;
    width: 92.5%;
    height: 190px;
    background-color: rgba(0, 0, 0, 0.75);
    z-index: 2;
    border-radius: 10px 10px 0px 0px;
    border: 1px solid #efefef;
    border-bottom: 0
}

.pract-video-div .vjs-poster {
    position: relative;
}
/* carousel */
.carousel-control {
    width: 0;
}
/* Previous button  */
.qualified-practitioners .carousel-control.left {
    left: -55px;
    background-image: none !important;
    height: 40px;
    width: 40px;
    margin-top: 11%;
    color: #089291;
    font-size: 40px;
    opacity: 1;
}
/* Next button  */
.qualified-practitioners .carousel-control.right {
    right: -55px;
    background-image: none;
    height: 40px;
    width: 40px;
    margin-top: 11%;
    position: absolute;
    color: #089291;
    display: block;
    font-size: 40px;
    opacity: 1;
}
/* Changes the position of the indicators */
.carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}
/* Changes the colour of the indicators */
.carousel-control > a > span {
    color: #35aaaa;
}

.carousel-indicators .active {
    background: var(--on-primary-color);
}

/* End carousel */

.book-video-seesion-btn {
    background: var(--primary-color);
    color: #ffffff !important;
    text-align: center;
    Padding: 12px 30px;
    text-decoration: none !important;
    display: inline-block;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    font-size: 18px;
    font-weight: 500;
    box-shadow: 0 4px 9px 0 rgba(0,0,0,.18), 0 2px 8px 0 rgba(0,0,0,.15);
    border: 2px;
    border-radius: 25px;
    letter-spacing: 2px;
    margin-top: 25px;
    text-transform: uppercase;
}

/* end css form qualified pract live video session*/
.dash-message {
    flex-direction: column;
    align-items: baseline;
}
/*hear it from our user*/


section.hear-it-from-our-user {
    margin-bottom: 70px;
    padding: 0 2%;
}

.center-mode-video {
    overflow: hidden;
    min-height: 306px;
}

.hear-it-from-our-user .video-js {
    width: 100% !important;
    min-height: 222px;
    margin: 0 auto;
}

.slick-center .video-js {
    width: 100% !important;
    min-height: 270px;
    margin: 0 auto;
}

.hear-it-from-our-user .video-js {
    transform: scale(1.3);
}

.hear-it-from-our-user .pract_video_12-dimensions, .hear-it-from-our-user .pract_video_9-dimensions {
    transform: scale(1.5);
}

.hear-it-from-our-user .video-js .vjs-big-play-button {
    left: 46% !important;
    border: 0 !important;
    background-color: var(--primary-color) !important;
    opacity: 1 !important;
    width: 50px !important;
    height: 30px !important;
    border-radius: 6px !important;
    visibility: hidden;
    top: 43% !important;
}

.vjs-icon-play:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before {
    content: "\f101";
    font-size: 21.5px;
    position: absolute;
    top: -1px !important;
}

.hear-it-from-our-user .slick-list {
    overflow: visible;
}


.center-mode-video p {
    width: 94%;
    position: absolute;
    color: #c5c5c5;
    font-size: 13.66px;
    font-weight: 500;
    bottom: -43px;
}

.center-mode-video .slick-center p {
    width: 94%;
    position: absolute;
    color: var(--primary-color);
    font-size: 17.83px;
    font-weight: 500;
    bottom: -45px;
}

.hear-it-from-our-user .slick-track {
    display: flex;
    align-items: center;
}

.pract-video-div {
    -webkit-box-shadow: 0px 5px 14px -4px rgba(130,130,130,1);
    -moz-box-shadow: 0px 5px 14px -4px rgba(130,130,130,1);
    box-shadow: 0px 5px 14px -4px rgba(130,130,130,1);
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}

.col-md-4.col-xs-12.slick-slide.slick-current.slick-active.slick-center .vjs-big-play-button {
    visibility: visible;
}

.pract-video-div .rightDiv {
    width: 100%;
    height: 100%;
    z-index: 99;
    background-color: rgba(202, 255, 255, 0.78);
    border-radius: 10px;
    left: 0;
    position: absolute;
}

.slick-center .pract-video-div .rightDiv {
    display: none;
}

.slick-cloned .video-js .vjs-big-play-button {
    display: none;
}

/*accodian hc info*/
section.accordian-hc-info-main-div {
    margin-bottom: 70px;
    background-color: #f3fefe;
    min-height: 420px;
}

section.ebook-main-wrapper {
    margin-bottom: 70px;
    min-height: 420px;
    background-image: url('/Content/images/ebook-sec-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

    section.ebook-main-wrapper .container-fluid {
        padding-left: 0;
    }

section.accordian-hc-info-main-div .row {
    /*display: flex;*/
    align-items: center;
    justify-content: center;
}

.accordian-hc-info .no-transition {
    -webkit-transition: height 0.005s;
    -moz-transition: height 0.005s;
    -ms-transition: height 0.005s;
    -o-transition: height 0.005s;
    transition: 0.5s height 0.005s;
}

.accordian-hc-info .accordian-group {
    border-radius: 10px;
}

.accordian-hc-info .panel p {
    color: #417f7f;
    font-size: 14.32px;
    font-weight: 500;
}

.accordian-hc-info .panel {
    background-color: #c2f3f3 !important;
    border: 1px solid #94e3e3 !important;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: 0;
    box-shadow: none;
}

.center-accordian {
    margin: 1.5rem 0 !important;
}

.accordian-hc-info .panel-heading {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 15px;
    cursor: pointer;
    position: relative;
}

.accordian-hc-info .panel-default {
    border-bottom: 1px solid #94e3e3 !important;
    -webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15);
}


    .accordian-hc-info .panel-default > .panel-heading {
        background: transparent;
    }

.accordian-hc-info .panel-group {
    margin-bottom: 5px;
}

    .accordian-hc-info .panel-group .panel {
        border-radius: 10px;
    }

        .accordian-hc-info .panel-group .panel + .panel {
            margin-top: 0;
        }

/*.accordian-hc-info .panel-group .panel-heading + .panel-collapse > .list-group,
.accordian-hc-info .panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: 0;
}*/

.accordian-hc-info panel-body {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}


.accordian-hc-info .panel-collapse:last-child {
    padding-bottom: 0;
}


.accordian-hc-info .panel-heading:after {
    content: '\2212';
    float: right;
    font-size: 34px;
    font-weight: 300;
    color: var(--on-primary-color);
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
}

.accordian-hc-info .panel-heading.collapsed:after {
    content: '\002B';
    font-size: 34px;
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
}

.accordian-hc-info .panel-title {
    color: #417f7f;
    font-size: 18.8px;
    cursor: pointer;
}

.boy-with-tab {
    width: 278px;
}

.accordian-hc-info {
    margin-top: 3%;
}
/*Explore Our Healing Modalities*/
.explore-our-healing-modalities .book-video-seesion-btn {
    margin-top: 45px;
}

.explore-our-healing-modalities {
    padding-bottom: 70px;
}

.parctices-offer .text-center {
    position: relative;
}

.parctices-offer .slick-slide {
    margin: 10px 0;
}

.overlay-hc-moadalities {
    position: absolute;
    width: 100%;
    height: 100%;
    /*background-color: rgba(0, 0, 0, 0.30);*/
    border-radius: 7px;
}

.pract-video-div .video-js {
    background-color: #0000;
}

.akashic-records {
    background-image: url('/Content/images/aka-records.png');
    max-height: 225px;
    min-height: 225px;
    border-radius: 10px;
}

.body-code {
    background-image: url('/Content/images/BodyCode.png');
    max-height: 225px;
    min-height: 225px;
    border-radius: 10px;
}

.counselling {
    background-image: url('/Content/images/Counselling.png');
    max-height: 225px;
    min-height: 225px;
    border-radius: 10px;
}

/* Previous button  */
.explore-our-healing-modalities .carousel-control.left {
    left: -55px;
    background-image: none !important;
    height: 40px;
    width: 40px;
    margin-top: 8%;
    color: #089291;
    font-size: 40px;
    opacity: 1;
}
/* Next button  */
.explore-our-healing-modalities .carousel-control.right {
    right: -55px;
    background-image: none;
    height: 40px;
    width: 40px;
    margin-top: 8%;
    position: absolute;
    color: #089291;
    display: block;
    font-size: 40px;
    opacity: 1;
}

.explore-our-healing-modalities p {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    color: #fff;
    font-size: 21px;
    margin: 0;
    font-weight: 500;
}

/*blog section*/

.blog-section .slick-slide {
    min-height: 363px;
}

.blog-section .carousel-col {
    margin: 15px 0;
}

.blog-card-main-div {
    min-height: 347px;
    max-height: 365px;
    border-radius: 5px;
    overflow: hidden;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.15);
    margin-bottom: 1rem;
}

.blog-card-inner-div {
    min-height: 210px;
    max-height: 210px;
    overflow: hidden;
}

.blog-card-main-div img {
    min-height: 210px;
    width: 100%;
}

.blog-card-main-div .blog-description {
    padding: 15px;
}

    .blog-card-main-div .blog-description p {
        margin: 0;
        color: var(--on-primary-color);
        font-size: 14px;
        font-weight: 500;
    }

    .blog-card-main-div .blog-description h4 {
        color: var(--primary-color);
        font-weight: 600;
        font-size: 17px;
        line-height: 22px;
    }


/*css form new practices page*/


.explore-practices-gallery {
    position: relative;
    background: #F4F8FC;
    box-shadow: 0px 31px 29px rgba(9, 24, 101, 0.1);
    border-radius: 7px;
}

    .explore-practices-gallery p {
        position: absolute;
        top: 50%;
        width: 100%;
        color: #fff;
        font-size: 21px;
        font-weight: 500;
        left: 50%;
        transform: translate(-50%,-50%);
        margin: 0;
    }

.pracites-individual {
    margin-bottom: 30px;
}


/*a.pracites-individual .explore-practices-gallery:hover {
    -webkit-box-shadow: 0px 0px 25px -4px var(--primary-dark-color);
    -moz-box-shadow: 0px 0px 25px -4px var(--primary-dark-color);
    box-shadow: 0px 0px 25px -4px var(--primary-dark-color);
}*/

.parctices-section .container-fluid {
    padding: 0;
}

.parctices-section .row {
    display: flex;
    align-items: center;
    width: 100%;
}

.section-heading-practices {
    background-color: var(--modal-bg-color);
    color: #ffffff;
    position: absolute !important;
    right: 0;
    width: 55% !important;
    padding: 3% 11% 3% 2%;
    font-size: 18px;
    font-weight: 500;
    line-height: 35px;
    border-radius: 10px 0 0 10px;
    min-height: 300px;
    display: flex;
    align-items: center;
    flex: initial;
    max-width: 100%;
}

.parctices-full-section {
    margin: 50px 0;
}

.section-heading-practices p {
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.51);
}

a.focus-clsignup:hover, a.focus-clsignup:focus, .back-button.back-button-show.text-dec-modi a:hover {
    color: var(--theme-primary-color);
}

.cardBoxDiv.flipped .bord-out .col-xs-12 {
    padding: 0px;
}

.cardBoxDiv.flipped .standard-seesion-div, .cardBoxDiv.flipped .premium-seesion-div {
    min-height: 160px;
    margin-bottom: 20px;
}

.cardBoxDiv.flipped .package-session-list {
    margin: 4px 0 !important;
    padding: 0 !important;
}

.cardBoxDiv.flipped .premium-seesion-div ul.list-inline:first-child {
    padding: 7px 14px !important;
}

.cardBoxDiv.flipped .standard-seesion-div ul.list-inline:first-child {
    padding: 7px 14px !important;
}

.cradImgBoxUserDiv {
    padding: 20px;
    width: 100%;
    min-height: 137px;
    float: left;
    padding-bottom: 5px;
}

.cmt-55 {
    margin-top: 55px;
}

.cradImgBoxUserDiv img.parc-image {
    border-radius: 50%;
    border: 4px solid #68c8cb;
    width: 110px;
    margin: 0 auto;
    height: 110px;
}

.cradImgBoxUserDiv h4 {
    color: var(--primary-color);
    font-size: 19px;
    font-weight: 600;
    margin: 0px;
    margin-bottom: 3px;
}

.cradImgBoxUserDiv .img-prac-card-div {
    padding: 0;
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
}

.cradImgBoxUserDiv .pract-details-card-div {
    padding-right: 0;
    margin-top: 60px;
}

.pract-details-card-div p .fa-star {
    padding-right: 0px;
    color: #f2e408;
}

.cradImgBoxUserDiv p {
    color: var(--on-primary-color);
    font-size: 13px;
    font-weight: 600;
}

.cradImgBoxUserDiv img.play {
    width: 35px;
    z-index: 0;
    cursor: pointer;
}

.cardInfoDiv {
    position: relative;
}

    .cardInfoDiv .bottom-sec {
        width: 100%;
        height: 100%;
    }

        .cardInfoDiv .bottom-sec h3 {
            font-size: 17px;
            margin: 0;
            padding: 0;
            color: var(--primary-color);
            font-weight: 600;
        }

.bottom-sec-items {
    margin-bottom: 15px;
}

.cradImgBoxUserDiv .a-hc-default {
    font-weight: 500;
    color: var(--primary-color) !important;
    padding: 3px 9px;
    border: 1px solid var(--primary-color);
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
}

.cardInfoDiv .bottom-sec p {
    margin: 5px 0;
    padding: 0;
    font-weight: 400;
    color: var(--on-primary-color);
    font-size: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.lang-card .tooltip {
    display: none !important;
}

.langauge-profile .select2-selection.select2-selection--multiple {
    height: auto;
}

#card {
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transform-style: preserve-3d;
    -webkit-transition: transform 1s;
    -o-transform-style: preserve-3d;
    -o-transition: transform 1s;
    -moz-transform-style: preserve-3d;
    -moz-transition: transform 1s;
    left: 0;
    top: 0;
}

.flipperInnrDiv {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    unicode-bidi: bidi-override;
    height: 100%;
}

#card figure {
    margin: 0;
    display: block;
    position: absolute;
    width: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

    #card .front,
    #card figure.back {
        padding: 20px;
        min-height: 244px;
    }

.cardBoxDiv {
    position: relative;
    min-height: 368px;
    border-radius: 15px;
    border: 2px solid var(--primary-color);
    background-color: transparent;
    -webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15);
}

#card .back {
    transform: rotateY( 180deg);
    height: 100%;
}

#card.flipped {
    transform: rotateY( 180deg);
}

.cardBoxDiv .close-btn img {
    width: 15px;
}

.cardBoxDiv .cardVideoBox {
    min-height: 170px;
    background: #FFF;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 4;
    border-radius: 10px 10px 0 0;
}

    .cardBoxDiv .cardVideoBox iframe {
        transform: scale(1.5);
        width: 100%;
    }

.cardBoxDiv .videoClose {
    position: absolute;
    right: 9px;
    top: 9px;
}

#card .back .bottom-sec .continue-button {
    min-width: 220px;
    background: var(--primary-color);
    color: #ffffff !important;
    text-align: center;
    Padding: 10px 10px;
    text-decoration: none !important;
    display: inline-block;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    font-size: 17px;
    font-weight: 500;
    border: 2px;
    letter-spacing: 1px;
    border-radius: 9px;
    min-width: 242px;
    text-transform: uppercase;
}

#card .back .bottom-sec .form-control {
    max-width: 375px;
    height: auto;
    font-size: 15px;
    letter-spacing: 2px;
    border-color: #68c8cb;
}

.line-hr {
    height: 2px;
    max-width: 140px;
    background-color: var(--primary-color);
    margin-left: 5px;
}

#card .hc-default-btn {
    background: var(--primary-color);
    color: #ffffff !important;
    text-align: center;
    Padding: 10px 20px;
    text-decoration: none !important;
    display: inline-block;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    font-size: 17px;
    font-weight: 600;
    box-shadow: 0 4px 9px 0 rgba(0,0,0,.18), 0 2px 8px 0 rgba(0,0,0,.15);
    border: 2px;
    letter-spacing: 1px;
    border-radius: 9px;
    min-width: 242px;
}

#card .button-start-seeion {
    margin-top: 12px;
}

#card .back .backBtn {
    background: none;
    border: navajowhite;
    padding: 0;
    margin: 0;
    font-size: 24px;
    color: #b2b2b2;
    display: table;
    position: absolute;
    bottom: 50px;
    height: 24px;
    width: 24px;
}

.safety-n-security-section {
    display: none;
}

.landing-page-acc p {
    margin-bottom: 5px;
}


@media (min-width: 768px) and (max-width: 788px) {
    .hear-it-from-our-user .video-js {
        min-height: 346px;
    }

    .hear-it-from-our-user .video-js {
        transform: scale(1.4);
    }

    .center-mode-video {
        overflow: hidden;
        min-height: 393px;
    }

    .qualified-practitioners .video-js {
        height: 170px;
        transform: scale(1.5);
    }

    .qualified-practitioners .thumbnail .cardImgBox {
        min-height: 170px;
    }

    .cradImgBoxUserIMG img.parc-image {
        width: 109px;
        height: 109px;
    }

    .qualified-practitioners .thumbnail {
        min-height: 283px !important;
    }
}

@media (max-width: 1024px) {
    .center-mode-practices .slick-prev {
        left: -65px;
        z-index: 99;
    }

    .center-mode-practices .slick-next {
        right: -65px;
    }

    .center-mode-practices .slick-dots li button {
        background-color: #fff;
    }

    .error-bg {
        background-position: 71%;
    }

    .error-image {
        width: 50%;
    }


    .mar-15-cus {
        margin-top: 15px;
    }

    .back-home-btn.hc-default-btn {
        font-size: 14px;
        padding: 11px 20px;
    }
}

@media(min-width:768px) and (max-width:1024px) {
    .ko-cur-time-mw {
        position: relative;
        bottom: 6rem;
    }
}

@media (max-width: 320px) {
    .page-not-found-txt {
        margin: 6px 0px;
    }

    .copyright-text-404 p {
        font-size: 11.5px;
    }

    .error-main-div {
        height: 75vh !important;
    }
}

@media (min-width: 789px) and (max-width: 1024px) {

    .pd-0-bp {
        padding: 0;
    }

    .sortbytext strong {
        font-size: 14px;
    }

    .boxDiv .bookASession, .boxDiv .freeConsultation {
        font-size: 13px !important;
    }

    .hear-it-from-our-user .video-js {
        min-height: 196px;
    }

    .blog-card-main-div {
        min-height: 360px;
        max-height: 360px;
    }

    .vjs-icon-play:before {
        top: -3px;
    }

    .hear-it-from-our-user .video-js {
        transform: scale(1.6);
    }

    .qualified-practitioners .video-js {
        height: 170px;
        transform: scale(1.3);
    }


    .center-mode-video {
        overflow: hidden;
        min-height: 242px;
    }

    .hear-it-from-our-user .video-js .vjs-big-play-button {
        left: 42% !important;
        width: 1.5em !important;
        top: 41% !important;
        height: 1em !important;
    }

    .slick-prev {
        left: -30px;
    }

    .slick-next {
        right: 0;
    }
}

@media (max-width: 777px) {

    .pract-video-div .rightDiv {
        background-color: transparent;
    }
}

@media (min-width: 777px) {
    .hear-it-from-our-user .slick-next {
        width: 30.5%;
        height: 84%;
        z-index: 99;
        border-radius: 10px;
        right: 0px;
        position: absolute;
    }


    .hear-it-from-our-user .slick-prev {
        width: 30.5%;
        height: 84%;
        z-index: 99;
        border-radius: 10px;
        left: 2px;
        position: absolute;
        z-index: 99;
    }

        .hear-it-from-our-user .slick-next:before,
        .hear-it-from-our-user .slick-prev:before {
            display: none;
        }
}

@media (max-width: 1252px) {
    .welcome-hc-section .list-inline li {
        border-bottom: 0;
    }
}

.fav_dct .name a {
    color: var(--on-primary-color) !important;
    font-weight: 600;
}



.hr_chr.my-favhour {
    display: flex;
    justify-content: center;
    align-content: center;
}

.fav-hourly-charge {
    padding-right: 10px;
}

.book-head h1 {
    font-size: 32px;
    color: var(--primary-color);
    line-height: 42px;
    margin: 0;
}

.rejoin_session {
    margin: 10px 0px;
}

.section.video_section {
    height: 100vh;
    overflow: hidden;
    padding: 0;
}

.rejoin_session {
    color: #fff;
    text-align: center;
    width: 100%;
}

.video-btn-contorl {
    z-index: 9;
    margin-top: 14px;
    background-color: var(--primary-color);
    color: white;
    margin-right: 15px;
    padding: 8px 15px;
    margin-top: 0px;
    border-radius: 25px;
    box-shadow: 0 4px 9px 0 rgba(0,0,0,.18), 0 2px 8px 0 rgba(0,0,0,.15);
    border: 0px;
    min-width: 130px;
    margin-top: 6px;
}

.vIconsSpan {
    margin: 0 !important;
}

/*css form complateted session*/

.futLogo {
    max-width: 115px;
    margin: 10px 0;
}

.footer-left-wrapper {
    text-align: left;
}

.review-block-description {
    font-size: 13px;
    font-weight: 400;
}

@media (min-width: 768px) {
    .how-it-works iframe.VideoDiv {
        width: 100%;
        min-height: 400px;
    }

    .main-head-steps-sp {
        align-self: flex-start;
        padding-top: 4%;
        max-width: 80%;
        margin: 0 auto;
        margin-bottom: 25px;
    }

    .cus-mob-view-steps {
        display: none;
    }

    .nd-user-wrapper span {
        font-size: 11px;
        font-weight: 300 !important;
        letter-spacing: normal;
    }
}


@media (max-width: 768px) {


    .new-home-main .d-text-center {
        padding-top: 140px;
    }

    .hide-mob-ex.text-left {
        text-align: center !important;
    }

    .review-row-cs .col-xs-12:nth-child(-n+2) .review-block, .d-none-mb {
        display: none;
    }

    .freeConsultationCompletedSection .review-block-name {
        font-size: 12px !important;
        left: 0;
        text-align: center !important;
        padding-top: 13px !important;
    }

    .freeConsultationCompletedSection .review-block-description {
        text-align: center !important;
    }

    .df-row-complted-session {
        display: flex;
        flex-direction: column;
    }

    .freeConsultationCompletedSection .review-block .review-img {
        width: 60px !important;
        position: relative !important;
        height: 60px !important;
        left: 0px !important;
    }

    .freeConsultationCompletedSection h2 {
        line-height: 29px;
        font-size: 24px !important;
    }

    .popupBox {
        margin: 5px 0 30px !important;
    }

    .freeConsultationCompletedSection h2 {
        float: none !important;
    }

    .freeConsultationCompletedSection h1 {
        font-size: 26pX !important;
        line-height: 34px !important;
    }

    .main-head-steps-sp .form-group .review-form {
        display: flex;
        justify-content: space-between;
    }

    .logo-hc-pract-pro img {
        height: 68px !important;
    }

    .header-bg-content.head-wrapper-pract h1 {
        font-size: 42px !important;
        margin-top: -21px;
    }

    .book-head h1 {
        font-size: 22px;
        line-height: 28px;
        font-weight: 600;
    }

    .padd-0 {
        padding: 0;
    }

    .view-package-play-btn-div {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #userListDiv .profiDivRow .video-show {
        max-height: 177px;
        min-height: 177px;
        margin-bottom: 5px !important;
    }

    .boxDiv h2 {
        font-size: 18px;
        margin: 14px 0;
    }

    .textAmmount {
        font-size: 17px !important;
    }

    .prof-img {
        padding: 21px 0 !important;
        max-height: 177px;
        min-height: 177px;
        margin-bottom: 5px !important;
    }

        .prof-img img {
            margin: 0 auto !important;
            display: block;
            height: 140px !important;
            width: 140px !important;
        }

    how-it-work-dflex {
        display: flex;
        flex-direction: column-reverse;
    }

    .practitioners-you-can-trust {
        text-align: center;
    }


    .be-a-practitioner ul {
        text-align: left;
        margin: 0px 0 0 20px !important;
    }

    .whyHC {
        margin-top: 40px;
    }

    .practitioners-you-can-trust p i {
        display: none;
    }

    .practitioners-you-can-trust img {
        margin: auto;
    }

    .boy-with-tab-landing {
        width: 300px;
        margin: 0 auto;
        position: relative;
        top: 30px;
    }

    .center-mode-practices .slick-prev {
        left: -18px;
        z-index: 99;
    }

    .center-mode-practices .slick-next {
        right: 10px;
    }

    .x-sign {
        border: none !important;
    }

    .boy-with-tab {
        width: 278px;
        margin: 0 auto -22px auto;
    }

    .cardBoxDiv {
        margin-bottom: 20px;
    }

    .play-int-div-icon {
        bottom: 234px;
    }

    .cradImgBoxUserDiv h4 {
        font-size: 17px;
        min-height: 24px;
    }

    .hear-it-from-our-user .slick-next {
        right: 13px;
        top: 43%;
    }

    .hear-it-from-our-user .slick-prev {
        left: -16px;
        z-index: 99;
        top: 43%;
    }


    section.accordian-hc-info-main-div .row {
        flex-direction: column;
    }

    .home-page-banner,
    .how-it-works {
        text-align: center;
    }

    .banner-bottom-strip label {
        font-size: 18px;
    }

    .how-it-works .row p {
        margin: 15px 0;
        padding: 0;
        font-size: 15px;
    }

    .slick-prev {
        left: -30px;
    }

    .slick-next {
        right: 0px;
    }

    .qualified-practitioners .thumbnail {
        min-height: 320px;
    }

    .blog-card-main-div .blog-card-inner-div {
        min-height: 140px;
    }

    .blog-card-main-div img {
        min-height: 140px;
    }

    .welcome-hc-section {
        min-height: 100vh;
        align-items: flex-start;
    }

    .img-arange-slider {
        min-height: auto;
    }
}

@media (max-width: 767px) {

    .stripe-accountdiv {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .cus-desk-view-steps {
        display: none;
    }

    .nav-flr {
        margin-top: 0px;
    }

    .wcs-100 {
        width: 100%;
    }

    .footernavs__list li:not(:last-child) {
        padding-right: 5px !important;
    }

    .footernavs {
        text-align: center !important;
    }

    .footernavs__item a {
        font-size: 14px !important;
    }

    .header-bg-content.head-wrapper-pract h1 {
        font-size: 26px !important;
        margin-top: 26px;
    }

    .logo-hc-pract-pro {
        visibility: hidden;
    }

    .freeConsultationCompletedSection .profileBoxDiv .pracr-profile {
        width: 65%;
    }

    .textAmmount {
        font-size: 17px !important;
    }

    /*.review-block-description {
        padding: 0 15px;
    }*/

    .overViewTabDiv .nav > li > a {
        padding: 10px 7px;
        font-size: 14px !important;
    }

    .oic-video-tabs-wrapper .overViewTabDiv .nav > li > a {
        font-size: 12px !important;
    }


    .flex-row-pract-results .col-xs-12 {
        width: 100%;
    }

    #card .hc-default-btn {
        font-size: 14px;
    }

    .footer-list-menu ul li a {
        font-weight: 500;
        font-size: 13px;
        color: white;
        padding: 0 0px;
        margin: 0 0px;
        border-radius: 5px;
    }

        .footer-list-menu ul li a:hover {
            color: #fff;
        }

    .footer-list-menu ul li {
        text-align: left;
        padding: 0 4px;
    }

    .hear-it-from-our-user .slick-next {
        right: 13px;
        top: 43%;
    }

    .hear-it-from-our-user .slick-prev {
        left: -10px;
        z-index: 99;
        top: 43%;
    }

    .boy-with-tab {
        margin: 0 auto;
    }

    .trust-line-modal {
        justify-content: center !important;
        align-items: center !important;
    }

    /*.accordian-hc-info .panel-heading.collapsed:after {
        top: 5px;
        position: relative;
    }

    .accordian-hc-info .panel-heading:after {
        top: -14px;
        position: relative;
    }*/

    .d-text-center {
        height: 540px;
    }


    .accordian-hc-info-main-div .col-md-4 {
        position: relative;
        top: 47px;
    }

    section.hear-it-from-our-user {
        margin-bottom: 15px;
    }

    section.accordian-hc-info-main-div {
        margin: 0px 0 70px;
    }

    .center-mode-video {
        min-height: 266px;
    }

    .hear-it-from-our-user .video-js .vjs-big-play-button {
        left: 43% !important;
        top: 44% !important;
    }

    .suggested-prac {
        margin: 0px;
    }

    .slick-center .video-js {
        min-height: 205px;
    }

    .social-connect-button {
        width: auto;
        padding: 13px 0px 13px 37px;
    }

    .select-gender-text {
        width: 80%;
    }

    .banner-bottom-strip {
        height: 94px;
    }


    .accordian-hc-info {
        margin-top: 3rem;
    }



    .pract-video-div .rightDiv {
        width: 90.5%;
        left: 14px;
    }


    .overlay-hc-moadalities {
        width: 100%;
    }


    .section-below-heading {
        font-size: 24px;
    }

    .certified-prac-div, .completed-session {
        justify-content: center;
    }

    .slick-prev {
        left: -23px;
    }

        .slick-prev:before, .explore-our-healing-modalities .fa-angle-left:before, .live-video-session .fa-angle-left:before {
            font-size: 9rem;
            top: -65px;
        }

    .slick-next:before, .explore-our-healing-modalities .fa-angle-right:before, .live-video-session .fa-angle-right:before {
        font-size: 9rem;
        top: -65px;
    }

    .slick-next {
        right: -3px;
    }

    .banner-heading-text {
        font-size: 23px;
    }

    .banner-para-text {
        font-size: 14px;
    }

    .book-seesion-btn {
        Padding: 12px 38px;
        font-size: 14px;
    }

    .banner-bottom-strip .col-md-4 div p {
        margin-right: 5px;
    }

    .banner-bottom-strip label {
        font-size: 14px;
        margin-bottom: 0px !important;
    }

    .banner-bottom-strip p {
        font-size: 16px;
        margin-bottom: 0;
        line-height: 23px;
    }

    .banner-bottom-strip .col-md-4:nth-child(2) {
        margin: 0.2rem 0;
    }

        .banner-bottom-strip .col-md-4:nth-child(2) p {
            margin-right: 5px;
        }

    .how-it-works .col-md-6 .row {
        margin: 0;
    }

    .book-video-seesion-btn {
        font-size: 14px;
    }
}

@media (max-width: 320px) {

    .footernavs__list li:not(:last-child) {
        padding-right: 5px !important;
    }

    .footernavs__item a {
        font-size: 13px !important;
    }
}

/*@media (min-width: 769px) and (max-width:1024px) {

    .qualified-practitioners .slick-next {
        right: -25px;
    }

    .qualified-practitioners .slick-prev {
        left: -25px;
    }

}*/

@media (min-width: 769px) {

    .flex-row-pract-results .oc-slider-control {
        display: none;
    }

    .d-flex-center {
        display: flex;
        align-items: center;
    }

    .d-flex-ebook {
        display: flex;
        align-items: center;
    }

    .download-ebbok-main {
        width: 80%;
        margin: 0 auto;
    }
}


.ebook-form-text input {
    border: 2px solid #42807f;
}

.download-ebook-btn {
    width: 100%;
    border-radius: 5px;
    box-shadow: none;
    Padding: 9px 20px;
    border: 2px solid #42807f;
}



.ebook-para-text p {
    font-size: 22px;
    font-weight: 500;
    color: #42807f;
    margin: 0;
}

.ebook-head-text h2 {
    font-size: 30px;
    font-weight: 500;
    line-height: 41px;
    color: #42807f;
    margin: 0;
}

.ebook-head-text {
    padding: 40px 0;
}

    .ebook-head-text h2 strong {
        font-size: 38px;
        font-weight: 700;
        line-height: 47px;
        color: #42807f;
    }

@media screen and (max-width: 1250px) {

    .doctor-info::after {
        content: '';
        clear: both;
        display: table;
    }

    #wrapper .headerinner-wrapper #headerinner .menu-responsive {
        position: absolute;
        right: 20px;
        margin-top: 11px;
        cursor: pointer;
        top: 30px;
    }

        #wrapper .headerinner-wrapper #headerinner .menu-responsive span {
            font-size: 25px;
            line-height: 1;
            vertical-align: middle;
            color: #FFF;
        }

    .profile_tabs ul.tabs li {
        padding: 7px 15px !important;
        font-size: 12px !important;
    }

    .menu.welcome ul.list-unstyled.list-inline {
        display: block !important;
        float: right !important;
    }

    #wrapper .headerinner-wrapper #headerinner .menu {
        float: none;
        position: absolute;
        right: 0;
        top: 60px;
        visibility: hidden;
    }

        #wrapper .headerinner-wrapper #headerinner .menu.active {
            visibility: visible;
            z-index: 999;
        }

        #wrapper .headerinner-wrapper #headerinner .menu > ul > li {
            display: block;
            height: auto !important;
            line-height: 1 !important;
            border-bottom: 1px solid #8fe5e6;
            padding: 10px !important;
        }

            #wrapper .headerinner-wrapper #headerinner .menu > ul > li.active > a {
                background-color: #328ed4;
                color: #ffffff;
            }

            #wrapper .headerinner-wrapper #headerinner .menu > ul > li:last-child > a {
                /* padding: 10px 15px;*/
            }

            #wrapper .headerinner-wrapper #headerinner .menu > ul > li.dropdown .dropdown-menu > li > a {
                padding-left: 15px;
            }

                #wrapper .headerinner-wrapper #headerinner .menu > ul > li.dropdown .dropdown-menu > li > a i.fa-plus {
                    font-size: 12px;
                }

            #wrapper .headerinner-wrapper #headerinner .menu > ul > li ul > li.dropdown-submenu > a:hover {
                background-color: transparent;
            }

            #wrapper .headerinner-wrapper #headerinner .menu > ul > li ul > li.dropdown-submenu .dropdown-menu > li > a {
                padding-left: 33px;
                background-color: #f0f0f0;
            }

            #wrapper .headerinner-wrapper #headerinner .menu > ul > li > a {
                display: block;
                margin: 0;
                border-radius: 0;
            }

                #wrapper .headerinner-wrapper #headerinner .menu > ul > li > a:hover {
                    background-color: #68c8cb;
                    color: #ffffff;
                }

            #wrapper .headerinner-wrapper #headerinner .menu > ul > li .dropdown-menu {
                position: relative;
                left: 0 !important;
                /* display: none;*/
                width: 100%;
                float: none;
                box-shadow: none;
            }

            #wrapper .headerinner-wrapper #headerinner .menu > ul > li .arrow {
                display: none;
            }

        #wrapper .headerinner-wrapper #headerinner .menu .dropdown-menu {
            float: left;
        }

            #wrapper .headerinner-wrapper #headerinner .menu .dropdown-menu .dropdown-submenu a:after {
                content: '';
            }


    .active {
        right: 0% !important;
    }

    .container #header .logo {
        width: 160px;
    }

        .container #header .logo img {
            max-width: 160px;
            margin: 10px 0;
        }
}

@media screen and (min-width:1500px) {

    .hear-it-from-our-user .video-js {
        min-height: 260px;
    }

    .slick-center .video-js {
        width: 100% !important;
        min-height: 311px;
        margin: 0 auto;
    }

    .center-mode-video {
        overflow: hidden;
        min-height: 347px;
    }

    .patter-bg {
        min-width: 510px;
    }
}

@media screen and (min-width:1300px) {
    .reasonbooksess textarea {
        min-height: 230px;
    }
}

/*@media screen and (min-width: 787px) and (max-width: 1500px) {

    .hear-it-from-our-user .slick-initialized .slick-slide {
        display: block;
        width: 7.4% !important;
    }

    .hear-it-from-our-user .slick-slide.slick-center {
        width: 8% !important;
    }
}*/

#card.flipped {
    transform: rotateY( 180deg);
}

    #card.flipped .front {
        display: none;
    }


.cardBoxDiv .close-btn img {
    width: 15px;
}

.cardBoxDiv .cardVideoBox {
    min-height: 170px;
    background: #FFF;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 4;
    border-radius: 10px 10px 0 0;
}

.cardBoxDiv .videoClose {
    position: absolute;
    right: 9px;
    top: 9px;
}

#card .back .bottom-sec .form-control {
    max-width: 375px;
    height: auto;
    font-size: 15px;
    letter-spacing: 2px;
    border-color: #68c8cb;
}

#card .button-start-seeion {
    margin-top: 0;
    position: absolute;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    bottom: 0px;
}

#bigLoader.lds-roller {
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: 0px auto;
    min-height: 100%;
    border-radius: 15px;
    border: 0px solid #efefef;
    overflow: hidden;
    padding: 42% 41%;
}


.lds-roller {
    display: inline-block;
    position: absolute;
    width: 65px;
    height: 65px;
    right: 0;
    left: 0;
    top: 85px;
    bottom: 0;
    margin: 0px auto;
}

    .lds-roller div {
        animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        transform-origin: 32px 32px;
    }

        .lds-roller div:after {
            content: " ";
            display: block;
            position: absolute;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: var(--primary-color);
            margin: -3px 0 0 -3px;
        }

        .lds-roller div:nth-child(1) {
            animation-delay: -0.036s;
        }

            .lds-roller div:nth-child(1):after {
                top: 50px;
                left: 50px;
            }

        .lds-roller div:nth-child(2) {
            animation-delay: -0.072s;
        }

            .lds-roller div:nth-child(2):after {
                top: 54px;
                left: 45px;
            }

        .lds-roller div:nth-child(3) {
            animation-delay: -0.108s;
        }

            .lds-roller div:nth-child(3):after {
                top: 57px;
                left: 39px;
            }

        .lds-roller div:nth-child(4) {
            animation-delay: -0.144s;
        }

            .lds-roller div:nth-child(4):after {
                top: 58px;
                left: 32px;
            }

        .lds-roller div:nth-child(5) {
            animation-delay: -0.18s;
        }

            .lds-roller div:nth-child(5):after {
                top: 57px;
                left: 25px;
            }

        .lds-roller div:nth-child(6) {
            animation-delay: -0.216s;
        }

            .lds-roller div:nth-child(6):after {
                top: 54px;
                left: 19px;
            }

        .lds-roller div:nth-child(7) {
            animation-delay: -0.252s;
        }

            .lds-roller div:nth-child(7):after {
                top: 50px;
                left: 14px;
            }

        .lds-roller div:nth-child(8) {
            animation-delay: -0.288s;
        }

            .lds-roller div:nth-child(8):after {
                top: 45px;
                left: 10px;
            }

@keyframes lds-roller {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


/*css form pract profile*/


/*.overViewTabDiv .tab-content > .active {
    display: block;
    overflow-y: scroll;
    overflow-x: hidden;
}*/

#loadMoreSpan {
    color: var(--primary-color);
    text-decoration: underline;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
}

.loadMoreSpan {
    position: absolute;
    bottom: 0px;
    width: 100%;
    background: #ffffffd1;
    padding: 5px;
}

.overViewTabDiv .nav-tabs {
    border-bottom: 0;
}

    .overViewTabDiv .nav-tabs > li.active > a {
        color: var(--primary-color);
        cursor: default;
        background: transparent;
        border-color: transparent !important;
        border-bottom: 3px solid var(--primary-color);
        font-size: 15px;
    }

    .overViewTabDiv .nav-tabs > li > a {
        margin-right: 2px;
        line-height: 27px;
        border: none;
        border-bottom: 3px solid transparent;
        border-radius: 0;
        font-size: 15px;
        font-weight: 400;
        padding: 5px 0;
        color: rgba(165, 165, 165, 0.5);
    }

        .overViewTabDiv .nav-tabs > li > a:hover {
            background: transparent;
            border-color: transparent !important;
            border-bottom: 3px solid var(--primary-color);
        }

            .overViewTabDiv .nav-tabs > li > a:hover span {
                color: var(--primary-color) !important;
            }

    .overViewTabDiv .nav-tabs > li.active > a {
        border: 0px solid #ddd;
        font-weight: 700;
    }

    .overViewTabDiv .nav-tabs > li {
        border: none;
        border-bottom: 3px solid transparent;
    }

        .overViewTabDiv .nav-tabs > li.active {
            border: none;
            border-bottom: 3px solid var(--primary-color);
        }

        .overViewTabDiv .nav-tabs > li:not(:last-child) {
            margin-right: 45px;
        }

.overViewTabDiv .box .box-heading {
    border: none;
    color: #555555;
    font-size: 21px;
    padding-left: 0;
    font-family: Raleway;
    font-weight: 500;
}

.overViewTabDiv .box .box-body p.prac-alignment {
    color: #555555;
    margin-left: 0px;
    text-align: left;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 27px;
}

.pract-profile-main-div .js-video {
    -webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15);
}

.overViewTabDiv .nav.nav-tabs li a span {
    color: #949393;
}

.overViewTabDiv .nav.nav-tabs li.active a span {
    color: var(--primary-color);
}

.experience-pract-pro-message {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.package-session-text {
    color: #4d4d4d;
    font-weight: 500;
    font-size: 15px;
}

.package-session-list {
    margin: 0.5em 0;
    padding: 0 !important;
}

    .package-session-list .hc-default-btn {
        width: 100%;
        Padding: 9px 20px;
    }

.packages-session-head {
    background-color: #bae8e8;
}

.single-seesion-div, .standard-seesion-div, .premium-seesion-div {
    -webkit-box-shadow: 0px 0px 8px 1px rgba(89,203,203,0.71);
    -moz-box-shadow: 0px 0px 8px 1px rgba(89,203,203,0.71);
    box-shadow: 0px 0px 8px 1px rgba(89,203,203,0.71);
    border-radius: 10px;
    min-height: 365px;
}

.package-main-div-info {
    padding: 0;
}

.single-seesion-div ul.list-inline, .standard-seesion-div ul.list-inline, .premium-seesion-div ul.list-inline {
    width: 92%;
    margin: 0 auto;
    display: flex;
}

    .single-seesion-div ul.list-inline:first-child, .standard-seesion-div ul.list-inline:first-child, .premium-seesion-div ul.list-inline:first-child {
        width: 100%;
        padding: 0px 14px !important;
        border-radius: 10px 10px 0px 0px;
        margin-bottom: 1rem;
    }

.package-main-div-info .save-amont-txt {
    margin-left: 5px;
}

.packages-session-head .package-session-list .fnt-hed {
    color: #2d9292 !important;
    font-size: 18.5px;
    font-weight: 600;
}

.pactitioner-profile-cont-btn {
    position: absolute;
    bottom: 12px;
    width: 85% !important;
    left: 0;
    right: 0;
}

.packages-session-head .li-txt-cen-3, .package-session-list {
    float: none;
    text-align: left;
}


@media (max-width: 1023px) {

    .single-seesion-div, .standard-seesion-div, .premium-seesion-div {
        min-height: 330px;
        margin-bottom: 3rem;
    }

    .pactitioner-profile-cont-btn {
        bottom: 2px;
        position: relative;
    }
}

/* parc profile ends*/
/* practitionersSection ---------------------*/
.padding0 {
    padding: 0px;
}

.paddingLeft0 {
    padding-left: 0px;
}

#practitionersSection .boxDiv {
    Padding: 0px;
    text-decoration: none;
    display: inline-block;
    border: 2px;
    color: #696969;
    box-shadow: 0 4px 9px 0 rgba(0,0,0,.18), 0 2px 8px 0 rgba(0,0,0,.15);
    border-radius: 12px;
    margin-bottom: 30px;
}

    #practitionersSection .boxDiv .userImgDiv {
        text-align: center;
        background: #effeff;
    }

    #practitionersSection .boxDiv h2 {
        float: left;
        font-size: 20px;
        font-weight: 600;
        margin: 10px 0px;
        color: var(--primary-color);
    }

        #practitionersSection .boxDiv h2 small {
            display: block;
            line-height: 22px;
            font-size: 14px;
            color: #696969;
            font-weight: 600;
        }

            #practitionersSection .boxDiv h2 small i {
                color: #fcd403;
            }

    #practitionersSection .boxDiv p {
        margin: 5px 0px;
        font-size: 12px;
        font-weight: 500;
        width: 100%;
        display: block;
    }

        #practitionersSection .boxDiv p strong {
            color: var(--primary-color);
        }

#practitionersSection .textAmmount {
    line-height: 50px;
    font-size: 22px;
    font-weight: 600;
    padding: 13px 5px;
    float: left;
}

#practitionersSection .boxDiv .freeConsultation {
    position: inherit;
    background: var(--primary-color);
    color: #ffffff;
    text-align: center;
    Padding: 7px 20px;
    margin: 5px;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    box-shadow: 0 4px 9px 0 rgba(0,0,0,.18), 0 2px 8px 0 rgba(0,0,0,.15);
    border: 2px;
    border-radius: 20px;
    text-transform: uppercase;
    min-width: 160px;
    border: solid 1px var(--primary-color);
}

    #practitionersSection .boxDiv .freeConsultation:hover {
        background-color: #05a9af !important;
        color: white;
    }

#practitionersSection .boxDiv .bookASession {
    position: inherit;
    background: #ffffff;
    color: var(--primary-color);
    text-align: center;
    Padding: 7px 20px;
    margin: 5px 15px;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    box-shadow: 0 4px 9px 0 rgba(0,0,0,.18), 0 2px 8px 0 rgba(0,0,0,.15);
    border: 2px;
    border-radius: 20px;
    text-transform: uppercase;
    min-width: 160px;
    border: solid 1px #c3f9f9;
}

    #practitionersSection .boxDiv .bookASession:hover {
        background-color: #05a9af !important;
        color: white;
    }

#practitionersSection a.link {
    Padding: 10px;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    text-decoration: underline;
    float: left;
    color: var(--primary-color);
}

#practitionersSection a.link2 {
    Padding: 7px 10px;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    float: left;
    color: var(--primary-color);
}

#practitionersSection .boxLine {
    border-top: #e8f1f1 1px solid;
    border-bottom: #e8f1f1 1px solid;
    padding: 12px 0;
}

    #practitionersSection .boxLine.textFT p {
        font-weight: 600;
        font-size: 15px;
    }

#practitionersSection .boxFut {
    Padding: 7px 0;
    float: left;
}

.logo-steps img {
    width: 60px;
    margin: 0 auto;
    display: block;
}

#cardBoxDiv2 .single-seesion-div, #cardBoxDiv2 .standard-seesion-div, #cardBoxDiv2 .premium-seesion-div {
    min-height: auto !important;
    margin-bottom: 2rem;
}

#cardBoxDiv2 .package-session-list {
    margin: 5px 0;
    padding: 0 !important;
}

.dg-steps-v-algin {
    min-height: 100vh;
    display: grid;
    grid-template-rows: 20% auto 20%;
    align-items: center;
    position: relative;
}



.d-grid-filt-prac {
    display: grid;
    grid-template-columns: 40% 1fr;
    grid-gap: 10px;
    align-items: center;
    width: 100%;
    margin-bottom: 20px;
}

.d-grid-filt-prac-modifier {
    width: 100%;
    grid-template-columns: max-content 1fr;
}

.proceed-btn {
    justify-self: flex-end;
    position: absolute;
    bottom: 0;
    margin-bottom: -20px;
    right: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
}

.ReviewbackBtn img {
    background: #fff;
}

.resend-code-para {
    margin-bottom: 0;
}

    .resend-code-para button {
        margin-top: 11px;
    }

.pos-ini {
    position: initial;
}
/*
.default-asterisk::after {
    content: "\002A";
    font-size: 18px;
    color: #e00000;
    position: relative;
    top: 0;
    line-height: 17px;
}*/

.gympass-landing .certificates {
    grid-template-columns: repeat(3, max-content);
}

.dg-placeload-row .slick-list {
    padding-top: 2%;
}

.satisfication-wrapper {
    border: 2px solid var(--primary-color);
    border-radius: 15px;
    background-color: var(--card-bg-color);
    padding: 12px 16px;
}

.os-pract-name {
    display: grid;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    grid-gap: 7px;
    padding-left: 20px;
}

.label-text-order-summary {
    font-size: 14px;
    line-height: 16px;
    color: var(--on-primary-color);
    font-weight: 400;
    margin: 0;
    margin-bottom: 0 !important;
}

.order-summary-inner-div h5.head-os-pract {
    color: var(--primary-color);
    margin-bottom: 0;
    line-height: 16px;
    font-weight: 700;
    padding: 0 !important;
}

.message-prac-div {
    display: grid;
    grid-gap: 3px;
}

    .message-prac-div:not(:last-child) {
        margin-bottom: 20px;
    }


    .message-prac-div span {
        font-size: 14px;
    }

.mob-order-sum .appylu-text .form-control {
    border: 0 !important;
    border-bottom: 1px solid var(--default-border) !important;
    border-radius: 0;
    padding-left: 0;
    max-width: 170px !important;
    background-color: transparent;
}

.row-order-mt .final-charge {
    text-transform: capitalize;
}

.book-summary .os-acc-wrapper.panel .panel-haed ul li span {
    color: var(--primary-color) !important;
}

.row-order-mt {
    margin-bottom: 8px;
}

.new-default-box-shadow {
    box-shadow: var(--default-shadow);
}

.top-up-wrapper .list-logo,
.top-up-wrapper .list-logo li {
    padding: 0;
    margin: 0;
}

.top-txt {
    font-size: 15px !important;
    font-weight: 400;
    color: var(--on-primary-color);
    line-height: 25px;
}

.top-up-pay {
    /*position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 50%;*/
    margin-bottom: 0;
    margin-top: 25px;
}

.top-up-wrapper .cust-list-os {
    margin-bottom: 0;
}

.patter-bg svg {
    width: 100%;
}

.top-up-wrapper .gympass-occwrap .panel-body {
    border-radius: 15px;
    min-height: 480px;
    padding: 20px;
    box-shadow: none !important;
}

.book-summary .gympass-occwrap .fnt-hed {
    font-size: 20px !important;
}

.gympass-occwrap .subscription-fees .panel-title.head-acc-pp,
.gympass-occwrap .li-txt-cen-1 {
    padding: 0;
}

#restartVideoChat .modal-header .close {
    margin-top: -4px;
    margin-right: 35px;
}

#currentMonth.btn.getavalibility {
    background-color: #f0f0f0;
}

/*.ct-st1-pink {
    color: #BF2EB4 !important;
}

.ct-st1-yellow {
    color: #BFAE2E !important;
}

.ct-st1-green {
    color: #2EBF71 !important;
}

.ct-st1-marron {
    color: #C65B34 !important;
}

.ct-st1-blue {
    color: #1E6B88 !important;
}*/

.deactivate-action-btns {
    display: grid;
    align-items: center;
    justify-content: center;
    grid-template-columns: auto auto;
    grid-gap: 25px;
}


.deactivate-account label {
    color: var(--on-primary-color);
    font-size: 18px;
    font-weight: 500;
}

.deactivate-main-wrapper.appointment-div {
    padding: 20px 20px 40px;
}

@media(max-width: 575px) {
    .deactivate-action-btns {
        display: grid;
        align-items: center;
        justify-content: center;
        grid-template-columns: auto;
        grid-gap: 25px;
    }

    #deActivatePopup .nd-greetings-user {
        margin: 15px 0 30px;
    }
}

.label-hc-journey {
    color: var(--on-primary-color);
    font-size: 18px;
    display: block;
}

.section-below-heading-journey {
    margin-bottom: 25px !important;
}

.journey-starts-here .get-matched-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 55px;
}

.sec-practices-blog .slick-prev,
.sec-practices-blog .slick-next {
    top: 50%;
}

.bg-strip-main-div {
    position: relative;
}

.banner-pattern {
    position: absolute;
    max-width: 81px;
    right: 0;
    bottom: -50px;
}


.sec-practices-blog .slick-prev:before {
    top: -31px;
}

.sec-practices-blog .slick-next:before {
    font-size: 9rem;
    top: -31px;
}

.learn-menu-list li:not(:last-child) a {
    text-shadow: 1px 1px 5px rgb(0 0 0 / 81%);
}

/*css for categories home page*/

.categories-hc .center-category input[id="defaultInline1"] {
    content: " ";
    background-image: url(/Content/images/plumm/new-mind.png);
    background-repeat: no-repeat;
    line-height: 23px;
    font-weight: 600;
    background-size: 100%;
    background-position: center bottom;
    width: 148px;
}

.categories-hc .center-category input[id="defaultInline2"] {
    content: " ";
    background-image: url(/Content/images/plumm/body.png);
    background-repeat: no-repeat;
    line-height: 23px;
    background-size: 100%;
    font-weight: 600;
    background-position: center bottom;
}

.categories-hc .center-category input[id="defaultInline5"] {
    content: " ";
    background-image: url(/Content/images/plumm/addiction.png);
    background-repeat: no-repeat;
    line-height: 23px;
    font-weight: 600;
    background-size: 100%;
    background-position: center bottom;
}

.categories-hc .center-category input[id="defaultInline4"] {
    content: " ";
    background-image: url(/Content/images/plumm/relationship.png);
    background-repeat: no-repeat;
    line-height: 23px;
    background-size: 100%;
    font-weight: 600;
    background-position: center bottom;
}

.categories-hc .center-category input[id="defaultInline6"] {
    content: " ";
    background-image: url(/Content/images/plumm/personal-growth.png);
    background-repeat: no-repeat;
    line-height: 23px;
    font-weight: 600;
    background-size: 100%;
    background-position: center bottom;
    width: 150px;
}

.categories-hc .center-category input[id="defaultInline9"] {
    content: " ";
    background-image: url(/Content/images/plumm/work.png);
    background-repeat: no-repeat;
    line-height: 23px;
    background-position: center bottom;
    font-weight: 600;
    background-size: 100%;
    width: 179px;
}

.categories-hc .center-category input {
    width: 150px !important;
    height: 150px !important;
}

    /*.center-category input[id="defaultInline1"] {
    width: 150px !important;
}*/

    .categories-hc .center-category input[id="defaultInline6"] {
        width: 150px !important;
    }

.wallet-nav-text {
    color: var(--primary-color);
}

.partnership-logos-wrapper {
    position: absolute;
    right: 15px;
    top: 28px;
    text-align: center;
}

    .partnership-logos-wrapper label {
        display: block;
        font-size: 12.5px;
        color: var(--on-primary-color);
    }

.partners-logos {
    max-width: 100px;
    padding: 5px;
}

.partners-mindbody {
    max-width: 135px;
    padding: 5px;
}

.learn-landing-page .learn-categories-main-div .category-lists {
    margin: 0rem 0;
    display: grid;
    grid-row-gap: 35px;
    grid-column-gap: 15px;
    grid-template-columns: repeat(3,minmax(100px, 1fr));
}

.learn-landing-page .learn-categories-main-div .category-boxes {
    width: 100%;
}

@media only screen and (max-width: 767px) {

    .learn-landing-page .learn-categories-main-div .category-lists {
        grid-row-gap: 12px;
        grid-template-columns: repeat(2,minmax(100px, 1fr));
        grid-column-gap: 10px;
        margin-bottom: 15px;
    }

    .categories-hc .center-category input[id="defaultInline1"] {
        width: 120px !important;
    }

    .categories-hc .center-category input[id="defaultInline9"] {
        width: 126px !important;
    }

    .categories-hc .center-category input[id="defaultInline6"] {
        width: 100px !important;
    }

    .partners-logos {
        max-width: 55px;
    }

    .partners-mindbody {
        max-width: 100px;
    }

    .partners-xexec {
        max-width: 80px;
    }

    .partners-leon {
        max-width: 75px;
    }

    .partners-logos-align img {
        margin-left: auto;
        margin: initial;
    }

    .partnership-logos-wrapper {
        top: 25px;
    }

        .partnership-logos-wrapper label {
            display: inline-block;
            font-size: 11px;
            color: var(--on-primary-color);
            margin-right: 8px;
        }

    .pin-sec-mw {
        box-shadow: none;
    }

    .kisoks-mobile-div {
        display: block !important;
    }

    .kiosks-desk-div {
        display: none
    }

    .pl-lft-grid-tc {
        gap: 0;
    }

    .pin-sec-mw {
        padding-bottom: 0;
    }

    .pn-btn-mw-pos {
        top: -8rem;
    }

    #clockedInSidebar .sidebar-panel {
        width: 380px;
    }

    #clockInSection {
        top: 37% !important;
    }

    #clockedInSidebar .sidebar-panel {
        width: 380px !important;
    }
}

.kisoks-mobile-div {
    display: none;
}

.kisoks-mobile-div {
    margin-top: 2rem;
    padding: 2rem 1.5rem
}

    .kisoks-mobile-div .ko-cur-time-mw h2 {
        font-size: 3rem;
    }

/*/*css for categories home page ends here*/
/*media starts here*/

@media (min-width: 1200px) {
    .ReviewbackBtn img {
        width: 25px !important;
    }

    .packageBackBtn img {
        width: 25px;
    }

    .container.error-cust-container {
        max-width: 1260px;
        width: initial;
    }
}

@media only screen and (max-width: 1300px) {
    .logo-steps.top-pattern,
    .logo-steps.bottom-pattern {
        max-width: 220px;
    }
}

@media only screen and (max-width: 1220px) {
    .logo-steps.top-pattern,
    .logo-steps.bottom-pattern {
        max-width: 185px;
    }
}

@media (max-width: 1199px) {
    .ReviewbackBtn img {
        width: 25px !important;
    }

    .ReviewbackBtn {
        position: absolute !important;
        right: 0px;
        top: 7px;
    }

    .packageBackBtn img {
        width: 25px;
    }

    .packageBackBtn {
        position: absolute !important;
        right: 0px;
        top: 7px;
    }

    /*idpad---css*/
}


@media (max-width: 767px) {

    .appointment-summary .main_summry tr td label {
        font-size: 14px;
    }

    .explore-our-healing-modalities .book-video-seesion-btn {
        margin-top: 35px;
    }

    .vimeo-heal-main-div {
        padding-top: 15px;
    }

    .download-ebbok-main {
        padding: 15px;
    }


    .video-btn-contorl {
        min-width: 117px;
        margin-top: 6px;
        font-size: 12px !important;
    }

    span.become-pract-txt {
        width: 90.5%;
    }

    .center-mode-practices .slick-prev {
        left: -12px;
        z-index: 99;
    }

    .center-mode-practices .slick-next {
        right: 12px;
    }

    #practitionersSection .divSearch .form-control {
        height: 30px;
    }

    #practitionersSection .divSearch .sortText {
        padding: 5px 0;
    }

    #practitionersSection .paddingLeft0 {
        padding-left: 0px;
        padding-right: 0px;
    }

    #practitionersSection .padding0 {
        padding: 0 15px;
    }

    #practitionersSection .boxDiv {
        text-align: center;
        padding-bottom: 20px;
    }

    #practitionersSection .textAmmount {
        line-height: 15px;
    }

    #practitionersSection .boxDiv .userImgDiv {
        padding: 15px;
    }

    #practitionersSection .boxDiv p {
        margin: 10px 0px;
        float: left;
    }

    #practitionersSection .boxLine.textFT p {
        text-align: center;
        margin: 0;
    }

    #practitionersSection a.link {
        float: right;
    }

    #practitionersSection .boxDiv .freeConsultation {
        Padding: 7px 20px;
        margin: 5px;
        width: 92%;
    }

    #practitionersSection .boxDiv .bookASession {
        Padding: 7px 20px;
        margin: 5px;
        width: 92%;
    }
}


/*css for landing page*/

.start-healing-jour-div {
    margin-bottom: 6rem;
}

.boy-with-tab-landing {
    width: 300px;
}

.our-practitioner-banner {
    background-image: url(/Content/images/our-practitioner.png);
    background-repeat: no-repeat;
    min-height: 230px;
    background-size: cover;
}

.practitioners-you-can-trust {
    margin-bottom: 30px;
}

    .practitioners-you-can-trust p {
        font-size: 15px;
        color: var(--on-primary-color);
        font-weight: 300;
        line-height: 25px;
        position: relative;
    }

        .practitioners-you-can-trust p:not(:last-child) {
            margin-bottom: 28px;
        }

        .practitioners-you-can-trust p i {
            position: absolute;
            left: -20px;
            top: 4px;
            color: var(--primary-color);
        }

.be-a-practitioner-banner {
    background-image: url(/Content/images/be-a-practitioner-banner.png);
    background-repeat: no-repeat;
    min-height: 230px;
    background-size: cover;
}


.be-a-practitioner h2 {
    margin-bottom: 25px;
}

.be-a-practitioner ul {
    margin: 21px;
    padding: 0;
}

.be-a-practitioner .whyHC p {
    font-size: 15px;
    color: var(--on-primary-color);
    font-weight: 300;
    line-height: 25px;
    margin-bottom: 30px;
}

    .be-a-practitioner .whyHC p strong {
        display: block;
        font-weight: 500;
        display: flex;
        width: 100%;
    }

.become-pract-txt {
    float: right;
    width: 92%;
    margin-bottom: 20px;
}

.be-a-practitioner .whyHC p strong img {
    position: relative;
    left: 0px;
    top: 6px;
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 10px;
    margin-top: -7px;
}

.bullet-points-default p {
    font-size: 15px;
    color: #5b5b5b;
    letter-spacing: 1px;
    font-weight: 500;
    line-height: 25px;
    margin-bottom: 25px;
    position: relative;
    padding-left: 34px;
}

    .bullet-points-default p img {
        position: absolute;
        left: 0px;
        top: 6px;
        width: 20px;
        height: 20px;
        float: left;
        margin-right: 10px;
        margin-top: -7px;
    }

.howit-works-banner {
    background-image: url(/Content/images/practices-images/akashic-records-banner.jpg);
    background-repeat: no-repeat;
    min-height: 230px;
    background-size: cover;
}

.how-it-work-main-div {
    border-radius: 5px;
}

/*.steps-hiw label{

}

.steps-hiw p {

}*/

.cardBoxDiv .review-block {
    margin: 0;
}

.cardBoxDiv .flip-div-name-img {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.flip-main-review-div {
    max-height: 334px;
    overflow: auto;
    border-radius: 15px;
    background-color: #f9f9f9;
    border: 1px solid #EFEFEF;
    margin: 15px;
}

.ReviewbackBtn {
    background: none;
    border: navajowhite;
    padding: 0;
    margin: 0;
    top: 5px;
    position: absolute;
    color: var(--primary-color);
    right: 7px;
    z-index: 9999;
}

.packageBackBtn {
    background: none;
    border: navajowhite;
    padding: 0;
    margin: 0;
    top: 5px;
    position: absolute;
    color: var(--primary-color);
    right: -11px;
    z-index: 9999;
}


.flip-div-name-img .review-block-rate {
    margin-bottom: 0;
}

    .flip-div-name-img .review-block-rate p {
        margin-bottom: 0;
    }

.img-wrapper-pract-div {
    min-width: 370px;
    min-height: 213px;
}

    .img-wrapper-pract-div a {
        transform: translate(-50%, -50%);
        padding: 8px 10px !important;
        width: 73%;
        position: absolute;
        top: 50%;
    }

.right-arrow-pract {
    vertical-align: middle;
    font-size: 16px;
    color: #fff;
}

.profiDivRow .video-show iframe {
    width: 100%;
    transform: scale(1.5);
}

.header-bg-wrapper {
    background-position: 46% 0;
}

/*.bcome-pract-head {
    position: relative;
    top: 36px;
}*/

.my-10-mt-25 {
    margin: 10px 0 25px;
}

.profile-pract-page {
    background: var(--primary-color);
}

.header-bg-content h1 {
    color: #fff;
    font-weight: 600;
    font-size: 35px;
    margin: 0;
}

.landing-prct-header .head-wrapper-pract {
    position: absolute;
    right: 0;
    top: 50% !important;
    transform: translate(-50%, -50%);
    left: 50%;
}

.landing-prct-header {
    padding: 0px 15px;
    position: relative;
}

.logo-hc-pract-pro img {
    width: 244px;
    padding: 15px 0;
}

.review-div {
    margin-top: 15px;
    border-radius: 15px;
    border: 1px solid var(--primary-color);
    padding: 20px 20px;
}

.freeConsultationCompletedSection .packagesOfferDiv {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.packagesOfferDiv span {
    font-size: 33px;
    font-weight: 500;
}

.packagesOfferDiv label.fnt-hed:first-child {
    font-size: 26px !important;
    font-weight: 400;
    margin: 0 !important;
    color: #fff !important;
}

.packagesOfferDiv label.fnt-hed {
    font-size: 26px !important;
    font-weight: 500;
    margin: 0 !important;
}

.pb-featured {
    position: relative;
}

.pb-star {
    position: absolute;
    top: 0;
    right: 15px;
    width: 40px;
    height: 60px;
    padding-top: 15px;
    font-size: 1.692em;
    background-color: var(--primary-color);
    display: flex;
    justify-content: center;
}

    .pb-star:after {
        border-bottom-color: #000
    }

    .pb-star .fa-star {
        color: #fff;
    }

    .pb-star:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 0;
        height: 0;
        border-bottom: 13px solid;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        color: #fff;
    }

.profileBoxDiv::after {
    content: '';
    display: table;
    clear: both;
}

.footernavs {
    text-align: left;
}

.footernavs__list {
    list-style: none;
    padding: 0;
    margin-bottom: 10px;
}

    .footernavs__list li {
        display: inline-block;
    }

.footernavs__item a {
    font-weight: 600;
    font-size: 14px;
    color: var(--on-primary-color);
    border-radius: 5px;
}

.footernavs__list li:not(:last-child) {
    padding-right: 15px;
}

.social-med-icon {
    text-align: left;
}

.video-back-to-dash {
    font-size: 16px;
    letter-spacing: normal;
    text-decoration: underline;
    font-weight: 500;
    color: #ffffff !important;
}

    .video-back-to-dash:hover {
        font-size: 16px;
        letter-spacing: normal;
        text-decoration: underline;
        font-weight: 500;
    }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--primary-color) !important;
}

.modal-header {
    border-radius: var(--bs-border-radius) var(--bs-border-radius) 0px 0px !important;
    border: none;
    border-bottom: 1px solid hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), var(--opacity-default-border));
}

.modal-footer {
    border: none;
}

.sweet-alert {
    border-radius: 10px !important;
}

ul.dropdown-menu.mobileUlMenu.hdr-drp li a i {
    display: inline-block;
    padding-right: 7px;
    min-width: 22px;
}

.df-switchbtn {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


    .df-switchbtn button {
        font-size: 16px;
        padding: 10px 20px;
    }

.wallet-update-msg {
    font-size: 14px;
    color: var(--on-primary-color);
    font-weight: 400;
    margin: 0 !important;
}

.bg-none-w {
    background: none;
}

.wallet-update-msg strong {
    font-weight: 700;
}

.existing-user-wrapper {
    display: grid;
    align-items: center;
    justify-content: center;
    grid-template-columns: auto;
    grid-gap: 6px;
    margin-bottom: 0 !important;
}

.wrapers {
    width: 80%;
}

.existing-user-wrapper a:nth-child(2) {
    min-width: 180px;
    Padding: 7px 10px;
}

.existing-user-wrapper a:nth-child(2) {
    border: 1px solid var(--primary-color);
}

    .existing-user-wrapper a:nth-child(2):hover {
        /*background: #05a9af;*/
    }

.existing-user-wrapper .symtom-text-new {
    color: var(--on-primary-color) !important;
    font-weight: 500;
    margin-right: 0;
    font-size: 17px !important;
    text-align: right;
}

.or-small-text {
    font-size: 14px !important;
}

.corp-user-login {
    font-size: 15px;
    color: #5b5b5b;
    padding: 16px 19.6px 0px;
    margin: 0;
    font-weight: 500;
    text-align: center;
}

.login-ipad-forget span, .login-ipad-forget a {
    font-weight: 500;
    color: var(--on-primary-color) !important;
    font-size: 15px;
}

.video-back-to-dash {
    color: #05a9af !important;
    background-color: #ffffff !important;
    text-align: center;
    Padding: 11px 16px;
    text-transform: uppercase;
    text-decoration: none !important;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    box-shadow: 0 4px 9px 0 rgba(0,0,0,.18), 0 2px 8px 0 rgba(0,0,0,.15);
    border: 2px;
    border-radius: 25px;
    letter-spacing: 1px;
    cursor: pointer;
    line-height: 19px;
}

    .video-back-to-dash:hover {
        background-color: #05a9af !important;
        color: #ffffff !important;
        text-align: center;
        text-decoration: none !important;
        display: inline-block;
        font-size: 15px;
        font-weight: 600;
        box-shadow: 0 4px 9px 0 rgba(0,0,0,.18), 0 2px 8px 0 rgba(0,0,0,.15);
        border: 2px;
        border-radius: 25px;
        letter-spacing: 1px;
        cursor: pointer;
        line-height: 19px;
    }

.control.control--checkbox.text-muted.text-margin.txt-lft-prac.net-mt {
    font-weight: 400;
}

/*-------------------new home page css starts here-------------------*/

#wrapper .headerinner-wrapper #headerinner .menu > ul {
    margin: 0;
}

    #wrapper .headerinner-wrapper #headerinner .menu > ul > li > a {
        font-weight: 500;
        font-size: 16px;
        color: transparent;
        color: white;
        padding: 0 3px;
        margin: 0 1px;
        border-radius: 5px;
        text-shadow: -1px 0px 7px rgba(59, 61, 61, 0.25);
    }

#wrapper .headerinner-wrapper #headerinner .x-sign {
    border: 1.5px solid #FFFFFF;
    position: relative;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    padding: 6px 25px;
    margin-left: 0px;
    margin-left: 10px;
    margin-right: 5px;
}

#wrapper .headerinner-wrapper #headerinner .x-login {
    border: 1.5px solid #ffffff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color: var(--primary-color);
    font-size: 18px;
    font-weight: 500;
    padding: 7px 25px;
    line-height: 40px;
    text-shadow: none;
    margin-left: 10px;
    background-color: rgba(255, 255, 255, 0.5);
}

.home-content-wrapper {
    padding-top: 65px;
}


.theme-color {
    color: var(--primary-color) !important;
}

.pfw-600 {
    font-weight: 600 !important;
}

.cpt-100 {
    padding-top: 100px !important;
}

.cpb-100 {
    padding-top: 100px !important;
}

.cpy-100 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

.df-aic {
    display: flex;
    align-items: center;
}

.certificates {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 15px;
    align-items: center;
    max-width: 80%;
}

    .certificates label {
        color: #868686;
        font-size: 21px;
        font-weight: 400;
    }

        .certificates label:not(:first-child),
        .certificates-icon {
            justify-self: center;
        }

.get-matched-head {
    margin: 30px 0 60px;
}

    .get-matched-head h3 {
        font-size: 40px;
        font-weight: 700;
        line-height: 56px;
        margin: 0;
        margin-bottom: 20px;
    }

    .get-matched-head p {
        font-weight: 400;
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 0;
        color: var(--on-primary-color);
    }



/*how cite works*/
section .how-it-works {
    padding: 50px 0 50px;
    position: relative;
}

.three-step-content-wrapper {
    border-radius: 21px;
    border: 3px solid var(--primary-color);
    margin-top: 50px;
}


.new-home-main .safety-n-security-section {
    padding-bottom: 70px;
    position: relative;
}

    .new-home-main .safety-n-security-section ol {
        margin-top: 40px;
    }

        .new-home-main .safety-n-security-section ol li {
            font-size: 16px;
            color: #5b5b5b;
            letter-spacing: 1px;
            font-weight: 500;
            line-height: 29px;
            padding: 8px 0;
        }

    .new-home-main .safety-n-security-section .imgs img {
        width: 75%;
    }

    .new-home-main .safety-n-security-section ol li p {
        color: #434343;
        font-size: 18px;
    }

.new-home-main .section-below-heading {
    font-size: 40px;
    color: var(--on-primary-color);
    margin: 0px;
    margin-bottom: 50px;
    font-weight: 700;
    position: relative;
    display: inline-block;
    line-height: 57px;
}

.cmt-45 {
    margin-top: 45px;
}

.innerhead-main {
    position: relative;
}


.new-home-main .section-below-heading span.h1Span {
    font-size: 12px;
    color: #555555;
}

.certificates-icon {
    justify-self: left;
    width: 33px;
}

.section-below-heading.section-heading-modifier {
    font-size: 35px;
    margin-bottom: 15px;
}

.section-heading-modifier-sub::after {
    display: none;
}

.testi-img-wrapper {
    display: grid;
    grid-template-columns: max-content auto;
    align-items: center;
    list-style-type: none;
    justify-content: flex-start;
    padding: 0;
    margin-bottom: 30px;
}

    .testi-img-wrapper .testi-imgs {
        width: 70px;
        height: 70px;
        border: 2px solid var(--primary-color);
        border-radius: 50%;
        position: relative;
        overflow: hidden;
    }

        .testi-img-wrapper .testi-imgs.active-testi {
            width: 95px;
            height: 95px;
            z-index: 2;
            border: none;
            box-shadow: 1px 1px 4px 1px rgb(0 0 0 / 22%);
        }

.testi-items-para {
    font-size: 16px;
    font-weight: 400;
    color: var(--on-primary-color);
    line-height: 24px;
    text-align: left;
    margin-bottom: 25px;
    margin-top: 25px;
    position: relative;
}

.testi-imsg-content {
    padding-left: 25px;
    font-style: italic;
}

.testi-items-head {
    color: var(--on-primary-color);
    font-size: 19px;
    font-weight: 500;
    margin: 10px 0 7px;
    margin-top: 0;
    text-align: left;
    line-height: 24px;
}

.testi-imsg-content span {
    display: block;
    text-align: left;
    color: var(--on-primary-color);
    font-weight: 400;
}

span.testi-quotes {
    position: absolute;
    left: -25px;
    top: -22px;
    width: 20px;
    height: 20px;
}

    span.testi-quotes img {
        max-width: 20px;
        height: auto;
    }

.cts-testi {
    margin-top: 65px;
}

    .cts-testi .banner-cta {
        justify-content: center;
    }

.testi-items-list {
    padding-left: 25px;
    padding-right: 25px;
}

span.testi-quotes.testi-quotes-rotate {
    right: -22px;
    bottom: -10px;
    left: initial;
    top: initial;
    transform: rotate(180deg);
}

.testi-pract-video-div {
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #b5c9ca;
}

    .testi-pract-video-div .video-js {
        width: 100%;
        height: 100%;
        margin-top: 30px;
    }

#pract_video_10 {
    min-height: 294px;
}

.testi-pract-video-div video {
    object-fit: cover;
}

.row-df {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.testimonial-new .video-js .vjs-big-play-button {
    font-size: 3em !important;
    line-height: 1.1em !important;
    height: 1em !important;
    width: 2em !important;
    display: block;
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    padding: 0;
    cursor: pointer;
    opacity: 0.8 !important;
    border: 0 !important;
    background-color: transparent !important;
    border-radius: 0.3em;
}

    .testimonial-new .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
        font-size: 66px;
        color: var(--primary-color);
    }

.accordian-nhc-info-main-div {
    background-image: url('/Content/images/new-home/nhp-accordian.jpg');
    background-size: cover;
    position: relative;
    background-position: left;
}

.accordian-newhc {
    position: absolute;
    left: 0;
    bottom: 0;
    min-height: 519px;
}

.pd-per {
    min-height: 700px;
}

.accordian-nhc-info-main-div .accordian-hc-info .panel {
    background-color: #efeeee !important;
    border: 1px solid #efeeee !important;
    border: none !important;
}

    .accordian-nhc-info-main-div .accordian-hc-info .panel p {
        color: var(--on-primary-color);
        font-size: 16px;
        font-weight: 500;
        line-height: 25px;
    }

.accordian-nhc-info-main-div .accordian-hc-info .panel-title {
    color: var(--on-primary-color);
    font-size: 19px;
    cursor: pointer;
    font-weight: 600;
}

.accordian-nhc-info-main-div .panel-heading {
    transition: all .4s;
}

    .accordian-nhc-info-main-div .panel-heading[aria-expanded="true"] {
        padding-bottom: 0;
        transition: all .4s;
    }

.sec-practices-blog {
    position: relative;
}

.blue-louds-testimonail {
    display: none;
}

.blue-louds-testimonail {
    position: absolute;
    right: 0;
    transform: rotateY(180deg) translateY(-50%);
    top: 50%;
    max-width: 160px;
}

.sec-practices-blog img.img-arange-slider,
.sec-practices-blog .overlay-hc-moadalities {
    border-radius: 5px;
}

.align-items-right {
    display: flex;
    justify-content: flex-end;
}

.font-w-b {
    font-weight: 700;
}

.cpy-15 {
    padding: 15px 0;
}

.cpy-20 {
    padding: 20px 0;
}

.cpy-30 {
    padding: 30px 0;
}

.subscribe-newsletter {
    background-color: var(--primary-color);
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.input-wrapper-subscribe {
    position: relative;
}

.subscribe-newsletter-inner p {
    margin-bottom: 0;
    color: #fff;
    font-weight: 500;
    font-size: 20px;
}

.subscribe-newsletter-inner {
    display: grid;
    grid-template-columns: max-content 80%;
    grid-gap: 90px;
    align-items: center;
    justify-content: center;
}

    .subscribe-newsletter-inner form {
        justify-self: flex-end;
        width: 100%;
    }

.default-white-btn {
    height: 40px;
    border-radius: 35px;
    border: 2px solid #fff;
    background-color: #fff;
    min-width: 180px;
    font-size: 17px;
    font-weight: 600;
    color: var(--primary-color);
    transition: all .3s;
}

.defs-pos-abs {
    position: absolute;
    right: 0;
}

.default-white-btn:hover,
.default-white-btn:active,
.default-white-btn:focus {
    background-color: var(--primary-color);
    color: #ffffff;
}

.input-wrapper-subscribe input {
    border-radius: 35px;
    border: 2px solid #fff;
    background-color: transparent;
    padding: 0 62px 0 20px;
    max-width: none;
    height: 40px;
    min-width: 350px;
}

    .input-wrapper-subscribe input::placeholder {
        color: #fff !important;
    }

    .input-wrapper-subscribe input:focus {
        border-color: #ffffff;
    }

.input-wrapper-subscribe input {
    color: #fff;
    font-size: 16px;
}

.path-footer-icons {
    width: 20px;
    height: 20px;
    display: inline-block;
    fill: var(--on-primary-color);
}

.certifications-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
}

    .certifications-wrapper img {
        width: 100%;
    }

.learn-icons svg {
    width: 61px;
}

svg.icon-msg-dash {
    width: 56px;
    height: 76px;
}

svg.icon-book-dash {
    width: 61px;
}

svg.icon-wallet-dash {
    width: 66px;
}

svg.icon-helpfriend-dash {
    width: 60px;
}

svg.icon-document {
    width: 60px;
}

svg.icon-availibility {
    width: 64px;
    height: 76px;
}

#notification {
    position: relative;
}

.notification-icons-dash {
    max-width: 19px;
}

.new-step-img {
    max-width: 100%;
    display: inline-block;
}

.home-certificates {
    position: absolute;
    bottom: 80px;
    left: 20px;
    max-width: 350px;
}

.new-lock-icon {
    padding-right: 7px;
    opacity: .8;
}

.client-stisficaton {
    color: var(--on-primary-color) !important;
    font-weight: 400;
    font-size: 15px;
    margin-top: 2px;
}

    .client-stisficaton strong {
        display: inline-block;
        color: var(--primary-color);
    }

.percent-satisfication {
    max-width: 65px;
}

.grid-satisfication {
    display: grid !important;
    grid-template-columns: max-content 1fr;
    grid-gap: 20px;
    align-items: center;
}

.para-text.para-text-modifier-os.df-aic {
    justify-content: center;
    margin-top: 10px;
    line-height: 16px;
}

.bord-out hr {
    margin-bottom: 10px;
    margin-top: 10px;
}

.cust-list-os .li-cust.lft-li {
    padding-bottom: 0;
}

.cust-list-os .para-text {
    margin-bottom: 0;
}

.home-certificates {
    display: none;
}

.order-summary-points .tick::after {
    content: '\2713';
    position: absolute;
    font-weight: 800;
}

.top-up-gympass p.para-text {
    font-weight: 400;
    padding-left: 26px;
    position: relative;
    line-height: 25px;
}

.top-up-gympass label.para-text {
    font-weight: 600;
    line-height: 25px;
    font-size: 16px;
}

.gympass-total-aam {
    align-self: center;
    margin-top: 19px;
}

.top-up-gympass label.para-text strong {
    font-weight: 700;
}

.top-up-gympass .cust-list-os {
    align-self: center;
}

.top-up-gympass p.para-text .tick {
    margin: 0;
}

.top-up-wrapper .panel-body.top-up-gympass {
    align-items: flex-start;
}

.fa-check.tick::after {
    content: '';
    position: absolute;
    font-weight: 800;
    left: 0;
    background: url(/Content/images/new-home/tick-new.svg);
    background-size: 100%;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    top: 5px;
}

.my-20px {
    margin-bottom: 20px;
    margin-top: 20px;
}

header.header-wrapper.fixed-new-head {
    position: fixed !important;
    top: 0;
    width: 100%;
    /*background-image: url('/Content/images/new-home/scroll-bg-nav.jpg');*/
    background-color: rgba(45, 45, 45, 0.5);
    transition: all .6s;
}

    header.header-wrapper.fixed-new-head .py-8 {
        padding: 3px 15px;
    }


.header-wrapper.fixed-new-head .logo img {
    width: 215px;
    transition: all .6s;
}

#pract_video_10 {
    min-height: 364px;
}

#attachmentIconDiv img {
    max-width: 21px;
    display: inline-block;
}

i.emoji-picker-icon.emoji-picker.fa.fa-smile-o::after {
    content: '🙂';
    font-style: normal;
    font-size: 22px;
    opacity: 1;
}

.certifications-all {
    max-width: 301px;
    margin-left: auto;
}

.step-2-steps {
    padding: 0px 12px;
}

.steps-home-wrapper {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-gap: 20px;
    justify-content: flex-start;
    text-align: left;
    margin-bottom: 15px;
}

.new-home-main .how-it-works .row h5 {
    font-size: 19px;
    color: var(--primary-color);
    font-weight: 700;
    letter-spacing: 1px;
    margin: 4px 0 10px 0px;
    display: inline-block;
    background-color: #ffffff;
}


.new-home-main .how-it-works .row p {
    font-size: 15px;
    color: var(--on-primary-color);
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 18px;
    text-align: left;
}

.three-step-left:not(:last-child) {
    margin-bottom: 45px;
}


.video-audio-msg {
    display: grid;
    grid-template-columns: repeat(3, auto);
    max-width: 50%;
    margin: 0px auto;
    position: absolute;
    width: 100%;
    bottom: -35px;
    left: 45%;
    transform: translateX(-45%);
}

.video-home {
    display: grid;
    grid-template-columns: max-content 1fr;
    align-items: center;
    justify-content: center;
    grid-gap: 10px;
}

    .video-home img {
        max-width: 100%;
    }

    .video-home p {
        margin: 0 !important;
    }

.step-microphone {
    height: 22px;
}

.step-message {
    height: 20px;
}

.step-video {
    height: 17px;
}

.audio-home {
    justify-self: center;
}

.mesage-home {
    justify-self: flex-end;
}

.new-home-main .how-it-works .row .video-home p {
    font-size: 12px;
}

.certf_size.cmb-certi {
    margin-bottom: 90px;
}

.cmb-certi .crt_div {
    margin-bottom: 40px;
}

.registration-no .form-control {
    height: 35px;
}

.order-summary-inner-div.new-default-box-shadow,
.other-payment-method.new-default-box-shadow,
.saved-cards.new-default-box-shadow {
    border: 0;
}

.mtcc-hiw {
    margin: 10px;
}

.selected-list img.icons-time {
    margin: 0;
    opacity: 0.5;
    padding-right: 4px;
    margin-right: 4px;
    position: relative;
    top: -1px;
}

.steps {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0px auto 0;
    counter-reset: total 1 done 1;
    position: fixed;
    top: 0;
    left: 50%;
    z-index: 999;
    transform: translateX(-50%);
}

    .steps > * {
        counter-increment: total;
        position: relative;
        height: 0.4em;
        top: 0;
        display: table-cell;
        background: var(--chat-inbox-border-color);
    }

        .steps > *::before {
            content: '';
            background: var(--salmon-color);
            position: absolute;
            left: 0;
            top: -4px;
            height: 10px;
            width: 0;
            border-radius: 0;
        }

        .steps > *:first-child::before {
            content: '';
            position: absolute;
            top: -4px;
            right: -0.5em;
            height: 10px;
            width: 70px;
            border-radius: 0;
            background-color: var(--primary-color);
        }

        .steps > *:first-child::after {
            display: none;
        }

        .steps > *::after {
            content: '';
            position: absolute;
            width: 5px;
            top: 0;
            background: transparent;
            height: 0.4em;
        }

        .steps > *.done {
            counter-increment: total done;
            background: var(--primary-color);
        }

            .steps > *.done::before {
                background: var(--primary-color);
            }

            .steps > *.done::after {
                background: var(--primary-color);
            }

            .steps > *.done + *::before {
                background: var(--primary-color);
            }

.pract-profile-section {
    display: grid;
    grid-template-columns: 400px 1px 1fr;
    grid-gap: 60px;
    max-width: 97%;
    min-height: 100vh;
    align-items: center;
    padding: 40px 0;
    margin-left: auto;
}

.pract-profile-right {
    align-self: flex-start;
}

.overview-pract-profile p,
.calling p {
    color: var(--on-primary-color);
    font-size: var(--base-font-size);
    font-weight: 400;
    margin-bottom: 0;
}

.pp-my {
    margin: 36px 0 35px;
}

.pp-mb-27 {
    margin-bottom: 37px !important;
}

.pp-mb-40 {
    margin-bottom: 40px !important;
}

.overview-pract-profile label {
    font-size: var(--base-font-size-h3);
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 0 !important;
}

.pact-profile-name {
    display: block;
    font-weight: 700;
    font-size: var(--base-font-size-h3);
    margin: 1rem 0 0;
}

    .pact-profile-name small {
        color: var(--on-primary-color);
        font-weight: 400;
        display: block;
        font-size: var(--base-font-size);
        margin-top: 0.2rem;
    }

.exp-lang {
    display: grid;
    grid-template-columns: 1fr 1px 1fr;
    align-items: flex-start;
    grid-gap: 20px;
    margin: 35px 0px;
}

.vr-line-profile {
    width: 1px;
    background-color: var(--chat-inbox-border-color);
    height: 100%;
}

.hr-line-profile {
    width: 100%;
    background-color: var(--chat-inbox-border-color);
    height: 1px;
}

.exp-pract-profile {
    text-align: left;
}

.lan-pract-profile {
    text-align: right;
}

    .exp-pract-profile strong,
    .lan-pract-profile strong {
        display: block;
        font-weight: 600;
        font-size: var(--base-font-size-xxl);
        margin-bottom: 0;
        color: var(--primary-color);
    }

    .exp-pract-profile p,
    .lan-pract-profile p {
        display: block;
        color: var(--on-primary-color);
        font-weight: 400;
        font-size: var(--base-font-size);
        margin-bottom: 0;
    }

.section.mod-drop-col i.fa.fa-check,
.section.mod-drop-col i.fa.fa-asterisk {
    position: relative;
}

    .section.mod-drop-col i.fa.fa-check::after {
        content: '';
        position: absolute;
        font-weight: 800;
        left: -7px;
        background: url(/Content/images/new-home/tick-new.svg);
        background-size: 100%;
        width: 16px;
        height: 16px;
        background-repeat: no-repeat;
        top: -5px;
    }

    .section.mod-drop-col i.fa.fa-asterisk::after {
        content: '';
        position: absolute;
        font-weight: 800;
        left: -7px;
        background: url(/Content/images/new-home/asterisk.svg);
        background-size: 100%;
        width: 16px;
        height: 16px;
        background-repeat: no-repeat;
        top: -5px;
    }

.cartegoreis-step1 input {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    left: 0;
    top: 0;
    margin: 0;
    z-index: 1;
    cursor: pointer;
}

.text-dec-modi.back-button {
    text-decoration: none;
}

    .text-dec-modi.back-button a {
        text-decoration: underline;
    }

.back-button.back-button-show.text-dec-modi a {
    color: var(--primary-color);
}

.mobile-slider-cards #searchResults flex-row-pract-results {
    opacity: 0;
    visibility: hidden;
}

.mobile-slider-cards #searchResults.show-filtered-pract {
    opacity: 1;
    visibility: visible;
}

@media(min-width: 1025px) {
    label.selected-list:hover {
        background-color: var(--primary-color) !important;
        color: #FFF !important;
    }
}

.pract-profile-left .exp-lang-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pract-profile-left .exp-lang {
    grid-template-columns: 50% auto 50%;
    align-items: center;
    grid-gap: 30px;
    margin: 35px 0px;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 78%;
}

.pract-profile-left .lan-pract-profile {
    text-align: left;
}

.pract-profile-right .overview-pract-profile {
    padding-right: 40px;
}

.pract-profile-right .review-block:first-child {
    padding-top: 0;
}

.pract-profile-right .review-block {
    padding-left: 0;
}

.pract-profile-right .review-block-description {
    font-size: 13px;
    padding-right: 30px;
}


.banner-cta button {
    border-radius: 60px !important;
    font-weight: 600 !important;
}

    .banner-cta button span {
        font-size: 10px;
        display: block;
        font-weight: 400;
    }


.banner-cta .book-seesion-btn-white {
    background-color: #fff;
    color: var(--primary-color) !important;
}

    .banner-cta .book-seesion-btn-white:hover {
        background-color: var(--primary-color);
        color: #ffffff !important;
    }

.banner-cta {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    grid-gap: 30px;
}

.hc-prartner-text label {
    color: gray;
}

.hc-parteners img {
    max-width: 128px;
    height: auto;
    margin: 0 auto;
}

.hc-parteners .slick-track {
    display: flex;
    justify-content: center;
    align-items: center;
}

.camera-icons {
    fill: #fff;
}

svg.icon.camera-icons {
}

.hc-prartner-text {
    position: absolute;
    left: -9%;
    top: 50%;
    transform: translateY(-50%);
}

.hc-partenrs-xexec img {
    max-width: 110px;
}

.hc-partenrs-anytime-fitness img {
    max-width: 113px;
}

.hc-partenrs-Edenred img {
    max-width: 76px;
}

.hc-partenrs-heka img {
    max-width: 115px;
}

.hc-partenrs-juno img {
    max-width: 75px;
}

.hc-partenrs-leon img {
    max-width: 100px;
}

.hc-partenrs-fringe img {
    max-width: 120px;
}

.healing-clouds-tesco img {
    max-width: 170px;
}

.hc-parteners {
    padding-left: 25px;
    padding-right: 25px;
}

.hc-partenrs-oyster img {
    max-width: 130px;
}

.hc-partenrs-circle img {
    max-width: 110px;
}

.hc-partenrs-sartorius img {
    max-width: 118px;
}

.hc-partenrs-crowdcube img {
    max-width: 118px;
}

.hc-partenrs-event-concept img {
    max-width: 118px;
}

@media (max-width: 991px) {
    .hc-partenrs-oyster img {
        max-width: 105px !important;
    }

    .hc-partenrs-circle img {
        max-width: 95px !important;
    }

    .hc-partenrs-sartorius img {
        max-width: 95px !important;
    }

    .hc-partenrs-crowdcube img {
        max-width: 82px !important;
    }

    .hc-partenrs-event-concept img,
    .hc-partenrs-hsbc img {
        max-width: 85px !important;
    }
}

@media only screen and (max-width: 1250px) {
    .hc-prartner-text {
        position: relative;
        top: 0;
        left: 50% !important;
        text-align: center !important;
        transform: translateX(-50%);
        margin-bottom: 4px;
    }

    .hc-parteners {
        padding-left: 0;
        padding-right: 0;
    }

    .hide-pattern-banner {
        display: none;
    }
}



.hc-2-step-head {
    text-align: left;
}

.step2-pattern {
    position: absolute;
    left: 0;
    bottom: 0;
    max-width: 110px;
    transform: translateY(30%);
}

.get-matched-new {
    position: relative;
    padding: 90px 0 50px;
}

.healing-clouds-banner-pattern {
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translateY(50%);
}

.testimonial-new {
    position: relative;
}

.testi-clouds-pattern {
    position: absolute;
    left: 0;
    bottom: 80px;
    transform: translateY(50%);
    max-width: 130px;
}

.hc-prartner-text {
    text-align: left;
}

.get-matched-new img {
    max-width: 100%;
    height: auto;
}

.p_pro_page svg {
    display: inline-block;
    width: 58px;
    height: 75px;
    stroke-width: 0;
    stroke: currentColor;
    fill: var(--primary-color);
}

.status-oic-subscription .btn-loader-modify {
    min-height: 44px;
    box-shadow: none !important;
    background: #fff !important;
}

.learn-payment-summary .head-os-pract {
    margin-bottom: 5px;
}

.learn-payment-monthly {
    font-weight: 600;
}

.sec-practices-blog .slick-prev:before,
.sec-practices-blog .slick-next:before {
    top: 50%;
    transform: translateY(-50%);
    font-size: 9rem;
}

.partner-healing {
    position: absolute;
    right: 15px;
    top: 6px;
    max-width: 175px;
}

.new-partner-header-logo .st0 {
    fill: #ffffff;
}

.learn-new,
.footer__items--list-learn {
    position: relative;
}

.learn-new-txt {
    position: absolute;
    right: -20px;
    top: 1px;
    background-color: var(--salmon-color);
    display: inline-block !important;
    width: initial !important;
    height: initial !important;
    padding: 2px 8px;
    color: #fff;
    border-radius: 4px;
    font-size: 13px;
}

span.learn-new-txt-mobile.meditation-new {
    right: -23px;
    top: -1px;
}

.learn-new-txt-mobile {
    position: absolute;
    right: -28px;
    top: -1px;
    background-color: var(--salmon-color);
    display: inline-block !important;
    width: initial !important;
    height: initial !important;
    padding: 2px 5px;
    color: #fff;
    border-radius: 2px;
    font-size: 9px;
    letter-spacing: 1px;
}

.footer__message .dash-side-msg-count {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    line-height: 50px;
    display: inline-block;
    font-weight: 600;
}

.footer__message {
    position: relative;
}

.icon-wrapper-meds {
    position: relative;
}

.pc-mt-30 {
    margin-top: 30px;
}

.pc-mt-50 {
    margin-top: 50px;
}

@media (max-width: 767px) {
    .new-partner-header-logo .st0 {
        fill: var(--primary-color);
    }

    .partner-healing {
        position: absolute;
        right: 15px;
        top: 14px;
        max-width: 117px;
    }

    .mobile-slider-cards .cardBoxDivOuter {
        margin-bottom: 15px;
        padding-top: 57px;
    }

    .pract-profile-right .overview-pract-profile {
        padding-right: 10px;
    }

    .pract-profile-right .review-block-description {
        padding-right: 0px;
    }

    .control {
        font-size: 16px;
    }

    .spn-mdl-rvw {
        line-height: normal;
        display: inline-block;
    }

    .reasonbooksess .hide-show span {
        font-size: 1em;
        padding: .5em;
        float: right;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        cursor: pointer;
        margin: -4px -1% 1em;
        color: var(--secondary-color);
        font-size: 14px;
    }

    .notes-refe-no.client-stisficaton br {
        display: none;
    }

    .flex-row-pract-results {
        position: relative;
    }

        .flex-row-pract-results .oc-slider-control {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            padding: 0 23px;
            position: absolute;
            top: 20px;
            z-index: 9999;
        }

        .flex-row-pract-results .cardBoxDiv {
            margin: 12px 9px;
        }

    .proceed-btn {
        justify-self: flex-end;
        position: absolute;
        bottom: 0;
        margin-bottom: 0;
    }

    card .back .backBtn {
        bottom: 58px;
    }

    .mobile-slider-cards .filter-pract-list-wrapper {
        align-self: flex-start;
        margin-top: 0;
    }

    .filter-pract-list-wrapper .slick-prev {
        left: 0;
        z-index: 99999;
    }

    .filter-pract-list-wrapper .slick-next {
        right: 0;
        z-index: 99999999999;
    }

    .count {
        display: block;
    }

    .intervals, .labels {
        display: none;
    }

    .filter-pract-list-wrapper .slick-dots {
        list-style: none;
        display: flex !important;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        font-size: 0;
        padding: 0;
    }
}


/*media starts here*/
@media only screen and (min-width: 1600px) {
    .three-step-left:not(:last-child) {
        margin-bottom: 60px;
    }
}

@media only screen and (max-width: 1440px) and (min-width: 1025px) {
    .pd-per {
        min-height: 540px;
    }

    .testi-items-para {
        font-size: 15px;
        color: var(--on-primary-color);
        line-height: 24px;
    }

    #pract_video_10 {
        min-height: 340px;
    }
}

@media only screen and (max-width: 1400px) {

    .steps-grid {
        min-height: 230px;
    }

    .blue-louds-testimonail {
        top: 66%;
        max-width: 100px;
    }

    .userProfileDiv {
        height: 110px;
        width: 110px;
    }

    .pact-profile-name {
        font-size: 21px;
        margin: 21px 0 0;
    }

    .no-message-img {
        max-width: 45%;
    }

    .banner-bottom-strip label {
        font-size: 16px;
        color: var(--on-primary-color);
        font-weight: 500;
        letter-spacing: 1px;
        margin-bottom: 0 !important;
    }

    .home-certificates {
        bottom: 68px;
        left: 20px;
        max-width: 321px;
    }

    .cpy-100 {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    .steps-pattern-bg {
        max-height: 150px;
    }

    .continue-btn-wrapper {
        margin-bottom: 10px;
    }

    /*css for card setting height starts here*/
    .cardBoxDiv {
        min-height: 320px;
    }

    #card .front,
    #card figure.back {
        min-height: 207px;
    }

    .cardInfoDiv .bottom-sec h3 {
        font-size: 14px;
    }

    .cardInfoDiv .bottom-sec p {
        font-size: 13px;
    }

    .cradImgBoxUserDiv .pract-details-card-div {
        margin-top: 45px;
    }

    .cradImgBoxUserDiv h4 {
        font-size: 16px;
        margin-bottom: 7px;
    }

    .bottom-sec-items {
        margin-bottom: 9px;
    }

    .cradImgBoxUserDiv .a-hc-default {
        margin-top: 2px;
        font-size: 14px;
    }

    .cradImgBoxUserDiv {
        min-height: 131px;
    }

        .cradImgBoxUserDiv img.parc-image {
            width: 105px;
            height: 105px;
        }

    .flip-main-review-div {
        max-height: 286px;
    }

    #card .hc-default-btn {
        font-size: 15px;
    }

    .pract-details-card-div .step-card-qualifiction {
        font-size: 13px;
        margin-bottom: 4px !important;
        min-height: 19px;
    }

    #bigLoader.lds-roller {
        padding: 44% 40%;
    }

    #card .back .backBtn {
        bottom: 37px;
    }

    /*css for card setting height ends here*/
}

@media only screen and (max-width: 1366px) {
    .patter-bg {
        min-width: 31%;
        top: 0;
    }
}

@media only screen and (max-width: 1100px) {
    .learn-categories-main-div .category-boxes {
        width: 45%;
        margin-bottom: 25px;
    }

    .learn-categories-main-div .category-lists {
        margin: 0rem 0;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .cpy-100 {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    .blue-louds-testimonail {
        position: absolute;
        right: 0;
        transform: rotateY(180deg) translateY(-50%);
        top: 0%;
        max-width: 70px;
        z-index: -9;
    }

    .testimonial-new .col-md-offset-1 {
        margin-left: 4.333333%;
    }

    .hc-parteners {
        grid-gap: 44px;
        align-items: center;
        justify-content: center;
    }

    .hc-partenrs-xexec img {
        max-width: 83px;
    }

    .hc-parteners img {
        max-width: 120px;
        height: auto;
    }

    .testi-imsg-content {
        padding-left: 18px;
    }

    .testi-items-head {
        font-size: 17px;
        font-weight: 500;
        margin: 8px 0 7px;
    }

    .testi-imsg-content span {
        font-size: 14px;
    }
}

@media only screen and (max-width: 1100px) and (min-width: 768px) {

    .home-content-wrapper {
        padding-top: 75px;
        padding-left: 15px;
    }

    .explore-our-healing-modalities {
        overflow-x: hidden;
    }

    .subscribe-newsletter-inner {
        grid-gap: 23px;
    }

    .video-audio-msg {
        max-width: 60%;
    }

    .pract-profile-section-new .logo-steps.top-pattern {
        position: absolute;
        left: 0;
        top: 0;
        min-width: 280px;
    }

    .pact-profile-name {
        font-size: 20px;
        margin: 20px 0 0;
    }

    .testi-clouds-pattern {
        max-width: 80px;
    }

    .reasonbooksess textarea {
        min-height: 300px;
    }

    .dg-steps-v-algin .create-acc-step form .reasonbooksess .col-md-6 {
        width: 100%;
    }

        .dg-steps-v-algin .create-acc-step form .reasonbooksess .col-md-6 .form-group.cmb-0 {
            margin-bottom: 15px !important;
        }
}

@media(max-width: 1100px) {
    .pract-profile-section {
        display: grid;
        grid-template-columns: 32% 1px 1fr;
        grid-gap: 40px;
        max-width: 90%;
        padding: 60px 0;
        margin: 0 auto;
        align-items: flex-start;
    }

    .pract-profile-left {
        margin-top: 115px;
    }
}

@media only screen and (max-width: 991px) {

    .pract-profile-section {
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: auto 1px auto;
        grid-gap: 40px;
        max-width: 90%;
        padding: 60px 0;
        margin: 0 auto;
        align-items: flex-start;
    }

    .pract-profile-left {
        margin-top: 0px;
    }

    .step-partners-row {
        margin-top: 80px;
    }

    .logo-steps.top-pattern,
    .logo-steps.bottom-pattern {
        max-width: 153px;
    }

    .modalities-custom-grid {
        display: none;
    }

    .testimonial-new .col-md-offset-1 {
        margin-left: 0;
    }

    /*.mpd-0 {
        padding: 0;
    }*/

    .three-step-left p br {
        display: none;
    }

    .slider-testimonial {
        margin-top: 35px;
    }

    .three-step-content-wrapper {
        margin-top: 45px;
        margin-bottom: 60px;
        max-width: 70%;
        margin-left: auto;
        margin-right: auto;
    }

    .certificates-icon {
        width: 50px;
    }

    .certificates {
        grid-template-columns: repeat(4, max-content);
    }

    .get-matched {
        grid-template-columns: 50% 40%;
        grid-gap: 10px;
        position: relative;
        justify-content: center;
    }

    .get-matched-head h3 {
        font-size: 34px;
        line-height: 49px;
    }

    .get-matched-head p {
        font-size: 18px;
        line-height: 30px;
    }

        .get-matched-head p br {
            display: none;
        }

    .get-matched img.blue-louds {
        max-width: 18%;
        position: absolute;
        z-index: -1;
        opacity: 0;
        top: -45%;
    }

    .blue-louds-testimonail {
        position: absolute;
        right: 0;
        transform: rotateY(180deg) translateY(-50%);
        top: 58%;
        max-width: 70px;
        opacity: .3;
        display: none;
    }

    .subscribe-newsletter-inner {
        max-width: 71%;
    }

    .row-df {
        align-items: center;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    #pract_video_10 {
        min-height: 408px;
    }

    .row-df-modifier.row-df {
        align-items: center;
        flex-direction: row;
        align-items: center;
        text-align: center;
    }

    .row-df-modifier .footer-left-wrapper {
        text-align: left;
    }

    footer .futtext p {
        -moz-text-align-last: center;
        text-align-last: center;
    }

    .steps-pattern-bg {
        display: none;
    }

    .cardBoxDivOuter {
        margin-bottom: 75px;
    }

    .continue-button {
        background: var(--primary-color);
        color: #ffffff !important;
    }


    .main-head-steps-sp h1 {
        font-size: 22px;
        line-height: 27px;
        padding: 0 60px;
    }

    .get-matched-new img {
        margin: 0 auto;
        display: block;
    }

    .certificates-content-wrapper .banner-cta {
        justify-content: center;
        margin-bottom: 55px;
    }

    .new-home-main .book-seesion-btn {
        font-size: 14px;
        max-width: 210px;
        margin: 0 auto;
        Padding: 9px 30px;
    }
}

@media only screen and (max-width: 767px) {


    .step-partners-row {
        margin-top: 50px;
    }

    .sec-practices-blog .slick-prev, .sec-practices-blog .slick-next {
        top: 50%;
    }

    section.sec-practices-blog.cpy-100 {
        padding-top: 15px !important;
    }

    .filter-pract-list-wrapper .satisfication-wrapper {
        margin: 25px 0;
    }

    #Specialties .calling.dg-minmax {
        padding: 0 15px;
    }

    .filter-pract-list-wrapper .percent-satisfication {
        max-width: 65px;
        text-align: center;
        margin: 0 auto;
    }

    .filter-pract-list-wrapper .grid-satisfication {
        display: grid !important;
        grid-gap: 20px;
        align-items: center;
        justify-content: center;
    }

    .row-df-modifier.row-df {
        align-items: center;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .row-df-modifier .footer-left-wrapper {
        text-align: center;
    }

    footer .futtext p {
        -moz-text-align-last: center;
        font-size: 12px;
        text-align-last: center;
    }

    .row-df-modifier .footer-left-wrapper {
        text-align: center;
    }

    footer .futtext p {
        -moz-text-align-last: center;
        text-align-last: center;
    }


    .patter-bg {
        min-width: 90%;
    }

    .patter-bg {
        min-width: 83%;
    }

    .bg-strip-main-div.bg-strip-main-div-modifier {
        position: inherit;
        background-color: var(--primary-color);
    }

    .banner-bottom-strip .col-md-4 .strip-content {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding: 5px 0;
    }

    .hp-pbr1,
    .hp-pbr2,
    .hp-pbr3 {
        display: none;
    }

    .subscribe-newsletter-inner {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
        align-items: center;
        justify-content: center;
        text-align: center;
        width: 100%;
    }

    .default-white-btn {
        min-width: 130px;
        font-size: 15px;
    }

    .subscribe-newsletter-inner p {
        font-size: 20px;
    }

    .input-wrapper-subscribe input {
        min-width: 100%;
        padding: 0 138px 0 20px;
    }

    .footer-left-wrapper {
        text-align: center;
    }

    .social {
        justify-content: center;
        margin-top: 15px;
    }

    .get-matched {
        grid-template-columns: 100%;
        grid-gap: 10px;
        position: relative;
        padding: 15px;
        overflow: hidden;
    }

    .blue-louds {
        position: absolute;
        z-index: -1;
        left: 0;
        max-width: 30% !important;
        top: 27%;
        opacity: .6;
    }

    .get-matched-head h3 {
        text-align: center;
    }

    .get-matched-head p {
        text-align: center;
    }

    .certificates {
        grid-template-columns: repeat(4, max-content);
        grid-gap: 15px;
        align-items: center;
        justify-content: center;
        width: 100%;
        max-width: 100%;
    }

        .certificates label {
            font-size: 16px;
        }

    .get-matched-head h3 {
        font-size: 29px;
        line-height: 46px;
    }

    .new-home-main .home-content-wrapper .banner-cta {
        margin: 0 auto;
        font-size: 18px;
        width: 100%;
        Padding: 6px 10px;
        position: absolute;
        bottom: 30px;
        left: 50%;
        transform: translateX(-50%);
    }

    .certificates-content-wrapper {
        text-align: center;
    }

    .mob-w-100 {
        width: 100%;
    }

    .banner-cta {
        grid-template-columns: auto;
        grid-gap: 25px;
    }

    .section-below-heading.section-heading-modifier {
        font-size: 31px;
        margin-bottom: 15px !important;
    }

    .section-below-heading.section-heading-modifier-sub {
        margin-bottom: 60px;
    }

    .testi-img-wrapper {
        margin-bottom: 60px;
    }

    .new-home-main .section-below-heading {
        margin-bottom: 60px;
        font-size: 29px;
        line-height: 36px;
        padding: 0 15px;
        text-align: center;
        width: 100%;
    }

    .sec-practices-blog {
        position: relative;
    }

    .accordian-nhc-info-main-div .accordian-hc-info .panel p {
        text-align: left;
        font-size: 15px;
    }

    .accordian-nhc-info-main-div .accordian-hc-info .panel-title {
        text-align: left;
        line-height: 23px;
        padding-right: 20px;
        font-size: 16px !important;
    }

    .footernavs__list {
        margin-bottom: 15px;
    }

    footer .futtext {
        margin-bottom: 0;
    }

    footer .cpy-30 {
        padding: 12px 0;
    }

    .new-home-main .blog-card-main-div {
        margin-bottom: 0;
    }

    .new-home-main .blog-section .carousel-col {
        margin-bottom: 10px 0;
    }

    .explore-our-healing-modalities {
        overflow-x: hidden;
        padding-bottom: 30px;
    }

    .three-step-content-wrapper {
        max-width: 100%;
    }

    #pract_video_10 {
        min-height: 210px;
    }

    .subscribe-newsletter-inner {
        max-width: 100%;
    }

    .certifications-all {
        margin-top: 12px;
        margin-right: auto;
    }

    .home-certificates {
        display: none;
    }


    .testimonial-new .slick-dots {
        bottom: 16px;
    }

    .accordian-nhc-info-main-div {
        background-image: url('/Content/images/new-home/nhp-accordian-mob.jpg');
        background-size: cover;
        min-height: 840px;
        position: relative;
        background-position: center;
    }

        .accordian-nhc-info-main-div .row-df {
            justify-content: flex-end;
            height: 1000px;
        }

    .selectedlist-btns-div .selected-list {
        font-size: 14px;
        padding: 5px 10px;
        white-space: normal;
        min-width: 65px;
    }

    header.header-wrapper.fixed-new-head .menu-icon {
        top: 18px;
    }

    .video-audio-msg {
        max-width: 100%;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        top: 17px;
    }

    .video-home p {
        margin: 0 !important;
        font-size: 12px !important;
    }

    .step-message {
        height: 20px;
    }

    .step-microphone {
        height: 22px;
    }

    .step-video {
        height: 18px;
    }

    .video-home {
        grid-gap: 9px;
    }

    .category-lists {
        margin: 0rem 0;
        display: grid;
        grid-row-gap: 12px;
        grid-template-columns: repeat(2,minmax(100px, 1fr));
        grid-column-gap: 10px;
        margin-bottom: 15px;
    }

    .dg-steps-v-algin {
        min-height: calc(100vh - 211px);
        display: grid;
        grid-template-rows: max-content auto max-content;
        align-items: center;
        grid-gap: 15px;
        margin-bottom: 25px;
        padding-top: 70px;
    }

    .logo-steps {
        position: relative;
        top: 17px;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        left: 50%;
        margin-bottom: 0;
    }

        .logo-steps img {
            width: 41px;
        }

    .continue-btn-wrapper {
        min-height: 52px;
        align-self: center;
        margin-bottom: 0;
    }


    .center-category input[type="checkbox"] {
        height: 115px;
        width: 100px !important;
    }

    .center-category input[id="defaultInline1"] {
        width: 120px !important;
    }

    .center-category input[id="defaultInline6"] {
        width: 110px !important;
    }

    .center-category input[id="defaultInline9"] {
        width: 93px !important;
    }

    .selectedlist-btns-div .btn-div {
        text-align: center;
        margin: 10px 4px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: initial;
    }

    .flex-row-pract-results {
        width: auto;
    }

    .main-head-steps-sp, .select-category {
        align-self: flex-start;
    }

    .animation-loader-filter-prac {
        width: 100%;
    }

    .main-head-steps-sp h1 {
        font-size: 21px;
        line-height: 29px;
        padding: 0 8px;
    }

    .back-button {
        margin: 0;
        bottom: 42px;
        position: fixed;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        display: none;
        background-color: var(--bg-default-pattern);
        padding: 14px 0;
    }

    .get-matched-btn .book-video-seesion-btn {
        Padding: 12px 15px;
    }

    .paymentpage-margin {
        margin-bottom: 0px;
    }

    #card .front, #card figure.back,
    .cradImgBoxUserDiv {
        padding: 15px;
    }

    #card .front, #card figure.back {
        min-height: 262px;
    }

    .cradImgBoxUserDiv h4 {
        font-size: 16px;
        margin-bottom: 0;
    }

    .pract-details-card-div .step-card-qualifiction {
        font-size: 14px;
        margin-bottom: 5px !important;
        min-height: 20px;
    }

    .cradImgBoxUserDiv .a-hc-default {
        margin-top: 2px;
        font-size: 13px;
    }

    .cradImgBoxUserDiv {
        min-height: 124px;
        padding-bottom: 4px;
    }

    .line-hr {
        margin-left: 0;
    }

    .cardInfoDiv .bottom-sec h3 {
        font-size: 15px;
    }

    .cardInfoDiv .bottom-sec p {
        font-size: 14px;
    }

    .bottom-sec-items {
        margin-bottom: 9px;
    }

    #card .front, #card figure.back {
        min-height: 228px;
    }

    .cardBoxDiv {
        min-height: 324px;
    }

    #card .back .bottom-sec .form-control {
        font-size: 14px;
    }

    #bigLoader.lds-roller {
        padding: 40% 40%;
    }

    .flip-main-review-div {
        max-height: 289px;
    }

    .placeload .header .header-content .content-shape:first-child {
        margin-bottom: 6px;
        height: 9px;
    }

    .placeload .header .header-content .content-shape {
        height: 9px;
    }

        .placeload .header .header-content .content-shape:not(:last-child) {
            margin-bottom: 6px;
        }

        .placeload .header .header-content .content-shape:nth-child(4) {
            height: 23px;
            margin-top: 13px;
        }

    .placeload .line-hr {
        margin-top: 12px;
        margin-bottom: 1px;
    }

    .placeload .content-shape-dg:not(:last-child) {
        margin-bottom: 6px;
    }

    .animation-loader-filter-prac {
        padding: 0;
    }

    .dg-placeload-row {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

        .dg-placeload-row .dg-placeload {
            margin: 0;
        }

        .dg-placeload-row .slick-list {
            padding-top: 9%;
        }

    .hero__title .slick-current.slick-center span {
        box-sizing: border-box;
        display: block;
        font-weight: 700;
        color: var(--primary-color);
        opacity: 1;
        font-size: 12px;
    }

    .grup.submit-group {
        width: 100%;
    }

    .animation-loader-filter-prac {
        top: 60%;
    }

    .reasonbooksess .cmb-0 {
        margin-bottom: 15px !important;
    }

    .no-message-img {
        max-width: 100%;
    }

    .steps-home-wrapper {
        display: flex;
        grid-template-columns: 1fr 1fr;
        grid-gap: 5px;
        align-items: flex-start;
        justify-content: flex-start;
        text-align: left;
        margin-bottom: 15px;
    }

        .steps-home-wrapper img {
            margin-right: 15px;
        }

    .new-home-main .how-it-works .row h5 {
        justify-self: flex-start;
        padding: 0;
    }

    .new-home-main .how-it-works .row p {
        text-align: left;
        margin-top: 10px;
    }

    .get-matched .book-seesion-btn {
        position: absolute;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
    }

    .get-matched {
        padding-bottom: 115px;
    }

    .three-step-left {
        margin-bottom: 45px;
    }

    .top-up-wrapper .panel-body {
        min-height: initial;
    }

    .radio-credit-cards {
        font-size: 15px;
    }

    .order-summary-inner-div .total-div span {
        font-size: 18px;
    }

    .cards-div {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        grid-gap: 10px 14px;
        width: 100%;
    }

        .cards-div span img {
            width: 35px;
        }

    .discover-card {
        height: 39px;
        width: 39px !important;
        top: 1px;
    }

    .pract-profile-section {
        padding: 40px 15px;
        margin: 0 auto;
        max-width: 100%;
        grid-template-columns: 100%;
        grid-gap: 15px;
        min-height: initial;
        align-items: initial;
    }

    .pract-profile-section-new .top-pattern {
        transform: initial;
        min-width: 160px !important;
        position: absolute !important;
        max-width: 170px !important;
    }

    .userProfileDiv {
        height: 110px;
        width: 110px;
        margin: 40px auto 0;
    }

    .exp-lang {
        margin: 20px 0px;
    }

    .overViewTabDiv .nav-tabs > li:not(:last-child) {
        margin-right: 30px;
    }

    .existing-user-wrapper .symtom-text-new {
        font-size: 16px !important;
    }

    .back-button a {
        font-size: 14px;
    }

    .width {
        width: 100%;
    }

    #card .button-start-seeion {
        bottom: 15px;
    }

    #card .back .backBtn {
        bottom: 60px;
    }

    .cards-div span {
        width: 35px;
    }

        .cards-div span img {
            width: 100%;
        }
}

@media (max-width: 369px) {
    .cards-div {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        grid-gap: 9px 7px;
        width: 100%;
    }

    .discover-card {
        height: 36px;
        width: 36px !important;
        top: 3px;
    }
}

@media (max-width: 767px) {
    .home-content-wrapper {
        max-width: 80%;
    }

    .home-page-banner .container {
        width: 100%;
    }

    .home-content-wrapper {
        padding-top: 125px;
    }
}

@media (max-width: 400px) {
    .new-home-main .banner-para-text {
        max-width: 225px;
    }

    .home-content-wrapper {
        padding-top: 75px;
    }
}
/*-------------------new home page css ends here-------------------*/

.thumb-msg span {
    padding-left: 5px;
    padding-right: 0;
}

.hr-line-default {
    background-color: #EBEBEB;
}

.hr-line-trans {
    background-color: #EBEBEB;
    height: 100%;
    width: 1px;
}

.oc-grid-msg-thumb img {
    max-width: 12px;
}

.fx-grid-component .overlay-hc-moadalities {
    background-color: rgba(0, 0, 0, 0.1);
    box-shadow: none;
    border-radius: 6px;
}

.progress-lession {
    height: 4px;
    background-color: #fff;
}

.bg-success-lession {
    background-color: var(--primary-color);
}

.status-oic-active {
    color: green;
    font-weight: 600;
    font-size: 14px;
    margin-left: 6px;
}

.workbook-tab-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.dropdown-menu {
    z-index: 99999;
}

.oic-purchase {
    padding-left: 0;
}

.min-h-auto {
    min-height: initial !important;
}

.cus-clearfix {
    clear: both;
    display: table;
    content: '';
}

.new-prac-card-head {
    display: grid;
    align-items: center;
    justify-content: space-between;
    grid-template-columns: auto auto;
    grid-gap: 10px;
}

.payment-link-form-wrapper button {
    position: relative;
}

.payment-link-form-wrapper .lds-roller {
    display: inline-block;
    position: absolute;
    width: 40px;
    height: 40px;
    right: 0;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    bottom: 0;
    margin: 0px auto;
}

#frmLogin .continue-button[disabled] {
    background-color: var(--disabled-color) !important;
    border-color: transparent !important;
}

.learn-logo-pattern {
    position: absolute;
    left: 0;
    top: 0;
    width: 292px;
    height: auto;
    z-index: 99;
}

    .learn-logo-pattern .hc-svg-logo svg {
        position: absolute;
        max-width: 78%;
        top: 11px;
        left: 15px;
    }


.learn-pattern .st0 {
    fill: var(--primary-color);
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
    .breadcrumb li a {
        white-space: nowrap;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .reasonbooksess .hide-show span {
        padding-right: 0px !important;
    }
}


@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


.payment-link-form-wrapper .lds-roller div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fdffff;
    margin: -3px 0 0 -3px;
}

.search-bar-input-wrapper {
    /*display: none;*/
}

.df-c-placeholder {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 12px;
}

i.fa.fa-angle-left {
    position: relative;
}

    i.fa.fa-angle-left::after {
        content: '\00a0';
        background-image: url(/Content/images/slick-left-new-1.svg) !important;
        background-size: 18px;
        background-repeat: no-repeat;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        position: absolute;
        width: 23px;
        height: 23px;
    }

div#Reviews {
    max-height: calc(100vh - 190px);
    overflow: hidden;
    overflow-y: scroll;
}

.status-oic-subscription .button-to-link {
    width: initial !important;
    padding-left: 8px;
    text-transform: uppercase;
    color: var(--primary-color);
    font-size: 13px;
}

.canc-cp-sus {
    color: var(--on-primary-color);
}


.dx-scheduler-appointment-popup .dx-layout-manager .dx-field-item-label-location-left {
    padding-right: 40px;
}

/*.dx-scheduler-appointment-popup .dx-layout-manager .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-numberbox-interval-label {
    position: absolute;
    left: -110px;
    padding-right: 10px;
}*/

.clients-logos {
    display: none;
}

.clients-logos-img {
    max-width: 200px;
    height: auto;
}


.exp-lang .vr-line-profile {
    height: 44px;
}

.icon.end-session-icon {
    fill: #ff3333;
}


/*css for abour us Plumm starts here*/


.ph-about-us-heading {
    font-size: 47px;
    line-height: 58px;
    text-align: center;
    font-family: var(--secondary-font);
    color: var(--secondary-color);
}

.ph-about-us-first-content .ph-header-1 {
    font-family: var(--primary-font);
    text-align: center;
    margin: 35px 0 30px;
    font-size: 24px;
}

.ph-about-us-content-box {
    padding: 35px;
    background: #F4F8FC;
    border-radius: 9px;
}

.ph-about-us-second-content {
    margin: 40px 0;
    display: grid;
    grid-template-columns: 45% auto;
    align-items: center;
    grid-gap: 50px;
}

.ph-about-us-first-content {
    margin-top: 30px;
}

.au-sc-left h1.ph-header-1 {
    font-size: 36px;
}

.au-sc-left .ph-default-para-wrapper {
    padding-left: 35px;
}

.au-sc-left p.ph-para-1 {
    max-width: 83%;
}

.au-sc-right {
    padding-right: 70px;
}

    .au-sc-right img {
        box-shadow: 7px 31px 29px rgba(23, 53, 113, 0.2);
        border-radius: 12px;
    }

.team-hc-profile {
    margin-top: 55px;
    display: grid;
    grid-gap: 90px;
    grid-template-columns: repeat( auto-fit, minmax(250px, 255px) );
    justify-content: center;
}

.team-hc-advisory-profile {
    margin-top: 75px;
    display: grid;
    grid-template-columns: repeat(4, auto);
    grid-gap: 50px;
}

.team-profiles-wrapper h5 {
    color: var(--secondary-color);
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 1px;
}

.team-profiles-wrapper p {
    color: var(--secondary-color);
    font-size: 14px;
    line-height: 18px;
    margin-top: 3px;
}

.team-profile-img {
    position: relative;
    filter: drop-shadow(7px 31px 29px rgba(7, 19, 81, 0.2));
    border-radius: 13px;
    overflow: hidden;
}

    .team-profile-img img {
        max-width: 100%;
        width: 100%;
        height: 330px;
        object-fit: cover;
        background-color: #F4F8FC;
        border-radius: 15px;
    }

    .team-profile-img::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 97px;
        left: 0;
        bottom: -1px;
        background: linear-gradient(0deg, #FFC4B0 55.88%, rgba(255, 255, 255, 0.62) 117.91%);
    }

/*.au-pt-1-card-1::after {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 255.76 146.61'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23f5a18b;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eau-pt1-card-1%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M12,146.61H243.76a12,12,0,0,0,12-12V47.39C157.25,35.28,70.87,18,0,0V134.61A12,12,0,0,0,12,146.61Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.au-pt-1-card-2::after {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 255.76 89.01'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23f5a18b;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eau-pt1-card-2%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M12,89H243.76a12,12,0,0,0,12-12V4.56q-40.09,2.1-81,2.14C113.82,6.7,55.42,4.26,0,0V77A12,12,0,0,0,12,89Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    top: 247px;
}

.au-pt-1-card-3::after {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 255.76 141.04'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23f5a18b;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eau-pt1-card-3%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M12,141H243.76a12,12,0,0,0,12-12V0A1867,1867,0,0,1,0,48v81A12,12,0,0,0,12,141Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.au-pt-2-card-1::after {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 255.76 141.45'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23f5a18b;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eau-pt2-card-1%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M12,141.45H243.76a12,12,0,0,0,12-12V.06c-73.39-.89-146.71,7.51-214,25.18-14,3.68-28,7.77-41.8,12.25v92A12,12,0,0,0,12,141.45Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.au-pt-2-card-2::after {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 255.76 133.67'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23f5a18b;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eau-pt2-card-1_1%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M12,133.67H243.76a12,12,0,0,0,12-12V36q-24.57-2.1-48.65-4.77C136.71,23.42,69.39,9,0,0V121.67A12,12,0,0,0,12,133.67Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.au-pt-2-card-3::after {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 255.76 102.07'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23f5a18b;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eau-pt2-card-3%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M12,102.07H243.76a12,12,0,0,0,12-12V0C172.67,10.27,85.54,13.24,0,10.48V90.07A12,12,0,0,0,12,102.07Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    top: 225px;
}*/

.team-profile-content {
    position: absolute;
    bottom: 0;
    left: 15px;
    z-index: 9;
    padding-right: 8px;
}

.join-teamm-inner-wrapper {
    text-align: center;
}

.join-team-wrapper {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    color: var(--secondary-color);
}

    .join-team-wrapper h3 {
        font-size: 32px;
        font-weight: 400;
        line-height: 48px;
        font-family: var(--secondary-font);
        margin-bottom: 30px;
    }

.join-team-link {
    display: block;
    margin: 16px 0 35px;
    color: var(--secondary-color);
    font-size: 17px;
}

img.about-us-pattern2 {
    position: absolute;
    top: 25%;
    left: 0;
    width: 100px;
}

.about-us-pattern3 {
    position: absolute;
    top: 50%;
    right: 0;
    width: 90px;
}

.about-us-pattern4 {
    position: absolute;
    top: 68%;
    left: 0;
    width: 90px;
}


.about-us-pattern5 {
    position: absolute;
    top: 85%;
    right: 0;
    width: 100px;
}

.meet-team-row .ph-header-1 {
    font-size: 36px;
    text-align: center;
    margin-top: 40px;
}

section.join-team-about-us {
    margin: 100px 0 0px;
    background: rgba(184, 220, 255, 0.76);
    min-height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width: 1600px) {
    .join-team-wrapper h3 {
        font-size: 28px;
    }
}

@media(max-width: 1200px) {
    .au-sc-right {
        padding-right: 20px;
    }

    .au-sc-left p.ph-para-1 {
        max-width: 95%;
    }

    .team-hc-profile {
        grid-gap: 60px;
        grid-template-columns: repeat( auto-fit, minmax(240px, 245px) );
        justify-content: center;
    }

    .team-profiles-wrapper h5 {
        font-size: 20px;
        margin-bottom: 2px;
    }

    .team-profiles-wrapper p {
        font-size: 15px;
    }

    /*.au-pt-1-card-2::after {
        top: 246px;
    }*/
}

@media only screen and (max-width: 1024px) {

    .dash-meditation:hover em.nd-play-btn {
        opacity: 1;
        visibility: visible;
    }

    .about-us-pattern5 {
        top: 84%;
    }

    .join-team-wrapper h3 {
        font-size: 28px;
        font-weight: 400;
        line-height: 40px;
        font-family: var(--secondary-font);
        margin-bottom: 30px;
    }

    .team-hc-profile {
        grid-gap: 40px;
    }
}

@media only screen and (max-width: 991px) {

    .nd-subscription .new-dashboard-head-wrapper .status-oic-subscription.df-jcsb {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
    }

    .canc-cp-sus {
        margin-bottom: 10px;
    }

    .team-hc-profile {
        margin-top: 75px;
        display: grid;
        grid-template-columns: repeat(2, 265px);
        grid-gap: 50px;
    }

    .team-profile-img img {
        max-width: 100%;
        border-radius: 10px;
    }

    .team-profiles-wrapper h5 {
        margin-top: 17px;
        margin-bottom: 1px;
    }

    .about-us-pattern2,
    .about-us-pattern3,
    .about-us-pattern4,
    .about-us-pattern5 {
        display: none;
    }

    .ph-about-us-second-content {
        grid-template-columns: auto;
    }

    .au-sc-left .ph-default-para-wrapper {
        padding-left: 0;
    }

    .au-sc-right {
        padding-right: 0;
    }
}

@media only screen and (max-width: 767px) {
    .team-profiles-wrapper p {
        font-size: 13px;
    }

    .team-profiles-wrapper h5 {
        font-size: 19px;
    }
}

@media only screen and (max-width: 545px) {
    .team-hc-profile {
        grid-gap: 60px;
        grid-template-columns: repeat(1, 300px);
    }

    .team-profile-img img {
        height: 400px;
    }

    /*.au-pt-1-card-2::after, .au-pt-2-card-3::after {
        top: initial;
    }*/

    section.join-team-about-us {
        margin: 70px 0 0;
        min-height: 380px;
        justify-content: flex-start;
        align-items: flex-start;
        padding-top: 70px;
    }

    .ph-about-us-heading {
        font-size: 35px;
        line-height: 55px;
    }

        .ph-about-us-heading .text-underline::after {
            bottom: -10px;
            background-size: 180%;
            height: 18px;
        }

    .ph-about-us-first-content .ph-header-1 {
        margin: 26px 0 26px;
        font-size: 19px;
    }

    .ph-about-us-content-box {
        padding: 15px;
    }
}

/*css for abour us Plumm ends here*/

/*forgot pasword css starts here*/

.forgot-password-section {
    padding-top: 3%;
}

/*.forgot-pass-wrapper {
    -webkit-box-shadow: 0px 0px 23px -5px rgba(0,0,0,0.12) !important;
    box-shadow: 0px 0px 23px -5px rgba(0,0,0,0.12) !important;
    border-radius: 30px !important;
    padding: 20px !important;
    border-color: #fff !important;
}*/

.forgot-pass-wrapper .bck_header {
    background-color: #fff;
    color: var(--primary-color);
    padding: 0;
}

.forgot-pass-wrapper h5 {
    font-size: 20px;
    line-height: 25px;
    font-weight: 600;
    color: var(--primary-color);
}

.btns-frgt-pass {
    margin-top: 20px;
    text-transform: uppercase;
    font-weight: 500 !important;
    letter-spacing: 1px;
    font-size: 17px !important;
}

.reset-pass .forgot-pass-wrapper h5 {
    font-size: 18px;
    line-height: 25px;
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 22px;
}

.new-pagelayout-wh .hc-default-btn {
    width: 100%;
}

.new-pagelayout-wh {
    display: flex;
    align-items: center;
    width: 100%;
}

.new-pagelayout-wh-inner-wrapper {
    max-width: 560px;
    margin: auto;
    -webkit-box-shadow: 0px 0px 23px -5px rgba(0,0,0,0.12) !important;
    box-shadow: 0px 0px 23px -5px rgba(0,0,0,0.12);
    padding: 25px;
    width: 100%;
}

.new-pagelayout-wh form label {
    color: var(--on-primary-color);
}

.new-pagelayout-wh input {
    border: 1px solid var(--primary-color);
}

.forgot-pass-btns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
}

.cust-header-wrapper {
    padding-top: 90px;
}

.fixed.sidebar-mini-expand-feature .cust-header-wrapper {
    margin-top: 145px;
}

.hc-live-learn {
    width: 22px;
}

@media only screen and (max-width: 767px) {
    .new-pagelayout-wh {
        height: initial;
        min-height: initial;
        padding: 15px;
    }


    .forgot-pass-btns {
        grid-template-columns: auto;
        grid-gap: 0px;
    }

    .new-pagelayout-wh label > span {
        width: 51px;
        color: var(--on-primary-color);
        font-size: 14px;
        margin-bottom: 10px;
    }

    .new-pagelayout-wh label {
        height: initial;
        line-height: initial;
        margin-bottom: 15px;
        display: flex;
        flex-direction: column;
    }

    .new-pagelayout-wh-inner-wrapper form label {
        margin-bottom: 15px !important;
    }
}
/*forgot pasword css starts here*/
.lan-pract-profile p {
    word-break: break-word;
}

@media only screen and (min-width: 768px) {
    .oc-slider-control {
        display: none;
    }

    #Specialties {
        margin: 0 15px;
    }
}

@media only screen and (min-width: 1500px) {
}

@media only screen and (min-width: 2000px) {
}

@media only screen and (max-width: 1220px) {
}

@media only screen and (max-width: 1024px) {
    .oic-course-header-head {
        font-size: 15px;
        line-height: 17px;
    }

    .after-hover-text {
        opacity: 1 !important;
        visibility: visible !important;
    }

    .oc-wrapper-mid.oc-hover-content {
        position: relative;
    }

    .pract-profile-left .exp-lang {
        align-items: flex-start;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 992px) {

    .exp-lang {
        display: grid;
        grid-template-columns: 1fr 1px 1fr;
        align-items: flex-start;
        grid-gap: 20px;
        margin: 35px 0px;
    }

    .oci-content-block-inner {
        display: grid;
        grid-template-columns: 60% 1fr;
        align-items: flex-start;
        grid-gap: 60px;
        margin-top: 25px;
        overflow: hidden
    }

    .oic-course-header-wrapper .oc-time-info {
        grid-gap: 8px;
    }

        .oic-course-header-wrapper .oc-time-info span {
            font-size: 13px;
        }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {

    .hc-parteners img {
        max-width: 110px;
    }

    .satisfication-wrapper.cmt-55 {
        margin-bottom: 25px;
    }

    footer .futtext {
        margin-bottom: 8px;
    }

    .overview-tab-wrapper .vr-line-profile {
        height: 1px;
        width: 100%;
    }

    .overview-tab-wrapper {
        grid-template-columns: 100%;
    }

    .oic-video-tabs-wrapper .pract-profile-right {
        max-width: 90%;
    }

    .oc-categories-inner {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 35px;
    }

    .usr_img {
        min-width: 170px !important;
        max-width: 170px !important;
        height: 180px !important;
        width: initial;
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    h1.section-below-heading.hc-2-step-head {
        margin-top: 100px;
        text-align: center;
        margin-bottom: 25px;
    }

    .get-matched-head h3,
    .get-matched-head p {
        text-align: center;
    }

    .upload-docs-wrapper-prac {
        display: flex;
    }

    .new-home-main .testimonial-new .section-below-heading {
        font-size: 40px;
        color: var(--on-primary-color);
        margin: 0px;
        margin-bottom: 50px;
        font-weight: 700;
        position: relative;
        display: inline-block;
        line-height: 57px;
        text-align: center;
        display: block;
    }
}

@media only screen and (max-width: 991px) {
    .oci-content-block-inner {
        grid-template-columns: 100%;
        grid-gap: 30px;
        overflow: hidden;
        margin-top: 0;
    }

    .how-it-works .banner-cta {
        justify-content: center;
    }

    .what-you-will-learn {
        margin-top: 15px;
    }

    .oic-buy-course-wrapper-fdc button.hc-default-btn.oic-buy-course-btn {
        max-width: 320px;
    }

    .oc-hover-content .oc-4x-grid-innerwrapper {
        max-height: 190px;
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {

    .oic-profile-image {
        justify-content: center;
    }

    .oic-buy-course-wrapper-fdc button.hc-default-btn.oic-buy-course-btn {
        max-width: 320px;
        margin: 0 auto;
    }

    .slider-pract-card-mobile {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media only screen and (max-width: 767px) {

    .clients-logos-img {
        max-width: 98px;
        height: auto;
    }

    .show-filtered-pract .slick-arrow span {
        display: none;
    }

    .oc-categories-inner {
        display: grid;
        grid-template-columns: repeat(1, 100%);
        grid-gap: 35px;
    }

    .oc-main-wrapper section.fx-grid-component {
        max-width: 90%;
    }

    .slick-list.draggable::after {
        display: none;
    }

    .oc-4x-grid-innerwrapper {
        max-height: 184px;
    }

    .oc-main-wrapper .slick-slide {
        max-width: initial;
    }

    .oc-faq-wrapper {
        display: grid;
        grid-template-columns: auto;
        grid-gap: 22px 30px;
    }

    .oc-subs-plan-head-inner {
        padding: 30px 10px;
    }

    .oc-subs-plan-list {
        padding: 8px 18px;
    }

    .oc-subs-btn {
        padding: 7px 10px;
        font-size: 13px;
        border-radius: 3px;
    }

    .status-oic-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .oci-video-page {
        max-width: 100%;
    }

    .overview-tab-wrapper {
        grid-template-columns: 100%;
        grid-template-rows: auto 1px auto;
        align-items: flex-start;
        grid-gap: 20px;
        margin: 0px 0px;
        padding-bottom: 20px;
    }

    .overview-tab-view-profile button {
        font-size: 14px;
        font-weight: 500;
    }

    .mysubs-table .bootstrap-table {
        border: 0px solid #ddd;
        border-left: 0;
        border-top: 0;
    }

    .mysubs-table .fixed-table-body {
        padding-top: 0rem;
    }

    .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
        z-index: 3;
        color: #fff;
        cursor: default;
        background-color: var(--primary-color);
        border-color: var(--primary-color);
    }

    @media screen and (-webkit-min-device-pixel-ratio:0) {
        .sidebar-video-info-label {
            top: 0px;
            position: relative;
        }
    }

    header.headerinner-wrapper.headerinner-wrapper-learn .df-jcsb {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .error-btn-wrapper {
        grid-template-columns: auto;
        grid-gap: 15px;
    }

    .learn-card-slider-item {
        margin: 0px 25px;
    }

    .learn-card-slider .slick-track {
        padding: 10px 0;
    }

    .learn-card-slider .slick-next {
        right: 0;
    }

    .learn-card-slider .slick-prev {
        left: -21px;
    }

    .error-bg {
        padding: 30px 0;
    }

        .error-bg .back-home-btn.hc-default-btn {
            font-size: 12px;
            padding: 11px 14px !important;
        }

    .page-not-found-txt p {
        font-size: 15px;
    }

    .page-not-found-txt h1 {
        font-size: 26px;
        margin-bottom: 13px;
    }

    .learn-logo-pattern {
        width: 232px;
        z-index: 99;
    }

        .learn-logo-pattern .hc-svg-logo svg {
            max-width: 70%;
            top: 19px;
            left: 14px;
        }

    .how-it-works .row-df {
        flex-direction: column-reverse;
    }

    section.how-it-works.cpy-100 {
        padding-top: 52px !important;
    }

    .how-it-works .banner-cta {
        display: none;
    }

    .step2-pattern {
        bottom: -49px;
        max-width: 50px;
    }

    .get-matched-new {
        padding: 40px 0 40px;
    }

    .healing-clouds-banner-pattern {
        width: 50px !important;
    }

    .testi-clouds-pattern {
        position: absolute;
        left: 0;
        bottom: 260px;
        transform: translateY(50%);
        max-width: 45px;
    }

    .new-home-main .d-text-center {
        padding-top: 130px;
        align-items: flex-start;
    }
}


@media only screen and (max-width: 767px) {

    .new-home-main .d-text-center {
        padding-top: 90px;
        align-items: flex-start;
    }
}

@media only screen and (max-width: 768px) {
    .visibility-hide-desk {
        visibility: hidden;
        margin-bottom: 0;
    }
}


@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .hc-partenrs-xexec img {
        max-width: 75px;
    }

    .hc-partenrs-anytime-fitness img {
        max-width: 104px;
    }

    .hc-partenrs-fringe img {
        max-width: 103px;
    }

    .hc-partenrs-Edenred img {
        max-width: 75px;
    }

    .hc-partenrs-heka img {
        max-width: 95px;
    }

    .hc-partenrs-juno img {
        max-width: 65px;
    }

    .hc-partenrs-leon img {
        max-width: 100px;
    }

    .hc-partenrs-fringe img {
        max-width: 125px;
    }
}

@media only screen and (max-width: 767px) {
    .hc-partenrs-xexec img {
        max-width: 95px;
    }

    .hc-partenrs-anytime-fitness img {
        max-width: 100px;
    }

    .hc-partenrs-fringe img {
        max-width: 125px;
    }

    .hc-partenrs-Edenred img {
        max-width: 85px;
    }

    .hc-partenrs-heka img {
        max-width: 115px;
    }

    .hc-partenrs-juno img {
        max-width: 75px;
    }

    .hc-partenrs-leon img {
        max-width: 117px;
    }

    .hc-partenrs-fringe img {
        max-width: 120px;
    }

    div#divPracAvailMain {
        padding-bottom: 30px;
    }
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.error-bg .learn-explore-wrapper {
    max-width: 92%;
    margin: 0 auto;
    position: relative;
    padding: 0 15px;
}

@media only screen and (min-width: 1700px) {
    .for-every-employers h3 {
        margin: 150px auto 10px auto !important;
    }

    .goodForUrTeamDIv .infoBox {
        margin: 269px 10% !important;
    }

    .error-bg .learn-explore-wrapper {
        max-width: 1600px;
    }
}

.error-bg .learn-explore-wrapper.cmt-30.explore-learn {
    margin-top: 45px;
}

.error-bg .explore-learn .learn-card-slider {
    margin-top: 20px;
}

    .error-bg .explore-learn .learn-card-slider .slick-track {
        padding: 40px 0;
    }

.error-bg .explore-learn .learn-card-slider-item {
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 3px 2px 9px 3px rgb(72 72 72 / 29%);
    margin: 0 15px;
    background-color: #fff;
}

.error-bg .explore-learn .slider-item-img-wrapper {
    height: 170px;
    overflow: hidden;
}

.error-bg .oc-4x-grid-innerwrapper {
    position: relative;
    width: 100%;
    background: #d0c9c9;
    border-radius: 0px;
    overflow: hidden;
    max-height: 175px;
}

.error-bg .explore-learn .slider-item-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.error-bg .oc-content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    width: 100%;
    padding: 0 15px;
}

.error-bg .after-hover-text {
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
}

.error-bg .oc-view-btn:hover {
    background-color: #ffffff;
    color: var(--primary-color);
    border: 2px solid #ffffff;
}

.error-bg .oic-image-bottom-content {
    text-align: left;
    width: 100%;
    padding: 15px;
}

.error-bg .before-hover-text {
    margin-bottom: 13px;
}

.error-bg .oic-image-bottom-content .before-hover-text h5 {
    color: var(--primary-color);
    font-weight: 600;
    font-size: 14px;
    min-height: 35.2px;
    line-height: 18px;
    margin-top: 0;
}

.error-bg .oc-pract {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 7px 0;
}

.error-bg .oc-4x-grid-innerwrapper:hover .after-hover-text {
    opacity: 1;
    visibility: visible;
}

.error-bg .prev-ctrl {
    position: absolute;
    left: -10px;
    top: 50%;
    z-index: 99999999;
    transform: translateY(-50%);
    cursor: pointer;
}

.error-bg .ctrls-icon {
    width: 23px;
    height: 23px;
}

.error-bg .next-ctrl {
    position: absolute;
    right: -10px;
    top: 50%;
    z-index: 99999999;
    transform: translateY(-50%);
    cursor: pointer;
}

.error-bg .oc-pract img {
    border-radius: 50%;
    width: 55px !important;
    height: 55px;
}

.error-bg .oic-image-bottom-content .oc-pract-name {
    grid-gap: 2.5px;
}

.error-bg .oc-pract-name {
    display: grid;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    grid-gap: 4px;
    padding-left: 12px;
}

.error-bg .oic-image-bottom-content .oc-pract h5 {
    color: #3F3F3F;
    font-weight: 600;
}

.error-bg .oc-pract label {
    font-size: 9px;
    line-height: 14px;
    color: #3F3F3F;
    font-weight: 400;
    margin: 0;
    margin-bottom: 0 !important;
}

.error-bg .oic-image-bottom-content .oc-pract label {
    font-size: 12px;
}

.error-bg .df-jcsb-learn {
    display: flex;
    justify-content: space-between;
}

.error-bg .oc-grid-content-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.error-bg .oc-online-view label {
    font-size: 12px;
    color: var(--on-primary-color);
    margin-top: 9px;
    font-weight: 600;
}

.oc-video-duration label {
    font-size: 12px;
    color: var(--on-primary-color);
    margin-top: 9px;
    font-weight: 300;
}

.error-bg .oc-view-btn {
    font-size: 12px;
    color: #fff;
    background-color: rgba(46, 186, 191, 0.88);
    box-shadow: none;
    border: 2px solid rgba(46, 186, 191, 0.88);
    border-radius: 25px;
    padding: 2px 8px;
    font-weight: 500;
    min-width: 103px;
    transition: all .3s;
}

.error-bg .oc-btn-btn-modifier {
    min-width: initial;
}

.error-bg .oci-content-block-inner-icon-container, .oc-view-btn {
    display: initial;
    background-color: var(--primary-color);
    border: 2px solid #fff;
    border-radius: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
    white-space: nowrap;
    width: 35px;
    height: 35px;
    text-align: center;
    border-radius: 50%;
    display: initial;
}

.hc-gm-library-main .oc-view-btn .loader-new {
    position: absolute;
    left: 4px;
    top: 3px;
}

.hc-gm-library-main .oc-view-btn .oc-content svg,
.learn-slider .oc-wrapper-mid .oc-content svg {
    width: 21px;
    height: 21px;
    position: relative;
    left: -3px;
    top: 2px;
}

.error-bg .oc-pract h5 {
    color: var(--primary-color);
    margin-bottom: 0;
    line-height: 16px;
    font-weight: 700;
    padding: 0 !important;
    font-size: 14px;
    margin: 0;
}

.error-bg .explore-learn .learn-card-slider-item {
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 3px 2px 9px 3px rgb(72 72 72 / 29%);
    margin: 0 15px;
    background-color: #fff;
}

/*ends here*/

.bootstrap-table .table thead > tr > th {
    color: var(--primary-color);
}

.desktopMenu.breadcrumb > li + li:before {
    padding: 0px;
    color: #ccc;
    content: "";
    display: none;
}



/*css for new header*/

.new-dashboard-head {
    font-size: 24px;
    font-weight: 700;
    color: var(--primary-color);
    margin-top: 0;
    margin-bottom: 17px;
}

.input-search-dashboard-nav .search-box {
    margin-top: 0;
}

.menu-top-dashbrd .dropdown-toggle:hover {
    color: initial !important;
    background-color: initial !important;
    border-color: initial;
}

.nd-profile {
    display: flex !important;
    align-items: center;
}

.skin-blue .main-header .navbar .menu-top-dashbrd .user.user-menu a span,
.menu-top-dashbrd li a {
    color: var(--primary-color);
    font-weight: 500;
    font-size: 16px;
}

.main-header .sidebar-toggle {
    display: none;
}

nav.navbar.navbar-static-top {
    opacity: 0;
    visibility: hidden;
}

.menu-top-dashbrd li a:hover {
    color: var(--primary-color);
}

.menu-top-dashbrd .user.user-menu a svg.icon-chevron-down {
    top: 0;
}

.logo-dashboard-large {
    max-width: 199px;
    margin-top: 6px;
}


th.pl.wallet-date {
    min-width: 140px;
}

.menu-top-dashbrd li {
    padding-bottom: 0;
}

.fr strong {
    font-weight: 500;
    color: var(--on-primary-color);
}

.menu-top-dashbrd .open > .dropdown-menu {
    display: block !important;
}

.sidebar svg.icon {
    width: 30px;
    height: 30px;
}

svg.icon-hc-live {
    width: 38px !important;
}

.icon-hc-live.icon-hc-ask-thep {
    width: 52px !important;
    height: 25px !important;
}


.profile-dashboard-img {
    width: 55px;
    height: 55px;
    object-fit: cover;
    border-radius: 50%;
    display: block;
    box-shadow: 1px 1px 6px rgb(0 0 0 / 25%);
}

.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span {
    display: block !important;
}

.dash-list-profile {
    margin-bottom: 8px !important;
    margin-top: 8px !important;
}

.logo-lg {
    display: none !important;
}

.pat-profile-new select.form-control {
    background-color: #fff;
    border: 1px solid #d8d5d5;
    padding: 6px 8px;
    color: #4a4a4a;
    width: 100%;
}

.logout-list-dash {
    padding-top: 45px;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
}

.li_pat_div {
    box-shadow: 0px 0px 5px rgba(0, 0,0, 0.17);
    border-radius: 25px;
    padding: 10px;
    position: relative;
    background-color: #fff;
}

.menu-top-dashbrd .dropdown-menu,
ul.dropdown-menu.dropdown-menu-lg.notification-list-items {
    right: 0;
    left: initial;
}

.menu-top-dashbrd li a {
    padding: 4px 0px;
}

.message-icon-wrappper-dash {
    position: relative;
}

.sidebar-menu > li a.activeclass span {
    color: #fff !important;
}

.msg-count {
    position: relative;
}

.dash-side-msg-text {
    position: absolute;
    top: -13px;
    margin-top: 0 !important;
    right: -18px;
    background-color: var(--salmon-color);
    padding: 4px;
    border-radius: 2px;
    font-size: 9px;
    text-align: center;
    line-height: 9px;
}


.dashboard-crowdcube-partner {
    display: flex;
    align-items: center;
    flex-direction: column;
}

    .dashboard-crowdcube-partner label {
        font-weight: 400;
        display: block;
        font-size: 12.5px;
        color: var(--on-primary-color);
        position: relative;
        margin-bottom: 0 !important;
        margin-bottom: 15px;
    }

.nd-heading-partner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 20px;
}

    .nd-heading-partner h2.nd-greetings-user {
        margin-bottom: 0;
    }

@media (max-width: 768px) {

    .dashboard-crowdcube-partner {
        flex-direction: column;
    }

    .nd-heading-partner h2.nd-greetings-user {
        font-size: 16px;
        margin-top: 8px;
        margin-bottom: 14px;
    }

    .nd-heading-partner .dashboard-crowdcube-partner label {
        font-size: 10.5px;
        margin-bottom: 8px !important;
    }

    .nd-heading-partner .partners-mindbody {
        max-width: 86px;
    }

    .nd-heading-partner {
        margin-bottom: 5px;
    }
}

@media (max-width: 767px) {
    .dashboard-crowdcube-partner {
        display: none;
    }
}

@media (max-width: 1600px) {
    .sidebar svg.icon {
        width: 20px;
        height: 20px;
    }

    .profile-dashboard-img {
        width: 50px;
        height: 50px;
    }

    .logo-mini img {
        height: 56px !important;
        margin-top: 0px !important;
    }

    .skin-blue .sidebar a {
        font-size: 11px;
    }
}

.sidebar svg.icon {
    width: 20px;
    height: 20px;
}

.guided-med-playbtn {
    width: 60px;
    height: 60px;
    background-color: #ffffff;
    fill: var(--primary-color);
    padding: 15px;
    border-radius: 50%;
    box-shadow: 1px 1px 4px 1px rgb(0 0 0 / 20%);
    border: 1px solid var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .guided-med-playbtn svg {
        position: relative;
        left: 3px;
    }

span .duration-gm {
    font-size: 12px;
    color: #aca8a8;
}

.gm-note {
    margin-top: 20px;
    font-size: 13px;
    margin-bottom: 15px;
}

.view-all-notification ul.dropdown-menu {
    top: -138px;
}

.view-all-notification .fixed-table-body {
    overflow: auto;
}

.oic-video-main-inner-wrapper .overview-tab-view-profile {
    text-align: center;
    margin: 0 auto;
}

.thid-dashboard-row {
    margin-top: 35px;
    margin-bottom: 35px;
}

.nd-last-row {
    margin-bottom: 35px;
}

.header-bar-dash {
    display: grid;
    grid-template-columns: 35% auto;
    align-items: center;
    overflow: hidden;
}

.header-bar-dash-left {
    position: relative;
}

.pattern-rectangle {
    position: absolute;
    left: 0;
    top: -1px;
    background-color: var(--primary-color);
    width: 100%;
    height: 105%;
    clip-path: polygon(0 0, 86% 0, 100% 100%, 0% 100%);
}

.header-bar-dash-right p {
    margin-bottom: 0 !important;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 16px;
}

.header-bar-dash-left label {
    margin-bottom: 0 !important;
    color: #fff;
    z-index: 9999999;
    position: relative;
    font-weight: 600;
    font-size: 15px;
}

.header-bar-dash-left, .header-bar-dash-right {
    padding: 16px 0;
    text-align: center;
}

.header-bar-dash img.sharing-icon-dash {
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    cursor: pointer;
}

.new-dash-box-shadow {
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
    border-radius: 30px;
}

.audio-message-dash {
    display: grid;
    grid-template-columns: 35% auto;
    grid-gap: 18px;
    margin-bottom: 25px;
    position: relative;
    padding-top: 50px !important;
}

.nd-meditation-main-wrapper {
    display: grid;
    grid-template-columns: 47% auto;
    grid-gap: 18px;
    align-items: flex-start;
}

.nd-meditation-img-wraper {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    overflow: hidden;
}

    .nd-meditation-img-wraper .nd-play-btn {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        max-width: 45px;
    }

.audio-message-dash-main {
    position: relative;
    padding-top: 50px !important;
    margin-bottom: 25px;
}

.audio-dash-new h3 {
    font-size: 16px;
    color: var(--primary-color);
    font-weight: 600;
    margin-bottom: 0;
    line-height: 20px;
}

.audio-dash-new label {
    font-size: 13px;
    font-weight: 400;
    color: var(--primary-color);
    white-space: nowrap;
    padding-left: 15px;
    line-height: 22px;
}

.audio-dash-head-time {
    display: flex;
    justify-content: space-between;
    margin-bottom: 9px;
}

.audio-dash-new p,
.audio-wrapper-dash {
    color: var(--on-primary-color);
    font-size: 0.93rem;
    margin-bottom: 0;
}

.audio-wrapper-dash {
    max-width: 70%;
}

.audio-dash-new .audio-wrapper-dash {
    max-width: 100%;
}

.oc-video-btn-inside a {
    box-sizing: border-box !important;
    min-width: 240px;
}

.overview-tab-view-profile.oc-video-btn-inside {
    grid-gap: 30px;
}

@media(min-width: 768px) {
    .overview-tab-view-profile.oc-video-btn-inside {
        grid-gap: 30px;
        grid-template-columns: auto auto;
    }
}

.icon.ni.nd-play-btn {
    background-color: var(--primary-color);
    color: var(--card-bg-color);
    height: 45px;
    width: 45px;
    border-radius: 50%;
    max-width: 45px;
    line-height: 19px;
    font-size: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*card css*/

.appointment-div.oc-learn-dashboard {
    padding: 0;
    height: 100%;
    position: relative;
    /*min-height: 465px;*/
}

/*.oc-learn-dashboard .oc-wrapper-mid {
    background-color: #fff;
}*/

.oc-learn-dashboard .oc-4x-grid-innerwrapper {
    position: relative;
    width: 100%;
    background: #d0c9c9;
    border-radius: 0px;
    overflow: hidden;
    max-height: 190px;
}

@media(min-width: 1600px) {
    .oc-learn-dashboard .oc-4x-grid-innerwrapper {
        max-height: 240px;
    }
}

.oc-learn-dashboard .oic-image-bottom-content {
    text-align: left;
    width: 100%;
    padding: 20px 20px;
}

    .oc-learn-dashboard .oic-image-bottom-content .before-hover-text h5 {
        color: var(--primary-color);
        font-weight: 600;
        font-size: 16px;
        line-height: 19px;
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 10px;
    }

.oc-learn-dashboard .learn-wishlist svg {
    fill: none;
    stroke: #3F3F3F;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-linejoin: round;
    width: 14px;
    height: 14px;
    cursor: pointer;
    display: none;
}

.oc-learn-dashboard .oc-content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    width: 100%;
    padding: 0 15px;
}

.oc-learn-dashboard img.img-arange-slider {
    width: 100%;
    min-height: 134px;
    border-radius: 6px;
}

.oc-learn-dashboard .oc-view-btn {
    font-size: 12px;
    color: #fff;
    background-color: rgba(46, 186, 191, 0.88);
    box-shadow: none;
    border: 2px solid rgba(46, 186, 191, 0.88);
    border-radius: 25px;
    padding: 2px 8px;
    font-weight: 500;
    min-width: 103px;
    transition: all .3s;
}

.oc-learn-dashboard .oc-4x-grid-innerwrapper:hover .after-hover-text {
    opacity: 1;
    visibility: visible;
}


.oc-learn-dashboard .oc-view-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--primary-color);
    border: 2px solid #fff;
    border-radius: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
    white-space: nowrap;
    width: 35px;
    height: 35px;
    text-align: center;
    border-radius: 50%;
    justify-content: center;
}

.oc-learn-dashboard .oc-btn-btn-modifier {
    min-width: initial;
}

.oc-learn-dashboard .before-hover-text h5 {
    color: var(--on-primary-color);
}

.oc-learn-dashboard .before-hover-text p {
    color: var(--on-primary-color);
    font-size: 0.93rem;
    margin-bottom: 40px;
    max-height: 153px;
}

.oc-learn-dashboard .overlay-hc-moadalities {
    background-color: rgba(0, 0, 0, 0);
}

.refer-earn-main-wrapper {
    text-align: center;
}

.refer-earn-inner {
    min-height: 80px;
    background-color: var(--primary-color);
    color: #fff;
    padding: 13px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.refer-earn {
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.refer-earn-main-wrapper img {
    max-width: 52px;
}


.appointment-div.refer-earn-main-wrapper {
    padding: 0;
}

.refer-earn-inner h3 {
    font-size: 14px;
    margin-bottom: 4px;
}

.refer-friend {
    color: #fff;
    border: 2px solid #fff;
    background-color: transparent;
    border-radius: 35px;
    padding: 7px 5px;
    font-size: 13px;
    width: 100%;
    margin-top: 4px;
}

.dashboard-user {
    text-align: center;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: flex-start;
    justify-content: flex-start;
    min-height: 100%;
    grid-gap: 22px;
}

    .dashboard-user .nd-dash-user img {
        width: 90px;
        height: 90px;
        object-fit: cover;
        border-radius: 50%;
        object-position: top;
    }

.spets-message-us {
    text-transform: none;
}

.need-to-change {
    color: var(--on-primary-color);
    font-size: 14px;
}

.nd-see-more-appts {
    box-shadow: none;
    border: none;
    background: none;
    color: var(--secondary-color);
    /*text-decoration: underline;*/
    font-weight: 600;
    font-size: 14px;
    display: inline-block;
    margin: 0 auto 0px;
    text-transform: capitalize;
}

.nd-live-classes-wrapper .nd-see-more-appts {
    color: var(--primary-color);
}

.nd-profile-designation label {
    font-size: 14px;
    font-weight: 400;
    display: block;
    color: var(--on-primary-color);
}

    .nd-profile-designation label:not(:last-child) {
        margin-bottom: 7px !important;
    }

.dashboard-user-inner {
    width: 100%;
    text-align: left;
}

span.dashboard-user-inner-design {
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
}

.dashboard-user-inner {
    display: grid;
    grid-template-columns: auto;
    align-items: center;
    justify-content: flex-start;
    grid-gap: 6px;
    text-align: left;
    margin-bottom: -2px !important;
}

    .dashboard-user-inner label {
        color: var(--primary-color);
        font-weight: 700;
    }

    .dashboard-user-inner > label:hover {
        color: var(--primary-color);
        text-decoration: underline;
    }

.dashboard-user-inner-design {
    color: var(--on-primary-color);
}

.user-name-dot-dash {
    line-height: 0px;
    position: relative;
    top: -5px;
    font-weight: 900;
    font-size: 23px;
}


.btn-white-dashboard {
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    background-color: transparent;
    border-radius: 35px;
    padding: 7px 8px;
    font-size: 13px;
    width: 100%;
    margin-top: 12px;
    font-weight: 600;
    transition: all 0.3s;
    text-transform: uppercase;
    box-shadow: 0 1px 4px rgba(66, 66, 66, 0.18);
}

    .btn-white-dashboard:hover {
        background-color: var(--primary-color);
        color: #fff;
    }

.new-dashboard-box-head {
    font-size: 15px;
    color: var(--primary-color);
    font-weight: 600;
    margin-bottom: 15px;
}

label.dash-appo-the-date {
    font-size: 14px;
    font-weight: 400;
}

.table-appointments label {
    font-weight: 400;
    display: block;
    font-size: 13px;
    color: var(--on-primary-color);
    min-width: 160px;
}

.dash-appo-the-name label {
    display: block;
    margin-top: 8px;
}

.dash-appo-the-date label {
    margin-top: 4px;
}

.dash-appo-the-name {
    font-weight: 600;
    line-height: 16px;
    color: var(--on-primary-color);
}

    .dash-appo-the-name:not(:last-child) {
        padding-bottom: 1rem;
    }

.table-appointments .dashboard-hc-btn {
    font-size: 13px;
    white-space: nowrap;
    border-radius: var(--bs-border-radius-lg);
    min-width: 115px;
    padding: 6px 5px;
}

.table-responsive.table-appointments td {
    padding: 8px 0px;
    vertical-align: top;
}


/*css for progress bar*/
.progress-new-dash .progress-new {
    width: 150px;
    height: 150px;
    line-height: 150px;
    background: none;
    margin: 0 auto;
    box-shadow: none;
    position: relative;
    margin-bottom: 25px !important;
}

    .progress-new-dash .progress-new:after {
        content: "";
        width: 100%;
        height: 100%;
        border-radius: 50%;
        border: 7px solid #eee;
        position: absolute;
        top: 0;
        left: 0;
    }

    .progress-new-dash .progress-new > span {
        width: 50%;
        height: 100%;
        overflow: hidden;
        position: absolute;
        top: 0;
        z-index: 1;
    }

    .progress-new-dash .progress-new .progress-left {
        left: 0;
    }

    .progress-new-dash .progress-new .progress-bar {
        width: 100%;
        height: 100%;
        background: none;
        border-width: 7px;
        border-style: solid;
        position: absolute;
        top: 0;
        border-color: var(--salmon-color);
    }

    .progress-new-dash .progress-new .progress-left .progress-bar {
        left: 100%;
        border-top-right-radius: 75px;
        border-bottom-right-radius: 75px;
        border-left: 0;
        -webkit-transform-origin: center left;
        transform-origin: center left;
    }

    .progress-new-dash .progress-new .progress-right {
        right: 0;
    }

        .progress-new-dash .progress-new .progress-right .progress-bar {
            left: -100%;
            border-top-left-radius: 75px;
            border-bottom-left-radius: 75px;
            border-right: 0;
            -webkit-transform-origin: center right;
            transform-origin: center right;
        }

    .progress-new-dash .progress-new .progress-value {
        display: flex;
        border-radius: 50%;
        font-size: 36px;
        text-align: center;
        line-height: 20px;
        align-items: center;
        justify-content: center;
        height: 100%;
        font-weight: 300;
    }

        .progress-new-dash .progress-new .progress-value div {
            margin-top: 10px;
        }

        .progress-new-dash .progress-new .progress-value span {
            font-size: 12px;
            text-transform: uppercase;
        }

    /* This for loop creates the 	necessary css animation names 
Due to the split circle of progress-left and progress right, we must use the animations on each side. 
*/
    .progress-new-dash .progress-new[data-percentage="10"] .progress-right .progress-bar {
        animation: loading-1 1.5s linear forwards;
    }

    .progress-new-dash .progress-new[data-percentage="10"] .progress-left .progress-bar {
        animation: 0;
    }

    .progress-new-dash .progress-new[data-percentage="20"] .progress-right .progress-bar {
        animation: loading-2 1.5s linear forwards;
    }

    .progress-new-dash .progress-new[data-percentage="20"] .progress-left .progress-bar {
        animation: 0;
    }

    .progress-new-dash .progress-new[data-percentage="30"] .progress-right .progress-bar {
        animation: loading-3 1.5s linear forwards;
    }

    .progress-new-dash .progress-new[data-percentage="30"] .progress-left .progress-bar {
        animation: 0;
    }

    .progress-new-dash .progress-new[data-percentage="40"] .progress-right .progress-bar {
        animation: loading-4 1.5s linear forwards;
    }

    .progress-new-dash .progress-new[data-percentage="40"] .progress-left .progress-bar {
        animation: 0;
    }

    .progress-new-dash .progress-new[data-percentage="50"] .progress-right .progress-bar {
        animation: loading-5 1.5s linear forwards;
    }

    .progress-new-dash .progress-new[data-percentage="50"] .progress-left .progress-bar {
        animation: 0;
    }

    .progress-new-dash .progress-new[data-percentage="60"] .progress-right .progress-bar {
        animation: loading-5 1.5s linear forwards;
    }

    .progress-new-dash .progress-new[data-percentage="60"] .progress-left .progress-bar {
        animation: loading-1 1.5s linear forwards 1.5s;
    }

    .progress-new-dash .progress-new[data-percentage="70"] .progress-right .progress-bar {
        animation: loading-5 1.5s linear forwards;
    }

    .progress-new-dash .progress-new[data-percentage="70"] .progress-left .progress-bar {
        animation: loading-2 1.5s linear forwards 1.5s;
    }

    .progress-new-dash .progress-new[data-percentage="80"] .progress-right .progress-bar {
        animation: loading-5 1.5s linear forwards;
    }

    .progress-new-dash .progress-new[data-percentage="80"] .progress-left .progress-bar {
        animation: loading-3 1.5s linear forwards 1.5s;
    }

    .progress-new-dash .progress-new[data-percentage="90"] .progress-right .progress-bar {
        animation: loading-5 1.5s linear forwards;
    }

    .progress-new-dash .progress-new[data-percentage="90"] .progress-left .progress-bar {
        animation: loading-4 1.5s linear forwards 1.5s;
    }

    .progress-new-dash .progress-new[data-percentage="100"] .progress-right .progress-bar {
        animation: loading-5 1.5s linear forwards;
    }

    .progress-new-dash .progress-new[data-percentage="100"] .progress-left .progress-bar {
        animation: loading-5 1.5s linear forwards 1.5s;
    }

@keyframes loading-1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(36);
        transform: rotate(36deg);
    }
}

@keyframes loading-2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(72);
        transform: rotate(72deg);
    }
}

@keyframes loading-3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(108);
        transform: rotate(108deg);
    }
}

@keyframes loading-4 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(144);
        transform: rotate(144deg);
    }
}

@keyframes loading-5 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(180);
        transform: rotate(180deg);
    }
}

.progress-new {
    margin-bottom: 1em;
}

.dash-progress-count {
    color: var(--on-primary-color);
    margin-bottom: 0 !important;
}

.dash-waller-count {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
}

    .dash-waller-count label {
        margin-bottom: 0;
        color: var(--primary-color);
        font-weight: 600;
    }

    .dash-waller-count span {
        margin-bottom: 0;
        color: var(--on-primary-color);
        font-weight: 600;
    }

.dash-wallet-leaf img {
    max-width: 15px;
}

.dash-wallet-leaf {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    width: 100%;
}

    .dash-wallet-leaf svg {
        width: 18px;
        height: 18px;
        display: inline-block;
    }

.icon-leaf {
    fill: var(--primary-color);
}

    .icon-leaf.icon-leaf-grey {
        fill: #D1D1D1;
    }
/*ends here*/

/*css for audio player ends here*/
.audio-player {
    width: 100%;
    color: var(--primary-color);
    font-size: 0.75em;
    overflow: hidden;
}

    .audio-player .timeline-audio {
        background: var(--primary-light-color);
        width: 100%;
        position: relative;
        cursor: pointer;
        height: 5px;
        top: -5px;
    }

        .audio-player .timeline-audio .progress-audio {
            background: var(--salmon-dark-color);
            width: 0%;
            height: 100%;
            transition: 0.25s;
            height: 5px;
        }

    .audio-player .controls {
        display: grid;
        align-items: center;
        grid-template-columns: max-content auto;
        grid-column-gap: 13px;
    }

        .audio-player .controls > * {
            display: flex;
            align-items: center;
        }

.play-container {
    background-color: var(--primary-color);
    border-radius: 50%;
    height: 42px;
    width: 42px;
    justify-content: center;
    cursor: pointer;
    position: relative;
}

.toggle-play {
    position: relative;
    left: 6px !important;
}

.audio-player .controls .toggle-play.play {
    cursor: pointer;
    position: relative;
    left: 0;
    height: 0;
    width: 0;
    border: 8px solid #0000;
    border-left: 13px solid var(--card-bg-color);
}

.audio-player .controls .toggle-play.pause {
    height: 15px;
    width: 20px;
    cursor: pointer;
    position: relative;
    left: 4px !important
}

    .audio-player .controls .toggle-play.pause:before {
        position: absolute;
        top: 0;
        left: 0px;
        background: var(--primary-color);
        content: "";
        height: 15px;
        width: 3px;
    }

    .audio-player .controls .toggle-play.pause:after {
        position: absolute;
        top: 0;
        right: 8px;
        background: var(--primary-color);
        content: "";
        height: 15px;
        width: 3px;
    }

    .audio-player .controls .toggle-play.pause:hover {
        transform: scale(1.1);
    }

.audio-player .controls .time {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 45px;
}

    .audio-player .controls .time > * {
        padding: 2px;
        font-size: 13px;
    }

.audio-player .controls .volume-container {
    cursor: pointer;
    position: relative;
    z-index: 2;
}

    .audio-player .controls .volume-container .volume-button {
        height: 26px;
        display: flex;
        align-items: center;
    }

        .audio-player .controls .volume-container .volume-button .volume {
            transform: scale(0.7);
        }

    .audio-player .controls .volume-container .volume-slider {
        position: absolute;
        left: -3px;
        top: 15px;
        z-index: -1;
        width: 0;
        height: 15px;
        background: white;
        box-shadow: 0 0 20px #000a;
        transition: .25s;
    }

        .audio-player .controls .volume-container .volume-slider .volume-percentage {
            background: coral;
            height: 100%;
            width: 75%;
        }

    .audio-player .controls .volume-container:hover .volume-slider {
        left: -123px;
        width: 120px;
    }

/*ends here*/

.menu-top-dashbrd .dropdown-menu, ul.dropdown-menu.dropdown-menu-lg.notification-list-items {
    right: 0;
    left: initial;
    border: none;
    -webkit-animation: dropdown-menu-fade-in .3s ease 1, dropdown-menu-move-up .3s ease-out 1;
    animation: dropdown-menu-fade-in .3s ease 1, dropdown-menu-move-up .3s ease-out 1;
    border: 0 !important;
    margin: 0;
    border-radius: 0;
    min-width: 14rem;
    padding: 0;
    -webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    padding: 1rem 0;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding-bottom: 0;
    top: 37px;
}

.notification-tit-wraper {
    color: #74788d;
    font-size: 1rem;
    font-weight: 400;
    background: #fff;
    text-align: center;
    padding: 0.75rem 1rem;
    -webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    height: 35px;
    margin-left: auto;
    margin-right: auto;
}

.user-dash-dropdown-list-logout label.dorp-item {
    background-color: rgb(226 239 239 / 56%) !important;
    color: var(--primary-color) !important;
    padding: 6px 10px;
    border-radius: 3px;
    font-weight: 500;
    font-size: 14px;
}

    .user-dash-dropdown-list-logout label.dorp-item:hover {
        background-color: var(--primary-color) !important;
        color: #ffffff !important;
    }

.navbar-custom-menu li.user-dash-dropdown-list a.nd-profile {
    margin-bottom: 7px;
}

.navbar-custom-menu li.user-dash-dropdown-list.user-dash-dropdown-list-logout a:hover {
    background-color: #ffffff;
}

.navbar-custom-menu svg.icon {
    height: 15px;
    width: 15px;
    fill: #595d6e;
}

.dropdown-menu > li.user-dash-dropdown-list > a:hover svg.icon {
    fill: var(--primary-color);
}

.nd-bottom-section-ebook {
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
    border-radius: 20px;
    height: 100%;
}

    .nd-bottom-section-ebook img {
        max-width: 100%;
        height: auto;
    }

.nd-bottom-section-ebook-content {
    color: var(--on-primary-color);
    padding: 17px;
    padding-bottom: 25px;
    padding-top: 0;
}

    .nd-bottom-section-ebook-content h3 {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 12px;
    }

    .nd-bottom-section-ebook-content p {
        font-size: 13px;
        font-weight: 300;
    }

.btn-white-dashboard.nd-read-more {
    max-width: 250px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 9px 8px;
}

.nd-morning-msg {
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}

    .nd-morning-msg img {
        max-width: 63%;
        position: relative;
        left: -4px;
    }

.nd-morning-msg-content h3 {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 0px;
}

.nd-morning-msg-content {
    position: absolute;
    right: 0;
    top: 50%;
    padding: 15px;
    transform: translateY(-50%);
    color: var(--on-primary-color);
    max-width: 300px;
}

    .nd-morning-msg-content p {
        font-size: 13px;
        font-weight: 400;
        margin-bottom: 0;
    }

.nd-learn {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-gap: 25px;
}

.nd-learn-wrapper {
    border-radius: 13px;
    overflow: hidden;
    position: relative;
    min-height: 200px;
    box-shadow: var(--default-light-boxshadow);
}

.nd-learn-wrapper-content {
    color: #fff;
    position: absolute;
    bottom: 15px;
    left: 15px;
    z-index: 9;
    padding-right: 15px;
}

.nd-creator-hc-inner .nd-learn-wrapper-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: calc(100% - 1.25rem);
}

.nd-creator-wrapper {
    max-width: 65%;
}

.nd-learn-wrapper-content button {
    margin-top: 0;
}

.nd-creator-hc-btn-wrapper {
    align-self: flex-end;
    padding-right: 0px;
}

.nd-learn-wrapper::after,
.nd-creator-hc-inner::after {
    content: '';
    position: absolute;
    background-color: rgba(21, 34, 81, 0.46);
    width: 100%;
    height: 100%;
    z-index: 0;
}

.nd-learn-wrapper-content h4 {
    font-size: 14px;
    color: var(--db-text-head);
    margin-bottom: 8px;
}

.nd-learn-wrapper-content label.nd-min-read-blog {
    margin-bottom: 0 !important;
    color: #fff;
    font-weight: 300;
    font-size: 14px;
    margin-top: 2px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    margin-right: 10px;
}

.nd-creator-wrapper label {
    color: #fff;
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 0 !important;
    text-shadow: 1px 1px 4px #2d2d2d;
}

.nd-tag-white {
    font-size: 0.8rem;
    font-weight: 400;
    border: 1px solid var(--tag-border-color);
    border-radius: 25px;
    color: var(--tag-txt-color);
    background-color: var(--tag-bg-color);
    padding: 3px 9px;
}

label.nd-tag-white:not(:last-child) {
    margin-right: 4px;
}

.nd-blog-bg-img1 {
    background-image: url('/Content/images/new-dashboard/mindfulness.jpg');
    background-size: cover;
    background-position: 0 -35px;
    background-repeat: no-repeat;
    margin-bottom: 25px;
}

.nd-blog-bg-img2 {
    background-image: url('/Content/images/new-dashboard/leadership.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.nd-start-journey {
    max-width: 200px;
}

.msg-pdl {
    padding-left: 0 !important;
}

.client-profile-main .form-group label {
    position: relative;
    font-size: 15px;
}

label.control-label.mll.image-size,
span.control-label.mll.image-size {
    font-size: 13px;
    font-weight: 400;
}

    span.control-label.mll.image-size.phone-text-above, #textLength {
        font-size: 13px;
        font-weight: 400;
        display: inline-block;
    }

.nd-blogs-wrapper {
    display: grid;
    grid-template-columns: auto;
    grid-gap: 25px;
}

.nd-ebook-wrapper {
    background-color: var(--ebook-bg-light-color);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    padding: 15px;
    position: relative;
    box-shadow: var(--default-light-boxshadow);
    border-radius: 13px;
    overflow: hidden;
}

    .nd-ebook-wrapper img {
        max-width: 65px;
        margin: 0 auto;
        position: absolute;
        bottom: 30px;
        left: 50%;
        transform: translateX(-50%);
    }

    .nd-ebook-wrapper h2 {
        font-size: 22px;
        color: var(--primary-color);
        line-height: 35px;
        font-weight: 600;
        max-width: 100%;
        font-family: var(--secondary-font);
    }

.nd-blogs-wrapper-inner1.slick-center .nd-ebook-wrapper h2 {
    font-size: 25px;
    line-height: 35px;
}

.nd-ebook-wrapper label {
    color: var(--secondary-color);
    font-size: 14px;
    margin-bottom: 0 !important;
    font-weight: 400;
}

label.nd-tag {
    font-size: 12px;
    font-weight: 400;
    border: 1px solid var(--primary-color);
    border-radius: 15px;
    color: var(--primary-color);
    padding: 2px 9px 3px;
    line-height: 15px;
}

    label.nd-tag:not(:last-child) {
        margin-right: 5px;
    }

.nd-learn-heading-wrapper {
    display: flex;
    margin-bottom: 8px;
    align-items: center;
}

.nd-learn-views-stats {
    display: flex;
    position: absolute;
    bottom: 20px;
    width: 100%;
    right: 0;
    padding-left: 20px;
}

.nd-learn-views-stats-inner {
    display: grid;
    grid-template-columns: repeat(3, auto);
    max-width: 75%;
    justify-content: flex-end;
    align-items: center;
    text-align: center;
    grid-gap: 25px;
}

.nd-label-head span {
    font-size: var(--base-font-size-xxl);
    font-weight: 600;
}

.nd-views-stats label {
    margin-bottom: 0 !important;
    font-weight: 400;
    font-size: 13px;
    position: relative;
    padding-left: 10px;
    color: var(--primary-color);
}

.nd-views-stats .icon.ni {
    font-size: 20px;
    color: var(--primary-color);
    line-height: 17px;
}

.nd-views-stats {
    display: flex;
    align-items: center;
}

.nd-top-left-wrapper {
    position: relative;
    padding: 0 15px;
}

    .nd-top-left-wrapper h2 {
        color: #414141;
        font-size: 25px;
        margin-bottom: 34px;
    }

    .nd-top-left-wrapper p {
        color: #414141;
        font-size: 13px;
        line-height: 28px;
        max-width: 95%;
        padding-bottom: 18px;
    }

.nd-quotes-tag {
    font-size: 14px;
    font-weight: 500;
    display: block;
    text-align: right;
}

h2.nd-greetings-user {
    font-size: 26px;
    margin-top: 0;
    margin-bottom: 24px;
}

.nd-appointment-wrapper {
    width: 100%;
    text-align: center;
}

    .nd-appointment-wrapper h3 {
        color: var(--on-primary-color);
        font-size: var(--base-font-size);
        margin-bottom: 0;
        margin-top: 0.6rem;
        font-weight: 400;
    }

    .nd-appointment-wrapper img {
        margin-bottom: 4px;
        max-width: 30px;
        height: auto;
    }

.appointment-div.nd-creator-hc {
    padding: 0;
}

.nd-creator-hc-inner {
    background-image: url(/Content/images/new-dashboard/nd-hc-created.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 490px;
    position: relative;
    overflow: hidden;
}


.nd-meditation-img-wraper .loader-new {
    position: absolute;
}


.nd-review-lists {
    height: calc(100% - 35px);
}

.review-name-date-wrapper h5, .review-name-date-wrapper label {
    margin-bottom: 0 !important;
    color: var(--primary-color);
    font-weight: 600;
}

.review-name-date-wrapper label {
    font-size: var(--base-font-size-xs);
    font-weight: 400;
}

.nd-review-img-name-wrapper {
    display: grid;
    color: var(--on-primary-color);
    grid-template-columns: auto 1fr;
}

.nd-review-hr-ver {
    width: 1px;
    background-color: #ccc;
    min-height: 30px;
}

.nd-review-lists p {
    margin-bottom: 0;
    font-size: 13px;
    line-height: 19px;
}

    .nd-review-lists p br {
        display: none;
    }

.nd-appointment-reviews {
    padding-top: 25px;
    height: 100%;
}

.nd-review-img-name-wrapper img.nd-review-user {
    width: 45px;
    height: 45px;
    object-fit: cover;
    margin-right: 15px;
    border-radius: 50%;
}

.nd-review-img-name-wrapper:not(:last-child) {
    margin-bottom: 22px;
}

.mb-loader-match {
    margin-bottom: 5px;
}

.nd-review-name-star-wrapper h5 {
    margin: 0;
    font-size: 15px;
}

.nd-stars-review {
    max-width: 80px;
    height: auto;
}

.nd-learn-wrapper-content .nd-creator-wrapper h4 {
    font-size: 42px;
    font-weight: 600;
    line-height: 47px;
    margin-bottom: 10px;
    text-shadow: 1px 1px 4px #2d2d2d;
}

.nd-completed-appointment {
    position: relative;
    overflow: hidden;
}

    .nd-completed-appointment .table-responsive.table-appointments td {
        padding: 4px 0px;
        vertical-align: top;
    }

        .nd-completed-appointment .table-responsive.table-appointments td .dash-appo-the-date label {
            margin-top: 2px;
        }

.nd-see-more {
    box-shadow: none;
    border: none;
    background: none;
    color: var(--primary-color);
    text-decoration: underline;
    font-weight: 500;
    font-size: 15px;
    display: block;
    margin: 20px auto 0px;
    text-transform: uppercase;
}

.nd-user-btns {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: 10px;
}

    .nd-user-btns .dashboard-hc-btn {
        min-width: initial;
        font-size: 11px !important;
    }

        .nd-user-btns .dashboard-hc-btn:nth-child(1) {
            margin-right: 8px;
        }

        .nd-user-btns .dashboard-hc-btn:nth-child(2) {
            background-color: #fff;
            color: var(--primary-color);
        }

.nd-dash-therapist {
    position: relative;
    padding-top: 52px !important;
    margin-bottom: 30px;
}

.ir {
    display: block;
    overflow: visible;
    padding: 0 0 100%;
    position: relative;
    height: 0;
    width: 100%;
}

    .ir > * {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
    }

.soc {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0px;
    justify-content: center;
    font-size: 0;
    list-style: none;
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
    padding-left: 0;
}

    .soc li {
        display: inline-block;
    }

    .soc a, .soc svg {
        display: block;
    }

    .soc a {
        height: 24px;
        width: 24px;
    }

.icon-10:hover,
.icon-8:hover,
.icon-26:hover {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
    -webkit-transition: background-color 0.5s, -webkit-transform 0.5s ease-out;
    transition: background-color 0.5s, -webkit-transform 0.5s ease-out;
    transition: background-color 0.5s, transform 0.5s ease-out;
    transition: background-color 0.5s, transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
}

.icons-share-therp {
    position: relative;
    top: 0px;
    width: 100%;
}

    .icons-share-therp .icon.ni {
        color: var(--on-secondary-color);
        font-size: 20px;
        cursor: pointer;
    }

        .icons-share-therp .icon.ni:hover {
            color: var(--primary-color);
            cursor: pointer;
        }

    .icons-share-therp img {
        max-width: 23px;
        height: auto;
    }

#share-btn-email:hover,
#share-btn-email:active,
#share-btn-email:focus {
    text-decoration: none;
}
/*css for new placeholder*/
.nd-placeload-preloader-oc {
    height: 100%;
}

    .nd-placeload-preloader-oc .placeload {
        background: #fff;
        width: 100%;
        padding: 20px;
        border: 0px solid #c1c1c1;
        border-radius: 15px;
        pointer-events: none;
        margin: initial;
        position: relative;
        height: 100%;
        min-height: initial;
    }

        .nd-placeload-preloader-oc .placeload .image-placeholder {
            height: 11px;
        }

    .nd-placeload-preloader-oc .body-content-wrapper {
        margin-bottom: 15px;
        margin-top: 15px;
        overflow: hidden;
        border-radius: var(--bs-border-radius);
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .nd-placeload-preloader-oc .placeload .content-shape-dg {
        display: grid;
        grid-template-columns: 1fr;
    }

.learn-img-main .image-placeholder {
    margin: 0;
    min-height: 200px;
    width: 100% !important;
}

.nd-learnbody-content-wrapper.body-content-wrapper {
    margin: -20px !important;
    margin-bottom: 0 !important;
}

.nd-learn-name .nd-learn-name-content {
    max-width: 95%;
    width: initial;
}

.nd-learn-name {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 35px;
    margin-top: 12px;
}

.nd-loader-learn-tags {
    display: grid;
    grid-template-columns: auto auto;
}

    .nd-loader-learn-tags .image-placeholder {
        width: 45px;
    }

.nd-loader-learn-tags {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    grid-gap: 16px;
}

.nd-loader-learn-para-content-footer .image-placeholder {
    max-width: 90px;
}

div#div-oc-loader {
    position: relative;
}

.nd-loader-learn-para-content-footer {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-gap: 20px;
    max-width: 50%;
    margin-left: auto;
    margin-top: 20px;
    position: absolute;
    bottom: 25px;
    width: 100%;
}

.appointment-div.nd-meditation-main-wrapper.placeload {
    margin-bottom: 25px;
}

.appointment-div.audio-message-dash.placeload {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0;
    padding-top: 0 !important;
    display: grid;
    grid-template-columns: 47% auto;
    grid-gap: 18px;
}

.nd-meditation-main-wrapper img.gm-audio-img {
    width: 100%;
    height: 100%;
    max-height: 170px;
    min-height: 170px;
    object-fit: cover;
}

.nd-audio-image-placeholder {
    width: 100%;
    height: 130px !important;
    object-fit: cover;
    border-radius: 13px;
}

.audio-dash-new.audio-dash-new-placeholder {
    width: 100%;
}

.audio-dash-head-time .image-placeholder:nth-child(2) {
    max-width: 80px;
    margin-left: 60px;
}

.audio-dash-new-placeholder > .image-placeholder:nth-child(2) {
    max-width: 40%;
}

.audio-dash-new-placeholder .audio-wrapper-dash {
    margin-top: 25px;
}

.img-play-btn {
    width: 34px !important;
    height: 34px !important;
    border-radius: 50%;
}

/*ss for new placeholder ends here*/


.boxes-newdash-1 .table-responsive.table-appointments {
    max-height: calc(100% - 35px);
    height: 100%;
}

.boxes-newdash-1 .no-app-main-wrapper .table-responsive.table-appointments,
.boxes-newdash-1.no-app-main-wrapper .table-responsive.table-appointments {
    display: flex;
    align-items: center;
    overflow: hidden;
    min-height: 125px;
}

.nd-upcoming-div-bottom.no-app-main-wrapper .nd-appointment-wrapper h3 {
    margin-bottom: 0;
}

.boxes-newdash-1 .nd-upcoming-div-bottom .table-responsive.table-appointments {
    max-height: calc(100% - 58px);
    height: 100%;
}

.boxes-newdash-1.no-app-main-wrapper .nd-upcoming-div-bottom .table-responsive.table-appointments {
    display: flex;
    align-items: center;
}

/*.nd-oc-course-desc {
    max-height: 100px;
    overflow: hidden;
}*/

.nd-oc-course-desc.nd-oc-course-desc-overflow {
    overflow-y: scroll;
    padding-right: 12px;
}

.oic-image-bottom-content .nd-see-more {
    margin: 20px auto 0px;
}

.audio-wrapper-dash .loader-new {
    border-top: 1.1em solid var(--primary-color);
    border-right: 1.1em solid var(--primary-color);
    border-bottom: 1.1em solid var(--primary-color);
    border-left: 1.1em solid #ffffff;
}

.nd-doctor-name:hover {
    cursor: pointer;
    color: var(--primary-color);
    text-decoration: underline;
}

.p-cur-def {
    cursor: default !important;
}

.nd-top-right-wrapper hr {
    margin-top: 8px;
    margin-bottom: 10px;
}

.refer-app-wrapper {
    position: relative;
    padding: 24px 8px !important;
}

.nd-therapy-main-wrapper {
    display: grid;
    grid-template-columns: 48% auto;
    align-items: center;
    grid-gap: 20px;
}


.nd-upcoming-div-main-wrapper hr {
    margin-top: 0px;
    margin-bottom: 0px;
    border-top: 2px solid var(--dashboard-hr-color);
    width: 100%;
}

.boxes-newdash-1 .table,
.boxes-newdash-2 .table {
    margin-bottom: 0px;
}

span.nd-read-more {
    color: var(--primary-color);
    cursor: pointer;
    font-weight: 400;
    font-size: var(--base-font-size-xs);
    text-transform: lowercase;
}

    span.nd-read-more:hover {
        text-decoration: underline;
    }

.review-name-date-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 7px;
}

.boxes-newdash-pract .appointment-div {
    padding-top: 38px;
}

.boxes-newdash-1.boxes-newdash-pract .table-appointments label,
.boxes-newdash-1.boxes-newdash-pract .dash-appo-the-name {
    min-width: 120px;
}

.review-msg-placeholder {
}

.nd-review-lists-placeholder {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0;
    padding-top: 0 !important;
    margin: 0;
    border: 0;
    min-height: initial;
}

    .nd-review-lists-placeholder .nd-review-name-star-wrapper {
        width: 100%;
    }

.image-placeholder.loads.review-msg-placeholder {
    width: 45px;
    height: 45px;
    object-fit: cover;
    margin-right: 15px;
    border-radius: 50%;
    margin-top: 0;
}

.nd-review-lists-placeholder .nd-placeholder-msg {
    margin-top: 15px;
}

.nd-placeholder-msg .image-placeholder {
    margin-top: 8px;
}

.review-name-date-wrapper .image-placeholder:nth-child(1) {
    max-width: 120px;
    margin-top: 0px;
}

div#msgsDivloader {
    overflow: hidden;
}

.review-name-date-wrapper .image-placeholder:nth-child(2) {
    max-width: 70px;
}

.nd-review-placeholder-name-wrapper {
    display: grid;
    grid-template-columns: max-content auto;
}

    .nd-review-placeholder-name-wrapper:not(:last-child) {
        margin-bottom: 22px;
    }

.nd-prac-message .nd-review-lists-placeholder:not(:last-child) {
    padding-bottom: 15px;
}

.nd-my-app .fixed-table-container thead th .th-inner,
.nd-my-app label {
    color: var(--on-primary-color);
    text-align: left;
}

.nd-my-app label {
    font-weight: 400;
}

.cmr-10 {
    margin-right: 10px;
}

.nd-review-name-star-wrapper {
    width: 100%;
}

.prac-boxes-newdash-2 .appointment-div {
    box-shadow: initial;
    height: 100%;
}


.nd-review-img-name-wrapper.no-msg-wrapper {
    display: flex;
    color: var(--on-primary-color);
    height: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0 auto;
    min-height: 150px;
}

    .nd-review-img-name-wrapper.no-msg-wrapper .review-name-date-wrapper {
        display: initial;
        margin-bottom: 0px;
    }

    .nd-review-img-name-wrapper.no-msg-wrapper h5 {
        color: var(--on-secondary-color);
        margin-bottom: 0px !important;
        font-size: 17px;
        font-weight: 500;
    }

    .nd-review-img-name-wrapper.no-msg-wrapper button#seeMoreDiv {
        display: none;
    }

.nd-review-img-name-wrapper {
    position: relative;
    min-height: 55px;
}

    .nd-review-img-name-wrapper.nd-unread-msg::before {
        content: '';
        position: absolute;
        left: -17px;
        width: 3px;
        height: 100%;
        background-color: #1eb004;
    }

.nd-unread-msg.nd-review-lists p {
    font-weight: 600;
}

.nd-appointment-reviews button {
    margin: 0 auto;
}

.partners-hsbc {
    max-width: 120px;
}

.nd-appointment-reviews-prac {
    overflow: hidden;
}

    .nd-appointment-reviews-prac .prac-boxes-newdash-2 .appointment-div {
        overflow: hidden;
    }

.pd-top-15 {
    padding-top: 15px;
}

.app-video-start {
}

    .app-video-start .modal-header {
        background-color: #fff;
    }

    .app-video-start .modal-title {
        color: var(--primary-color);
        font-size: 24px;
        font-weight: 500;
    }

.pop-video-btn-wrapper .dashboard-hc-btn {
    border-radius: 35px;
}

.pop-video-btn-wrapper {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
}


.app-video-start .modal-content,
#myVideoChatModalContent .modal-content {
    border-radius: var(--bs-border-radius);
    overflow: hidden;
}

.appointmentstatus {
    font-size: var(--base-font-size);
}

button.green-1.delete-1 {
    background-color: var(--theme-primary-color);
    border: none;
    border-radius: 35px;
    padding: 7px 12px;
}

.form-group.doc_prof {
    display: block !important;
    max-width: 200px;
    margin-bottom: -5px !important;
}

.partners-eq {
    max-width: 45px;
}

.partners-tesco {
    max-width: 135px;
}

#updatestep {
    margin-bottom: 25px;
}

.steps-head {
    margin: 0px 0px 20px;
}

.btns-myapp-see-all {
    display: grid;
    grid-template-columns: repeat(2, max-content);
}

.hc-partenrs-eq img {
    max-width: 38px;
}

.healing-clouds-tesco img {
    width: 140px;
}

.hc-partenrs-hsbc img {
    max-width: 113px;
}

.hc-partenrs-mindbody img {
    width: 150px;
}

.headerinner-wrapper-learn .icon-drop {
    top: 4px;
    position: relative;
    min-width: 22px;
}

.steps-main-notes {
    margin-top: 40px;
}

    .steps-main-notes .satisfication-wrapper {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .steps-main-notes .satisfication-wrapper {
        padding: 10px 20px;
    }

    .steps-main-notes .percent-satisfication {
        max-width: 46px;
    }


ul.list-group.amt_cash {
    margin-bottom: 0;
}

.nd-subscription .bootstrap-table .table thead > tr th .th-inner {
    color: var(--on-primary-color);
    font-weight: 600;
    white-space: nowrap;
}

.nd-subscription .bootstrap-table .table thead > tr th {
    padding-bottom: 10px;
}

.nd-subscription .bootstrap-table .table tr th .th-inner {
    color: var(--on-primary-color);
}

.mt-40 {
    margin-top: 40px;
}

@media only screen and (min-width: 1501px) {
    .nd-learn-wrapper {
        min-height: 235px;
    }
}

@media only screen and (min-width: 1024px) {
    .row.second-dashboard-row,
    .nd-last-row {
        display: flex;
        align-items: stretch;
    }


    .boxes-newdash-1 .nd-upcoming-div-bottom .table-responsive.table-appointments {
        overflow: hidden;
    }
}

@media only screen and (max-width: 1500px) {

    .soc a {
        height: 20px;
        width: 20px;
    }

    .soc {
        grid-gap: 4px;
    }

    .nd-blogs-wrapper-inner1.slick-center .nd-ebook-wrapper h2 {
        font-size: 21px;
        line-height: 32px;
    }

    .nd-ebook-wrapper h2 {
        font-size: 19px;
        line-height: 32px;
    }

    .oc-learn-dashboard .oc-4x-grid-innerwrapper {
        max-height: 190px;
    }

    .nd-learn-wrapper-content h4 {
        line-height: 17px;
    }

    .oc-learn-dashboard .oic-image-bottom-content {
        padding: 20px 20px;
    }

    .nd-therapy-main-wrapper {
        display: grid;
        grid-template-columns: 50% auto;
        align-items: center;
        grid-gap: 20px;
    }
}

@media only screen and (max-width:1400px) {
    .usr_img {
        max-width: 200px;
        height: 170px;
        width: initial;
    }

    .nd-meditation-main-wrapper img.gm-audio-img {
        max-height: 150px;
        min-height: 150px;
    }

    .boxes-newdash-1.boxes-newdash-pract .table-appointments label, .boxes-newdash-1.boxes-newdash-pract .dash-appo-the-name {
        min-width: 100px;
    }

    .form-group.doc_prof {
        max-width: 210px;
    }

    .document-pic-parc .form-group.mdf-jcc {
        margin-bottom: 0 !important;
    }

    .hc-prartner-text {
        left: -30px;
    }

    /*.partners-slider {
        max-width: 84%;
        margin: 0 auto;
    }*/
}

@media only screen and (max-width:1300px) {

    .nd-therapy-main-wrapper {
        display: grid;
        grid-template-columns: 50% auto;
        align-items: center;
        grid-gap: 21px;
    }

    .dashboard-user {
        grid-gap: 15px;
    }

    button.dashboard-hc-btn.refer-therapist {
        margin-top: 6px;
        min-width: inherit;
        padding: 5px 13px;
    }

    .nd-top-left-wrapper p {
        line-height: 25px;
        max-width: 85%;
        padding-bottom: 18px;
    }

    .table-appointments label {
        min-width: 130px;
    }

    .nd-top-left-wrapper {
        position: relative;
        padding: 0 10px;
    }

        .nd-top-left-wrapper h2 {
            font-size: 24px;
            margin-bottom: 18px;
        }


        .nd-top-left-wrapper h2 {
            font-size: 20px;
            margin-bottom: 16px;
        }

    .nd-top-left-wrapper {
        padding: 0 0px;
    }

        .nd-top-left-wrapper p {
            line-height: 25px;
            max-width: 100%;
            padding-bottom: 14px;
            font-size: 12px;
        }

    .nd-top-right-wrapper hr {
        margin-top: 12px;
        margin-bottom: 12px;
    }

    .dash-appo-the-name {
        font-size: 14px;
        line-height: 17px;
    }

    .dash-appo-the-date label {
        margin-top: 5px;
    }

    .dash-appo-the-name label {
        font-size: 13px;
        margin-top: 5px;
    }

    .table-appointments .dashboard-hc-btn {
        white-space: nowrap;
        min-width: 126px;
        padding: 6px 5px;
    }

    .nd-learn-wrapper-content {
        color: #fff;
        position: absolute;
        bottom: 15px;
        left: 15px;
        padding-right: 15px;
    }

    .nd-blogs-wrapper {
        display: grid;
        grid-template-columns: auto;
        grid-gap: 20px;
    }

    .nd-learn-views-stats-inner {
        max-width: 100%;
        grid-gap: 18px;
    }

    .nd-learn-wrapper {
        min-height: 218px;
    }
}

@media only screen and (min-width:1200px) {
    .boxes-newdash-1 {
        height: 100%;
    }
}

@media only screen and (max-width:1280px) {
    .progress-new-dash .progress-new {
        width: 120px;
        height: 120px;
        line-height: 150px;
    }

        .progress-new-dash .progress-new .progress-value {
            font-size: 28px;
        }
}

@media only screen and (max-width:1100px) {

    section.practices-gallery-main-div.cust-header-wrapper {
        min-height: calc(100vh - 353px);
    }

    .partners-slider {
        max-width: 100%;
    }

    .boxes-newdash-pract .table-appointments .dashboard-hc-btn {
        font-size: 12px;
    }

    .boxes-newdash-1.boxes-newdash-pract .table-appointments label, .boxes-newdash-1.boxes-newdash-pract .dash-appo-the-name {
        min-width: 91px;
    }

    .boxes-newdash-pract .dash-appo-the-name {
        font-size: 12px;
        line-height: 17px;
    }

    .boxes-newdash-pract .table-appointments .dashboard-hc-btn {
        min-width: 90px;
        padding: 7px 6px;
    }

    .boxes-newdash-1 .nd-upcoming-div-bottom .table-responsive.table-appointments {
        max-height: calc(100% - 62px);
        height: 100%;
    }

    .table-appointments label {
        min-width: 94px;
    }


    .nd-therapy-main-wrapper {
        grid-template-columns: 52% auto;
        grid-gap: 10px;
    }

    .nd-user-btns {
        margin-top: 11px;
    }

    .nd-meditation-main-wrapper {
        grid-template-columns: 36% auto;
        grid-gap: 13px;
    }

    .nd-learn-views-stats {
        right: 0px;
    }

    .nd-views-stats label {
        font-size: 11px;
        padding-left: 6px;
    }

    .oc-learn-dashboard .before-hover-text p {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 35px;
    }

    .table-appointments .dashboard-hc-btn {
        min-width: 115px;
        padding: 7px 12px;
    }

    .nd-learn-wrapper {
        min-height: 165px;
    }


    .nd-meditation-main-wrapper img.gm-audio-img {
        max-height: 230px;
    }
}

@media only screen and (max-width: 991px) {
    footer a.callMailLink {
        top: 17px !important;
        left: 0px !important;
    }

    .aboutus-heading {
        line-height: 33px;
    }

    .logo-mini img {
        height: 36px !important;
        margin-top: 0px !important;
        position: relative;
        top: -2px;
    }

    .table-responsive.table-appointments {
        border: none;
        margin-bottom: 0;
    }

    .main-sidebar {
        padding-top: 0 !important;
    }

    .boxes-newdash-2 {
        grid-template-columns: auto;
        grid-gap: 35px;
        margin: 25px 0 25px;
    }

    .sidebar-menu .header {
        display: none;
    }

    .main-header .navbar {
        min-height: 0 !important;
    }

    .skin-blue .main-header .navbar .sidebar-toggle {
        position: absolute;
        top: -50px;
        color: #ffffff;
    }

    .main-header .sidebar-toggle {
        padding: 9px 15px;
    }

    .nd-top-left-wrapper p {
        line-height: 25px;
        max-width: 100%;
        padding-bottom: 10px;
        font-size: 13px;
    }

    .nd-top-left-wrapper h2 {
        font-size: 21px;
        margin-bottom: 15px;
        font-weight: 600;
    }

    .audio-dash-new label {
        font-size: 12px;
    }

    button.dashboard-hc-btn.refer-therapist {
        margin-top: 6px;
        min-width: inherit;
        padding: 5px 17px;
        font-weight: 400;
    }

    #CompletedApptDiv button.dashboard-hc-btn.refer-therapist,
    #UpcomingApptDiv .dashboard-hc-btn.refer-therapist {
        min-width: 160px;
        padding: 7px 5px;
    }

    .nd-top-right-wrapper hr {
        margin-top: 17px;
        margin-bottom: 17px;
    }

    .nd-blogs-wrapper {
        grid-template-columns: auto;
        grid-gap: 30px;
    }

    .nd-learn-wrapper {
        min-height: 220px;
    }

    .nd-ebook-wrapper {
        min-height: 450px;
    }

    .oc-learn-dashboard .oic-image-bottom-content {
        padding: 20px 20px;
    }

    .nd-learn-views-stats {
        justify-content: flex-start;
    }

    .appointment-div tr td:first-child {
        min-width: 110px;
    }

    #mobileMenuDashboard.menu-mob-view {
        display: none;
    }

    .nd-review-lists {
        grid-template-columns: auto;
        grid-gap: 25px;
    }

    .nd-review-hr-ver {
        display: none;
    }

    .nd-creator-hc-inner .nd-learn-wrapper-content {
        align-items: flex-start;
        flex-direction: column;
    }

    .nd-creator-hc-btn-wrapper {
        align-self: flex-end;
        padding-left: 30px;
    }

    .nd-learn-wrapper-content button {
        margin-top: 17px !important;
    }

    nd-learn-wrapper-content .nd-creator-wrapper h4 {
        font-size: 34px;
    }

    .nd-creator-wrapper {
        max-width: 100%;
        padding-right: 15px;
    }

    .nd-appointment-reviews button.dashboard-hc-btn.refer-therapist,
    .nd-appointment-wrapper .dashboard-hc-btn.refer-therapist,
    .nd-learn-wrapper-content button.dashboard-hc-btn.refer-therapist {
        min-width: 140px;
        padding: 7px 5px;
    }

    .boxes-newdash-pract .appointment-div {
        min-height: 200px;
    }

    .section-heading-practices {
        right: auto !important;
        left: auto !important;
        width: 100% !important;
        border-radius: 0px !important;
        text-align: center;
        padding: 2% !important;
    }

    .nd-learn-views-stats {
        position: initial;
        margin-top: 55px;
        padding: 0;
    }

    .nd-upcoming-div-main-wrapper hr {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .nd-upcoming-div-main-wrapper {
        display: initial;
    }

    #wrapper #headerinner .menu ul.list-unstyled.list-inline.navigation__nav li a:hover {
        background-color: transparent !important;
        color: #ffffff !important;
        text-shadow: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .skin-blue .main-header .logo {
        position: absolute;
    }

    .profile-pic-parc {
        margin-right: 35px;
    }
}

@media only screen and (max-width: 767px) {

    .steps-main-notes {
        margin-top: 10px;
    }

    .partners-tesco {
        max-width: 87px;
    }

    .msger .slimScrollDiv {
        height: calc(100vh - 344px) !important;
    }


    .msger-chat.scroll-wrapper-message-chat {
        height: calc(100vh - 287px) !important;
    }

    .msger {
        min-height: calc(100% - 140px);
    }

    .headerinner-wrapper-learn .icon-drop {
        top: 2px;
    }

    .partners-eq {
        max-width: 39px;
    }

    .partnership-logos-wrapper.partnership-logos-wrapper-eq {
        top: 18px;
    }

    .main-header .sidebar-toggle {
        display: block;
        color: #fff;
        position: absolute;
        z-index: 99999;
        top: 0;
    }

    .prac-newdahs-bottom-input > .box-body {
        padding: 0;
    }

    h2.nd-greetings-user {
        font-size: 21px;
        margin-top: 2px;
    }

    .main-header .logo {
        height: 48px !important;
    }

    .nd-my-app label {
        font-weight: 400;
        white-space: nowrap;
    }

    .nd-my-app .nd-appointment-wrapper h3 {
        white-space: nowrap;
    }

    .nd-review-img-name-wrapper img.nd-review-user {
        width: 40px;
        height: 40px;
        object-fit: cover;
        margin-right: 10px;
        border-radius: 50%;
    }

    .skin-blue .main-header {
        background-color: var(--primary-color);
        color: #fff;
        border-bottom: 0 solid transparent;
        text-align: center;
    }

        .skin-blue .main-header .logo {
            width: auto;
            display: inline-block;
        }

    .partners-hsbc {
        max-width: 90px;
    }

    .inbox-dash {
        padding: 0 0px !important;
        border: none !important;
    }

    .msg-pdl {
        padding-left: 15px !important;
    }

    /*    .table-responsive.inbox-dash.scroll-wrapper-inbox {
        height: calc(100vh - 143px) !important;
    }*/

    .dash-appo-the-name {
        padding-right: 15px;
    }

    .boxes-newdash-1 .table-responsive.table-appointments tr,
    .boxes-newdash-2 .table-responsive.table-appointments tr {
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-end;
        align-items: center;
        padding: 0px 0 15px 0;
    }

    .boxes-newdash-1 .nd-completed-appointment .table-responsive.table-appointments tr {
        padding: 0;
    }

    .boxes-newdash-1 .no-app-main-wrapper .table-responsive.table-appointments tr,
    .boxes-newdash-2 .no-app-main-wrapper .table-responsive.table-appointments tr {
        justify-content: center;
    }

        .boxes-newdash-1 .no-app-main-wrapper .table-responsive.table-appointments tr td,
        .boxes-newdash-2 .no-app-main-wrapper .table-responsive.table-appointments tr td {
            white-space: initial;
        }

    .boxes-newdash-1.boxes-newdash-pract.no-app-main-wrapper .table-responsive.table-appointments tr {
        display: flex;
    }

    .boxes-newdash-1.boxes-newdash-pract .nd-completed-appointment .table-responsive.table-appointments tr {
        display: inherit;
    }

    .boxes-newdash-1 .table-appointments .dashboard-hc-btn,
    .boxes-newdash-2 .table-appointments .dashboard-hc-btn {
        margin-right: 10px;
    }

    .nd-creator-hc-btn-wrapper {
        align-self: center;
        padding-left: 0;
        text-align: left !important;
        margin-top: 15px;
    }
}
/*css for new header ends here*/
/*css for browser firefox*/
@-moz-document url-prefix() {
    .testimonial-new .slick-dots li button {
        height: 16px;
        width: 12px;
    }
}


/*css for browser firefox*/
@media only screen and (max-width: 320px) {
    .need-to-change,
    .nd-see-more-appts {
        font-size: 13px;
    }
}

/*css form internal pages starts here*/
.hc-cp-main-wrapper {
    display: grid;
    grid-template-columns: auto;
    grid-gap: 30px;
    max-width: 90%;
    margin: initial !important;
    margin-right: auto !important;
}

    .hc-cp-main-wrapper .nav.nav-pills {
        display: grid !important;
        grid-template-columns: repeat(5, auto);
        grid-gap: 25px;
        max-width: 920px;
    }

    .hc-cp-main-wrapper ul.nav li a.nav-link {
        cursor: pointer;
        box-shadow: var(--default-shadow) !important;
        color: #fff;
        border-radius: 6px;
        font-size: 0.92rem;
        padding: 12px 15px;
        color: var(--on-primary-color) !important;
        border: none;
        background-color: #fff;
        text-align: center;
        width: 100%;
        font-weight: 600;
    }

    .hc-cp-main-wrapper ul.nav a.nav-link.active {
        background: var(--primary-color);
        color: #fff !important;
    }

    .hc-cp-main-wrapper.pat-profile-new .form-contact label {
        font-weight: 600;
        color: var(--primary-color);
        position: relative;
        margin-bottom: 7px !important;
    }

        .hc-cp-main-wrapper.pat-profile-new .form-contact label.new-aster::after {
            content: "\002A";
            font-size: 18px;
            color: #e00000;
            position: absolute;
            top: 0;
            line-height: 17px;
        }

    .hc-cp-main-wrapper.pat-profile-new .form-contact input.form-control,
    .hc-cp-main-wrapper.pat-profile-new .form-contact select.form-control {
        width: 100% !important;
        border: none;
        font-size: 14px;
        box-shadow: var(--default-shadow);
        border-radius: 3px;
        height: 48px;
    }

.family-content-wrapper .ph-form-group select,
.emergency-form-wrapper .ph-form-group select {
    background-color: #fff;
}

.hc-cp-main-wrapper span.text-danger.field-validation-error {
    font-size: 13px;
}

.hc-cp-main-wrapper .usr_img {
    margin: 0;
    box-shadow: var(--default-shadow);
    border-radius: 3px;
    overflow: hidden;
    position: relative;
    border: none;
    background-color: var(--white-color);
    cursor: pointer;
}

.client-second-row {
    width: 100%;
}

.hc-cp-main-wrapper .image-size {
    margin: 10px 0px 0 !important;
    font-size: 13px;
    font-weight: 400;
    color: var(--on-primary-color);
}

.hc-cp-main-wrapper .con_no .form-group {
    margin-bottom: 15px;
}

.usr_img .fileUpload-new, .fileUpload-new.btn:active {
    padding: 5px;
    position: relative;
    overflow: hidden;
    margin: 0;
    color: white !important;
    width: 100%;
    height: 100%;
    background-image: url(/content/images/new-dashboard/upload-photo.png);
    background-repeat: no-repeat;
    background-size: 45px;
    background-position: 50% 32%;
    top: 50%;
    display: flex;
    transform: translateY(-50%);
    align-items: center;
    border-radius: 0;
}

    .usr_img .fileUpload-new span {
        word-break: break-word;
        white-space: pre-line;
        padding-top: 72px;
        display: inline-block;
        font-size: 13px;
        text-transform: uppercase;
        letter-spacing: 0.3px;
    }

.fileUpload-new input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    width: 100%;
    height: 100%;
}

.hc-cp-main-wrapper .usr_img:hover .overlay {
    display: block;
    height: 100%;
    width: 100%;
    background-color: var(--secondary-light-color);
}

.hc-cp-main-wrapper .progress {
    position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

    .hc-cp-main-wrapper .progress .progress-bar {
        background-color: var(--primary-color);
        border: none !important;
        box-shadow: none !important;
    }

.hc-cp-first-row {
    display: grid;
    grid-template-columns: max-content auto;
    grid-gap: 60px;
}

.hc-cp-action-btns .hc-p-btn-sub {
    margin-right: 20px;
    min-width: 190px;
}

.hc-cp-action-btns .button-to-link {
    color: var(--on-primary-color);
}

.hc-cp-main-wrapper.pat-profile-new .form-contact .checkbox label {
    color: var(--on-primary-color);
    font-size: 15px;
    font-weight: 400;
}

.hc-cp-action-btns {
    display: inline-grid;
    grid-gap: 25px;
    grid-template-columns: auto auto;
}

.hc-default-btn.hc-disabled-btn {
    color: var(--white-color);
}

.client-offers {
    margin: 0px 0 25px;
}

.hc-cp-forgot-pass .form-group {
    margin-bottom: 30px !important;
}

button.refer-ther-client {
    background-color: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
    color: var(--on-primary-color);
    font-weight: 500;
    margin-top: 3px;
    cursor: default;
}

.hc-cp-help-support-tab .panel-heading {
    padding: 0;
    border: 0;
    background: none;
}

.hc-cp-help-support-tab .panel-title > a,
.hc-cp-help-support-tab .panel-title > a:active {
    display: block;
    padding: 10px 10px;
    color: var(--secondary-color);
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: 1px;
    word-spacing: 3px;
    text-decoration: none;
    font-family: var(--secondary-font);
}

.hc-cp-help-support-tab .panel-heading a:before {
    content: " ";
    background-image: url('/Content/images/new-dashboard/right-arrow-angle.png');
    float: right;
    width: 20px;
    height: 20px;
    background-size: cover;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.hc-cp-help-support-tab .panel-heading.active a:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

/*.hc-cp-help-support-tab .panel-heading.active a {
    margin-bottom: 22px;
}
*/

.hc-cp-help-support-tab .snj-panel .panel {
    border: none;
    box-shadow: var(--default-shadow);
    border-radius: 13px;
    padding: 20px 30px 20px 20px;
    position: relative;
    height: 100%;
    background-color: var(--card-bg-color) !important;
}

    .hc-cp-help-support-tab .snj-panel .panel:not(:last-child) {
        margin-bottom: 40px;
    }

.hc-cp-help-support-tab .snj-panel .panel-heading {
    background: none;
    border: none;
    border-radius: 0;
}

.hc-cp-help-support-tab .snj-panel .panel + .panel {
    border: none;
}

.hc-cp-help-support-tab .snj-panel .panel-title a {
    display: block;
    text-decoration: none;
}

.hc-cp-help-support-tab h4 a {
    font-size: 24px;
}

.hc-cp-help-support-tab p {
    padding: 0;
    text-align: left;
    text-shadow: none;
    position: relative;
    line-height: 26px;
    color: var(--on-primary-color);
    font-weight: 400;
    font-size: 15px;
}


@media (max-width: 1100px) {
    .hc-cp-main-wrapper {
        max-width: 100%;
    }

    .hc-cp-first-row {
        grid-gap: 30px;
    }
}

/*table*/
.hc-client-profile-tou table, .hc-client-profile-tou th, .hc-client-profile-tou td {
    border: 1px solid #ddd;
    text-align: left;
}


.hc-client-profile-tou .table > tbody > tr > td {
    text-align: center;
    font-weight: 400;
    vertical-align: middle;
}

.hc-client-profile-tou .table > tbody > tr > th,
.hc-client-profile-tou .table > thead > tr > th {
    font-weight: 500 !important;
}

.hc-client-profile-tou i.fa.fa-check {
    position: relative;
}

.hc-client-profile-tou .indendiv {
    position: relative;
    float: right;
    padding-left: 0;
}

.hc-client-profile-tou .client-tou-main ul {
    padding-left: 15px;
}

.hc-client-profile-tou .client-tou-main strong {
    font-weight: 500;
}

.profile_tabs div.page .client-tou-main li {
    list-style-type: disc;
}

.hc-client-profile-tou i.fa.fa-check::after {
    content: '';
    position: absolute;
    font-weight: 800;
    left: -7px;
    background: url(/Content/images/new-home/tick-new.svg);
    background-size: 100%;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    top: -5px;
}

div.page.hc-cp-help-support-tab .client-tou-main p:not(:last-child) {
    margin-bottom: 20px;
}

.hc-client-profile-tou .client-tou-main li {
    line-height: 26px;
    color: var(--on-primary-color);
    font-weight: 400;
    font-size: 15px;
}

.hc-client-profile-tou .restriction-miandiv label {
    min-width: 30px;
    text-align: left;
    font-weight: 300;
}

.hc-client-profile-tou .text-title {
    text-align: left;
    font-size: 25px;
    color: #101010;
    width: 100%;
    display: flex;
    align-items: center;
    font-weight: 400;
    padding-bottom: 25px;
    margin-top: 25px;
}

.client-tou-main {
    line-height: 26px;
    color: var(--on-primary-color);
    font-weight: 300;
    font-size: 15px;
}

.oic-check-points-client .para-text {
    position: relative;
    padding-left: 30px !important;
    font-weight: 400;
    font-size: 15px;
}

.tick {
    margin-right: 0px;
}

.points-wrapper {
    margin-bottom: 2.5rem;
}

.sub-para-wrapper {
    padding-left: 2rem;
}

.sub-head-points-grid {
    display: grid;
    grid-template-columns: 30px auto;
    gap: 15px;
}

.sub-head-points-grid-modifier .sub-head-points-grid {
    grid-template-columns: 40px auto;
}

.hc-cp-help-support-tab p:not(:last-child) {
    margin-bottom: 1.1rem;
}

.hc-cp-help-support-tab h3 {
    color: var(--secondary-color);
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 600;
    line-height: 35px;
}

.hc-cp-help-support-tab .panel-body {
    padding: 25px 7px;
}

.hc-cp-help-support-tab .panel {
    position: relative;
    overflow: hidden;
}

.hc-cp-help-support-tab .snj-panel .panel::after {
    content: '';
    position: absolute;
    width: 6px;
    right: 0;
    top: 0;
    height: 100%;
    background-color: var(--secondary-color);
}
/*client css for accordian ends here*/
.nd-my-app .appointment-div,
.client-billing .appointment-div,
.nd-crtificate-wrapper .default-box,
.nd-prac-billing .appointment-div {
    position: relative;
}

.ncmb-0 {
    margin-bottom: 0 !important;
}

div.page.hc-cp-help-support-tab .oic-check-points-client p {
    margin-bottom: 15px !important;
}

.cp-main-faq-para {
    margin-top: 25px;
}

.faq-cmb-12 {
    margin-bottom: 12px !important;
}

.hc-cp-first-row-right {
    margin-top: 7px;
}

@media only screen and (max-width: 1400px) {
    .usr_img {
        min-width: 210px;
        max-width: 210px;
        height: 230px;
        width: initial;
    }
}

@media only screen and (max-width: 1300px) {

    span.md-dots {
        margin: 0 8px;
    }

    .live-classes-row-profile {
        width: 52px;
        height: 52px;
        margin-right: 15px;
    }

    .live-classes-row-details-time-progress {
        margin-right: 10px;
    }
}

@media only screen and (max-width: 900px) and (min-width: 768px) {
    .hc-cp-main-wrapper {
        grid-template-columns: auto;
        max-width: 90%;
        margin-left: 20px !important;
    }
}

@media only screen and (max-width: 767px) {

    .client-second-row {
        overflow: hidden;
    }

    .hc-cp-help-support-tab .panel-title > a, .hc-cp-help-support-tab .panel-title > a:active {
        padding: 15px 15px;
        font-size: 17px;
    }

    .cp-btns-wrapper {
        text-align: center;
    }

    .hc-cp-first-row {
        display: grid;
        grid-template-columns: auto;
        grid-gap: 0px;
    }

    .hc-cp-main-wrapper {
        grid-template-columns: auto;
        grid-gap: 40px;
        max-width: 100%;
        display: initial;
    }

        .hc-cp-main-wrapper .for_pati {
            margin-bottom: 40px !important;
        }

        .hc-cp-main-wrapper ul.nav li a.nav-link {
            padding: 12px 10px;
            font-size: 14px;
        }

    .hc-cp-first-row-right {
        overflow: hidden;
    }

    .hc-cp-main-wrapper .pract-left .usr_img {
        width: 210px;
        height: 240px;
        margin: 0 !important;
    }

    .hc-cp-main-wrapper .dflex-jcsb {
        display: inherit;
        align-items: center;
        margin-top: 7px;
    }

    .hc-cp-main-wrapper.profile_tabs div.content p {
        text-align: left;
    }

    .hc-cp-main-wrapper .overlay {
        height: 100%;
    }

    .hc-cp-main-wrapper .text-margin {
        margin-top: 0px;
    }

    .cnmobmb-0 {
        margin-bottom: 0 !important;
    }

    .hc-cp-action-btns .hc-p-btn-sub {
        margin-right: 0;
        min-width: 190px;
        margin: 20px auto 10px;
        display: block;
    }

    .pract-left {
        margin-bottom: 25px;
    }

    .btn-steps.forgot-pass-btn {
        min-width: 200px;
    }

    .nd-pattern-bottom {
        max-width: 60%;
    }

    .hc-cp-main-wrapper.pat-profile-new ul.tabs li {
        text-align: center;
    }

    .hc-cp-help-support-tab h3 {
        font-size: 16px;
        margin-bottom: 10px;
        line-height: 24px;
    }

    .hc-cp-help-support-tab .snj-panel .panel {
        margin: 0;
        border-radius: 10px;
        padding: 10px 14px 10px 10px;
    }

        .hc-cp-help-support-tab .snj-panel .panel::after {
            width: 8px;
        }

    .hc-cp-main-wrapper .nav.nav-pills {
        grid-template-columns: repeat(2, auto);
        grid-gap: 20px;
        margin-bottom: 30px;
    }

    .hc-cp-action-btns {
        grid-gap: 25px;
        grid-template-columns: auto;
    }

    .hc-cp-help-support-tab p:not(:last-child) {
        margin-bottom: 1rem;
    }

    .hc-cp-main-wrapper.pat-profile-new .form-contact input.form-control, .hc-cp-main-wrapper.pat-profile-new .form-contact select.form-control {
        font-size: 13px;
    }

    .hc-cp-main-wrapper ul.tabs li.selected {
        border-radius: 5px;
    }

    .hc-client-profile-tou .text-title {
        align-items: flex-start;
        padding-bottom: 10px;
        margin-top: 10px;
    }
}
/*css form internal pages ends here*/


/*css for partner page*/

.hc-contact-wrapper-from .form-group input,
.hc-contact-wrapper-from .form-group select,
.hc-contact-wrapper-from .form-group textarea {
    border: 1px solid rgba(46, 186, 191, 0.33);
    font-size: 14px;
    box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.10);
    -webkit-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.10);
    border-radius: 10px;
    outline: none;
}

.hc-contact-wrapper-from .form-group label {
    font-weight: 500;
    color: var(--primary-color);
    position: relative;
    margin-bottom: 7px !important;
    font-size: 15px;
}

#section-contact .box .box-heading {
    color: var(--primary-color);
    border: none;
    padding-left: 0;
    font-weight: 600;
    font-size: 28px;
    margin-bottom: 35px;
    margin-top: 0px;
}

.hc-contact-wrapper-from .form-group,
.hc-contact-wrapper-from .form-group,
.hc-contact-wrapper-from .form-group {
    margin-bottom: 25px !important;
}

.partner-captcha {
    margin-top: 5px;
}

.hc-partner-infor-graph {
    margin-left: 45px;
    margin-top: 50px;
}

.contact-us-main-wrapper {
    position: relative;
    min-height: calc(100vh - 318px);
    margin-top: 125px;
}

.contact-us-pattenr {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 22%;
}



@media only screen and (max-width: 1260px) {
    .hc-partner-infor-graph {
        margin-left: 25px;
        max-width: 80%;
    }


    .hc-cp-main-wrapper .usr_img:hover .overlay,
    .hc-cp-main-wrapper .overlay {
        height: 35px;
    }

    .usr_img .fileUpload-new span {
        padding-top: 0;
        font-size: 11px;
    }

    .usr_img .fileUpload-new, .fileUpload-new.btn:active {
        background-image: none;
    }
}

@media only screen and (max-width: 769px) and (min-width: 768px) {
    .contact-us-main-wrapper .box {
        margin-bottom: 0px !important;
    }
}

@media only screen and (max-width: 768px) {
    .hc-partner-infor-graph {
        margin-left: 0;
        max-width: 100%;
        margin-bottom: 140px;
        margin-top: 0;
    }

    .contact-us-pattenr {
        max-width: 22%;
    }
}

@media only screen and (max-width: 767px) {

    .audio-wrapper-dash {
        max-width: 100%;
    }

    .hc-partner-infor-graph {
        margin-bottom: 95px;
    }

    .contact-us-pattenr {
        max-width: 31%;
    }

    .skin-blue .main-header .logo {
        background-color: var(--primary-color) !important;
    }

    .upload-docs-wrapper-prac .profile-pic-parc {
        max-width: 200px;
        margin-left: auto;
        margin-right: auto;
    }

    .document-pic-parc .profile-prat-text,
    .upload-docs-wrapper-prac .profile-prat-text {
        padding-left: 0 !important;
    }

    .form-group.doc_prof {
        max-width: 210px;
    }
}

#share-btn-email.dashboard-hc-btn.refer-therapist {
    background-color: var(--primary-color);
    color: #fff;
    border-radius: 3px;
}

    #share-btn-email.dashboard-hc-btn.refer-therapist:hover {
        background-color: var(--primary-dark-color);
    }

/*css form gympass landing page*/
.section-gympass-landing {
    position: relative;
}

.top-pattern-gympass-lan {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
}

.bottom-pattern-gympass-lan {
    position: absolute;
    bottom: 0;
    width: 100%;
    right: 0;
}

.top-pattern-gympass-lan,
.bottom-pattern-gympass-lan {
    max-width: 320px;
}

    .bottom-pattern-gympass-lan svg {
        position: relative;
        top: 5px;
    }

.gympass-inner-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
}

.gympass-landing-head {
    font-size: 26px;
    color: var(--primary-color);
    margin-top: 0rem;
    font-weight: 400;
    line-height: 39px;
    margin-bottom: 0px;
    padding-bottom: 50px;
    margin: 0 auto;
    text-align: center;
}

.gl-online-course {
    display: flex;
    justify-content: center;
    width: 100%;
}

    .gl-online-course > * {
        text-align: center;
    }

    .gl-online-course img {
        margin-bottom: 0;
        margin-left: auto;
        max-width: 148px;
        margin-right: auto;
    }

.gym-lan-para-txt {
    line-height: 21px;
    margin-bottom: 0;
    color: var(--on-primary-color);
    font-weight: 400;
    margin: 0;
    margin-top: 3px;
    font-size: 15px;
}

.gl-online-course .category-lists {
    margin: 0rem 0;
    display: grid;
    grid-row-gap: 55px;
    grid-template-columns: repeat(2,minmax(100px, 1fr));
}

.gympass-btns {
    background-color: transparent;
    border: none;
    box-shadow: none;
    color: var(--primary-color);
    font-weight: 700;
    margin: 0;
    margin-top: 15px;
    margin-bottom: 3px;
    font-size: 20px;
    cursor: default;
}

/*button.gympass-btns:hover {
    text-decoration: underline;
}*/

@media only screen and (min-width: 1100px) {
    .gympass-btns br {
        display: none;
    }
}

.partnership-logos-wrapper-gympass .partners-logos {
    max-width: 160px;
}

.img-gympass-wrapper {
    position: relative;
}

.gympass-after-click-check::after {
    content: "\2713";
    width: 125px;
    height: 125px;
    position: absolute;
    border: 5px solid var(--primary-color);
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 54px;
    font-weight: bolder;
    color: #fff;
}

.gympass-after-click-check::before {
    content: " ";
    width: 150px;
    height: 150px;
    position: absolute;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(53, 155, 236, 0.24);
}


@media (min-width: 768px) and (max-width: 1024px) {
    .gl-online-course {
        grid-gap: 10px;
    }

    .top-pattern-gympass-lan, .bottom-pattern-gympass-lan {
        max-width: 240px;
    }
}


@media (max-width: 767px) {

    .gympass-btns {
        font-size: 14px;
    }

    .gym-lan-para-txt {
        line-height: 19px;
        margin-bottom: 0;
        color: var(--on-primary-color);
        font-weight: 400;
        margin: 0;
        margin-top: 3px;
        font-size: 12px;
    }

    .hc-contact-wrapper-from .form-group, .hc-contact-wrapper-from .form-group, .hc-contact-wrapper-from .form-group {
        margin-bottom: 10px !important;
    }

    .gympass-after-click-check::after {
        width: 100px;
        height: 100px;
        border: 4px solid var(--primary-color);
    }

    .gympass-after-click-check::before {
        width: 120px;
        height: 120px;
    }

    .gl-online-course img {
        margin-bottom: 0;
        margin-left: auto;
        max-width: 120px;
        margin-right: auto;
    }

    .partnership-logos-wrapper.partnership-logos-wrapper-gympass {
        right: 15px;
        top: 21px;
    }

    .partnership-logos-wrapper-gympass .partners-logos {
        max-width: 110px;
    }

    .section-gympass-landing {
        position: relative;
    }


    .gympass-landing-head {
        padding-bottom: 25px;
        max-width: 75%;
        margin: 0 auto;
        font-size: 20px;
        line-height: 29px;
        padding: 0 8px;
        margin-top: 20px;
        margin-bottom: 22px;
    }

    .top-pattern-gympass-lan, .bottom-pattern-gympass-lan {
        max-width: 190px;
    }

    .gl-online-course img {
        margin-left: auto;
        margin-right: auto;
    }

    .gl-online-course {
        flex-direction: column;
    }

    .gympass-inner-wrapper {
        justify-content: flex-start;
        min-height: initial;
        padding: 20px 0;
    }

    .gympass-landing-head {
        max-width: 100%;
    }

    .gympass-ot {
        margin-bottom: 45px;
    }
}
/*css for gympass landing page ends here*/

.funds-transfer.hc-default-btn {
    min-width: 108px;
    padding: 8px !important;
    font-size: 14px;
}

    .funds-transfer.hc-default-btn:hover {
        min-width: 108px;
        padding: 8px !important;
        font-size: 14px;
        border: none;
    }

    .funds-transfer.hc-default-btn.cnc_cash {
        margin-left: 10px;
    }

#CheckoutDetail .chck_out_det .man_hdr,
#CheckoutDetail .modal-footer {
    border: none;
}

@media only screen and (max-width: 767px) {
    #CheckoutDetail .modal-footer {
        display: flex;
        justify-content: center;
    }

    .boxes-newdash-pract .table-appointments .dashboard-hc-btn {
        min-width: 105px;
    }
}


@media only screen and (max-width: 1253px) and (min-width: 768px) {
    .skin-blue .sidebar-menu > li.header {
        margin-bottom: 35px;
    }

    .logo-mini img {
        height: 56px !important;
        top: 11px;
    }

    .main-sidebar {
        padding-top: 0px !important;
    }
}


/* new search UI */

.welcome-hc-family {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh !important;
}

.welcome-hc-family-img {
    max-width: 240px;
    height: auto;
    border-radius: 10px;
}

.welcome-hc-family-txt {
    color: var(--on-primary-color);
    font-weight: 400;
    line-height: 26px;
    font-size: 18px;
}

.welcome-healing .welcome-hc-family-txt:not(:last-child) {
    margin-bottom: 10px;
}

.welcome-hc-family {
}

.welcome-hc-family-head {
    font-size: 32px;
    color: var(--primary-color);
    margin-top: 4rem;
    margin-bottom: 4rem;
    font-weight: 600;
}

.welcome-hc-family .continue-btn-para a {
    margin-top: 2rem;
    text-transform: uppercase;
    font-size: 18px;
}

.theme-color-strong {
    color: var(--primary-color);
    font-weight: 600;
}

.continue-button.orange-hc-color,
.orange-hc-color {
    background-color: #F59410 !important;
}


.welcome-healing .continue-btn-para a {
    margin-top: 3.3rem;
}

@media (max-width: 992px) {
    .welcome-hc-family-head {
        font-size: 20px !important;
        line-height: 32px;
        margin-top: 14px;
        margin-bottom: 14px;
    }

    .welcome-healing .welcome-hc-family-txt:not(:last-child) {
        margin-bottom: 5px;
    }

    .welcome-hc-family-txt {
        color: var(--on-primary-color);
        font-weight: 300;
        line-height: 22px;
        font-size: 15px;
    }

    .welcome-hc-family-img {
        max-width: 160px;
        height: auto;
        border-radius: 10px;
    }
}

@media (max-width: 767px) {
    .welcome-hc-family {
        min-height: calc(100vh - 75px) !important;
    }
}

/*steps ui changes */

.steps-filter-single-pract-wrapper .learning-objectives {
    margin-top: 20px;
}

.steps-filter-single-pract-wrapper.ncd-profile-wrapper {
    box-shadow: var(--default-shadow);
    border-radius: 13px;
    padding: 20px 20px 22px;
    position: relative;
    background-color: var(--card-bg-color);
    position: relative;
    overflow: hidden;
}

.steps-filter-single-pract-wrapper .ncd-img-profile-pattern {
    position: absolute;
    top: -2px;
    right: -2px;
    max-width: 36%;
}

.steps-filter-single-pract-wrapper .ncd-profile-main {
    display: flex;
    align-items: center;
}

.steps-filter-single-pract-wrapper .ncd-learn-profil-img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin-right: 20px;
    object-fit: cover;
}

.steps-filter-single-pract-wrapper .ncd-profile-details h5 {
    margin-top: 0;
    font-size: 17px;
    color: var(--primary-color);
    font-weight: 600;
    margin-bottom: 0px;
}

.steps-filter-single-pract-wrapper .ncd-profile-details .ncd-enroll .oc-dot {
    vertical-align: text-top;
}

.steps-filter-single-pract-wrapper .ncd-profile-details .ncd-enroll .oc-dot {
    vertical-align: text-top;
    line-height: 14px;
    margin-right: 4px;
    margin-left: 5px;
    font-weight: 700;
}

.steps-filter-single-pract-wrapper .ncd-profile-details .ncd-enroll span {
    font-weight: 400;
    font-size: 14px;
}

    .steps-filter-single-pract-wrapper .ncd-profile-details .ncd-enroll span:first-child {
        margin-left: 0;
    }

.steps-filter-single-pract-wrapper .ncd-profile-details label {
    margin-top: 0;
    color: var(--primary-color);
    font-weight: 600;
    margin-bottom: 3px !important;
    font-size: 15px;
}

.steps-filter-single-pract-wrapper .ncd-profile-details p {
    margin-top: 0;
    color: var(--on-primary-color);
    font-weight: 400;
    margin-bottom: 0px;
    font-size: 14px;
}

.steps-filter-single-pract-wrapper .ncd-user-lan-exp {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
    margin-top: 10px;
}

.steps-filter-single-pract-wrapper .ncd-profile-wrapper-hr {
    max-width: 75%;
    margin-left: 0;
    border-top: 1px solid var(--chat-inbox-border-color);
    margin-top: 25px;
    margin-bottom: 15px;
}

.steps-filter-single-pract-wrapper .ncd-profile-wrapper-tabs .tab-content {
    margin-top: 20px;
}

.steps-filter-single-pract-wrapper .ncd-profile-wrapper-tabs .box {
    margin-bottom: 0;
}

.steps-filter-single-pract-wrapper .ncd-learn-pract-deta {
    margin-bottom: 25px;
}

    .steps-filter-single-pract-wrapper .ncd-learn-pract-deta h4 {
        font-size: 15px;
        color: var(--primary-color);
        font-weight: 600;
        margin-bottom: 9px;
        margin-top: 0px;
    }

#pills-aboutMe .ncd-learn-pract-deta h4, #pills-Practices .ncd-learn-pract-deta h4 {
    color: var(--on-primary-color);
}


.steps-filter-single-pract-wrapper .ncd-learn-pract-deta p,
.steps-filter-single-pract-wrapper .cdn-learn-review-para {
    line-height: 26px;
    color: var(--on-primary-color);
    font-weight: 400;
    font-size: 15px;
    padding-right: 25px;
}

.ncd-profile-wrapper-tabs .overViewTabDiv .nav-tabs > li > a {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: var(--primary-color) !important;
    border: none !important;
}

.ncd-learn-courses {
    margin-top: 55px;
    margin-bottom: 65px;
}

.ncd-learn-about-content .hc-default-btn.oc-start-subs-btn {
    min-width: 185px;
    padding: 9px;
}

.ncd-learn-review-pract {
    display: flex;
}

.ncd-learn-review-pract-img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.5);
    margin-right: 20px;
}

.ncd-learn-review-name h5 {
    font-size: 16px;
    color: var(--primary-color);
    margin-top: 0;
    margin-bottom: 5px;
    font-weight: 600;
}

.cdn-learn-review-para {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0;
    margin-top: 5px;
}

.ncd-learn-hor-line {
    width: 1px;
    height: 50%;
    background-color: #BCBCBC;
}

.stars {
    max-width: 96px;
}

.ncd-learn-review-content:not(:last-child) {
    margin-bottom: 35px;
}

.ncd-learn-courses .oc-learn-dashboard .before-hover-text p {
    color: var(--on-primary-color);
    font-size: 13px;
    margin-bottom: 30px;
    line-height: 22px;
}

@media only screen and (max-width: 767px) {
    .cus-conatiner-learn {
        padding: 0 15px;
    }

    .oic-course-desc {
        margin-top: 20px;
    }

    .ncd-profile-main {
        flex-direction: column;
    }

    .ncd-learn-profil-img {
        margin-right: 0;
        margin-top: 5px;
        margin-bottom: 25px;
    }

    .ncd-profile-details h5 {
        text-align: center;
    }

    .ncd-profile-wrapper {
        padding: 20px;
    }

    .ncd-profile-wrapper-hr {
        max-width: 100%;
    }

    .ncd-learn-review-content {
        align-items: center;
        grid-template-columns: auto;
        grid-gap: 5px;
    }

    .ncd-profile-wrapper-tabs .overViewTabDiv .nav-tabs {
        border-bottom: 0;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        width: 100%;
    }

    .steps-filter-single-pract-wrapper .ncd-profile-details .ncd-enroll {
        justify-content: flex-start;
        align-items: flex-start;
        display: flex;
    }

    .ncd-profile-wrapper-tabs .overViewTabDiv .nav-tabs > li > a {
        font-size: 15px !important;
        font-weight: 500 !important;
        color: var(--primary-color) !important;
    }

    .ncd-profile-wrapper-tabs .overViewTabDiv .nav-tabs > li > a {
        font-size: 15px !important;
        font-weight: 500 !important;
        color: var(--primary-color) !important;
        margin: 0;
    }

    .oic-video-tabs-wrapper .overViewTabDiv .nav-tabs > li:not(:last-child) {
        margin-right: 20px;
    }

    .ncd-profile-wrapper-tabs .overViewTabDiv .nav-tabs > li:not(:last-child) {
        margin-right: 20px;
    }

    .ncd-profile-wrapper-tabs .overViewTabDiv .nav-tabs::before,
    .ncd-profile-wrapper-tabs .overViewTabDiv .nav-tabs::after {
        display: none;
    }

    .ncd-learn-pract-deta h4 {
        font-size: 15px;
        font-weight: 500;
    }

    .ncd-learn-pract-deta p, .cdn-learn-review-para {
        font-size: 14px;
    }

    .review-tabs-wrapper .calling strong {
        display: block;
        color: #2ebac0;
        font-size: 14px;
        font-weight: 500;
    }

    .ncd-learn-review-name h5 {
        font-size: 15px;
        font-weight: 500;
    }

    .what-you-will-learn {
        font-size: 20px;
        line-height: 28px;
    }

    .audio-wrapper-dash {
        max-width: 100%;
    }

    .steps-dob .hc-select {
        display: grid !important;
        grid-gap: 14px;
        margin: 0 !important;
        width: 100%;
    }

        .steps-dob .hc-select select:not(last-child) {
            margin: 0 !important;
        }
}


/*css form placeholder*/

.ncd-subs-start-btn .placeolder-btn-ncd {
    font-size: 14px;
    display: block;
    margin: 8px 0 15px;
    Padding: 8px 20px;
    font-weight: 500;
    box-shadow: 0 4px 9px 0 rgba(0,0,0,.18), 0 2px 8px 0 rgba(0,0,0,.15);
    border: 2px;
    border-radius: 25px;
    cursor: pointer;
    width: 210px !important;
    height: 36px !important;
    text-transform: uppercase;
}

.oic-buy-course-wrapper-fdc.box-shadow-learn.learn-default-box-shadow.oc-course-created.placeload {
    min-height: initial;
    margin: 0;
}

.image-placeholder.loads.ncd-placeholder-viewers {
    max-width: 150px;
    margin-top: 4px;
    margin-bottom: 11px;
}

.ncd-profile-main {
    display: flex;
    align-items: center;
}

.steps-filt-pract-placeholder-wrapper .ncd-user-lan-exp {
    display: grid;
    grid-template-columns: repeat(4, auto);
    grid-gap: 35px;
    margin-top: 8px;
}

.steps-filt-pract-placeholder-wrapper .ncd-profile-wrapper.placeload {
    margin: 0;
    padding: 20px;
    margin-top: 0;
}

.ncd-profile-wrapper-hr {
    max-width: 50%;
    margin-left: 0;
    border-top: 1px solid var(--chat-inbox-border-color);
    margin-top: 30px;
    margin-bottom: 20px;
}

.ncd-profile-wrapper-tabs .tab-content {
    margin-top: 30px;
}

.ncd-learn-pract-deta {
    margin-bottom: 30px;
}

.image-placeholder.loads.ncd-placeholder-img-cnd {
    border-radius: 50%;
    width: 80px !important;
    height: 80px !important;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
}

.image-placeholder.loads.ncd-placeholder-cwith {
    max-width: 190px;
    margin-top: 15px;
    margin-bottom: 10px !important;
}

.oc-course-created.placeload .loads {
    width: 100%;
    margin-top: 10px;
    height: 12px;
}

.ncd-placeholder-cwith {
    margin-bottom: 11px !important;
}

.oc-pract-name .ncd-placeholder-cwith-nn:nth-child(1) {
    width: 103px;
}

.oc-pract-name .ncd-placeholder-cwith-nn:nth-child(2) {
    width: 106px;
}

.oc-pract-name .ncd-placeholder-cwith-nn:nth-child(3) {
    width: 80px;
}

.oc-course-created.placeload .oc-pract-name .ncd-placeholder-cwith-nn {
    margin-bottom: 5px;
    margin-top: 0;
}

.ncd-profile-wrapper.placeload {
    margin: 0;
}

.ncd-profile-main-placeholder .ncd-placeholder-center-img {
    width: 120px !important;
    height: 120px !important;
    border-radius: 50%;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
    margin-right: 30px;
}

.ncd-profile-details-placeholder .ncd-placeholder-name-center {
    width: 155px !important;
}

.ncd-profile-main-placeholder .ncd-enroll .ncd-placeholder {
    width: 207px;
}

.steps-filt-pract-placeholder-wrapper .ncd-user-lan-placeholder .ncd-placeholder:nth-child(1) {
    width: 100px;
}

.steps-filt-pract-placeholder-wrapper .ncd-user-lan-placeholder .ncd-placeholder:nth-child(2) {
    width: 60px;
}

.steps-filt-pract-placeholder-wrapper .ncd-user-exp-placeholder .ncd-placeholder:nth-child(1) {
    width: 93px;
}

.steps-filt-pract-placeholder-wrapper .ncd-user-exp-placeholder .ncd-placeholder:nth-child(2) {
    width: 117px;
}

.steps-filt-pract-placeholder-wrapper .overViewTabDiv .nav-tabs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 70%;
}

    .steps-filt-pract-placeholder-wrapper .overViewTabDiv .nav-tabs::after,
    .steps-filt-pract-placeholder-wrapper .overViewTabDiv .nav-tabs::before {
        display: none;
    }

    .steps-filt-pract-placeholder-wrapper .overViewTabDiv .nav-tabs > li:not(:last-child) {
        margin: 0;
    }

.steps-filt-pract-placeholder-wrapper .ncd-profile-wrapper.placeload .ncd-profile-wrapper-tabs .nav-tabs li:nth-child(1) {
    width: 94px;
}

.steps-filt-pract-placeholder-wrapper .ncd-profile-wrapper.placeload .ncd-profile-wrapper-tabs .nav-tabs li:nth-child(2) {
    width: 106px;
}

.steps-filt-pract-placeholder-wrapper .ncd-profile-wrapper.placeload .ncd-profile-wrapper-tabs .nav-tabs li:nth-child(3) {
    width: 78px;
}

.steps-filt-pract-placeholder-wrapper .ncd-profile-wrapper.placeload .ncd-profile-wrapper-tabs .nav-tabs li:nth-child(4) {
    width: 88px;
}

.steps-filt-pract-placeholder-wrapper .ncd-profile-wrapper-tabs-placeholder .ncd-learn-about-content .ncd-learn-pract-deta .ncd-placeholder:first-child {
    width: 78px;
}

.steps-filt-pract-placeholder-wrapper .ncd-profile-wrapper-tabs-placeholder .ncd-learn-about-content .ncd-learn-pract-deta:nth-child(2) .ncd-placeholder:first-child {
    width: 50px;
}

.ncd-learn-about-content-btn .image-placeholder {
    width: 185px !important;
    height: 38px !important;
    border-radius: 3px;
}

.ncd-profile-wrapper.placeload {
    margin: 0;
    padding: 40px;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15) !important;
    border: none;
    margin-top: 40px;
}

.steps-filt-pract-placeholder-wrapper {
    margin: 0;
}


@media only screen and (max-width: 1100px) and (min-width: 540px) {

    .oc-pract-name {
        padding-left: 17px;
    }

    .oci-content-block-inner-btn {
        width: 100%;
        margin-bottom: 20px;
        margin-right: 0;
    }

    .oci-thumbnails {
        min-height: 330px;
    }

    .oic-course-content-wrapper {
        flex-direction: column;
    }
}

.ncd-learn-review-name .review-block-date {
    font-size: 13px;
    color: var(--on-primary-color);
    font-weight: 300;
}

.ncd-profile-wrapper-tabs div#Reviews {
    max-height: initial;
    overflow: initial;
    overflow-y: initial;
}

.ncd-profile-wrapper-tabs .calling strong {
    font-size: 16px;
}

.ncd-profile-wrapper .overview-pract-profile p,
.ncd-profile-wrapper .calling p {
    line-height: 26px;
    color: var(--on-primary-color);
    font-weight: 300;
    font-size: 15px;
}

@media only screen and (min-width: 768px) {
    .ncd-profile-wrapper-tabs #Specialties {
        margin: 0 0;
    }
}

@media screen and (max-width: 700px) {
    .ncd-learn-review-name .review-block-date {
        font-size: 13px !important;
    }
}

@media only screen and (max-width: 767px) {
    .ncd-profile-wrapper-tabs #Specialties {
        margin: 0 0;
    }

        .ncd-profile-wrapper-tabs #Specialties .calling.dg-minmax {
            padding: 0px 0px;
        }

    .learn-placeholder-loader .dg-placeload-row {
        max-width: 100%;
    }

    .learn-placeholder-loader .placeload {
        margin: 10% 0 10%;
    }

    .steps-filter-single-pract .filter-pract-list-wrapper .satisfication-wrapper {
        margin: 0 !important;
    }

    .steps-filter-single-pract-wrapper .ncd-profile-details p {
        font-size: 12px;
    }

    .steps-filter-single-pract-wrapper .ncd-profile-details label {
        font-size: 14px;
    }


    .steps-filter-single-pract-wrapper .ncd-learn-profil-img {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
        margin-right: 0;
    }

    .steps-filter-single-pract-wrapper .overViewTabDiv .nav-tabs {
        display: grid !important;
        grid-template-columns: repeat(3, auto);
        max-width: 100% !important;
        grid-gap: 2px;
    }

    .steps-filter-single-pract-wrapper .ncd-learn-pract-deta h4 {
        font-size: 14px;
        font-weight: 500;
        margin-top: 0px;
    }


    .steps-filter-single-pract-wrapper .ncd-profile-wrapper-hr {
        max-width: 100%;
        margin-left: 0;
        border-top: 1px solid #d1d1d1;
        margin-top: 20px;
        margin-bottom: 5px;
    }

    .hc-percentage-satisfication svg {
        width: 40px;
        height: auto;
    }

    .steps-filter-single-pract-wrapper.ncd-profile-wrapper {
        padding: 30px 20px 25px;
    }
}

.hc-default-btn.orange-hc-color {
    font-size: 15px;
    min-width: 210px;
}

.hc-percentage-satisfication svg {
    width: 48px;
    height: auto;
}

.hc-step-guarantee h4 {
    margin-top: 3px;
    margin-bottom: 4px;
    font-size: 16px;
    color: var(--primary-color);
    font-weight: 600;
}

.steps-filter-single-pract .grid-satisfication {
    text-align: left;
}

.steps-filter-single-pract h4 {
    color: var(--primary-color) !important;
    margin-bottom: 3px;
    font-weight: 600;
}

.spets-message-us {
    color: var(--on-primary-color);
}

.steps-therapist-review {
    display: grid;
    grid-template-columns: max-content auto;
    grid-gap: 25px;
    align-items: center;
}

.steps-filter-single-pract-wrapper .overViewTabDiv .nav-tabs {
    display: flex;
    justify-content: space-between;
}

.steps-filter-single-pract-wrapper .overViewTabDiv .nav-tabs {
    display: flex;
    justify-content: space-between;
    max-width: 55%;
}

    .steps-filter-single-pract-wrapper .overViewTabDiv .nav-tabs::after,
    .steps-filter-single-pract-wrapper .overViewTabDiv .nav-tabs::before {
        display: none;
    }

.hc-step-guarantee br {
    display: none;
}

.steps-review-stars img {
    max-width: 100px;
}

.steps-filter-single-pract-wrapper .ncd-user-lan-exp {
    grid-template-columns: repeat(4, auto);
}

.steps-filter-single-pract-wrapper .horiz-line-book {
    border-color: #d1d1d1;
    max-width: 75%;
    margin-left: 0;
}

.steps-bck-btn .oc-start-subs-btn {
    min-width: 220px;
}

.steps-label-accredations {
    display: flex;
    align-items: center;
}

span.accredations-icons-step {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 7px;
    line-height: 16px;
}

    span.accredations-icons-step svg {
        width: 16px;
        height: 16px;
        fill: var(--primary-color);
    }

.steps-tab-veiw {
    max-height: 160px;
    min-height: 160px;
    overflow: auto;
    padding-right: 30px;
}

.step-continue-btn {
    margin-top: 30px;
}

.steps-specialities-tabs-wrapper .dg-minmax {
    grid-template-columns: auto;
    grid-gap: 4px;
}

.steps-filter-single-pract-wrapper .oic-check-points .para-text {
    position: relative;
    padding-left: 30px;
    font-weight: 300;
    font-size: 14px;
}


.steps-practices-tags {
    font-size: var(--base-font-size);
    font-weight: 400;
    margin-right: 10px;
    margin-bottom: 10px !important;
    padding: 0.2rem 0.6rem;
    /*    color: var(--primary-color);*/
    line-height: 18px;
    border: 1px solid var(--primary-border-color);
    box-sizing: border-box;
    border-radius: calc(var(--bs-border-radius)* 0.75);
    /*    background-color: var(--sec-light-color4);*/
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1);
    color: var(--theme-primary-color);
}

.dg-minmax strong {
    font-size: var(--base-font-size);
    color: var(--primary-color);
}

.book-session-pract-pfofile-btn .hc-default-btn {
    border-radius: var(--bs-border-radius);
}

.steps-review-stars {
    margin-bottom: 7px;
}

.steps-filter-single-pract-wrapper .ncd-profile-details .steps-review-stars {
    margin-bottom: 0px;
}

.steps-main-notes.steps-filter-single-pract {
    margin-top: 15px;
}

.steps-specialities-tabs-wrapper .dg-minmax:not(:last-child) {
    margin-bottom: 15px;
}

.steps-dob .hc-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%228%22%20viewBox%3D%220%200%2016%208%22%3E%3Cpolygon%20fill%3D%22%234D4D4D%22%20points%3D%228%2C0%2016%2C0%2012%2C4%208%2C8%204%2C4%200%2C0%20%22/%3E%3C/svg%3E);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    border: 1px solid var(--primary-color);
    border-radius: 0;
    padding: 0.6em 0.6em;
    min-width: 100%;
    padding-right: 1.5em;
    border-radius: 4px;
    font-size: 14px;
    background-size: 14px;
}

.steps-dob .hc-select {
    display: flex;
}

    .steps-dob .hc-select select {
        min-width: 120px;
    }

        .steps-dob .hc-select select:not(last-child) {
            margin-right: 15px;
        }

        .steps-dob .hc-select select:focus,
        .steps-dob .hc-select select:hover {
            border-color: var(--primary-color);
            outline: none;
        }

        .steps-dob .hc-select select:active {
            border-color: var(--primary-color);
        }

        .steps-dob .hc-select select:-moz-focusring {
            color: transparent;
            text-shadow: 0 0 0 #000;
        }

.steps-filter-single-pract-wrapper .ncd-profile-wrapper-tabs .calling strong {
    font-size: 15px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .hc-select select::-ms-expand {
        display: none;
    }

    .hc-select select:focus::-ms-value {
        background: transparent;
        color: grey;
    }
}

.js-show-hide-therapist-timeslot {
    display: none;
}

.selectedlist-btns-div .selected-list.selected .days-icons {
    fill: #ffffff;
}

.days-icons {
    width: 19px;
    height: 19px;
    fill: var(--primary-color);
    margin-right: 5px;
}

label.selected-list:hover .days-icons {
    width: 19px;
    height: 19px;
    fill: #FFF;
    margin-right: 5px;
}

.steps-filter-single-pract-wrapper .bookses-txt {
    font-size: 15px;
    font-weight: 400;
    color: var(--on-primary-color);
    padding-left: 5px;
    margin-top: 15px;
    margin-bottom: 20px;
}

.timeslots-wrapper {
    display: grid;
    grid-template-columns: repeat(2, auto);
}

@media (max-width: 767px) {
    .timeslots-wrapper {
        display: grid;
        grid-template-columns: repeat(1, auto);
    }
}
/*new steps ui ends here*/
@media (max-width: 767px) {
    .steps-dob .hc-select select {
        min-width: 200px;
    }

    .steps-tab-veiw {
        max-height: 220px;
        min-height: 220px;
        overflow: auto;
        padding-right: 4px;
    }

    .steps-main-notes .satisfication-wrapper {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .steps-filter-single-pract-wrapper .ncd-learn-pract-deta p, .steps-filter-single-pract-wrapper .cdn-learn-review-para {
        padding-right: 5px;
    }

    .steps-filt-pract-placeholder-wrapper .ncd-profile-wrapper.placeload {
        padding: 25px;
    }

    steps-filt-pract-placeholder-wrapper .ncd-user-exp-placeholder .ncd-placeholder:nth-child(2) {
        width: 80px;
    }

    .steps-filt-pract-placeholder-wrapper .ncd-user-lan-placeholder .ncd-placeholder:nth-child(2) {
        width: 60px;
    }

    .steps-filt-pract-placeholder-wrapper .ncd-user-exp-placeholder .ncd-placeholder:nth-child(2) {
        width: 80px;
    }

    .steps-filt-pract-placeholder-wrapper .overViewTabDiv .nav-tabs {
        display: flex;
        align-items: center;
        justify-content: space-between;
        max-width: 100%;
    }

    .steps-filt-pract-placeholder-wrapper .ncd-profile-wrapper.placeload .ncd-profile-wrapper-tabs .nav-tabs li:nth-child(4) {
        width: 49px;
    }

    .steps-filt-pract-placeholder-wrapper .ncd-profile-wrapper.placeload .ncd-profile-wrapper-tabs .nav-tabs li:nth-child(1) {
        width: 45px;
    }

    .steps-filt-pract-placeholder-wrapper .ncd-profile-wrapper.placeload .ncd-profile-wrapper-tabs .nav-tabs li:nth-child(2) {
        width: 45px;
    }

    .steps-filt-pract-placeholder-wrapper .ncd-profile-wrapper.placeload .ncd-profile-wrapper-tabs .nav-tabs li:nth-child(3) {
        width: 45px;
    }

    .steps-filt-pract-placeholder-wrapper .ncd-profile-wrapper.placeload .ncd-profile-wrapper-tabs .nav-tabs li:nth-child(4) {
        width: 50px;
    }

    .steps-filt-pract-placeholder-wrapper .ncd-user-exp-placeholder .ncd-placeholder:nth-child(1) {
        width: 45px;
    }

    .steps-filt-pract-placeholder-wrapper .ncd-user-lan-placeholder .ncd-placeholder:nth-child(1) {
        width: 48px;
    }

    .steps-filt-pract-placeholder-wrapper .ncd-profile-wrapper-hr {
        max-width: 100%;
    }

    .steps-filt-pract-placeholder-wrapper .ncd-profile-main-placeholder .ncd-placeholder-center-img {
        width: 100px !important;
        height: 100px !important;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .steps-filt-pract-placeholder-wrapper .ncd-profile-wrapper.placeload {
        padding: 20px;
    }

    .hc-percentage-satisfication svg {
        width: 33px;
        height: auto;
    }

    .accredation-input-mobile .select2-container--default .select2-selection--multiple .select2-selection__choice {
        width: 97%;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-left: 4px;
        padding-right: 4px;
    }

    .steps-filter-single-pract-wrapper div#divPracAvailMain {
        padding: 0 !important;
    }

    .steps-filter-single-pract-wrapper .hr-cus-1 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 5px 10px;
        margin-bottom: 30px;
    }
}

.loader-time-slot-inner {
    display: flex;
    justify-content: center;
    align-items: center;
}

.placeholder-loader-time-slot .loader-time-slot-inner .image-placeholder-wrapper {
    height: 37px;
    border-radius: 3px;
    width: 100%;
    max-width: 265px;
    margin: 10px 8px;
    border: 2px solid var(--chat-inbox-border-color);
    background: none;
    display: grid;
    align-items: center;
    grid-template-columns: 25px auto;
    grid-gap: 15px;
    padding: 9px;
}

.placeholder-loader-time-slot .loader-time-slot-inner .image-placeholder {
    height: 9px;
    width: 100%;
}

    .placeholder-loader-time-slot .loader-time-slot-inner .image-placeholder:nth-child(1) {
        height: 9px
    }


.ts-top-date {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 57%;
}

.steps-timelot-loader .image-placeholder {
    height: 9px;
    width: 100%;
}

.ts-top-date .image-placeholder:not(:last-child) {
    margin-right: 15px;
}

.ts-placehlder-dates .image-placeholder {
    margin-right: 10px;
}

.ts-placehlder-dates {
    display: flex;
    align-items: center;
    margin-top: 25px;
    width: 100%;
}

.ts-placehlder-content .image-placeholder {
    max-width: 50%;
    margin-top: 25px;
}

.ts-placehlder-dates .image-placeholder:nth-child(1) {
    margin-right: 30px;
    max-width: 130px;
    height: 9px;
}

.ts-steps-dates {
    max-width: 70px;
}

.steps-timelot-loader hr {
    max-width: 65%;
    margin-left: 0;
}

.steps-time-slots-wrapper .hr-cus-1 {
    margin-bottom: 0px;
}

.steps-time-slots-wrapper .btn-book-slot {
    color: var(--on-primary-color);
}

.steps-time-slots-wrapper .btn-slot {
    font-weight: 400;
    font-size: 14px;
}

.time-slot-steps-times {
    flex-direction: column;
    align-items: flex-start;
}

    .time-slot-steps-times .day-time {
        font-size: 15px;
        min-height: initial;
        color: var(--primary-color);
        font-weight: 500;
        display: flex;
        align-items: center;
        margin: 0 !important;
        min-width: 130px;
    }

    .time-slot-steps-times:not(:last-child) {
        margin-bottom: 12px;
    }

    .time-slot-steps-times .slot-pd {
        padding: 0px;
        margin: 0;
        margin-right: 15px;
    }

.pract-profile-section-new .steps-tab-veiw {
    max-height: 70vh;
    min-height: 70vh;
    overflow: auto;
    padding-right: 30px;
}

.steps-review-inner-tabs .ncd-learn-pract-deta {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}

    .steps-review-inner-tabs .ncd-learn-pract-deta .steps-review-stars {
        display: flex;
    }

.steps-review-inner-tabs .review-block-date {
    font-size: 14px;
    font-weight: 400;
    color: var(--on-primary-color);
    margin-left: 15px;
    line-height: 22px;
}

.steps-review-inner-tabs p.review-block-name {
    font-weight: 600;
    padding-right: 15px;
    line-height: 18px;
    color: var(--primary-color);
    margin-bottom: 8px;
}

.steps-review-inner-tabs .para-text {
    line-height: 26px;
    color: var(--on-primary-color);
    font-weight: 400;
    font-size: 15px;
}

.steps-review-inner-tabs {
    margin-bottom: 32px;
}

div#timeslot-details,
div#timeslots-loader {
    min-height: 288px;
}


.steps-filtered-prac-placeholder-height {
    height: 118.13px;
}

.steps-book-session-thkyou {
    display: inline-grid;
    align-items: center;
    grid-template-columns: auto auto;
    grid-gap: 30px;
}

    .steps-book-session-thkyou .continue-button:not(:last-child) {
        margin-right: 15px;
    }

@media(max-width: 767px) {
    .steps-book-session-thkyou {
        grid-template-columns: auto;
    }
}

.main-sidebar .slimScrollBar {
    opacity: 1 !important;
    background-color: transparent !important;
}

@media (min-width: 768px) {
    .steps-time-slots-wrapper .time-slot-steps-times {
        flex-wrap: wrap;
    }

    .steps-time-slots-wrapper .slot-pd-wrapper {
        display: flex;
        flex-wrap: wrap;
    }

    .steps-time-slots-wrapper .time-slot-steps-times {
        display: grid;
        grid-template-columns: max-content auto;
        align-items: flex-start;
    }

        .steps-time-slots-wrapper .time-slot-steps-times .slot-pd {
            padding: 0px;
            margin: 0;
            margin-right: 15px;
            margin-bottom: 15px;
        }

    .steps-time-slots-wrapper .slots-custom-wid {
        margin-top: 6px;
    }
}

@media (max-width: 767px) {
    .loader-time-slot-inner {
        flex-direction: column;
    }

    div#LoginModal {
        padding: 0 !important;
    }

    .dx-scheduler-navigator-caption {
        max-width: 71%;
    }

    .steps > *:first-child::before {
        content: '';
        position: absolute;
        top: -4px;
        right: -0.5em;
        height: 10px;
        width: 10px;
        border-radius: 0;
        background-color: var(--primary-color);
    }

    .ts-top-date {
        display: grid;
        align-items: center;
        width: 100%;
        max-width: 100%;
        grid-template-columns: repeat(2, auto);
        grid-gap: 20px;
    }

    .steps-timelot-loader hr {
        max-width: 100%;
        margin-left: 0;
    }

    .ts-placehlder-dates {
        display: flex;
        align-items: flex-start;
        margin-top: 25px;
        width: 100%;
        flex-wrap: wrap;
    }

        .ts-placehlder-dates .image-placeholder:nth-child(1) {
            margin-bottom: 20px;
            max-width: 120px;
            height: 9px;
            width: 100%;
            min-width: 8%;
            margin-right: 60%;
        }

    .steps-filter-single-pract-wrapper .ncd-user-lan-exp {
        grid-gap: 10px 20px;
        align-items: flex-end;
        grid-template-columns: repeat(2, auto);
    }

    .main-head-steps-sp {
        margin-bottom: 20px;
    }

    .steps-filt-pract-placeholder-wrapper .ncd-user-lan-exp {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 35px;
    }

    .steps-time-slots-wrapper .slot-pd {
        margin: 0 !important;
        margin-right: 15px !important;
        margin-bottom: 15px !important;
    }

    .time-slot-steps-times:not(:last-child) {
        margin-bottom: 7px;
    }

    .time-slot-steps-times .day-time {
        font-size: 15px;
        min-height: initial;
        color: var(--primary-color);
        font-weight: 500;
        display: flex;
        align-items: center;
        margin: 0 !important;
        margin-bottom: 7px !important;
        min-width: 109px;
    }

    .time-slot-steps-times .lots-custom-wid {
        min-width: 100%;
    }

    .time-slot-steps-times {
        flex-wrap: wrap;
    }

    .steps-filter-single-pract-wrapper .ncd-profile-details {
        width: 100%;
    }

    .steps-filt-pract-placeholder-wrapper .ncd-profile-details.ncd-profile-details-placeholder {
        width: 100%;
    }

    .steps-book-session-thkyou .continue-button:not(:last-child) {
        margin-right: 0;
    }
}

@media (max-width: 330px) {
    .steps-filter-single-pract-wrapper.ncd-profile-wrapper {
        padding: 30px 11px 25px;
    }
}

.form-inner-div::after {
    clear: both;
    display: table;
    content: '';
}

#ddlMinGapBetweenSessionBookingAndSession {
    cursor: pointer;
    min-width: 105px;
    line-height: 1.35;
    height: 36px;
}


@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .section-gympass-landing .main-head-steps-sp {
        max-width: 68% !important;
    }
}

/*css for hc live starts here*/


.condition-tag {
    border: 1px solid var(--primary-color);
    margin-top: 8px;
    font-weight: 400;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 1.5;
    margin-left: 0;
    padding: 0.35rem 0.7rem;
    margin-bottom: 0;
    justify-content: center;
    min-width: 100px;
    border-radius: 8px;
    display: inline-flex;
    color: var(--on-primary-color);
}

.hc-live-top-categories .condition-tag:not(:last-child) {
    margin-right: 10px;
}



/*.hc-live-skills-tag:hover, .active-hc-live-tag, .hc-live-skills-tag:focus,
a.hc-live-skills-tag.active-learn-tag {
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
    color: #fff;
    text-decoration: none;
}*/

.hc-live-box {
    box-shadow: var(--default-shadow);
    border-radius: 13px;
    padding: 15px;
    position: relative;
    height: 100%;
    width: 100%;
    background-color: var(--card-btn-light-bg);
    border: 1px solid var(--input-border-1);
}

.hc-live-filter-row-wrapper .hc-live-top-categories {
    margin-bottom: 35px;
}

.hc-live-dates {
    font-size: 18px;
    color: var(--primary-color);
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.hc-live-cards-row-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.hc-live-cards-row-inner-wrapper {
    display: flex;
    align-items: center;
}

.hc-live-profile-data {
    width: 100%;
}

.hc-live-profile-image {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-right: 30px !important;
}

    .hc-live-profile-image img {
        max-width: 160px !important;
        min-width: 160px;
        object-fit: cover;
        height: 160px !important;
        border-radius: 50%;
        border: 0.04px solid var(--profile-img-border-color)
    }


.hc-live-cards-row-inner-wrapper p,
.hc-live-cards-row-inner-wrapper label {
    margin-bottom: 0;
    color: var(--on-primary-color);
    word-break: break-word;
}

.hc-live-cards-row-wrapper .hc-live-therap-head {
    font-weight: 600;
    color: var(--primary-color);
    font-size: var(--base-font-size-h4);
}

.hc-live-user-actions-btns {
    background-color: var(--primary-color);
    border: none;
    border-radius: 5px;
    color: #fff;
    padding: 7px 22px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.1px;
    font-size: 14px;
    box-shadow: 0 4px 9px 0 rgba(0, 0, 0, .18), 0 2px 8px 0 rgba(0, 0, 0, .15);
}

.hc-live-add-calender {
    background-color: transparent;
    color: var(--primary-color);
    margin-right: 20px;
}

    .hc-live-add-calender:hover {
        background-color: var(--primary-color);
        color: #fff;
        margin-right: 20px;
    }

.hc-live-user-actions-btns:hover {
    background: #05a9af;
}

.hc-live-therap-name {
    margin-top: 5px;
}

.hc-live-cards-row .hc-live-cards-cols, .hclive-placeholder-wrapper {
    margin-bottom: var(--default-gap)
}

.hc-live-progress,
.hc-live-time-date {
    margin-bottom: 0 !important;
}

.hc-live-data-inner-top {
    margin-bottom: 0.3rem;
}

.hc-live-profile-data .hc-live-time-date {
    font-size: var(--base-font-size-xxs);
}

.hc-live-data-inner-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.hc-live-cards-row-inner-wrapper {
    position: relative;
}

label.hc-live-progress::before {
    content: "";
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 13px;
    height: 13px;
    background-color: #ca0101;
    border-radius: 50%;
}

.hc-live-progress {
    position: absolute;
    top: 4px;
    left: 5px;
    z-index: 99;
    background-color: #ffffff00;
    color: #000000 !important;
    padding: 0;
    border-radius: 50px;
    font-size: 19px !important;
    text-transform: uppercase;
    letter-spacing: 0.2px;
    min-width: 90px;
    text-align: center;
    font-weight: 800 !important;
}

p.hc-live-therap-name {
    margin-top: 2px;
    margin-bottom: 0px;
    font-size: var(--base-font-size-xxs);
}

.hc-live-profile-data .hc-live-class-start-time {
    text-align: center;
    font-size: 15px;
    color: #ed2630;
    font-weight: 500;
    text-transform: uppercase;
}

.hc-live-participants {
    padding-left: 15px;
}


    .hc-live-participants img {
        width: 35px;
        height: 35px;
        border-radius: 50%;
        margin-left: -15px;
        border: 1px solid #fff;
    }

.hc-live-participants-count {
    text-align: center;
    overflow: hidden;
    color: #707583;
}


.gc-live-more-p {
    background: var(--primary-color);
    color: #fff;
    font-size: 0.8rem;
    margin-left: -15px;
    text-align: center;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    border-radius: 50%;
    letter-spacing: normal;
    height: 30px;
    width: 30px;
    display: inline-block;
    vertical-align: middle;
    line-height: 30px;
    border: 1px solid var(--primary-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.hc-live-rounded-circle {
    border-radius: 50% !important;
}

.hc-live-cont {
    font-size: 12px;
    font-weight: 500;
}

.hc-live-class-start-time {
    margin-right: 30px;
}

.hc-live-card-bottom-wrapper {
    display: flex;
    align-items: center;
    margin-top: 15px;
}

.hc-live-class-start-time {
    margin-bottom: 0 !important;
}

.hc-live-cards-row-inner-wrapper .hc-live-therap-description {
    font-size: 14px;
    line-height: 24px;
}

/*css form placeholder*/
.hc-live-placeholder .hc-live-profile-image .image-placeholder {
    max-width: 160px !important;
    min-width: 160px;
    object-fit: cover;
    height: 160px !important;
    border-radius: 50%;
    margin-top: 0;
}

.learn-search-layout-content {
    margin-top: 0;
}

.learn-search-layout-content-hc-live,
.hc-live-cards-row {
    margin-top: 20px;
}

.hc-live-box.hc-live-placeholder.placeload {
    border: none;
    margin: 0;
    min-height: initial;
    background: var(--chat-dark-bg-2);
}

.hc-live-placeholder .hc-live-profile-data {
    width: 100%;
}

.hc-live-placeholder .hc-live-header-data {
    width: 100%;
    max-width: 235px
}

    .hc-live-placeholder .hc-live-header-data .image-placeholder:nth-child(2) {
        max-width: 135px
    }

.hc-live-placeholder .hc-live-card-bottom-wrapper > .image-placeholder {
    max-width: 271px;
    margin-right: 30px;
}

.hc-live-placeholder .hc-live-card-bottom-wrapper .hc-live-participants .hc-live-participant {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin-left: -15px;
    border: 1px solid #fff;
    display: inline-block;
}

.hc-live-placeholder .hc-live-data-inner-top .image-placeholder.loads.hc-live-user-actions-btns {
    width: 110px;
    height: 34px;
    box-shadow: none;
    background: var(--tr-bg-color);
}

@media only screen and (min-width: 420px) and (max-width: 767px) {
    .hc-live-user-actions {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .hc-live-user-actions-btns {
        padding: 7px 10px;
        min-width: 156px;
    }

    .hc-live-add-calender {
        margin-right: 0;
    }
}

@media only screen and (max-width: 991px) {

    .learn-search-layout-content {
        margin-top: 25px;
    }

    .hc-live-cards-row-inner-wrapper {
        padding: 20px;
    }

    .hc-live-placeholder .hc-live-data-inner-top .image-placeholder.loads.hc-live-user-actions-btns {
        max-width: 100%;
        height: 34px;
    }

    .hc-live-placeholder .hc-live-card-bottom-wrapper > .image-placeholder {
        max-width: 100%;
        margin-right: 0;
    }

    .hc-live-filter-row {
        margin-top: 15px;
    }

    .hc-live-class-start-time {
        margin-right: 0px;
    }

    .hc-live-data-inner-top {
        margin-bottom: 22px;
    }

    .hc-live-cards-row-inner-wrapper,
    .hc-live-data-inner-top {
        flex-direction: column;
    }

    .hc-live-profile-image {
        margin-right: 0px !important;
    }

    .hc-live-profile-image {
        margin-bottom: 15px;
        width: 100%;
    }

        .hc-live-profile-image img {
            max-width: 150px !important;
            min-width: 150px;
            object-fit: cover;
            height: 150px !important;
            border-radius: 50%;
        }

    .hc-live-user-actions {
        margin-top: 15px;
        text-align: center;
    }

    .hc-live-card-bottom-wrapper {
        flex-direction: column-reverse;
    }

    .hc-live-participants {
        margin-top: 10px;
        margin-left: 0;
        margin-bottom: 15px;
    }

    .hc-live-profile-data .hc-live-class-start-time {
        font-size: 13px;
    }

    .hc-live-cards-row-wrapper .hc-live-therap-head {
        line-height: 23px;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 992px) {
    .hc-live-data-inner-top {
        flex-direction: column;
    }

    .hc-live-user-actions {
        margin: 15px 0 9px;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .hc-live-data-inner-top {
        flex-direction: column;
    }

    .hc-live-user-actions {
        margin: 15px 0 9px;
    }

    .steps-filter-single-pract-wrapper.ncd-profile-wrapper {
        width: 100%;
    }

    .steps-filter-single-pract-wrapper .overViewTabDiv .nav-tabs {
        max-width: 88%;
    }

    .steps-filt-pract-placeholder-wrapper .ncd-user-lan-placeholder .ncd-placeholder:nth-child(1) {
        width: 80px;
    }

    .steps-filt-pract-placeholder-wrapper .ncd-user-exp-placeholder .ncd-placeholder:nth-child(2) {
        width: 82px;
    }

    div#timeslots-loader {
        min-height: initial;
    }

    .ncd-profile-wrapper-tabs {
        min-height: 273px;
    }
}


@media only screen and (max-width: 767px) {
    .hc-live-add-calender {
        margin-right: 0px;
    }

    .hc-live-profile-image img {
        max-width: 110px !important;
        min-width: 110px;
        height: 110px !important;
    }

    .hc-live-cards-row-inner-wrapper {
        padding: 0px;
    }
}

@media only screen and (max-width: 419px) {
    .hc-live-user-actions {
        flex-direction: column;
        width: 100%;
    }

    .hc-live-user-actions-btns {
        width: 100%;
        padding: 9px 22px;
    }

    .hc-live-add-calender {
        margin-bottom: 20px;
    }

    .hc-live-therap-description {
        font-size: 14px !important;
        line-height: 24px;
    }
}
/*css for hc live ends here*/


/*new dashboard changes starts here*/

.p-wid-nd-heading-mw {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.3rem;
    /*padding-left: 7px;*/
}

.p-nd-wid-time {
    color: var(--on-primary-color);
    font-size: var(--base-font-size-h3);
    font-weight: 500;
}

.p-nd-dashboard-container .grid-stack {
    margin-left: -8px;
    width: calc(100% + 16px);
}

.p-wid-nd-heading {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    /*    padding-left:0.5rem;*/
}


.new-ebbok-wrapper {
    height: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 35px;
}

.nd-blogs-wrapper-inner1 {
    height: 100%;
}

.live-classes-row-actions-default {
    background-color: var(--dash-btn-bg-color);
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    border-radius: 5px;
    padding: 7px 8px;
    min-width: 125px;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 500;
    transition: all .3s;
    display: inline-block;
    text-align: center;
}

.live-classes-row-actions-default {
    white-space: nowrap;
}

    .live-classes-row-actions-default:hover {
        background-color: var(--primary-color);
        color: #fff;
    }

.lc-start {
    border: 1px solid #ff4065;
    color: #ff4065;
}

.lc-joined {
    border: 1px solid var(--primary-color);
    background-color: var(--primary-color);
    color: #fff;
}

lc-join:hover {
    background-color: var(--primary-color);
}

.nd-live-classes-wrapper.appointment-div .hc-live-dates {
    margin-top: 5px;
    font-size: 14px;
    margin-bottom: 14px;
    text-align: left;
}

.live-classes-row-profile {
    width: 56px;
    height: 56px;
    object-fit: cover;
    margin-right: 18px;
    border-radius: 50%;
    object-position: top;
}

.live-classes-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.live-classes-row-details {
    display: flex;
    align-items: center;
    padding-right: 70px;
}

.live-classes-row-details-inner {
    text-align: left;
}

    .live-classes-row-details-inner h5 {
        color: var(--on-primary-color);
        margin: 0;
        margin-bottom: 5px;
        font-weight: 600;
        font-size: 15px;
        line-height: 20px;
    }

.live-classes-row-details-time {
    display: flex;
    align-items: center;
}

    .live-classes-row-details-time label {
        margin-bottom: 0 !important;
    }

    .live-classes-row-details-time label {
        margin-bottom: 0 !important;
        font-size: 12px;
        font-weight: 400;
        color: var(--on-primary-color);
    }

.live-classes-row-details-time-progress {
    margin-right: 7px;
}

    .live-classes-row-details-time-progress span {
        font-size: 14px;
        color: var(--on-primary-color);
    }

.live-classes-row-in-progess {
    font-weight: 500;
}

span.md-dots {
    line-height: 0;
    font-size: 25px;
    font-weight: 300;
    position: relative;
    top: -2px;
    margin: 0 2px;
}

.nd-live-classes-wrapper.appointment-div {
    padding-top: 45px;
    padding-left: 0;
    padding-right: 0;
}

.placeload.nd-live-classes-wrapper-placeholder {
    min-height: initial;
    margin: 0;
    border: none;
}

.nd-live-classes-wrapper-placeholder .placeholder.loads.live-classes-row-actions-default.lc-start {
    width: 90px;
    height: 34px;
    border: none;
}

.head-hc-live-placeholder {
    max-width: 62px;
    margin-bottom: 9px;
}

.nd-live-classes-wrapper-placeholder .live-classes-row-details {
    width: 100%;
}

.nd-live-classes-wrapper-placeholder .live-classes-row-details-inner {
    width: 68%;
}

.nd-live-classes-wrapper-placeholder .live-classes-row-details-time-progress {
    width: 100%;
    display: flex;
    align-items: center;
}

    .nd-live-classes-wrapper-placeholder .live-classes-row-details-time-progress .image-placeholder:not(:last-child) {
        margin-right: 10px;
    }

.hc-live-placeholder-head {
    max-width: 75%;
}


.placeload.nd-live-classes-wrapper-placeholder {
    padding-top: 36px;
    min-height: 351px;
}

.head-hc-live-placeholder {
    margin-top: 30px !important;
    font-size: 14px;
    margin-bottom: 8px;
}

.nd-live-classes-wrapper-table table {
    width: 100%;
}

.nd-live-classes-wrapper-table td {
    padding: 10px 20px !important;
}

span.heading-dots {
    line-height: 0;
    font-size: 30px;
    position: relative;
    top: -2px;
    margin-right: 4px;
}

@media only screen and (max-width: 991px) {
    .table-responsive.nd-live-classes-wrapper-table {
        border: none;
        margin-bottom: 0;
    }

    .nd-live-classes-wrapper.appointment-div {
    }

    .live-classes-row-details-time label {
        white-space: nowrap;
    }

    .live-classes-row-details-inner {
        text-align: left;
        margin-right: 25px;
    }
}

@media (max-width: 767px) {
    .new-ebbok-wrapper {
        height: 100%;
        display: grid;
        grid-template-columns: auto;
        grid-gap: 35px;
    }

    .live-classes-row-details-time-progress span {
        white-space: nowrap;
    }

    .live-classes-row-details-time-progress {
        margin-right: 25px;
        display: flex;
    }


    .placeload.nd-live-classes-wrapper-placeholder {
        margin-bottom: 30px;
    }

    .welcome-healing {
        margin-top: 35px;
    }

    .hc-live-placeholder .hc-live-profile-image .image-placeholder {
        max-width: 110px !important;
        min-width: 110px;
        height: 110px !important;
    }

    .hc-live-user-actions-btns {
        margin: 0 auto;
    }

    .boxes-newdash-pract.no-app-main-wrapper#UpcomingApptDiv tr {
        justify-content: center;
    }

        .boxes-newdash-pract.no-app-main-wrapper#UpcomingApptDiv tr .nd-appointment-wrapper h3 {
            color: var(--on-secondary-color);
            margin-bottom: 9px;
            font-size: 15px;
            line-height: 23px;
        }
}


@media only screen and (max-width: 768px) {
    div#sendMessage {
        /* padding-right: 0px !important; */
        padding-left: 0px !important;
    }
}

div#timeslots-loader {
    margin-top: 25px;
}

.mysubs-table .fixed-table-header,
.mysubs-table .fixed-table-footer {
    border-bottom: 0px solid #ddd;
    border-top: 0px solid #ddd;
}

.no-event-message {
    color: var(--on-secondary-color);
    margin-bottom: 9px;
    font-size: 17px;
    line-height: 23px;
}

.no-live-classes-wrapper {
    min-height: 392px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .no-live-classes-wrapper img {
        max-width: 180px;
    }

.hc-live-cards-row-wrapper .no-live-classes-wrapper {
    min-height: 322px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.hc-live-therap-name .oc-dot {
    color: var(--on-primary-color);
    font-weight: 300;
    vertical-align: initial;
    font-size: 31px !important;
    position: relative;
    top: -3px;
    margin-left: 6px;
    margin-right: 6px;
    line-height: 0;
}

#upldproof.upld_prff .usr_img {
    display: flex;
}

#upldproof.upld_prff #proofIdImgPreview {
    align-self: center;
    height: initial;
    object-fit: initial;
}

#upldproof.upld_prff #uploadedIdProof {
    font-weight: 500;
    font-size: 15px;
}

@media (min-width: 768px) {
    .fixed .main-header, .fixed .main-sidebar, .fixed .left-side {
        position: absolute !important;
    }
}

@media (min-width: 991px) {
    .content-wrapper.guided-meditation-main-wrapper {
        min-height: initial !important;
    }
}

.nd-live-classes-wrapper .nd-label-head {
    padding: 7px 14px;
    min-width: 162px;
}


@media (min-width: 1025px) and (max-width: 1300px) {
    .boxes-newdash-pract .table-appointments .dashboard-hc-btn {
        min-width: 99px;
    }
}

/*css for popup planned maintenance*/

.p-login-pg {
    flex-direction: column;
}

.popup-planned-maintenence {
    box-shadow: rgba(0, 0, 0, 0.43) 0px 0px 1px 0px;
    background-color: #674FC9;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* position: absolute; */
    z-index: 999;
    width: calc(100%);
    /* border-radius: var(--bs-border-radius); */
    margin: 0 auto;
    max-width: var(--container-width);
    padding: 8px 12px;
    left: 50%;
    /* transform: translateX(-50%); */
    /* top: 25px; */
}

.user-default-theme .popup-planned-maintenence {
    background-color: var(--theme-primary-color);
}

@media(max-width: 767px) {
    .popup-planned-maintenence {
        width: calc(100% - 40px);
        top: 95px;
    }
}

.p-login-pg .create-acc-step {
    flex: 1;
}

.p-login-pg .p-login-upd-cont {
    display: flex;
    justify-content: center;
    flex: 1;
    align-items: center;
}

@media(min-width: 1800px) {
}

.popup-planned-maintenence p {
    color: #ffffff;
    font-size: var(--base-font-size);
    margin: 0;
    text-align: center;
    font-weight: 400;
}

.close-planned-maintainence {
    position: absolute;
    right: 20px;
    width: 18px;
    height: 18px;
    top: 50%;
    transform: translateY(-50%);
}

    .close-planned-maintainence svg {
        stroke: #fff;
    }

html[color-mode="dark"] .popup-planned-maintenence {
    background-color: var(--dark-gradient-primary);
}

/*css for popup planned maintenance*/

.join-reschedule-thera-btn {
    display: flex;
}

@media (min-width: 789px) and (max-width: 1024px) {

    span.md-dots {
        margin: 0 5px;
    }

    .live-classes-row-profile {
        width: 46px;
        height: 46px;
        margin-right: 13px;
    }

    .live-classes-row-actions-default {
        padding: 6px 8px;
        min-width: 119px;
        font-size: 13px;
        font-size: 15px;
    }

    .live-classes-row-details-time-progress {
        margin-right: 0;
    }
}

.sign-up-join-us {
    margin-bottom: 45px;
}

.message-dropdwn.ask-therapist-learn {
    height: 22px;
}

.ask-a-therapist .dash-side-msg-text {
    top: -9px;
    right: -9px;
}

.partner-mob-new-modification {
    /*    margin-top: 25px;*/
}

.search-bar-input-wrapper .search-icon {
    max-width: 40px;
}

.ncd-additional-courses .ncd-guided-meditation-content .oci-content-block-inner-icon-container-play-icon svg {
    width: 23px;
    height: 23px;
    fill: #fff;
    position: relative;
    left: 3px;
    top: 0px;
}

@media (max-width: 767px) {
    .signup-thep-wrapper .dowl-pdf {
        margin: 0;
    }

    .sign-up-join-us {
        margin-bottom: 25px;
        margin-top: 15px;
    }
}

/*.signup-thep-wrapper .dowl-pdf {
    box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 15%);
    border-radius: 20px;
    padding: 32px 0;
    position: relative;
    height: 100%;
}
*/

/*container-custom*/

@media (min-width: 768px) {
    .nhc-container {
        max-width: 980px;
        padding-right: 30px;
        padding-left: 30px;
    }
}

@media (min-width: 1060px) {
    .nhc-container {
        max-width: 1040px;
    }
}

@media (min-width: 1200px) {
    .nhc-container {
        max-width: 1180px;
    }
}

@media (min-width: 1300px) {
    .nhc-container {
        max-width: 1140px;
        margin: 0 auto;
        padding: 0 15px;
    }
}

@media (min-width: 1400px) {
    .nhc-container {
        max-width: 1380px;
        margin: 0 auto;
        padding: 0 30px;
    }
}
/*container-custom*/


@media (max-width: 767px) {
    .icon-hc-live.icon-hc-ask-thep {
        width: 18px !important;
        height: 18px !important;
    }

    .ask-a-therapist .dash-side-msg-text {
        top: -14px;
        right: -14px;
    }

    .msg-count.ask-a-therapist {
        line-height: 0;
    }
}

/*message modified css*/


/*css for busines page admin*/

.ba-mt-20px {
    margin-top: 20px;
}

.ba-mt-30px {
    margin-top: 30px;
}

.ba-mt-40px {
    margin-top: 40px;
}

.ba-mt-50px {
    margin-top: 50px;
}

.ba-mt-60px {
    margin-top: 60px;
}

.ba-mb-30px {
    margin-bottom: 30px;
}

.ba-mb-40px {
    margin-top: 40px;
}

.ba-mb-50px {
    margin-top: 50px;
}

.ba-mb-60px {
    margin-top: 60px;
}


.bg-cd-heading h5 {
    font-size: 18px;
    font-weight: 600;
    line-height: 23px;
    color: var(--primary-color);
    margin: 7px 0px;
}

.ba-active-user-grid .bg-cd-heading h5 {
    margin: 15px 0px 10px;
}

.dx-datagrid .dx-column-lines > td {
    border-left: 1px solid #173571;
    border-right: 1px solid #173571;
}

.ba-active-user-grid .dx-datagrid .dx-row-lines > td {
    border-bottom: 1px solid var(--disabled-light-color);
}

.dx-datagrid-borders > .dx-datagrid-filter-panel,
.ba-active-user-grid .dx-datagrid-borders > .dx-datagrid-headers,
.ba-active-user-grid .dx-datagrid-borders > .dx-datagrid-pager {
    border-top: 1px solid var(--disabled-light-color);
}

.ba-active-user-grid .dx-datagrid-borders > .dx-datagrid-headers,
.ba-active-user-grid .dx-datagrid-borders > .dx-datagrid-rowsview,
.ba-active-user-grid .dx-datagrid-borders > .dx-datagrid-total-footer {
    border-left: 1px solid var(--disabled-light-color);
    border-right: 1px solid var(--disabled-light-color);
}

.ba-active-user-grid .dx-datagrid .dx-column-lines > td {
    border-left: 1px solid var(--disabled-light-color);
    border-right: 1px solid var(--disabled-light-color);
}

.ba-active-user-grid .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    border-bottom: 1px solid var(--disabled-light-color);
}


.ba-overview-data-content .ba-statics-head h4, .ba-total-usage-content .ba-statics-head h4 {
    color: var(--primary-color);
}


.bg-cd-heading p {
    color: var(--on-primary-color);
    line-height: 22px;
}

.ba-nav-wrapper ul {
    display: grid !important;
    grid-template-columns: repeat(5, auto);
    grid-gap: 25px;
    max-width: 850px;
}

.ba-nav-wrapper a.nav-link {
    cursor: pointer;
    box-shadow: var(--default-shadow) !important;
    border-radius: 6px;
    font-size: 0.95rem;
    padding: 12px 15px;
    color: var(--on-primary-color) !important;
    border: none;
    background-color: var(--card-bg-color);
    text-align: center;
    width: 100%;
    border: 1px solid transparent;
    font-weight: 500;
}

.ba-nav-wrapper a.nav.ba-statics-head h4-linkt:hover {
    background: #f7f7f7;
}

.ba-nav-wrapper a.nav-link.active {
    background: var(--primary-color);
    color: #fff !important;
}

.ba-admin-content {
    margin-top: 5px;
}

.ba-date-range-picker .ba-dp-from {
    display: inline-grid;
    grid-template-columns: max-content auto;
    grid-gap: 15px;
    align-items: center;
    width: 100%;
}

.ba-date-range-picker label {
    color: var(--on-primary-color);
    font-size: var(--base-font-size);
    margin-bottom: 0.6rem;
}

.daterangepicker .ranges li {
    color: var(--on-primary-color);
    font-family: var(--primary-font);
    font-size: var(--base-font-size-xxs) !important;
    cursor: pointer;
    padding: 0.65rem 0.6rem !important;
    white-space: nowrap;
}

.daterangepicker {
    box-shadow: var(--default-shadow) !important;
    background-color: var(--chat-dark-bg-2) !important;
    border: 1px solid var(--primary-border-color) !important;
    border-radius: var(--bs-border-radius);
    overflow: hidden;
}

    .daterangepicker .ranges li.active {
        background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1 ) !important;
        color: var(--theme-primary-color) !important;
    }

    .daterangepicker .ranges li:hover {
        background-color: #f7f7f7;
    }

    .daterangepicker td.active, .daterangepicker td.active:hover {
        background-color: var(--theme-primary-color) !important;
    }

button.applyBtn.btn.btn-sm.btn-primary {
    border: 1px solid var(--input-border-1);
    box-shadow: none;
}

.ba-date-range-picker .report-range {
    display: grid;
    align-items: center;
    grid-gap: 15px;
    grid-template-columns: auto auto;
    max-width: 400px;
}

    .ba-date-range-picker .report-range span {
        border-radius: var(--bs-border-radius-lg);
        padding: 7px 12px;
        border: none;
        display: inline-block;
        background-color: var(--chat-dark-bg-2);
        font-size: var(--base-font-size-sm);
        border: 1px solid var(--input-border-1);
    }

.ba-dp-down-arrow {
    width: 35px;
    height: 35px;
    stroke: var(--primary-color);
    padding: 0.35rem;
    border-radius: var(--bs-border-radius);
    cursor: pointer;
    border: 1px solid var(--input-border-1);
    background-color: var(--chat-dark-bg-2);
}

.ba-date-range-picker .report-range span {
    color: var(--primary-color) !important;
    font-weight: 500;
}

.ba-statics-head {
    margin-bottom: 20px;
}

    .ba-statics-head h4 {
        font-size: 18px;
        font-weight: 600;
        line-height: 23px;
        color: var(--primary-color);
        margin-bottom: 5px;
    }

    .ba-statics-head p {
        font-size: 15px;
        line-height: 22px;
        color: var(--on-primary-color);
    }

    .ba-statics-head label {
        margin-bottom: 0 !important;
        padding: 5px 11px;
        border-radius: 5px;
        font-weight: 400;
        font-size: 16px;
        letter-spacing: 0.3px;
    }

.ba-yellow-label {
    background-color: #F1EEC1;
    color: #A38347;
    font-weight: 500;
}

.ba-green-label {
    background-color: #C1F1D2;
    color: #47A355;
    font-weight: 500;
}

.ba-statics-head label {
    margin-bottom: 0 !important;
}

.ba-statics-data-content {
    position: relative;
    text-align: left;
}

    .ba-statics-data-content:not(:last-child) {
        padding-right: 30px;
    }

.ba-statics-data {
    display: flex;
    align-items: center;
    text-align: center;
    flex-wrap: wrap;
}

.ba-statics-data-content .ba-count {
    font-size: var(--base-font-size-h1);
    font-weight: 700;
    color: var(--primary-color);
}

.ba-statics-data-content .ba-text {
    font-size: var(--base-font-size-xs);
    color: var(--on-primary-color);
    font-weight: 400;
    margin-bottom: 0.15rem;
}

.bg-dc-boxes-item-text h5 {
    font-size: 19px;
    font-weight: 600;
    line-height: 23px;
    color: var(--on-primary-color);
}

.bg-details-contact-content {
    max-width: 1270px;
}

.bg-cd-heading .company-details-head {
    margin-bottom: 1.8rem;
}

.bg-cd-heading .company-details-head-cd {
    margin-bottom: 1.4rem;
}

.bg-company-details-content {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1.5rem;
}

@media(max-width: 1200px) {
    .com-det-from-grid {
        grid-gap: 45px;
    }

    .bg-company-details-content {
        display: grid;
        grid-template-columns: auto auto;
        gap: 2rem;
    }
}

@media(max-width: 1150px) {
    .bg-company-details-content {
        grid-template-columns: auto;
    }
}

.bg-dc-boxes {
    display: grid;
    grid-template-columns: repeat(3, auto);
    grid-gap: 50px;
    align-items: center;
    margin-bottom: 60px;
}

.bg-dc-boxes-items {
    cursor: pointer;
    box-shadow: 1px 2px 8px rgb(0 0 0 / 10%) !important;
    color: #fff;
    border-radius: 10px;
    background-color: var(--card-bg-color);
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bg-dc-boxes-item-switch .switch-label {
    font-size: 0;
    box-shadow: none;
}

.bg-dc-boxes-item-switch label.switch {
    margin: 0 !important;
    width: 45px;
    font-size: 0;
    height: 24px;
    box-shadow: none;
    border: none;
    background: none;
}

.bg-dc-boxes-item-switch .switch-label {
    background: #B2B2B2;
}

.bg-dc-boxes-item-switch .switch-input:checked ~ .switch-label {
    background: var(--primary-color);
    box-shadow: none;
}

.bg-dc-boxes-item-switch .switch-handle {
    top: 6px;
    left: 8px;
    width: 17px;
    height: 17px;
    background: #fff;
    background-image: none;
}

.bg-dc-boxes-item-switch .switch-input:checked ~ .switch-handle {
    left: 27px;
}

.bg-dc-boxes-item-switch .switch-handle:before {
    display: none;
}

.bp-content {
    color: var(--primary-color);
    max-width: 80%;
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    grid-gap: 6px;
    margin-top: 15px;
}

    .bp-content label {
        color: var(--primary-color);
        font-size: 23px;
        margin-bottom: 0 !important;
        margin-right: 5px;
        font-weight: 600;
    }

.bg-dc-boxes-item-switch {
    align-self: flex-start;
}

.bg-dc-boxes .bg-dc-boxes-items:first-child .switch-input:checked ~ .switch-label {
    background: linear-gradient( 317.7deg, rgba(10, 10, 10, 0) 0%, rgba(255, 255, 255, 0.4) 105.18%), #F4DF7A;
    background-blend-mode: soft-light, normal;
    border: 0.5px solid rgba(255, 255, 255, 0.4);
    box-sizing: border-box;
    box-shadow: inset -2.5px -2.5px 5px rgb(255 255 255 / 10%), inset 2.5px 2.5px 5px #edd03f;
}

.bg-dc-boxes .bg-dc-boxes-items:nth-child(2) .switch-input:checked ~ .switch-label {
    background: linear-gradient(317.7deg, rgba(10, 10, 10, 0) 0%, rgba(255, 255, 255, 0.4) 105.18%), #62E3CA;
    background-blend-mode: soft-light, normal;
    border: 0.5px solid rgba(255, 255, 255, 0.4);
    box-sizing: border-box;
    box-shadow: inset -2.5px -2.5px 5px rgba(255, 255, 255, 0.1), inset 2.5px 2.5px 5px #3ED3B6;
}

.bg-dc-boxes .bg-dc-boxes-items:nth-child(3) .switch-input:checked ~ .switch-label {
    background: linear-gradient(317.7deg, rgba(10, 10, 10, 0) 0%, rgba(255, 255, 255, 0.4) 105.18%), #359BEC;
    background-blend-mode: soft-light, normal;
    border: 0.5px solid rgba(255, 255, 255, 0.4);
    box-sizing: border-box;
    box-shadow: inset -2.5px -2.5px 5px rgba(255, 255, 255, 0.1), inset 2.5px 2.5px 5px #1F8ADF;
}

.ba-ad-com-details label, .bg-ad-com-profile label, .ba-users-com-details label {
    font-weight: 600;
    color: var(--primary-color);
}

.ba-users-com-details label {
    margin-bottom: 7px;
}

.bp-content span {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: var(--on-primary-color);
}

.bg-cd-heading .ba-statics-head h4 {
    color: var(--on-primary-color);
    font-size: 15px;
}

.bg-cd-heading .ba-statics-head {
    grid-gap: 15px;
}

.bg-company-details-content .ba-statics-head {
    margin-bottom: 0px;
}

.com-det-from label {
    font-weight: 600;
    color: var(--primary-color);
    position: relative;
    margin-bottom: 13px !important;
}

.ba-com-profile {
    margin: 0;
    box-shadow: 1px 2px 8px rgb(0 0 0 / 10%);
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    max-width: 160px;
    height: 160px;
    width: 100%;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 14px;
}

.ba-com-profile {
    transition: all .3s;
    cursor: pointer;
}

.ba-input-file {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
}

.ba-cd-overlay {
    background-color: rgb(0 0 0 / 56%);
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 5px;
    font-size: 12px;
    opacity: 0;
    visibility: hidden;
}

.ba-com-profile:hover .ba-cd-overlay {
    opacity: 1;
    visibility: visible;
}

svg.ba-cd-upload {
    width: 26px;
    height: 26px;
    fill: #fff;
}

.ba-cd-overlay span {
    color: #fff;
    text-align: center;
    word-break: break-word;
    white-space: pre-line;
    display: inline-block;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    margin-top: 17px;
}

.hc-new-form-input input {
    width: 100% !important;
    border: none !important;
    font-size: 14px;
    box-shadow: var(--default-shadow);
    border-radius: 3px !important;
    height: 45px;
}

    .hc-new-form-input input:focus {
        box-shadow: var(--default-shadow);
    }


.com-det-from-grid {
    display: grid;
    grid-template-columns: 12.5em auto;
    grid-gap: var(--default-gap);
}

@media(max-width: 1400px) {
    .com-det-from-grid {
        grid-gap: 50px;
    }

    .bg-company-details-content {
        gap: 1.6rem;
    }
}

.bg-ad-company-details-from {
    margin-bottom: 30px;
}

.com-det-from-grid .ba-details-comp-det-btn {
    width: 100%;
    grid-column-start: 1;
    grid-column-end: 3;
}

.new-dd-ad-users select {
    width: 100% !important;
    border: none !important;
    font-size: 13px;
    box-shadow: 1px 2px 8px rgb(0 0 0 / 10%) !important;
    border-radius: 10px !important;
    height: 45px;
}

.ba-ad-com-details {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
    grid-row-gap: 15px;
}

.ba-users-fn-ln-grid {
    display: grid;
    grid-template-columns: auto;
    grid-gap: 15px;
}
/*css for new rad and check box*/
/*css for checkbox*/
.hc-radio-check [type=checkbox],
.hc-radio-check [type=radio] {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}

    .hc-radio-check [type=checkbox]:focus + label::before,
    .hc-radio-check [type=radio]:focus + label::before {
        box-shadow: 0 0 0 2px rgba(46, 186, 191, 0.24) !important;
    }

    .hc-radio-check [type=checkbox]:hover + label::before,
    .hc-radio-check [type=radio]:hover + label::before {
        border-color: var(--primary-color);
    }

    .hc-radio-check [type=checkbox]:active + label::before,
    .hc-radio-check [type=radio]:active + label::before {
        transition-duration: 0;
    }

    .hc-radio-check [type=checkbox] + label,
    .hc-radio-check [type=radio] + label {
        position: relative;
        padding: 6px 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .hc-radio-check [type=checkbox] + label::before,
        .hc-radio-check [type=radio] + label::before {
            background-color: #fff;
            border: 1px solid var(--primary-color);
            box-sizing: content-box;
            content: "";
            color: #444;
            margin-right: 13px;
            left: 0;
            width: 19px;
            height: 19px;
            display: inline-block;
            vertical-align: middle;
        }

        .hc-radio-check [type=checkbox] + label::after,
        .hc-radio-check [type=radio] + label::after {
            box-sizing: content-box;
            content: "";
            background-color: var(--primary-color);
            position: absolute;
            top: 50%;
            left: 5px;
            width: 11px;
            height: 11px;
            top: 13.5px;
            transform: scale(0);
            transform-origin: 50%;
            transition: transform 200ms ease-out;
        }

.learn-body-wrapper-al.hc-radio-check [type=checkbox] + label::after,
.learn-body-wrapper-al .hc-radio-check [type=radio] + label::after {
    margin-top: 0px;
}

.hc-radio-check [type=checkbox][disabled] + label::before,
.hc-radio-check [type=radio][disabled] + label::before {
    -webkit-animation: none;
    animation: none;
    box-shadow: none;
    border: 1px solid rgba(128, 128, 128, 0.5);
}

.hc-radio-check [type=checkbox][disabled]:active + label::before, [type=checkbox][disabled]:focus + label::before,
.hc-radio-check [type=checkbox][disabled]:hover + label::before,
.hc-radio-check [type=radio][disabled]:active + label::before,
.hc-radio-check [type=radio][disabled]:focus + label::before,
.hc-radio-check [type=radio][disabled]:hover + label::before {
    border-color: rgba(128, 128, 128, 0.5);
    filter: none;
    transition: none;
}

.hc-radio-check [type=checkbox] + label::before,
.hc-radio-check [type=checkbox] + label::after {
    border-radius: 0;
}

.hc-radio-check [type=checkbox] + label::after {
    background-color: transparent;
    top: 50%;
    left: calc(0px + 0px + 17px/5);
    width: 12px;
    height: 4.8px;
    margin-top: calc(40px / -3 / 2 * 0.8);
    border-style: solid;
    border-color: #444;
    border-width: 0 0 3px 3px;
    border-radius: 0;
    -o-border-image: none;
    border-image: none;
    transform: rotate(-45deg) scale(0);
    transition: none;
}

.hc-radio-check [type=checkbox]:checked + label::after {
    content: "";
    transform: rotate(-45deg) scale(1);
    transition: transform 200ms ease-out;
}

.hc-radio-check [type=radio] + label::before, [type=radio] + label::after {
    border-radius: 50%;
}

.hc-radio-check [type=radio]:checked:active + label::before,
.hc-radio-check [type=radio]:checked:focus + label::before {
    -webkit-animation: none;
    animation: none;
    filter: none;
    transition: none;
}

.hc-radio-check [type=radio]:checked + label::before {
    -webkit-animation: none;
    animation: none;
    background-color: #fff;
}

.hc-radio-check [type=radio]:checked + label::after {
    transform: scale(1);
}

@-webkit-keyframes borderscale {
    50% {
        box-shadow: 0 0 0 2px #900;
    }
}

@keyframes borderscale {
    50% {
        box-shadow: 0 0 0 2px #900;
    }
}

.hc-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%228%22%20viewBox%3D%220%200%2016%208%22%3E%3Cpolygon%20fill%3D%22%234D4D4D%22%20points%3D%228%2C0%2016%2C0%2012%2C4%208%2C8%204%2C4%200%2C0%20%22/%3E%3C/svg%3E);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    border: 1px solid grey;
    border-radius: 0;
    padding: 0.4em 0.4em;
    min-width: 100%;
    padding-right: 1.5em;
    border-radius: 3px;
}

    .hc-select select:focus,
    .hc-select select:hover {
        border-color: black;
        outline: none;
    }

    .hc-select select:active {
        border-color: #900;
    }

    .hc-select select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #000;
    }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .hc-select select::-ms-expand {
        display: none;
    }

    .hc-select select:focus::-ms-value {
        background: transparent;
        color: grey;
    }
}


.hc-radio-check input:focus {
    border: 1px solid black;
}

.hc-radio-check input:not(:focus):invalid {
    border: 1px solid red;
    outline: none;
}

.hc-radio-check input:not(:focus):valid {
    border: 1px solid green;
}

.hc-radio-check ul,
.hc-select ul {
    list-style-type: none;
    padding-left: 0;
}

    .hc-radio-check ul li label {
        font-size: 14px;
        color: var(--on-primary-color);
        font-weight: 300;
        cursor: pointer;
        margin-bottom: 0 !important;
        padding: 0 !important;
        min-height: 38px;
        display: flex;
        align-items: center;
    }

/*css for checkbox ends here*/

.ba-checkinvoice ul {
    margin-bottom: 0;
}

.ba-checkinvoice .hc-radio-check [type=checkbox] + label::before {
    width: 34px;
    height: 34px;
    background-color: var(--primary-color);
    color: #fff;
    border-radius: 6px;
}

.ba-checkinvoice .hc-radio-check ul li label {
    min-height: 45px;
}

.ba-checkinvoice .hc-radio-check [type=checkbox] + label::after {
    left: calc(0px + 0px + 28px/3);
    width: 15px;
    height: 5.8px;
    margin-top: calc(40px / -3 / 2 * 0.9);
    border-color: #ffffff;
}

.ba-checkinvoice .hc-radio-check [type=checkbox]:focus + label::before, .ba-checkinvoice .hc-radio-check [type=radio]:focus + label::before {
    box-shadow: none !important;
}

/*ends here*/

.com-users-from-grid {
    display: grid;
    grid-template-columns: auto;
    grid-gap: 50px;
    margin-top: 30px;
}

.ba-users-content .ba-com-profile {
    max-width: 190px;
    height: 210px;
}

.ba-users-content {
    display: grid;
    grid-template-columns: 50% auto;
    grid-gap: 100px;
}

.ba-users-upload-svg {
    width: 60px;
    height: 60px;
    display: inline-block;
}

.ba-users-upload {
    border-radius: 10px;
    position: relative;
    min-height: 200px;
}

.dashboard-hc-btn.browse {
    min-width: 180px;
}

    .dashboard-hc-btn.browse:hover {
        background-color: var(--primary-dark-color);
    }

.ba-details-upload-guide {
    margin-bottom: 25px;
}

.check-para-txt {
    font-weight: 400;
    color: var(--on-primary-color);
    display: grid;
    grid-template-columns: 16px auto;
    align-items: center;
    grid-gap: 10px;
    position: relative;
    top: 3px;
}

.check-para-icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    fill: var(--primary-color);
}

.ba-users-upload label {
    color: var(--on-primary-color);
    font-weight: 500;
    font-size: 14px;
    margin: 20px 0 !important
}

.ba-docs-szie-label {
    margin: 10px 0px 0 !important;
    font-size: 13px;
    font-weight: 400;
    font-style: italic;
    color: var(--on-primary-color);
}

.dashboard-hc-btn.add-userbtn {
    min-width: 180px;
    padding: 10px 5px;
    font-size: 14px;
    background-color: var(--primary-color);
    color: #fff;
    border-radius: 25px;
    margin-top: 20px;
}

.ba-users-fromdob-gend {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 40px;
}

.ba-users-com-details {
    display: grid;
    grid-template-columns: auto;
}

.ba-active-user-grid {
    cursor: pointer;
    box-shadow: 1px 2px 8px rgb(0 0 0 / 10%) !important;
    color: #fff;
    border-radius: 10px;
    background-color: #fff;
    padding: 20px;
}

svg.ba-us-verticle-dots {
    width: 13px;
    height: 13px;
    fill: var(--on-primary-color);
    display: inline-block;
}

.ba-active-user-table tr td,
.ba-active-user-table tr th {
    border: none;
    color: var(--on-primary-color);
    font-weight: 300;
    font-size: 14px;
}

.ba-active-user-grid .ba-statics-head {
    margin-bottom: 0px;
}

.ba-active-user-grid tr th:last-child,
.ba-active-user-grid tr td:last-child {
    text-align: center;
}

.ba-statics-data {
    margin-bottom: 15px;
}

.ba-upload-dd .drop {
    width: 100%;
    height: 96%;
    border: 1px solid var(--primary-color);
    border-radius: 15px;
    text-align: center;
    background: white;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 1.25rem;
    padding: var(--box-padding) !important;
    border: 0.1rem dashed var(--primary-border-color) !important;
    padding: 0.5rem;
    border-radius: var(--bs-border-radius);
    min-height: 12.5rem;
    background-color: var(--grey-bg-1) !important;
}

    .ba-upload-dd .drop .cont {
        max-width: 500px;
        height: 190px;
        padding: 25px;
        color: #8E99A5;
        margin: auto;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

        .ba-upload-dd .drop .cont i {
            font-size: 400%;
            color: #8E99A5;
            position: relative;
        }

        .ba-upload-dd .drop .cont .tit {
            font-size: 400%;
            text-transform: uppercase;
        }

        .ba-upload-dd .drop .cont .desc {
            color: #A4AEBB;
        }

.dx-state-focused.expt-modi-btn.dx-button .dx-button-content {
    background-color: transparent !important;
}

.form-contact .ba-users-com-details .btn-outlined:focus, .form-contact .ba-users-com-details .btn-outlined:active {
    background-color: var(--primary-color) !important;
}

.ba-upload-dd .drop input {
    width: 100%;
    height: 100%;
    cursor: pointer;
    background: red;
    opacity: 0;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.ba-upload-dd #list {
    width: 100%;
    text-align: left;
    position: absolute;
    left: 0;
    top: 0;
}

    .ba-upload-dd #list .thumb {
        height: 75px;
        border: 1px solid #323a44;
        margin: 10px 5px 0 0;
    }

.read-only-inputs {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent !important;
    pointer-events: none;
    box-shadow: none !important;
    padding: 0px !important;
    font-size: 15px !important;
    height: 30px !important;
}

.bg-ad-company-details-from .com-det-from label {
    font-size: 16px;
}

.ba-com-profile.ba-profile-read-only {
    cursor: default;
}

.icon.icon-ba-admin {
    width: 25px !important;
    height: 25px !important;
}

.ba-details-upload-guide .bg-cd-heading h3 {
    margin-bottom: 30px;
}

.ba-usage-data-content .ba-box-shadows {
    min-height: 400px;
}

.dxc-tooltip {
    z-index: 2000;
}

@media (min-width: 1280px) and (max-width: 1376px) {
    .new-home-main .kynd-get-start .img-kynd-get-start {
        margin-top: 100px !important;
    }

    .new-home-main .kynd-olDiv {
        padding-top: 275px !important;
        padding-bottom: 0 !important;
    }

    .new-home-main .kynd-ol.list-wrapper {
        margin-top: 0;
    }

    .new-home-main .kynd-ol .list-item-wrapper {
        margin-bottom: 30px;
        position: relative;
    }
}

@media (max-width: 1366px) {
    .ba-admin-content {
        margin-top: 15px;
    }

    .ba-nav-wrapper {
        max-width: 750px;
    }

        .ba-nav-wrapper .btn-default {
            padding: 11px 15px;
        }

    .ba-usage-data-content.ba-mt-50px,
    .ba-statcis-row {
        margin-top: 35px;
    }

    .ba-statics-head label {
        padding: 4px 8px;
        font-size: 14px;
        letter-spacing: 0.1px;
    }

    .ba-statics-data-content .ba-text {
        font-size: 13px;
    }

    .ba-statics-data-content .ba-count {
        font-size: 25px;
    }

    .ba-statics-data-content:not(:last-child)::after {
        right: 10px;
    }

    .ba-statics-head h4 {
        font-size: 18px;
    }
}

@media (max-width: 991px) {
    .bah-content.ba-box-shadows {
        margin-bottom: 35px;
    }
}

@media (max-width: 767px) {
    .nd-learn-wrapper.nd-blog-bg-img1 {
        min-height: 190px;
    }
}

@media (min-width: 768px) and (max-width: 1100px) {
    .bg-dc-boxes {
        grid-template-columns: repeat(2, auto);
        grid-gap: 20px;
        margin-bottom: 30px;
    }

    .ba-users-content {
        display: grid;
        grid-template-columns: auto;
        grid-gap: 0px;
    }

    .ba-nav-wrapper {
        grid-gap: 12px;
        padding: 10px 12px;
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    .ba-users-content {
        grid-template-columns: auto;
        grid-gap: 0px;
    }

    .ba-nav-wrapper ul {
        display: grid !important;
        grid-template-columns: repeat(2, auto);
        grid-gap: 15px;
        max-width: 850px;
    }

    .ba-total-usage-content.ba-boxes {
        margin-top: 15px;
    }

    .ba-usage-data-content.ba-mt-50px, .ba-statcis-row {
        margin-top: 15px;
    }

    .ba-nav-wrapper .btn-default {
        padding: 9px 14px;
    }

    .com-users-from-grid {
        display: grid;
        grid-template-columns: auto;
        grid-row-gap: 30px;
    }

    .ba-nav-wrapper {
        display: grid !important;
        grid-template-columns: auto;
        grid-template-rows: auto auto;
        grid-gap: 15px;
    }

    .ba-date-range-picker .report-range span {
        padding: 10px 12px;
        font-size: 12px;
    }

    svg.ba-dp-down-arrow {
        height: 38px;
    }

    .ba-date-range-picker .ba-dp-from {
        grid-gap: 10px;
        grid-template-columns: auto;
    }

    .ba-statics-data-content .ba-count {
        font-size: 18px;
    }

    .ba-total-usage-content, .ba-selfhelp-content, .ba-chat-therapy-content, .therapy-session-content, .packages-content, .user-content, .snap-monthly-usage-content, .span-category-content, .span-condition-content {
        max-width: 100% !important;
    }

    .ba-users-upload label {
        text-align: center;
    }

    .ba-statics-data-content:not(:last-child) {
        padding-right: 15px;
    }

    .ba-statics-data-content .ba-text {
        font-size: 12px;
    }

    .ba-statics-data-content:not(:last-child)::after {
        right: 7.5px;
    }

    .bg-dc-boxes-items {
        padding: 15px;
    }

    .bg-dc-boxes {
        grid-template-columns: auto;
        grid-gap: 25px;
        align-items: center;
        margin-bottom: 30px;
    }

    .com-det-from-grid {
        grid-template-columns: auto;
        grid-gap: 35px;
        grid-row-gap: 20px;
    }

    .ba-ad-com-details {
        grid-template-columns: auto;
        grid-gap: 50px;
        grid-row-gap: 5px;
    }

    .ba-ad-com-details,
    .bg-ad-com-profile {
        grid-column-start: 1;
        grid-column-end: 3;
    }

        .ba-ad-com-details.hc-new-form-input {
            display: initial;
        }

    /*.msger-chat::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 35px;
        background: linear-gradient( 0deg, #f6f6f6, transparent);
        bottom: 0;
        left: 0;
    }*/

    .msg-box-input-wrapper::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 10px;
        background: linear-gradient( 0deg, #f6f6f6, rgb(246 246 246 / 0%));
        top: -10px;
        left: 0;
        display: none;
    }

    .bah-contact-us p {
        font-size: 15px;
    }
}

.hc-chat-input {
    flex-grow: 1;
}

.show-live-type-status {
    position: absolute;
    left: 2.8rem;
    top: -2rem;
    z-index: 1000;
    display: flex;
}

    .show-live-type-status label {
        font-size: var(--base-font-size-lg);
        font-weight: 400;
        color: var(--on-primary-color);
        margin-bottom: 0 !important;
        margin-right: 8px;
        line-height: 16px;
        white-space: nowrap;
    }

.spinner-chat-type {
    margin: 0;
    text-align: center;
    line-height: 16px;
    display: flex;
    align-items: center;
}

.hc-bounce1,
.hc-bounce2 {
    margin-right: 3px;
}

.spinner-chat-type > div {
    width: 7px;
    height: 7px;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    background: var(--on-primary-color);
}

.spinner-chat-type .hc-bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner-chat-type .hc-bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}

.show-live-type-status.sidebar-type-status {
    position: initial;
}

.sidebar-type-status .spinner-chat-type {
    line-height: 16px;
}

    .sidebar-type-status .spinner-chat-type > div {
        width: 5px;
        height: 5px;
        background: var(--on-primary-color);
    }

.sidebar-type-status label {
    font-size: 12px;
    color: var(--on-primary-color);
    margin-right: 6px;
}

.sidelist-msg {
    overflow: hidden;
}

.msg-chat-left-list-wrapper .inbox-table-row {
    min-height: 99px;
    border-left-width: var(--left-active-bw);
}

.ba-down-wrksht {
    color: var(--primary-color);
    text-decoration: underline;
    font-weight: 600;
}

.ba-admin-loader-svg {
    display: inline-block;
    width: 100%;
    max-width: 100%;
    position: relative;
}

.ba-admin-loader {
    height: 100%;
}

    .ba-admin-loader p {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        color: var(--secondary-color);
        z-index: 2;
        font-size: 15px;
        letter-spacing: 0.2px;
        font-weight: 400;
    }

.ph-admin-category.pos-center,
.ph-admin-sub-category.pos-center {
    color: #173571;
    font-weight: 700;
}

#monthlyUsage {
    position: relative;
}

.tth-loader-wrapper,
.tth-loader-wrapper-svg {
    max-width: 342px;
    position: relative;
    margin-top: 22px;
    margin-left: auto;
    margin-right: auto;
}

.chat-search-input-loader {
    position: absolute;
    top: 7px;
    right: 9px;
    border-left: 1.1em solid var(--primary-color);
    font-size: 2.1px;
    border-top: 1.1em solid rgb(183 183 183 / 44%);
    border-right: 1.1em solid rgb(183 183 183 / 44%);
    border-bottom: 1.1em solid rgb(183 183 183 / 44%);
}

.nos-loader-wrapper,
.nos-loader-wrapper svg {
    max-width: 360px;
    height: 305px;
    padding: 2px;
    margin-left: 12px;
}

    .nos-loader-wrapper.ba-admin-loader::before {
        top: 6px;
        max-width: 360px;
        height: 364px;
        left: 15px;
    }

    .nos-loader-wrapper.ba-admin-loader::before {
        top: 0px;
        left: 15px;
    }

    .nos-loader-wrapper.ba-admin-loader p {
        top: 58%;
    }

.msg-chat-on-off-status {
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    bottom: -1px;
    right: 0px;
    border: 2px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1px
}

    .msg-chat-on-off-status svg {
        fill: #ffff;
    }

.msg-chat-online {
    background-color: #05af05;
}

.msg-chat-offline {
    background-color: #e0e0e0;
}

/*.ba-total-usage-content,
.ba-selfhelp-content,
.ba-chat-therapy-content,
.therapy-session-content,
.packages-content,
.user-content,
.snap-monthly-usage-content,
.span-category-content,
.span-condition-content,
.snap-no-session-content {
    max-width: 75%;
    width: 100%;
}*/

.ba-users-left-content .bg-cd-heading {
    margin-bottom: 25px;
}

.ad-aster::after {
    content: "\002A";
    font-size: 18px;
    color: #e00000;
    position: absolute;
    top: 0;
    line-height: 17px;
}

.ba-users-com-details label,
.chat-user-image {
    position: relative;
}

.export-btn-admin .dx-button-text {
    font-size: 15px;
}

.tab-content {
    position: relative;
}
/*
.export-btn-admin {
    position: absolute;
    right: 15px;    
    top: -40px;
}*/

.ba-date-range-picker {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-bottom: calc(var(--default-gap) * 0.9);
}

#gauge {
    width: 280px;
    height: 280px;
    margin: 0 auto;
}

/*#monthlyUsage,
.mu-loader-wrapper {
    width: 100%;
    width: 450px;
}*/

.ca-month-session-count {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#dvLabel {
    font-size: calc(var(--base-font-size-h1) * 1.3);
    font-weight: 700;
    color: var(--secondary-color);
    cursor: default;
    line-height: 36px;
}

span.remaing-session-chart {
    font-size: var(--base-font-size-lg);
    font-weight: 500;
    color: var(--primary-color);
}

.ca-month-session-legends {
    display: grid;
    grid-template-columns: repeat(3, auto);
    align-items: center;
    justify-content: center;
    gap: 25px;
    margin-bottom: 12px;
    position: relative;
    top: 14px;
}

.ms-legends-items {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 7px;
}

.ms-legends-items-box {
    width: 13px;
    height: 13px;
}

.ms-legends-items label {
    font-size: 14px;
}

.ms-legends-green .ms-legends-items-box {
    background: #62E3CA;
}

.ms-legends-yellow .ms-legends-items-box {
    background: #fbf6db;
    color: #be9e04;
}

.ms-legends-peach .ms-legends-items-box {
    background: #FFA8AE;
}

.snap-no-session-circle-wrapper {
    width: 100%;
    position: relative;
}

#chatTherapy, #therapySession, #selfHelp, #Users, #packages, #EbookVsBlogDiv {
    height: 280px;
}


#MoodHistoryChart #spline-area-chart, #MoodMonthHistory {
    height: 280px;
}

.mood-history-chat-wrapper {
    height: 15em;
    margin: 7px 0 0;
}

@media (max-width: 1100px) {
    #dvLabel {
        font-size: 21px;
        line-height: 23px;
    }
}

@media (max-width: 767px) {
    .ba-total-usage-content, .ba-selfhelp-content, .ba-chat-therapy-content, .therapy-session-content, .packages-content, .user-content, .snap-monthly-usage-content, .span-category-content, .span-condition-content, .snap-no-session-content {
        max-width: 100%;
    }

    .ca-month-session-legends {
        left: 50%;
    }

    #gridContainer .dx-pager .dx-pages .dx-page {
        padding: 4px 8px 4px;
        font-size: 11px;
    }

    #gridContainer .dx-pager .dx-pages .dx-next-button, #gridContainer .dx-pager .dx-pages .dx-prev-button {
        font-size: 17px;
    }

    #gridContainer .dx-pager .dx-pages .dx-navigate-button {
        width: 9px;
        height: 17px;
        padding: 3px 13px;
    }

    #gridContainer .dx-pager .dx-page-sizes .dx-page-size {
        padding: 4px 4px 5px 4px;
        font-size: 12px;
        margin-bottom: 11px;
    }

    #gridContainer .dx-info {
        font-size: 12px;
    }

    /*    #gridContainer .dx-pager .dx-pages {
        padding-left: 9px;
        display: flex;
        align-items: center;
        justify-content: center;
    }*/

    /*    .dx-datagrid-pager.dx-pager {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }*/

    .dx-pager .dx-page-sizes, .dx-pager .dx-pages {
        float: initial;
    }

    .dx-pager .dx-pages {
        display: flex;
        align-items: center;
    }

    .ba-date-range-picker {
        justify-content: flex-start;
    }

    .usg-dpicker.ba-date-range-picker {
        flex-direction: column;
        justify-content: flex-start;
        margin-top: 20px;
    }

        .usg-dpicker.ba-date-range-picker div#export_Usage {
            margin-top: 20px;
        }

    .ba-statics-head {
        margin-bottom: 10px;
    }

    .ba-mt-40px {
        margin-top: 30px;
    }

    .bg-cd-heading h3 {
        line-height: 25px;
    }

    .bg-cd-heading.admin-head-exp-btn h3 {
        margin-bottom: 0;
    }

    .nos-loader-wrapper,
    .nos-loader-wrapper svg {
        margin-left: auto;
        margin-right: auto;
        display: block;
        max-width: 310px;
        height: 325px;
    }

        .nos-loader-wrapper.ba-admin-loader::before {
            left: 0px;
        }

    .ocat-loader-wrapper.ba-admin-loader::before, .ocondi-loader-wrapper.ba-admin-loader::before, .tth-loader-wrapper.ba-admin-loader::before {
        width: 100%;
        height: 100%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .export-btn-overview-user-list {
        position: relative !important;
    }

    .ba-admin-content {
        margin-top: 0;
    }
}

@media (max-width: 550px) {
    /*    div#totalUsage,
    div#gauge,
    div#Category,
    div#Condition {
        min-height: 300px;
        width: 100%;
        max-width: 450px;
        width: 450px;
        margin: 0 auto;
    }

    #chatTherapy,
    #therapySession,
    #selfHelp,
    #Users,
    #packages,
    #monthlyUsage, .mu-loader-wrapper {
        min-height: 300px;
        width: 100%;
        max-width: 450px;
        width: 450px;
    }*/
}

@media (max-width: 451px) {
    /*    div#totalUsage,
    div#gauge,
    div#Category,
    div#Condition {
        min-height: 280px;
        width: 100%;
        max-width: 300px;
        width: 300px;
        margin: 0 auto;
    }

    #chatTherapy,
    #therapySession,
    #selfHelp,
    #Users,
    #packages,
    #monthlyUsage, .mu-loader-wrapper {
        min-height: 280px;
        width: 100%;
        max-width: 300px;
        width: 300px;
    }*/
}


@media (max-width: 320px) {
    #gridContainer .dx-info {
        font-size: 10px;
    }
}

.custom-chat-overview-export {
    background-color: #fff;
    padding: 25px;
}

.cx-charts-frow {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    justify-content: center;
    grid-gap: 60px 60px;
}

.cx-chat-conatiners {
    display: flex;
    align-items: center;
    justify-content: center;
}

/*.custom-export-chat-header {
    margin-bottom: 30px;
    padding: 15px;
}

.custom-export-chat-header {
    padding: 20px;
}*/

.first-chart {
    max-width: 350px;
    height: 350px;
    top: 150px;
    left: 0;
}

#custom_markup_container {
    position: relative;
}

.ba-active-user-grid .dx-datagrid-content .dx-overlay-wrapper.dx-invalid-message.dx-datagrid-invalid-message .dx-overlay-content, .dx-datagrid-text-content {
    color: var(--on-primary-color);
}

.ba-active-user-grid .dx-datagrid-borders .dx-datagrid-rowsview,
.ba-active-user-grid .dx-datagrid-headers + .dx-datagrid-rowsview {
    border-top: 1px solid #f5f5f5;
}

.ba-active-user-grid tr td {
    color: var(--on-primary-color);
}

.form-contact .ba-users-com-details .btn-outlined {
    font-weight: 600;
    padding: 11px 25px;
    box-shadow: 0 1px 4px rgb(66 66 66 / 18%);
    min-width: 200px;
    width: initial !important;
}

    .form-contact .ba-users-com-details .btn-outlined.focus {
        background-color: var(--primary-color);
        border-color: var(--primary-color);
    }

.ba-active-user-grid .bg-cd-heading {
    position: relative;
}

.export-btn-overview-user-list {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 145px;
}

.ba-details-upload-guide .bg-cd-heading {
    margin-top: 0;
    margin-bottom: 20px;
}

.ba-user-del-icon {
    fill: var(--on-primary-color);
    max-width: 18px;
}

.ba-active-user-grid .dx-datebox-calendar .dx-dropdowneditor-icon::before {
    content: "";
    position: absolute;
    display: block;
    width: 18px;
    top: 50%;
    margin-top: -9px;
    left: 50%;
    margin-left: -9px;
    color: var(--on-primary-color);
}

.admin-head-exp-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cca-dob-wrapper .form-control.date-picker {
    background-color: #fff;
}

.cca-dob-wrapper .cca-dob {
    position: relative;
}

.cca-dob-wrapper .dob-icon {
    position: absolute;
    right: 12px;
    top: 14.5px;
    width: 15px;
    height: 15px;
    display: inline-block;
    fill: #4f4f4f;
    z-index: -1;
}

.ba-box-shadows {
    padding: calc(var(--box-padding) * 0.75);
    background-color: var(--chat-dark-bg-2);
    border-radius: var(--border-radius-default);
    border: 1px solid var(--input-border-1);
    position: relative;
    min-height: 350px;
}

.ba-help-btn {
    min-width: 200px;
    font-size: 14px;
}

.bah-contact-us p {
    color: var(--secondary-color);
    font-size: 0.95rem;
    max-width: 480px;
    margin-bottom: 0;
    min-height: 120px;
}

.ba-help-content .bg-cd-heading {
    margin-bottom: 30px;
}

.ba-help-content-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 50px;
}

.bah-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bah-contact-us {
    min-height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.bah-icons {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    text-align: right;
}

.bah-contact-us .bah-icons svg {
    display: flex;
    width: 65px;
    height: 56px;
}

@media (max-width: 1150px) {

    .bah-content-text {
        margin-right: 0px;
    }

    .bah-content p {
        min-height: 55px;
    }

    .bah-content-text {
        max-width: 100%;
    }

    .bah-contact-us p {
        min-height: 120px;
        max-width: 100%;
        margin-bottom: 0;
        margin: 15px 0;
    }
}

.bah-content h3 {
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 23px;
    color: var(--secondary-color);
    margin-bottom: 15px;
}

.ba-upload-dd .loader-new {
    font-size: 4.4px;
    border-top: 1.1em solid rgb(170 170 170 / 20%);
    border-right: 1.1em solid rgb(170 170 170 / 20%);
    border-bottom: 1.1em solid rgb(170 170 170 / 20%);
    border-left: 1.1em solid var(--primary-color);
}

.ba-upload-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ba-box-shadows.bah-contact-us {
    padding-top: 30px;
}

.category-subcat-row .ba-box-shadows {
    min-height: 400px;
}

@media (max-width: 1100px) {
    .bah-content.ba-box-shadows {
        min-height: 250px;
    }

    .bah-content p {
        min-height: 91px;
    }
}

@media(max-width: 768px) {
    .ba-help-content-row {
        display: grid;
        grid-template-columns: auto;
        grid-gap: 50px;
    }
}

@media(max-width: 767px) {
    .bah-content h3 {
        font-size: 20px;
        line-height: 25px;
        margin-right: 10px;
        margin-bottom: 0;
    }

    .bah-contact-us .bah-icons svg {
        display: flex;
        width: 45px;
        height: 36px;
    }
}

.icon-ba-admin-link {
    display: flex !important;
    align-items: center;
}

.dropdown-menu .icon.icon-ba-admin {
    width: 20px !important;
    height: 20px !important;
    margin-right: 15px;
}

.welcome .dropdown-menu > li > .icon-ba-admin-link:hover svg {
    fill: var(--primary-color);
}

/*css for condition tags starts here*/


.condition-tag-mind {
    background: var(--theme-border-layout);
    border: 1px solid var(--theme-primary-color);
    color: var(--theme-primary-color);
}

    .condition-tag-mind.active-learn-tag {
        background-color: var(--tag-bg-mind-border-color);
        color: var(--white-color);
    }

.condition-tag-body {
    background: var(--tag-bg-body-color);
    border: 1px solid var(--tag-bg-body-border-color);
    color: var(--tag-bg-body-border-color);
}

    .condition-tag-body.active-learn-tag {
        background-color: var(--tag-bg-body-border-color);
        color: var(--white-color);
    }

.condition-tag-work {
    background: var(--tag-bg-work-color);
    border: 1px solid var(--tag-bg-work-border-color);
    color: var(--tag-bg-work-border-color);
}

    .condition-tag-work.active-learn-tag {
        background-color: var(--tag-bg-work-border-color);
        color: var(--white-color);
    }

.condition-tag-addiction {
    background: var(--tag-bg-addiction-color);
    border: 1px solid var(--tag-bg-addiction-border-color);
    color: var(--tag-bg-addiction-border-color);
}

    .condition-tag-addiction.active-learn-tag {
        background-color: var(--tag-bg-addiction-border-color);
        color: var(--white-color);
    }

.condition-tag-relsp {
    background: var(--tag-bg-relsp-color);
    border: 1px solid var(--tag-bg-relsp-border-color);
    color: var(--tag-bg-relsp-border-color);
}

    .condition-tag-relsp.active-learn-tag {
        background-color: var(--tag-bg-relsp-border-color);
        color: var(--white-color);
    }

.condition-tag-pg {
    background: var(--tag-bg-pg-color);
    border: 1px solid var(--tag-bg-pg-border-color);
    color: var(--tag-bg-pg-border-color);
}

    .condition-tag-pg.active-learn-tag {
        background-color: var(--tag-bg-pg-border-color);
        color: var(--white-color);
    }

.condition-tag-pastlive {
    background: var(--tag-bg-pastlive-color);
    border: 1px solid var(--tag-bg-pastlive-border-color);
    color: var(--tag-bg-pastlive-border-color);
}

    .condition-tag-pastlive.active-learn-tag {
        background-color: var(--tag-bg-pastlive-border-color);
        color: var(--white-color);
    }

    .condition-tag-pastlive:hover {
        background: var(--tag-bg-pastlive-border-color);
        color: var(--white-color);
    }

.condition-tag-mind:hover {
    /* background: var(--tag-bg-mind-border-color);
    color: var(--white-color);*/
}

.condition-tag-body:hover {
    background: var(--tag-bg-body-border-color);
    color: var(--white-color);
}

.condition-tag-work:hover {
    background: var(--tag-bg-work-border-color);
    color: var(--white-color);
}

.condition-tag-addiction:hover {
    background: var(--tag-bg-addiction-border-color);
    color: var(--white-color);
}

.condition-tag-relsp:hover {
    background: var(--tag-bg-relsp-border-color);
    color: var(--white-color);
}

.condition-tag-pg:hover {
    background: var(--tag-bg-pg-border-color);
    color: var(--white-color);
}

.condition-tag a:hover {
    text-decoration: none;
}


/*css for condition tags starts here*/


@media(max-width: 1199px) {
    .nd-meditation-main-wrapper {
        grid-template-columns: auto;
        grid-gap: 15px;
    }

    .appointment-div.audio-message-dash.placeload {
        grid-template-columns: auto;
    }

    .dashboard-user {
        grid-gap: 20px;
    }

    .placeload.nd-live-classes-wrapper-placeholder {
        margin-bottom: 30px;
    }

    .nd-therapy-main-wrapper {
        grid-template-columns: auto auto;
        grid-gap: 50px;
        display: inline-grid;
    }

    .oc-learn-dashboard .before-hover-text p {
        max-height: 233px;
        margin-bottom: 50px;
    }

    .live-class-row, .thid-dashboard-row {
        margin-bottom: 30px;
    }

        .thid-dashboard-row .boxes-newdash-2 {
            margin-top: 0;
        }

    .nd-ebook-wrapper {
        min-height: 480px;
    }

    .oc-learn-dashboard .oc-4x-grid-innerwrapper {
        max-height: 280px;
    }

    .payment-main-div {
        align-self: flex-start;
        margin-bottom: 55px;
    }
}

@media(max-width: 767px) {
    .nd-therapy-main-wrapper {
        grid-template-columns: auto;
        grid-gap: 30px;
        display: grid;
    }

    .form-inner-div {
        max-width: 100%;
    }

    .order-summary-main-div .os-pract-name {
        padding-left: 0;
    }

    .other-payment-method {
        margin-bottom: 10px;
    }
}


@media (max-width: 991px) {
    section.pract-profile-section-new {
        padding-top: 30px;
    }
}


/*css for graph adjustment starts here*/

@media(min-width: 1801px) {
    .over-all-statics-wrapper {
        right: 162px;
    }
}

/*css for graph adjustment ends here*/




html[color-mode="dark"] .vr-line-profile,
html[color-mode="dark"] .hr-line-profile {
    background-color: var(--chat-dark-border-1);
}

html[color-mode="dark"] .panel-group .panel {
    border-bottom: 1px solid rgb(20 20 20);
}

html[color-mode="dark"] .satisfication-wrapper {
    border: 2px solid var(--chat-dark-border-2);
    border-radius: 15px;
    padding: 12px 16px;
}

html[color-mode="dark"] .ba-statics-data-content .ba-count {
    color: #359BEC;
}

html[color-mode="dark"] .ba-statics-data-content .light-green-data {
    color: var(--light-green);
}

html[color-mode="dark"] .ba-statics-data-content .light-yellow-data {
    color: var(--light-yellow);
}

html[color-mode="dark"] button.live-classes-row-actions-default.lc-join:hover {
    background-color: var(--input-focus-dark) !important;
    border: 1px solid var(--chat-dark-border-2) !important;
    color: var(--light-grey-dark);
}

.teams-body a.brand-link.show-logo-team {
    display: block !important;
    padding: 0 !important;
    min-height: initial;
    margin-top: -15px;
    margin-bottom: 17px;
    width: initial !important;
    text-align: left;
}

.teams-body .brand-link .brand-image {
    width: 86px !important;
    height: auto;
}

@media(max-width: 767px) {
    a.brand-link.show-logo-team {
        margin-top: -20px;
    }


    .sender-name-wrapper .msg-chat-on-off-status {
        bottom: 0px;
        right: -14px;
    }
}


.text-area-reschedule .therapist-out-of-office {
    margin-top: 15px;
    padding-left: 0;
    color: #DC143C;
    font-weight: 600;
    font-size: 0.905rem;
}


/*css for Talent page starts here*/
/*.b-primary-color {
    background: #0f2770 !important;
}
    .b-primary-color:hover {
        background: var(--primary-color) !important;
    }*/
/*span.strong {
    font-weight: 600;
    color: #0f2770;
}
*/


.p-talent-action {
    display: flex;
    align-items: center;
    gap: 1.1rem;
}

    .p-talent-action svg,
    .p-grid-icon {
        display: inline-block;
        cursor: pointer;
    }

    .p-talent-action svg {
        width: 1.35rem;
        height: 1.35rem;
        fill: var(--primary-color);
    }

#updateJD, #target2 {
    display: none;
}

#ChatTherapy span.msg-count {
    position: absolute;
    right: 1.8em;
    top: 50%;
    transform: translateY(-50%);
}

.modal .modal-dialog .card .btn.toneBtn {
    background: no-repeat;
    border: #007bff 1px solid;
    padding: 0;
}

.publishBtn {
    background: #DE3B40FF !important;
}

.thumb1 {
    cursor: pointer;
}

.carousel {
    position: relative;
}

.carousel-item img {
    object-fit: cover;
}

#carousel-thumbs {
    background: #f0f0f0;
    padding: 0 50px;
}

    #carousel-thumbs img:hover {
        opacity: 100%;
    }

    #carousel-thumbs img {
        opacity: 80%;
        border: 3px solid transparent;
        cursor: pointer;
    }

    #carousel-thumbs .selected img {
        opacity: 100%;
    }

.carousel-control-prev,
.carousel-control-next {
    width: 50px;
}

#carousel-thumbs .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(0,0,0,.60)' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

#carousel-thumbs .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%60000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

.modal-content {
    border-radius: 0;
    background-color: transparent;
    border: none;
}

.dx-datagrid-rowsview .dx-row > td {
    overflow: inherit !important;
}

.p-def-table tr {
    overflow: inherit !important;
}

.btn-action-dropdown .dropdown-menu.show {
    left: -34px !important;
}

.btn-action-dropdown .dropdown-item:hover .p-grid-icon {
    filter: brightness(2);
}

.btn-action-dropdown .dropdown-item:hover {
    border-radius: 4px;
}

.btn-action-dropdown .dropdown-item .p-grid-icon {
    min-width: 24px;
}

.btn-action-dropdown .dropdown-item span {
    top: 3px;
    position: relative;
}



.inputDnD .form-control-file {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 6em;
    outline: none;
    visibility: hidden;
    cursor: pointer;
    background-color: #CDD9E0;
    box-shadow: 0 0 5px solid #CDD9E0;
}

    .inputDnD .form-control-file:before {
        content: attr(data-title);
        position: absolute;
        left: 0;
        width: 100%;
        min-height: 6em;
        line-height: 2em;
        padding-top: 1.5em;
        opacity: 1;
        visibility: visible;
        text-align: center;
        border: 0.25em dashed #CDD9E0;
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
        overflow: visible;
    }

    .inputDnD .form-control-file:hover:before {
        border-style: solid;
        box-shadow: inset 0px 0px 0px 0.25em #CDD9E0;
    }

/* Loader Css */
.animationDivLoader {
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    align-items: center;
    margin-bottom: 15px;
}

.prod-img {
    border: 1px solid #ADD5F5;
    width: 36px;
    height: 35px;
    border-radius: 50%;
    stroke-width: 0.125rem;
    box-shadow: 0 0.4rem 0.4rem rgb(59 59 59 / 90%);
    stroke: var(--dashboard-hr-color);
    cursor: pointer;
    margin-bottom: 10px;
}

.skeleton-loader:empty {
    display: block;
    background-color: #bdc3c7 !important;
    border-color: #bdc3c7 !important;
    animation-name: skeletonAnimation;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.skeleton-loader.prod-description {
    height: 20px;
}

.skeleton-loader.prod-name {
    width: 50%;
    height: 12px;
}

.details {
    width: 100%;
    height: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

    .details .prod-description {
        width: 60%;
    }

.others {
    width: 25%;
    margin-top: 30px;
}

@keyframes skeletonAnimation {
    0% {
        opacity: 0.8;
    }

    50% {
        opacity: 0.4;
    }

    100% {
        opacity: 0.8;
    }
}

.ba-box-shadows h4 span.infoIcon {
    position: absolute;
    right: 0;
}

    .ba-box-shadows h4 span.infoIcon .icon.ni {
        font-size: 1.2rem;
    }

.ba-box-shadows h4 span em {
    font-size: 1.4rem;
}

.divSessions p {
    font-size: 0.9rem;
}

.divSessions .infoHSessions label {
    border: 1px solid #8f8f8f;
    margin-top: 8px;
    font-weight: 400;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 1.5;
    margin-left: 0;
    padding: 0.3rem 0.7rem;
    margin-bottom: 0;
    border-radius: 8px;
    color: #8f8f8f;
}

    .divSessions .infoHSessions label.active {
        color: #173571 !important;
        background: #76f6dd6e;
        border: 1px solid #13ebc0;
    }

.AverageDiv {
    padding: 1rem 2rem;
    background: #f9f9f9;
    text-align: center;
    margin: 0 16px 16px 16px;
}

    .AverageDiv label {
        font-size: 25px;
        color: #000000;
        font-weight: 600;
    }

.AverageDivBox {
    align-items: center;
}

    .AverageDivBox p {
        margin-bottom: 0px;
    }

    .AverageDivBox label {
        font-size: 25px;
        color: #000000;
        font-weight: 600;
    }

    .AverageDivBox span.icon {
        background: rgb(187 212 244 / 36%);
        border-radius: 50%;
        padding: 0.6rem 0.5rem 0.2rem 0.5rem;
        border: solid 1px #a7baf5;
        float: left;
    }

        .AverageDivBox span.icon em {
            font-size: 24px;
        }

    .AverageDivBox .badgea {
        color: #173571 !important;
        background: #76f6dd6e;
        padding: 4px 8px;
        border-radius: 16px;
        font-size: 0.9rem;
        font-weight: normal;
    }

    .AverageDivBox .badgeb {
        background: var(--tag-bg-addiction-color);
        color: var(--tag-bg-addiction-border-color);
        padding: 4px 8px;
        border-radius: 16px;
        font-size: 0.9rem;
        font-weight: normal;
    }

.chartDiv {
    min-height: 220px;
    position: relative;
}

.watchedDiv .cardCoursesRow .ba-box-shadows.cardCourses {
    height: auto;
}

.iconWDiv {
    font-size: 32px !important;
    background: #d3f8ff;
    padding: 8px;
    border-radius: 50%;
    border: 1px solid #52d3eb;
    color: #52d3eb;
    position: relative;
    top: 12px;
}

#grid-Esign span.dx-header-filter.dx-header-filter-empty {
    position: relative;
    left: -16px;
}

span.form-control.select2-selection.select2-selection--single {
    padding: 1.155rem 0;
    border: 1px solid var(--input-border-1);
}

span.select2-selection__arrow {
    top: 4px !important;
}

.scrollbar-horizontal {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 430px;
}

#Categoriesddl {
    width: 100% !important;
}


.dx-button.pgab-icons.dx-button-normal.dx-button-mode-contained.dx-widget {
    background: transparent;
}

button.dig-Button.dig-Button--primary.dig-Button--large.dig-ButtonGroup-button.dig-ButtonGroup-button--variant-primary.src-hellospa-components-stepper-stepper__nextButton--39Q4t {
    background-color: #000;
}

.calendarIcon {
    position: absolute;
    top: 30px;
    right: 21px;
    font-size: 1.6rem !important;
}

.btnJoinNow {
    width: 84px;
    padding: 5px 0;
    display: inline-block;
    text-align: center;
    line-height: 19px;
    text-align: center;
    color: #3699FF;
    font-weight: 500;
    cursor: pointer;
    background: rgb(54 153 255 / 15%);
    /*border: 1px solid #3699FF;*/
    box-sizing: border-box;
    border-radius: var(--border-radius-default);
    font-size: 12px;
}

.popupTableDivOF300 {
    height: 300px;
    overflow: auto;
}

.fbg-cols .p-tag--pabs-tl {
    background: var(--theme-light-bg-def);
    text-transform: capitalize;
    border: 1px solid var(--chat-dark-bg-2);
    backdrop-filter: blur(10px);
    border-radius: 0.4rem;
    backdrop-filter: blur(10px);
    color: var(--theme-primary-color);
    font-size: 0.78rem;
    padding: 0.18rem 0.5rem 0.2rem;
    text-align: center;
}

.fbg-cols .thc-content .p-add-btn {
    min-height: auto;
    min-width: 5.7rem;
    padding: 6px 16px;
    font-size: var(--base-font-size-xs);
}


.whiteStroke {
    stroke: #FFF !important;
}

body.modal-open {
    overflow: hidden;
}




.bannerAction {
    position: relative;
    bottom: 0px;
    right: 5px;
}

.roiLcolor {
    color: var(--on-primary-color) !important;
}

iframe.img-responsive {
    width: 100%;
    min-height: 80vh;
}

span.hr-swal-popup {
    text-align: left !important;
    display: flex;
    justify-content: flex-start;
}

.modal-dialog.modal-blur .modal-body {
    background: var(--background1);
    transition: color 0.2s ease, background-color 0.2s ease, padding-left 0.2s ease;
}

.btnWNext {
    position: absolute;
    bottom: 5%;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: var(--base-font-size);
    color: var(--on-primary-color);
    font-family: var(--primary-font);
    line-height: 1.3;
}

    .btnWNext:hover {
        position: absolute;
        bottom: 5%;
        display: flex;
        align-items: center;
        gap: 0.4rem;
        font-size: var(--base-font-size);
        color: var(--primary-color);
        font-family: var(--primary-font);
        line-height: 1.3;
    }

    .btnWNext:focus {
        outline: 0;
        box-shadow: none;
    }

.clinical-profile-company .cp-accredation {
    display: flex;
    align-items: center;
    margin: 0;
}

.mysubs-table button.dashboard-hc-btn {
    min-width: 9.6em;
}

.nd-appointment-reviews-prac, .nd-appointment-reviews-prac .appointment-div {
    height: 100%;
}

/*    .modal-dialog-right   */
.modal-dialog-right .modal-dialog-centered.modal-dialog-scrollable {
    -ms-flex-direction: column;
    flex-direction: inherit;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    right: 0;
    position: absolute;
    width: 100%;
    max-width: 600px;
    margin: 0px !important;
    max-height: 100vh !important;
}

    .modal-dialog-right .modal-dialog-centered.modal-dialog-scrollable .modal-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: calc(var(--box-padding) * 0.9) var(--box-padding);
        gap: 1rem;
        position: sticky;
        top: 0;
        background-color: var(--p-grey-2);
        z-index: 1200;
    }

@media (min-width: 576px) {
    .modal-dialog-right .modal-dialog-centered.modal-dialog-scrollable .modal-content {
        height: 100vh;
        border-radius: 0;
        max-height: calc(100vh - 0rem);
    }
}

.step-activity-row {
    position: relative;
    top: -24px;
}


.badge-box-color {
    color: var(--on-primary-color) !important;
    font-weight: 600;
}

.badge-box {
    /* font-size: 32px; */
    width: 20px;
    height: 12px;
    font-weight: 600;
    border-color: transparent;
    border-radius: var(--border-radius-default);
}

.p-10 {
    padding: 0.625rem 0.625rem;
}

.caption-text {
    font-size: 12px !important;
}

.badge-item {
    gap: 0.5rem !important;
}

.rs {
    margin-bottom: 0 !important;
}



/*New Dsahboard CSS*/
/* Dashboard Styles */
:root {
    --p-nd-primary: #2d56f7;
    --p-nd-blue: #2d56f7;
    --p-nd-gray-50: #f9fafb;
    --p-nd-gray-100: #f3f4f6;
    --p-nd-gray-200: #e5e7eb;
    --p-nd-gray-300: #d1d5db;
    --p-nd-gray-400: #9ca3af;
    --p-nd-gray-500: #6b7280;
    --p-nd-gray-600: #4b5563;
    --p-nd-gray-700: #374151;
    --p-nd-gray-800: #1f2937;
    --p-nd-gray-900: #111827;
}

/* General Layout */
.p-nd-dashboard {
    min-height: 100vh;
    background-color: var(--p-nd-gray-100);
}

.p-nd-sidebar {
    background-color: white;
    border-right: 1px solid var(--p-nd-gray-200);
    min-height: 100vh;
}

.p-nd-main-content {
    padding: 1rem;
}

/* Header */
.p-nd-header {
    background-color: white;
    border-bottom: 1px solid var(--p-nd-gray-200);
}

/* Widget Styles */
.p-nd-widget {
    margin-bottom: 1rem;
}


    /*
.p-nd-widget-blr {
    background: rgb(255 255 255 / 25%);
    -webkit-backdrop-filter: blur(27px);
    backdrop-filter: blur(30px);
    border: 1px solid rgb(255 255 255 / 75%);
}*/
    .p-nd-widget:hover {
        /*        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);*/
    }

.p-nd-widget-header {
    padding: 1rem;
    border-bottom: 1px solid var(--p-nd-gray-200);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.p-nd-widget-body {
    padding: 1rem;
}

.p-nd-widget-drag-handle {
    cursor: default;
}

.p-nd-super-admin .p-nd-widget-drag-handle {
    cursor: move;
}

.p-nd-widget-placeholder {
    border: 2px dashed var(--p-nd-gray-300);
    background-color: var(--p-nd-gray-50);
    border-radius: 0.5rem;
    margin-bottom: 1.5rem;
    min-height: 100px;
}

/* Customization Steps Styles */
.p-nd-steps-indicator {
    justify-content: center;
}

.p-nd-customization-step {
    position: relative;
    transition: all 0.3s ease;
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 0.15rem;
    background: var(--theme-border-2);
}

    .p-nd-customization-step.active {
        background-color: var(--theme-primary-color);
        color: white;
        min-width: 1.65rem;
    }

    .p-nd-customization-step.completed {
        background-color: var(--theme-primary-color);
        color: white;
    }

.p-nd-step {
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.p-nd-step-visible {
    opacity: 1;
    transform: translateX(0);
    visibility: visible;
}

.p-nd-step-hidden {
    opacity: 0;
    transform: translateX(20px);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    visibility: hidden;
}

.p-nd-step h3.h4 {
    font-size: 1.9rem;
    font-weight: 700;
    font-family: 'Kamerik105W00' !important;
    margin-bottom: 1.2rem !important;
}

.sub-para-st {
    font-size: 1.1rem;
}

.p-nd-steps-indicator {
    justify-content: center;
    position: absolute;
    min-width: 110px;
    left: 50%;
    transform: translateX(-50%);
}

/* Widget Options */
.p-nd-widget-options .js-select-widget .phc-hm-item {
    cursor: pointer;
    transition: border-color 0.2s ease;
    padding: 0.6rem;
    border-radius: calc(var(--bs-border-radius) * 1.1) !important;
}

.p-nd-widget-options .js-select-widget:hover .phc-hm-item {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), .05);
    border-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
}

.p-nd-widget-options .tt-icon-effect .p-smiw {
    --icon-nav-wh: 1.6rem;
}

/**/
.custom-color-picker {
    position: relative;
    display: inline-block;
}

/* Hide the actual input but keep it focusable */
.p-cd-c-dd-color-input {
    position: absolute;
    width: 40px;
    height: 40px;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
    top: 0;
    left: 0;
}

/* The visible button styled as the color circle */
.p-cd-c-dd-button {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #ccc;
    background: conic-gradient(red, yellow, lime, cyan, blue, magenta, red);
    cursor: pointer;
    display: inline-block;
    position: relative;
    z-index: 1;
}

.ph-picker .pickr .pcr-button {
    position: relative;
    height: 100%;
    width: 100%;
    border-radius: 50% !important;
    padding: .5em;
    overflow: hidden;
}

.pcr-app .pcr-interaction .pcr-save {
    background: var(--primary-color) !important;
    border-radius: 1.55rem !important;
    padding: 0.25rem 0.8rem 0.25rem !important;
    !important
}

.pcr-app .pcr-interaction .pcr-type.active {
    color: var(--primary-color) !important;
    background: #fff !important;
    padding: 0.25rem 0.8rem 0.25rem !important;
}

.pcr-app[data-theme=classic] {
    border-radius: 0.7rem;
}

.ph-picker .pickr .pcr-button::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='184' height='184' viewBox='0 0 184 184' fill='none'%3E%3Cpath d='M118.041 65.8943L105.038 52.8911L88.1231 35.976C86.6743 34.5272 84.3561 34.5272 82.9073 35.976L75.0836 43.7997C73.6348 45.2485 73.6348 47.5667 75.0836 49.0155L85.479 59.4471L2.67838 142.211C0.939786 143.95 -0.00195312 146.268 -0.00195312 148.731V174.774C-0.00195312 179.845 4.12721 183.974 9.19811 183.974H35.2408C37.6676 183.974 40.022 182.996 41.7606 181.294L124.597 98.4568L134.993 108.888C136.442 110.337 138.76 110.337 140.209 108.888L148.032 101.065C149.481 99.6158 149.481 97.2977 148.032 95.8489L118.041 65.8943ZM111.558 85.4173L31.4014 165.538H18.3982V152.534L98.5184 72.4141L105.038 78.9338L111.558 85.4173Z' fill='%23ffffff'/%3E%3Cpath d='M171.685 4.50037C160.638 -2.9611 145.606 -0.679198 136.153 8.73819L114.167 30.7242C112.718 32.173 112.718 34.4911 114.167 35.94L147.997 69.7701C149.446 71.219 151.764 71.219 153.213 69.7701L175.959 47.0235C187.948 35.0344 186.536 14.5697 171.685 4.50037Z' fill='%23ffffff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    z-index: 1 !important;
    background-size: 40%;
    background-position: center center;
}

.th-color-selected.ph-picker .pickr .pcr-button::before {
    display: none;
}
/* When color is chosen, update this button’s background dynamically via JS */
/* Color & Logo Options */
.p-cd-preview-logo {
    --prev-nav-mh: 29px;
    --prev-pad: 0.5rem;
    justify-content: center;
    display: flex;
    align-items: center;
    max-width: 550px;
    margin: 0 auto;
    background: var(--chat-dark-bg-2);
    height: 360px;
    border-radius: calc(var(--bs-border-radius) * 0.5);
    border: 1px solid var(--primary-border-color);
    box-shadow: var(--default-shadow);
}

.p-cd-preview-ic {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
}

.p-cd-preview-main {
    width: 100%;
}

.p-cd-preview-sb {
    width: 1.85rem;
    border-right: 1px solid var(--primary-border-color);
    height: 100%;
}

.p-cd-brand-logo {
    padding: 0.2rem 0 0.2rem;
    border-bottom: 1px solid var(--primary-border-color);
    min-height: var(--prev-nav-mh);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .p-cd-brand-logo img {
        width: 1.05rem;
        height: auto;
        display: inline-block;
    }

.p-cd-preview-head {
    border-bottom: 1px solid var(--primary-border-color);
    min-height: var(--prev-nav-mh);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: calc(var(--prev-pad) * 0.4) var(--prev-pad);
}

pla-search {
    width: 100px;
    min-width: 160px;
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.05);
    padding: 0.25rem;
    height: 0.65rem;
    border-radius: 0.25rem;
}

.max-w-100px {
    max-width: 100px;
}

.max-w-90px {
    max-width: 90px;
}

.max-w-80px {
    max-width: 80px;
}

.max-w-70px {
    max-width: 70px;
}

.max-w-50px {
    max-width: 50px;
}

.max-w-25px {
    max-width: 25px;
}

.pla-hold-preview {
    min-height: 0.25rem;
    background: var(--sec-light-color7);
    border-radius: 0.9rem;
}

.pla-hold-icon {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
}

.pla-hold-img {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
}

.pla-btn-icon {
    width: 2.3rem;
    height: 0.8rem;
    border-radius: 0.25rem;
}

.p-nd-color-option,
.p-nd-logo-option {
    cursor: pointer;
    transition: transform 0.2s ease;
}

    .p-nd-color-option.th-color-selected,
    .p-nd-logo-option.selected {
        position: relative;
    }

.p-nd-color-option {
    width: 2.5rem;
    height: 2.5rem;
}

    .p-nd-color-option > div {
        width: 100%;
        height: 100%;
        border-radius: 50% !important;
    }

    .p-nd-color-option.th-color-selected:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 1.5rem;
        height: 1.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background-image: url('data:image/svg+xml,%3Csvg%20id%3D%22Checkmark%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.375%2017.812C9.119%2017.812%208.863%2017.714%208.668%2017.519L4.293%2013.145C3.902%2012.754%203.902%2012.122%204.293%2011.731C4.684%2011.34%205.316%2011.34%205.707%2011.731L9.375%2015.399L18.293%206.481C18.684%206.09%2019.316%206.09%2019.707%206.481C20.098%206.872%2020.098%207.504%2019.707%207.895L10.082%2017.52C9.887%2017.715%209.631%2017.812%209.375%2017.812Z%22%20fill%3D%22%23ffffff%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
        background-size: contain;
        background-repeat: no-repeat;
        transition: background-color 0.3s ease, transform 0.3s ease;
        pointer-events: none;
    }

.p-nd-logo-option.selected,
.p-nd-logo-option:hover {
    border-color: var(--theme-primary-color) !important;
}

.p-nd-logo-option {
    background: var(--chat-dark-bg-2);
    border: 1px solid var(--primary-border-color-2);
    border-radius: calc(var(--bs-border-radius) * 0.55);
}

    .p-nd-logo-option:not(.p-nd-logo-option-upload) {
        width: 7.4rem;
        height: 2.6rem;
        padding: 0.55rem 0.7rem;
    }

.p-nd-logo-option-upload {
    width: 2.6rem;
    max-height: 2.6rem;
    background: var(--theme-secondary-color);
    border: 1px dashed var(--theme-primary-color);
}

    .p-nd-logo-option-upload:hover {
        background: var(--theme-primary-color);
        border-color: #000;
    }

        .p-nd-logo-option-upload:hover em.icon {
            color: #fff;
        }

.p-nd-logo-option em.icon {
    font-size: 1.3rem;
    color: var(--theme-primary-color);
}

.p-cd-logo-pre {
    max-width: 100%;
    height: auto;
}

.p-cd-prev-icon {
    width: 0.5rem;
    height: 0.5rem;
    display: inline-block;
}

.p-cd-preview-body {
    padding: var(--prev-pad);
}

.p-cd-preview-navs {
    display: flex;
    flex-direction: column;
    gap: 0.95rem;
    margin-top: 0.55rem;
}

.p-cd-navs-icon {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.p-cd-prev-icon {
    width: 0.5rem;
    height: 0.5rem;
    display: inline-block;
    border-radius: 0.18rem;
}

.p-cd-prev-icon-txt {
    min-width: 0.9rem;
    min-height: 0.15rem;
    margin-top: 0.15rem;
}

.max-hei-100 {
    max-height: 100% !important;
}

.pla-hold-icon {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
}

.olo-prev-mw-right {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    max-height: 20px;
}

    .olo-prev-mw-right img {
        width: 80px;
        max-height: 20px;
        object-fit: cover;
    }

.p-cd-brand-logo .pla-hold-preview {
    width: 1rem;
    height: 1rem;
    border-radius: 0.2rem;
}

.p-nd-steps-container {
    overflow-x: hidden;
}

.customize-modal-theme .modal-header,
.customize-modal-theme .modal-body,
.customize-modal-theme .modal-footer {
    z-index: 1;
    position: relative;
}

.p-cd-prev-card {
    display: grid;
    gap: 0.6rem;
}

.p-cd-prev-card-item {
    padding: 0.35rem 0.45rem;
    border: 1px solid var(--sec-light-color7);
    border-radius: calc(var(--bs-border-radius) * 0.45);
    min-height: 50px;
    margin-bottom: 8px;
}

.pp-item-1 {
    background: var(--sec-light-color8);
}

.pp-item-2 {
}

.pp-item-3 {
    min-height: 75px;
}

.pp-item-4 {
    min-height: 65px;
}

.pp-item-5 {
}

.pp-item-11 {
    min-height: 65px;
}

.pp-item-7 {
    min-height: 67px;
}

.pp-item-8 {
    min-height: 78px;
}

.pp-item-9 {
    min-height: 82px;
}

.p-cd-pre-wlc {
    margin-bottom: 0.45rem;
}

.graph-donut {
    width: 45px;
    height: 45px;
    margin-top: 0.55rem;
}

.graph-graph {
    width: 100%;
    height: 52px;
    margin-top: 0.4rem;
}

.p-cd-pre-cat1 {
    margin-top: 0.65rem;
}

.pla-search {
    min-width: 160px;
    height: 0.8rem;
    background: var(--sec-light-color8);
    border-radius: var(--bs-border-radius-lg);
}

.graph-graph {
    fill: none;
    height: 30px;
    margin-top: 0.6rem;
}

.p-str-1 {
    stroke: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.4);
}

.p-str-2 {
    stroke: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.3);
}

.p-cd-gr-1 {
    fill: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.09);
}

.p-cd-gr-2 {
    fill: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.2);
}

.p-cd-gr-3 {
    fill: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1);
}

.p-cd-gr-4 {
    fill: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.15);
}

.p-nd-step .p-theme-color-swat {
    justify-content: center;
    margin-top: 2.5rem;
}

.p-nd-column {
    height: 100%;
}

.js-dashboard-column.p-nd-column {
    min-height: 350px;
}

.p-cd-preview-logo-colors .p-cd-prev-icon,
.p-cd-preview-logo-colors .p-cd-preview-bc .pla-hold-preview,
.p-cd-preview-logo-colors .pla-btn-icon,
.p-cd-preview-logo-colors .pla-hold-icon,
.p-cd-preview-logo-colors .p-cd-preview-head .pla-hold-text.pla-hold-preview {
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1) !important;
}

.p-cd-preview-logo-colors .pp-item-1,
.p-cd-preview-logo-colors .pla-hold-preview,
.p-cd-preview-logo-colors .pla-search {
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.05);
}

.p-cd-preview-logo-colors .p-cd-prev-card-item {
    border-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.15) !important;
}

.p-cd-pre-cat1-items {
    display: flex;
    align-items: center;
}

.p-cd-pre-cat1-items {
    display: flex;
    align-items: center;
    margin-top: 0.35rem;
    gap: 0.4rem;
}

.p-cd-pre-cat-card {
    width: 1.4rem;
    height: 1rem;
    flex-shrink: 0;
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.25);
    border-radius: 0.225rem;
}

.pla-hold-preview-light {
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.15);
}

.mh-pla-hei {
    min-height: 0.25rem;
}

.mw-pr-80p {
    max-width: 80%;
}

.mw-pr-50p {
    max-width: 50%;
}

.p-wd-slider-container {
    height: 0.25rem;
}

.p-wd-goal-card-prev .p-wd-slider-percentage {
    top: -0.55rem;
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.15);
}

    .p-wd-goal-card-prev .p-wd-slider-percentage::after {
        border-top: 0.375rem solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.15);
        bottom: -0.35rem;
    }

/* Utility Classes */
.hover-bg-light:hover {
    background-color: var(--p-nd-gray-100);
}

.text-p-nd-blue {
    color: var(--p-nd-blue);
}

.bg-p-nd-blue {
    background-color: var(--p-nd-blue);
}

.btn-p-nd-blue {
    background-color: var(--p-nd-blue);
    border-color: var(--p-nd-blue);
}

.text-gray-500 {
    color: var(--p-nd-gray-500);
}

.text-gray-600 {
    color: var(--p-nd-gray-600);
}

/* Animation classes */
.p-nd-fade-in {
    animation: fadeIn 0.3s ease forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .p-nd-dashboard-columns {
        flex-direction: column;
    }

    .p-nd-dashboard-column {
        width: 100% !important;
    }
}


.pnd-banner {
    border-radius: var(--bs-border-radius);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: background-image 0.3s ease;
    background-position: 65% center;
    background-color: none;
    /* 1200×225 upload (18.75% of width), not 4:1 padding which cropped the picture */
    aspect-ratio: 1200 / 225;
    width: 100%;
    padding-top: 0;
    overflow: hidden;
    position: relative;
}

.ps-default-banner.pnd-banner {
    aspect-ratio: auto;
    height: auto;
    padding-top: 3.55% !important;
}

.p-uploaded-img-banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.p-nd-customization-alert.pnd-banner {
    padding: 0 !important;
}

.pos-abs-wel-txt {
    position: absolute;
    left: calc(var(--box-padding) * 1);
    top: 50%;
    transform: translateY(-50%);
}

.pos-abs-ban-cust {
    position: absolute;
    right: calc(var(--box-padding) * 0.7);
    bottom: calc(var(--box-padding) * 0.7);
}

.pos-abs-ban-upld {
    position: absolute;
    bottom: calc(var(--box-padding) * 0.7);
    right: calc(var(--box-padding) * 0.7);
}

@media(min-width:1700px) {
    /*    .pnd-banner {
        padding-top: 13% !important;
    }*/
}

@media(min-width:1900px) {
    /*    .pnd-banner {
        padding-top: 14.85% !important;
    }*/
}

.pnd-banner h2 {
    font-weight: 600;
    font-size: calc(var(--base-font-size-h1-lg) * 0.75);
    color: var(--white-color);
}

.pnd-banner p {
    font-size: var(--base-font-size-h4);
    line-height: 1.35;
    /*    margin-top: 0.85rem;*/
    font-weight: 400;
    color: var(--white-color);
}

.p-nd-card-head,
.p-nd-card-body {
    padding: 0.55rem 0.95rem;
    color: var(--primary-color);
}

.p-nd-card-head {
    font-size: var(--base-font-size-h3);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 0.75rem;
    /*border-bottom: 1px solid rgb(255 255 255 / 75%);*/
}

    .p-nd-card-head h2 {
        font-size: var(--base-font-size-h3);
        font-weight: 600;
    }

.p-nd-card-body {
    padding: 0.95rem 1rem;
}

.widgets-sb {
    border: 1px solid var(--primary-border-color);
    border-radius: var(--bs-border-radius);
    padding: 0.55rem 1.2rem;
    gap: 1.1rem;
}

    .widgets-sb p {
        margin: 0;
    }

    .widgets-sb:not(:last-child) {
        margin-bottom: 1.2rem;
    }

.widgets-sb-head {
    font-size: var(--base-font-size-xl);
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.widgets-sb-para {
    margin: 0;
    font-size: var(--base-font-size);
    margin-top: 0.15rem;
    color: var(--on-primary-color);
}

svg.widgets-sb-icon {
    fill: var(--primary-color);
    width: 1.85rem;
    height: 1.85rem;
}


/*----*/
:root {
    --transition-speed: 0.3s;
    --sub-sidebar-width: 50px;
    --secondary-sidebar-width: 190px;
}

.pri-sec-menu .primary-sidebar {
    border-right: 1px solid var(--border-layout);
}

.pri-sec-menu.main-sidebar .primary-sidebar .nav-sidebar p,
.main-sidebar .primary-sidebar .side-menu-ti {
    display: none !important;
}

.main-sidebar .secondary-sidebar .nav-sidebar li a.nav-link {
    padding: 0.75rem 1rem !important;
}

/*.main-sidebar .p-smiw {
    --icon-nav-wh: 1.27rem;
}*/

.primary-sidebar .p-sidebar .nav-sidebar {
    gap: 0.8rem;
}

.pri-sec-menu nav.sidebar-nav > ul > li.main-sidebar-seperator label {
    transition: all .3s;
    display: none;
}

.pri-sec-menu.main-sidebar .nav-sidebar li a.nav-link {
    align-items: center;
    justify-content: center;
    padding: 0.25rem;
}

.pri-sec-menu.main-sidebar .nav-pills .nav-link {
    color: var(--on-primary-color);
    font-weight: 600;
    padding: .3rem;
    justify-content: center;
    display: flex;
    align-items: center;
}

.pri-sec-menu .p-sb-menu-sticky {
    width: initial;
    min-height: initial;
}

.pri-sec-menu.main-sidebar nav.sidebar-nav > ul > li {
    height: initial;
}

.layout-navbar-fixed .wrapper .pri-sec-menu .brand-link {
    border-bottom: 0 !important;
}

.js-widget-remove {
    opacity: 0;
    visibility: hidden;
    font-size: 1rem;
}

.p-nd-widget-actions {
    flex-direction: row-reverse;
    transition: all .3s;
}

.p-nd-widget:hover .js-widget-remove {
    display: block;
}

.js-open-add-widget .icon.ni-plus {
    display: none;
}

/*.p-sb-minimised.layout-navbar-fixed .wrapper .brand-link {
    margin-left: 0 !important;
    justify-content: center !important;
}*/

.pri-sec-menu.main-sidebar {
    display: flex;
    width: calc(var(--sub-sidebar-width) + var(--secondary-sidebar-width));
}

.primary-sidebar, .iconside {
    width: var(--sub-sidebar-width);
    height: 100%;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    box-shadow: var(--shadow-sm);
    z-index: 10;
    transition: width var(--transition-speed) ease;
}

    .primary-sidebar.collapsed, .iconside.collapsed {
        width: 0;
    }

.secondary-sidebar {
    width: var(--secondary-sidebar-width);
    height: 100%;
    background-color: var(--chat-dark-bg-2);
    overflow-y: auto;
    transition: all var(--transition-speed) ease;
    z-index: 5;
    padding: 0 0.55rem;
}

    .secondary-sidebar.collapsed, .sidebar-submenu.collapsed {
        width: 0;
        overflow: hidden;
    }

.sidebar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: var(--nav-min-height);
}

.section-title {
    font-size: var(--base-font-size-h3);
    font-weight: 600;
    color: var(--primary-color);
    margin: 0;
}

.collapse-btn {
    background: none;
    border: none;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    transition: background-color var(--transition-speed) ease;
}

    .collapse-btn:hover {
        background-color: var(--hover-bg-color);
    }

    .collapse-btn i {
        font-size: 14px;
        color: var(--text-light);
    }

.sidebar-section {
    display: none;
    padding: 5px 0;
}

    .sidebar-section.active {
        display: block;
    }

.section-items {
    display: flex;
    flex-direction: column;
}

.section-item {
    width: 100%;
}

.section-link {
    padding: 10px 20px;
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--text-color);
    transition: background-color var(--transition-speed) ease;
    position: relative;
}

    .section-link:hover {
        background-color: var(--hover-bg-color);
    }

.section-item.active .section-link {
    background-color: var(--primary-light);
    color: var(--primary-dark);
}

.section-link i {
    font-size: 16px;
    width: 20px;
    text-align: center;
}

.chevron {
    margin-left: auto;
    font-size: 12px;
    color: var(--text-light);
}

/* Accordion Menu */
.accordion-toggle {
    position: relative;
}

.accordion-icon {
    margin-left: auto;
    transition: transform var(--transition-speed) ease;
}

.accordion-toggle.active .accordion-icon {
    transform: rotate(180deg);
}

.accordion-menu {
    max-height: 0;
    overflow: hidden;
    transition: max-height var(--transition-speed) ease;
    background-color: rgba(0, 0, 0, 0.02);
}

    .accordion-menu.show {
        max-height: 200px;
    }

    .accordion-menu li a {
        padding: 8px 20px 8px 52px;
        display: block;
        color: var(--text-light);
        font-size: 0.9rem;
        transition: background-color var(--transition-speed) ease;
    }

        .accordion-menu li a:hover {
            background-color: var(--hover-bg-color);
        }

/* Main Content */
.main-content {
    flex-grow: 1;
    overflow-y: auto;
    padding: 20px;
    transition: all var(--transition-speed) ease;
}

.main-content.expanded {
    margin-left: calc(-1 * var(--secondary-sidebar-width));
}


.menu-toggle {
    background: none;
    border: none;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
    margin-right: 15px;
    transition: background-color var(--transition-speed) ease;
}

    .menu-toggle:hover {
        background-color: var(--hover-bg-color);
    }

    .menu-toggle i {
        font-size: 18px;
        color: var(--text-color);
    }

.page-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--text-color);
    flex-grow: 1;
}

.header-actions {
    display: flex;
    gap: 10px;
}

.action-btn {
    background: none;
    border: none;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color var(--transition-speed) ease;
}

.action-btn:hover {
    background-color: var(--hover-bg-color);
}

.action-btn i {
    font-size: 16px;
    color: var(--text-color);
}

.content-wrapper {
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: var(--shadow-sm);
}

.content-placeholder {
    text-align: center;
    padding: 40px 20px;
}

.content-placeholder h2 {
    margin-bottom: 15px;
    color: var(--primary-dark);
}

/* Responsive Design */
@media screen and (max-width: 1024px) {
    .secondary-sidebar {
        position: absolute;
        top: 0;
        left: var(--sub-sidebar-width);
        height: 100%;
        z-index: 8;
        box-shadow: var(--shadow-md);
    }

        .secondary-sidebar.collapsed {
            left: -300px;
        }

    .main-content.expanded {
        margin-left: 0;
    }

    .pin-sec-mw h2.ko-cur-time {
        font-size: 3rem;
    }
}

@media screen and (max-width: 768px) {
    .primary-sidebar {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        z-index: 10;
    }

        .primary-sidebar.collapsed {
            left: -80px;
        }

    .secondary-sidebar {
        left: 0;
        box-shadow: var(--shadow-md);
    }

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


/*----*/


/*centralizarion for theme*/
.p-nd-add-wid-cta,
.p-wd-btn-sm {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    gap: 0.45rem;
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1);
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    border-radius: var(--bs-border-radius);
    padding: 0.45rem 0.85rem;
    white-space: nowrap;
    transition: all .3s;
    cursor: pointer;
}

    .p-nd-add-wid-cta[disabled],
    .p-wd-btn-sm[disabled] {
        cursor: not-allowed !important;
        color: var(--theme-primary-color) !important;
        border: var(--disabled-color) !important;
    }

.p-nd-add-wid-cta-filled {
}

.p-nd-add-wid-cta:hover,
.p-wd-btn-sm:hover,
.p-nd-add-wid-cta-filled,
.color-override .logout-user .btn {
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    color: #fff;
}

.p-nd-add-wid-cta.p-nd-add-wid-cta-white {
    background: var(--white-color);
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
}

.p-nd-add-wid-cta svg {
    width: 1.125rem;
    height: 1.125rem;
    stroke: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
}

.p-nd-add-wid-cta:not(.p-nd-add-wid-cta-white):hover svg {
    stroke: #fff;
}

.p-wd-btn-sm {
    padding: 0.32rem 0.8rem;
    font-size: var(--base-font-size-xs);
    min-width: 95px;
}

.phc-hm-item svg {
    fill: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
}

.p-nd-widget-options .js-select-widget.selected .phc-hm-item {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), .12);
    border-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
}

    .p-lms-cs-ct-grid .phc-hm-item:hover .icon-box-sm,
    .p-nd-widget-options .js-select-widget.selected .phc-hm-item .icon-box-sm {
        background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), .15);
    }

.tooltip-inner .p-cal-pro-cont h5 {
    color: #8598BC !important;
    font-size: 12px !important;
}

.pdf-gap-5xxl {
    gap: 5rem;
}

body.color-override::before,
.preview-widget-modal .modal-content::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
    opacity: 0.225;
    filter: blur(55px);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.25);
    background-image: var(--body-bg-image);
}

.preview-widget-modal .modal-content::before {
    opacity: 0.05;
}

.preview-widget-modal .modal-content::before {
    z-index: 0;
}

.preview-widget-modal .modal-header,
.preview-widget-modal .modal-body,
.preview-widget-modal .modal-footer {
    z-index: 1;
    position: relative;
}

.preview-widget-modal .modal-header {
    border-bottom: 1px solid var(--border-layout);
}

.preview-widget-modal .modal-footer {
    border-top: 1px solid var(--border-layout);
}

.color-override .emma-search-input input {
    background: var(--chat-dark-bg-2);
    border: 1px solid var(--input-border-1);
    padding-left: 2.7rem;
}

.p-theme-inp.dx-texteditor.dx-editor-outlined,
.p-input-append.p-theme-inp .dx-texteditor.dx-editor-outlined {
    background: var(--chat-dark-bg-2);
    border: 1px solid var(--input-border-1);
}

.p-theme-inp .dx-texteditor-input {
    background-color: transparent;
    color: var(--theme-primary-color) !important;
}

.emma-search-input input::placeholder {
    /*    color: hsl( var(--primary-hue), var(--primary-saturation), calc(60% * 0.1 + 64%) ) !important;*/
    color: #dddde6;
}

.p-nd-widget .pp-users-count,
.p-nd-widget .pp-user-imgs {
    margin-left: -0.9rem;
}

.gutter-sm1 {
    margin-right: -4px;
    margin-left: -4px;
}

    .gutter-sm1 > [class^="col-"],
    .gutter-sm1 > [class*=" col-"] {
        padding-right: 4px;
        padding-left: 4px;
    }

/* Smaller gutters */
.gutter-sm {
    margin-right: -8px;
    margin-left: -8px;
}

    .gutter-sm > [class^="col-"],
    .gutter-sm > [class*=" col-"] {
        padding-right: 8px;
        padding-left: 8px;
    }

/* Or even smaller */
.gutter-xs {
    margin-right: -2px;
    margin-left: -2px;
}

    .gutter-xs > [class^="col-"],
    .gutter-xs > [class*=" col-"] {
        padding-right: 2px;
        padding-left: 2px;
    }

.quiz-score-btn {
    background-color: var(--p-btn-bg);
    color: var(--p-btn-txt);
}

.receipt-btn-color {
    color: var(--primary-color) !important;
}

.loading-setting-skeleton.cw-scroll {
    padding-right: 0
}

.payroll-year-dropdown.grid-btn-abs-right {
    left: initial !important;
}


.payroll-year-dropdown.btn-slect-dropdown .p-add-btn {
    min-width: 136px !important;
}

.p-chat-def .new-message-header.msger-header-new {
    top: -1.5rem;
}


/*.filter-active.p-icon-circle:hover {
    background-color: var(--primary-color) !important;
}*/

#leaveBalancePagination.leavebalancePagination .active a.page-link:hover {
    color: #fff !important;
}

.employe-lablel-class span {
    display: block;
}

.divAttendanceCalendar-main .p-at-date-lr.form-control.p-input-date-picon {
    margin-top: 3.5rem;
    min-height: 40.55px;
}

.divAttendanceCalendar-main .p-at-week {
    margin-top: 3.5rem;
}

.clalendarlodder {
    padding-top: 0.5rem;
}

label.p-smart-tt.tip,
.p-smart-tt.tt-top {
    position: relative;
}

.p-smart-tt.tip .p-icon, .p-smart-tt .p-icon {
    fill: var(--on-primary-color);
}

.dx-treeview-item-with-checkbox .dx-checkbox {
    top: 7px;
}

.kanban-icons-rating svg.p-icon {
    --rating-color: #ffc700;
    fill: var(--rating-color) !important;
    stroke: var(--rating-color) !important;
}

@media(min-width: 1800px) {
    .p-lead-lbl {
        margin-top: 5rem;
        margin-bottom: 9%;
    }

    .info-img {
        max-width: 960px;
    }

    .p-cd-preview-logo {
        max-width: 630px;
        height: 420px;
    }

    /*    .btn-top-head-sb {
        position: relative;
        left: -41px !important;
    }*/
}

.dx-texteditor-input {
    /*    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1);*/
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1);
}

/*.p-dx-search-left .dx-datagrid .dx-datagrid-header-panel .dx-placeholder::before {
    color: hsl( var(--primary-hue), var(--primary-saturation), calc(60% * 0.1 + 64%) ) !important;
}*/

.dx-pager .dx-page-sizes .dx-selection, .dx-pager .dx-pages .dx-selection {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1) !important;
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td {
    background-color: var(--chat-dark-bg-2) !important;
}

.dx-datagrid-header-panel .dx-datagrid-export-button,
.download-circle .dx-icon-export-excel-button,
.p-icon-circle {
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1) !important;
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1) !important;
}

.p-ani-btn.p-add-btn {
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    color: #fff;
}

.p-ani-icon-ac {
    fill: #fff
}

.p-ani-btn.p-add-btn:hover:hover {
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.7);
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.7);
}

.dx-datagrid-header-panel .dx-datagrid-export-button {
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1) !important;
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1) !important;
}

    .dx-datagrid-header-panel .dx-datagrid-export-button:hover {
        border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1) !important;
        background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1) !important;
    }

.pso-form-wrapper .p-modal-sb-wizard .pso-action-btns {
    background: none;
}

.setting-image-label.fw-normal {
    font-weight: 400 !important;
    color: var(--on-primary-color) !important;
}

.label.p-add-btn.p-add-btn-icon {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.05) !important;
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1) !important;
    border: 1px solid;
    border-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1) !important
}

.p-upload-btn-wrpper .p-add-btn {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.05) !important;
}

.p-upload-btn-wrpper .p-add-btn {
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1) !important;
}

.input.dx-texteditor-input {
    background: none !important;
}

.form-builder-wp select.form-control {
    background-position: calc(100% - 0.97rem);
    background-repeat: no-repeat;
    background-size: 0.888rem;
}

/*.dx-button-mode-contained {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.02) !important;
}*/

.email-banner-loadder .p-acc-wc-loader .loading-skeleton .skeleton-img {
    border: 0;
}

.company-logo-lodder .loading-skeleton .p-acc-wc-loader {
    height: 10rem;
    width: 20rem;
}

.percetage-text {
    position: absolute;
    top: 51%;
    left: 51%;
    transform: translate(-50%, -50%);
    font-weight: 700;
    font-size: 1.3rem;
    color: #09090b;
    pointer-events: none;
}


.color-overall {
    background: #5BC0F8;
}

.color-education {
    background: #F07A5A;
}

.color-skills {
    background: #B678FF;
}

.color-experience {
    background: #F7BB87;
}


.overall-dot {
    background: #32b5f3;
}

.education-dot {
    background: #fc6c6c;
}

.skills-dot {
    background: #b48fff;
}

.experience-dot {
    background: #ed88c1;
}

.dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 6px;
    border-radius: 50%;
}

.legend {
    display: flex;
    gap: 1rem;
}

.p-tal-candi-info-ring.new-info-rin {
    margin-right: 3rem;
}

    .p-tal-candi-info-ring.new-info-rin.p-tal-cir-count {
        font-size: 1rem;
    }

.info-ring-container-main {
    display: flex;
    gap: 8rem;
    justify-content: center;
    align-items: center;
}

.info-ring-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 9.375rem;
    margin-bottom: 1.2rem;
}

.integration-toggle-button {
    display: flex;
    align-items: center;
    gap: 3.5rem;
}

.gmail-integration-container, .outlook-integration-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

    .gmail-integration-container .custom-switch.custom-switch-sm .custom-control-label,
    .outlook-integration-container .custom-switch.custom-switch-sm .custom-control-label {
        padding-left: 0.33rem;
    }

    .gmail-integration-container h4, .outlook-integration-container h4 {
        margin-bottom: 0 !important;
    }

.gmail-integration-container-main button,
.outlook-integration-container-main button {
    min-width: 170px;
}

.p-tal-candi-info-ring.new-info-ring .p-tal-cir-count {
    font-size: 1rem;
}

.p-tal-pro {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1.05rem;
}

.p-ci-ring-grid.p-ci-ring-grid-new-ring {
    display: grid !important;
    gap: 1.25rem !important;
    grid-template-columns: 1fr max-content !important;
}

.legend {
    display: grid;
    gap: 0.3rem;
    grid-template-columns: repeat(1, auto);
}

.ring-circle-container {
    display: flex;
    gap: 1rem;
    align-items: center;
    margin-top: -0.5rem;
}

.new-info-ring {
    display: flex;
    flex-direction: column;
}

    .new-info-ring .chart-container {
        /*   width: 8.3rem;
   height: 8.5rem;*/
        position: relative;
    }

        .new-info-ring .chart-container svg {
            width: 6.5rem;
            height: 6.5rem;
        }

.p-tal-cir-count.p-tal-cir-count-multiple {
    left: 50%;
    top: 50%;
    font-size: calc(var(--base-font-size-h2));
}

li.p-mydoc-list-item.p-mydoc-active .p-icon {
    stroke: var(--theme-primary-color);
}

.p-ani-dropdown a:hover .p-icon {
    stroke: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1) !important;
}

/*.form-control option {
    background: hsl( var(--primary-hue), var(--primary-saturation), calc(50% * 0.1 + 89%) );
}*/

/*.p-small-input option {
    background: hsl( var(--primary-hue), var(--primary-saturation), calc(50% * 0.1 + 89%) );
}
*/
/*.p-sb-gene-body-if {
    background-color: hsl( var(--primary-hue), var(--primary-saturation), calc(50% * 0.1 + 92%) ) !important;
}*/

.hc-live-user-actions .p-icon {
    stroke: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1) !important;
}

.hc-live-user-actions .text-green .p-icon-green-s,
.intergration-message-btn-continer .text-green .p-icon-green-s {
    stroke: var(--green-color) !important;
}

.candidate-overview-ring-main {
    text-align: center;
}

.candidate-overview-ring-container {
    position: relative;
}

    .candidate-overview-ring-container svg {
        width: 4.2rem;
    }

.candidate-overview-ring-label {
    margin-top: 0.5rem;
    font-size: var(--base-font-size);
    color: var(--on-primary-color);
    line-height: 1.5;
    font-weight: normal;
}

.dx-button-mode-contained {
    background-color: transparent !important;
}

.radio input[type="radio"]:checked + .radio-label:before {
    border: 2px solid hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 ) !important;
}

.radio input[type="radio"] + .radio-label:before {
    border: 2px solid hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 ) !important;
}

.hc-live-box.hc-live-placeholder.placeload {
    background: none !important;
}

.p-def-back-btn {
    position: relative;
    z-index: 999;
}

.down-arrow-delete-chat-wrapper .dropdown-item:hover,
.down-arrow-delete-chat-wrapper .dropdown-item:hover .ni.icon {
    color: var(--theme-primary-color);
    stroke: var(--theme-primary-color);
}

.inbox-table-row:hover, .inbox-table-row-selected {
    background: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1 ) !important;
}

a.fb-add-section.ui-tabs-anchor {
    cursor: grab !important;
}

input:-webkit-autofill {
    background-color: #fff !important;
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    box-shadow: 0 0 0px 1000px white inset !important;
    -webkit-text-fill-color: #000 !important;
    caret-color: auto;
    transition: background-color 5000s ease-in-out 0s;
}


.scheduled-by, .interviewer-name, .scheduled-date {
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1) !important;
    font-size: 12px
}

.nav-pills .nav-link:not(.active):hover {
    color: var(--theme-primary-color) !important;
}

    .nav-pills .nav-link:not(.active):hover svg {
        stroke: var(--theme-primary-color) !important;
    }

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
    background-color: var(--btn-light-bg) !important;
    color: var(--theme-primary-color) !important;
}

.gjs-one-bg {
    background-color: transparent !important;
}

.people-filter-btn .p-icon, .profile-filter-btn .p-icon-grey-s,
.p-icon-circle .p-icon-grey-s {
    stroke: var(--theme-primary-color) !important;
}

.p-grid-action-btns .pgab-icons:hover {
    color: var(--theme-primary-color) !important;
}

    .p-grid-action-btns .pgab-icons:hover svg {
        stroke: var(--theme-primary-color);
    }

.ph-card::before {
    backdrop-filter: blur(0px);
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.075) !important;
    color: var(--theme-primary-color) !important;
}

.dx-selectbox-popup-wrapper .dx-list {
    background-color: transparent !important;
}

.white-svg {
    stroke: #fff !important;
}

.new-p-ar-as-list .pdf-gap-lg {
    background-color: var(--card-btn-light-bg);
    padding: 0.35rem 1.1rem;
    border-radius: calc(var(--border-radius-default) * 0.8);
    border: 1px solid var(--primary-border-color);
    margin-bottom: 1rem;
}

.form-preview-eye-icon {
    stroke: var(--theme-primary-color) !important;
}

textarea.form-control:focus {
    box-shadow: none !important;
}

svg.p-icon.ba-dp-down-arrow {
    stroke: var(--theme-primary-color) !important;
}

.white-dot-svg {
    stroke: none !important;
    fill: #fff;
}

.interview_note {
    display: block;
    margin-top: 0.5rem;
    font-size: 13.3px;
    margin-bottom: 1rem;
}

.ch-grid-content .ch-grid-actions-item svg {
    stroke: var(--on-primary-color) !important;
}

.dropdown-svg .p-icon:hover {
    background-color: transparent !important;
}

.gify-search-input input:focus {
    outline: none !important;
    box-shadow: none !important;
    border-color: var(--input-border-1) !important;
}


.div-mobile-section table tr td {
    white-space: normal;
}

.score-progress-bg {
    stroke: var(--theme-primary-color);
}

.scroe-progress-unfill-bg {
    stroke: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.2);
}

#div-score-by-category .dxc-series {
    fill: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.2);
}

.interview-feedback-section .p-head-seperator-fw {
    justify-content: space-between;
}

.intergration-message-btn-continer {
    display: flex;
    gap: 1rem;
}

.interview-feedback-section .p-head-seperator-fw .form-control-sm {
    padding-right: 2rem;
}

#attendance-tabs-content #team .dx-datagrid-content .dx-datagrid-table .dx-row > td, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td {
    cursor: default !important;
}

.salary-eye-icon {
    display: block !important;
    margin: 0 auto;
}

.permission-rol-text {
    width: 50%;
    display: block;
    margin: 0 auto;
}

#systemRoleText .permission-rol-text label,
#systemRoleText .permission-rol-text p {
    color: var(--on-primary-color) !important;
}

.p-bar-chart-sl-bars .skeleton-img {
    border: 0 !important;
}

.org-show-more-btn {
    display: flex;
    background-color: #ffffff;
    width: 130px;
    padding: 0.3rem 0.65rem;
    border-radius: 1.5rem;
    color: #121217;
    box-shadow: 0 1px 4px rgb(0 0 0 / 4%) !important;
    border: 1px solid rgb(231 234 243 / 95%);
    align-items: center;
}

.p-info-msg li {
    margin-bottom: 5px;
    color: var(--primary-color);
    font-size: var(--base-font-size);
}

.p-info-msg ul {
    padding-left: 20px;
    margin-bottom: 5px;
}

#div-plumm-course select {
    padding-right: 30px;
}

.borderBox.n-border-raidus {
    border-radius: 0.15rem;
}

.h-text {
    font-weight: 500;
    font-size: var(--base-font-size-xl);
    background-color: #FFCC00;
}

#gridContainerPeopleGoal .p-txt-ellip-grad::after,
#PlummProgressGrid .p-txt-ellip-grad::after,
#ProgressGrid .p-txt-ellip-grad::after {
    width: 0;
}

.yellow-color-grad {
    /*    background: linear-gradient(-180deg, #f9d565, #ffedb6);*/
    /*background:linear-gradient(-180deg, #fbebbd, rgb(255 237 182 / 64%));*/
    background-color: var(--salmon-new-color2);
}

.pre-login-brand-logo {
    fill: #0A162F !important;
    width: 130px !important;
    height: 35px !important;
    background: none !important;
}



.loading-skeleton .pso-circle,
.loading-skeleton .p-grad-bor-btn {
    border: 0 !important;
}

.loading-skeleton .js-pso-timeline-item-active .pso-circle {
    background-color: var(--input-border-1);
}

.expense-claim-link {
    padding: 1rem;
    padding-bottom: 0;
}


.p-cb-w-input .p-custom-checkbox .custom_control_check_box_label.custom-control-label::before,
.p-cb-w-input .p-custom-checkbox .custom_control_check_box_label.custom-control-label::after {
    top: 0 !important;
}

div[data-widget-id="32"] .pdf-gap-sm,
div[data-widget-id="17"] .pdf-gap-sm,
div[data-widget-id="1010"] .pdf-gap-sm {
    gap: 0.3rem !important;
}

.theme-color-gray {
    background-color: #dee1e6;
}

.bulk-template-selector {
    width: 100%;
}

.p-ani-dropdown.cw-scroll.stopAction.open {
    cursor: pointer;
}

.custome-check-box-text {
    margin-top: -0.12rem;
}

.platform-image-main {
    display: flex;
    align-items: center;
    gap: 3rem;
}

.grid-table-image {
    width: 100px;
}

.platform-image img {
    max-width: 80px;
    object-fit: contain;
    border-radius: 4px;
    height: 40px;
}

.assigned-device-container {
    display: flex;
    gap: 2rem;
}

.assined-device-info-container {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.assined-device-info {
    display: flex;
    justify-content: space-between;
    gap: 3rem;
    max-width: 100%;
}

    .assined-device-info > * {
        flex: 1;
    }

.assined-device-details p {
    color: var(--primary-color);
    font-size: var( --base-font-size);
    margin-bottom: 0;
}

.p-max-wid-445 {
    max-width: 445px !important;
}

.product-info-container .deviceImage img {
    object-fit: contain;
    max-width: 80px;
}

.product-info-container > * {
    flex: 1;
}

.product-info-container {
    display: flex;
    gap: 2rem;
    max-width: 85%;
    justify-content: space-between;
}

    .product-info-container p {
        font-weight: 600;
        margin-bottom: 0.2rem;
    }

.product-infor-container-listing:not(:last-child) {
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--theme-border-layout);
    padding-bottom: 1rem;
}

.product-infor-container-listing .p-read-only-txt {
    color: var(--on-primary-color);
    font-weight: 400;
}

.coaching-events {
    pointer-events: none;
}

label.p-pro-label {
    display: block !important;
}

.p-tag-purple {
    color: #8a1f89;
    border: 1px solid #8a1f89 !important;
    background-color: #f0b3e673;
}

.p-tag-orange {
    background-color: #ed5f0040;
    color: #ed5f00cf;
    border: 1px solid #ed5f00 !important;
}

.p-tag-peach {
    background-color: #fce4e5;
    color: #e97176;
    border: 1px solid #e99da0 !important;
}

.p-tag-brown {
    background-color: rgb(161 128 114 / 30%);
    color: #a18072;
    border: 1px solid #a18072 !important;
}

.p-tag-navi-blue {
    background-color: #686ab642;
    color: #686AB6;
    border: 1px solid #686AB6 !important;
}

.candidate-popup {
    min-width: 260px !important;
}

.p-txt-ellip-grad {
    max-width: 540px !important;
}

@media(max-width:1700px) {
    .p-email-container-message .p-mb-sidebar-filter {
        width: 250px !important;
    }

    .p-email-container-message .p-mb-sidebar {
        width: 20rem !important;
    }

    .p-new-message-form .avatar-xs {
        width: 1.5rem !important;
        height: 1.5rem !important;
    }

    .p-email-container-message .p-new-message-form .p-msg-to-pro {
        width: 135px !important;
        gap: 0.3rem !important;
    }

    .p-email-container-message .p-msg-to-pro label {
        gap: 0.4rem !important;
    }

        .p-email-container-message .p-msg-to-pro label span,
        .p-new-message-form .p-msg-to-pro label span {
            max-width: 75px;
            display: inline-block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .p-txt-ellip-grad {
        max-width: 200px !important;
    }
}

.dx-list.dx-list-with-search .dx-scrollable-wrapper {
    height: calc(100% - 54px) !important;
}

.js-main-dropdown {
    max-width: 150px !important;
}

.table.p-def-table .p-icon {
    cursor: pointer;
}

.banner-upload-btn {
    display: flex;
    justify-content: center;
    align-items: center;
}

.default-placeholder {
    width: 100% !important;
    height: auto !important;
    border: 1px solid #f6f6f9;
}

.loading-skeleton .app-int-item {
    border: none;
}

.box-image {
    max-width: 55px;
    height: auto;
}

.dx-state-hover .p-txt-ellip-grad-white::after {
    background: none;
}

.p-txt-ellip-grad-rz {
    max-width: initial !important;
}

    .p-txt-ellip-grad-rz::after {
        right: 0 !important;
    }

.new-close-btn {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.3941 9.59485L9.60205 14.3868' stroke='%236C6C89' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M14.3999 14.3931L9.59985 9.59314' stroke='%236C6C89' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.75 12.0001C2.75 18.9371 5.063 21.2501 12 21.2501C18.937 21.2501 21.25 18.9371 21.25 12.0001C21.25 5.06312 18.937 2.75012 12 2.75012C5.063 2.75012 2.75 5.06312 2.75 12.0001Z' stroke='%236C6C89' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
    background-size: cover;
    width: 1.5rem;
    height: 1.5rem;
    padding: 0.25em 0.25em;
    border: 0;
    background-repeat: no-repeat;
    background-color: transparent;
    flex-shrink: 0;
    cursor: pointer;
}


.org-chart-wrapper .loading-skeleton .skeleton-img {
    border: 0;
}

.p-hj-card-list.loading-skeleton .app-int-item {
    height: 100px;
}

.side-modal-loader .loading-skeleton input {
    border: 0 !important;
}

.skeleton-loader-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1rem;
}

.step-inner-content .skeleton-loader-list .samll, .small-label {
    width: 150px !important;
}

.loading-skeleton .avatar-sm.skeleton-img {
    height: 35px;
}

.link-class {
    text-decoration: underline;
    color: #fff;
    font-weight: 600;
}

.loading-skeleton .icon-box-sm {
    width: 2.75rem;
    height: 2.75rem;
    --skeleton-color-1: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.08);
    --skeleton-color-2: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.175);
    color: transparent !important;
    -webkit-appearance: none;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: shimmer-skeleton;
    animation-name: shimmer-skeleton;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.myTaskArchived {
    color: #5b5757e0;
    background: #d3d3d3b5;
    border: 1px solid #5b575780;
}

.org-chart-text {
    position: relative;
    top: 6rem;
    left: 1.5rem;
}

.payroll-tab-button .custom-switch {
    padding-left: 1.5rem !important;
}

.payroll-tab-button label.p-smart-tt.tip {
    right: 0;
}

.survey-duration-box .input-group.dx-texteditor.dx-editor-outlined {
    border: 1px solid var(--hsla-input-border) !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.survey-duration-box .input-group input {
    border: 0 !important
}

.survey-duration-box .input-group-append {
    border: 1px solid var(--hsla-input-border) !important;
    border-radius: 2.5rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 9px 40px;
}

.template-note-help {
    padding: 10px 20px;
    border-radius: 10px;
}

.loading-skeleton textarea {
    resize: none !important;
}

.loading-skeleton input.form-control {
    height: calc(1.5em + 0.75rem + 0.625em) !important;
}

.table-span {
    text-align: left;
    display: block;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.quiz-btn-margin {
    margin-top: 5rem;
}

input#ScreeningIntTime {
    cursor: pointer;
}

.sc-que-name-count,
.sc-que-ans-input {
    padding: 1rem;
}

.p-input-append .dx-tag-content span {
    color: var(--theme-primary-color);
}

.ba-date-range-picker .report-range span {
    color: var(--theme-primary-color) !important;
}

.theme-icon {
    stroke: var(--theme-primary-color) !important;
}

.date-input input,
.p-nd-upd strong {
    color: var(--theme-primary-color);
}

#datePickerContainer.myRotaDatePicker {
    padding: 12px !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

    #datePickerContainer.myRotaDatePicker .dx-popup-content {
        padding: 0 !important;
    }

    #datePickerContainer.myRotaDatePicker .dx-calendar {
        padding: 0 !important;
        margin: 0 !important;
    }

    #datePickerContainer.myRotaDatePicker .dx-calendar-navigator {
        padding: 6px 12px !important;
        min-height: 36px !important;
    }

    #datePickerContainer.myRotaDatePicker .dx-calendar-caption-button .dx-button-content {
        font-size: 15px !important;
        font-weight: 600 !important;
        padding: 0 !important;
    }

    #datePickerContainer.myRotaDatePicker .dx-calendar-navigator .dx-button {
        width: 28px !important;
        height: 28px !important;
        border-radius: 6px !important;
    }

        #datePickerContainer.myRotaDatePicker .dx-calendar-navigator .dx-button.dx-state-hover .dx-button-content {
            background-color: var(--theme-primary-color) !important;
            color: #fff !important;
        }

    #datePickerContainer.myRotaDatePicker .dx-calendar-body thead td {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
        font-weight: 600 !important;
        color: #6b7280 !important;
    }

    #datePickerContainer.myRotaDatePicker .dx-calendar-body tbody td {
        height: 32px !important;
        width: 32px !important;
        padding: 2px !important;
        border-radius: 8px !important;
    }

    #datePickerContainer.myRotaDatePicker .dx-calendar-today {
        border: 1px solid var(--theme-primary-color) !important;
        border-radius: 8px !important;
    }

    #datePickerContainer.myRotaDatePicker .dx-calendar-caption-button .dx-button-content {
        padding: 0 12px !important;
        min-width: 180px !important;
        justify-content: center !important;
    }

#leaveBalancesAccordian .lt-days-left-mw,
#leaveBalanceAcc_3 .lt-days-left-mw {
    flex-wrap: wrap;
}

.hover-theme-btn {
    background: var(--theme-light-bg-def-3) !important;
    border: 1px solid var(--theme-btn-hover) !important;
}

    .hover-theme-btn:hover {
        background: var(--theme-primary-color) !important;
        color: #fff !important;
        transition: background-color 0.5s ease, transform 0.5s ease;
        border: 1px solid #fff !important;
    }

#btn_book_therapy.hover-theme-btn {
    background: var(--theme-primary-color) !important;
    color: #fff !important;
}



.theme-color-label {
    color: var(--theme-primary-color) !important;
}

#clockedInSidebar .sidebar-panel {
    width: 700px;
}

#managePinSidebar .sidebar-panel {
    width: 650px;
}

.scroll-container {
    height: 100vh;
    border-radius: 0;
    max-height: calc(100vh - 0rem);
    overflow-y: auto;
}

.side-stickey-header {
    position: sticky;
    top: 0;
    z-index: 10;
    background: #fff;
}

.nav-pills .nav-link:not(.active):hover svg.no-stroke-svg {
    stroke: none !important;
    fill: var(--theme-primary-color) !important;
}

#SkillsSection label {
    text-transform: capitalize;
}

.allowance-modal-container .modal-header h5 {
    text-align: left;
    font-weight: 600;
    font-size: 18px;
}

.allowance-modal-container .modal-header p {
    margin-bottom: 0;
}

.gray-points-card {
    background: #eceefe80;
    padding: 12px 22px;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
}

    .gray-points-card h2 {
        font-size: 17px;
    }

.modal-affect-section {
    margin-top: 1rem;
}

    .modal-affect-section h2 {
        font-size: 16px;
    }

    .modal-affect-section span {
        color: var(--on-primary-color);
        font-size: 13px;
        padding: 0px 12px;
        margin-top: 8px;
        display: block;
    }

.modal-affect-image img {
    width: 100%;
}

.showAllowancemodal .modal-dialog {
    max-width: 800px;
}

.showAllowancemodal .modal-body {
    max-height: 500px;
    overflow-y: auto;
}

.showAllowancemodal .modal-header {
    align-items: flex-start !important;
    border-bottom: 0 !important;
}

.showAllowancemodal .modal-content {
    border-radius: 1rem;
}

.gray-points-card ul {
    padding-left: 10px;
    list-style: none;
    margin-bottom: 0;
}

    .gray-points-card ul li {
        position: relative;
        padding-left: 18px;
        font-size: 14px;
        margin-bottom: 0.5rem;
    }

        .gray-points-card ul li::before {
            content: "";
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 10px;
            height: 10px;
            border-radius: 50%;
        }

        .gray-points-card ul li:nth-child(1)::before {
            background-color: blue;
        }

        .gray-points-card ul li:nth-child(2)::before {
            background-color: red;
        }

.showAllowancemodal .modal-dialog {
    transform: none !important;
}

.form-group .dx-texteditor.dx-editor-outlined.input-validation-error {
    border: 1px solid #CD0A0A !important;
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none;
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: var(--input-border-1);
}

.amount-border-box {
    border-radius: 15px;
    padding: 20px;
    border: 1px solid var(--hsla-input-border) !important;
}

    .amount-border-box .amount-div .p-form-check {
        justify-content: space-between !important;
    }

.delete_red_btn {
    background: #ef4343 !important;
    border: 1px solid #fff !important;
}

    .delete_red_btn svg.p-icon {
        stroke: #fff !important;
    }

#deleteFromSystemModal .p-sb-gene-footer-up {
    border-top: 0 !important;
    flex: 0 0 auto;
}

#deleteFromSystemModal .info-icon-dialog.info-icon-dialog-lg {
    width: 2rem !important;
}

/* The confirm drawer is a full-height panel (.p-modal-sb forces .modal-content to
   100vh), so the Delete button must stay pinned to the bottom edge of that panel
   instead of floating directly under a short list. The body flex-grows to fill the
   remaining height and scrolls internally for long lists; the footer never grows,
   so it always sits at the true bottom of the drawer. */
#deleteFromSystemModal .p-sb-if-bf-mw {
    height: calc(100vh - 4.2rem);
    max-height: calc(100vh - 4.2rem);
    overflow: hidden;
}

#deleteFromSystemModal .p-sb-gene-body-if {
    height: auto;
    min-height: 0;
    flex: 1 1 auto;
    overflow-y: auto;
}

#deleteFromSystemModal #selectedcandidates-grid.table-responsive {
    overflow: visible;
    height: auto;
    margin-bottom: 0;
}

#deleteFromSystemModal #selectedcandidates-grid .dx-datagrid {
    height: auto;
}

/* Preserve the shared full pager layout; only compact mode needs alignment below. */
#deleteFromSystemModal #selectedcandidates-grid .dx-datagrid-pager.dx-pager {
    position: relative;
    z-index: 2;
    margin-bottom: 0;
}

/* The shared pager switches to compact editors in the drawer. Align those
   editors and their navigation as one row while retaining shared theme styles. */
#deleteFromSystemModal #selectedcandidates-grid .dx-pager.dx-light-mode {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#deleteFromSystemModal #selectedcandidates-grid .dx-light-mode .dx-page-sizes,
#deleteFromSystemModal #selectedcandidates-grid .dx-light-mode .dx-pages,
#deleteFromSystemModal #selectedcandidates-grid .dx-light-pages {
    display: flex;
    align-items: center;
    float: none;
}

#deleteFromSystemModal #selectedcandidates-grid .dx-light-pages .dx-info {
    margin: 0 0.5rem;
}

.no-data-text-color {
    color: var(--theme-primary-color);
}

.flex-no-user-data {
    display: flex;
    justify-content: center;
    align-items: center;
}

.inshights-no-data.p-no-data {
    height: 470px;
}

@media(min-width:1800px) {
    #attendance-tabs-content #team .dx-datagrid-content .dx-datagrid-table .dx-row > td, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td {
        max-width: 300px;
    }

    .p-no-data.inshights-no-data {
        height: 600px;
    }
}

.p-tag-force {
    color: #334155;
    background: #F1F5F9;
    border: 1px solid #CBD5E1;
}

.form-group .error-border,
.form-group .dx-texteditor.dx-editor-outlined.error-border {
    border: 1px solid red !important;
}

.web-clock-ins-list .p-icon-grey,
.web-clock-ins-list p,
.attendance-adjustments-list .p-icon-grey,
.attendance-adjustments-list p {
    color: var(--on-primary-color) !important;
    stroke: var(--on-primary-color) !important;
}

.auto-fill-link {
    display: flex;
    justify-content: end;
    align-items: end;
    margin-bottom: 1rem;
}

.add-more-supporting-docs {
    color: var(--theme-primary-color);
    margin-top: 0.2rem;
    display: block;
}

#divCandidateExperience.p-ci-tags-wrap {
    flex-direction: column;
    align-items: flex-start;
}

.supporting-doc-row .form-group {
    margin-bottom: 0.7rem !important;
}

.supporting-doc-row .view-file-uploader p {
    margin-bottom: 0.7rem !important;
}

.supporting-doc-row .img-uploder {
    margin-bottom: 0.2rem;
}

#LeaveRequest .p-info-msg,
#DivEditInfoLeaves .p-info-msg {
    margin-top: 0.5rem;
}

.dx-item-content .pl-event-joined,
.dx-item-content .p-btn-sm-lb {
    margin-top: 20px;
}

.p-def-table tr.no-hover td {
    padding: 9px 12px;
}

.p-def-table tr.no-hover:hover {
    background-color: transparent !important;
}

.p-team-rota-money-span span {
    color: var(--primary-color);
}

.p-team-rota-name-money- span {
    font-size: var(--base-font-size-xxs);
}

svg.rota-publish-icon {
    stroke-width: 0
}

.p-team-rota-name-money-span {
    font-size: var(--base-font-size-xxs);
}

.inovice-no-border.form-group .dx-texteditor.dx-editor-outlined {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

textarea#reviewDescription {
    min-height: 150px !important;
}

#CandidateTagsInOverview .p-kb-tag.p-ci-tags {
    background: var(--theme-secondary-color) !important;
    color: var(--theme-primary-color) !important;
}

.hire_document_flex {
    display: flex;
}

    .hire_document_flex.p-mb-att-mw-item {
        width: 240px !important;
    }

.previewSkillstartContainer .can-sco-stars.js-stars {
    pointer-events: none;
}

.dx-datagrid-content .dx-datagrid-table .dx-row > td:has(.prt-da-us-nw) {
    text-align: center !important;
}

.payroll-info-msg.payroll_green_box {
    background-color: #b0f8ca6e;
    border: 1px solid var(--green-color);
}

    .payroll-info-msg.payroll_green_box .info-icon-dialog.info-icon-dialog-lg {
        stroke: var(--green-color);
        fill: var(--green-color);
        stroke-width: 0;
    }

.p-info-msg.payroll-info-msg {
    align-items: flex-start;
}

.pay-cycle-main-container fieldset.js-pso-step[data-step="1"] .paycycle-updates-step-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    min-height: 2.5rem;
    box-sizing: border-box;
}

.pay-cycle-main-container fieldset.js-pso-step[data-step="1"] .paycycle-updates-step-actions {
    margin-left: auto;
    flex-shrink: 0;
}

.pay-cycle-main-container fieldset.js-pso-step[data-step="1"] #missingPayCycleUsersBanner.paycycle-updates-missing-banner {
    display: flex;
    margin-top: 0;
    margin-bottom: 1rem;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.35rem;
    padding-right: 0.75rem;
    min-height: 2.75rem;
    box-sizing: border-box;
}

.pay-cycle-main-container fieldset.js-pso-step[data-step="1"] #missingPayCycleUsersBanner.paycycle-updates-missing-banner.hidden {
    display: none;
}

.pay-cycle-main-container #missingPayCycleUsersText {
    color: inherit;
}

.pay-cycle-main-container #missingPayCycleUsersLink.paycycle-updates-missing-link {
    color: var(--primary-color);
    text-decoration: underline;
    cursor: pointer;
    pointer-events: auto;
    position: relative;
    z-index: 1;
}

.pay-cycle-main-container #missingPayCycleUsersLink.paycycle-updates-missing-link {
    white-space: nowrap;
}

    .p-info-msg.payroll-info-msg h2 {
        font-size: 1rem;
        margin-bottom: 0.1rem;
    }

.payroll-info-msg .info-icon-dialog.info-icon-dialog-lg,
#runPayrollModal .info-icon-dialog.info-icon-dialog-lg {
    width: 1.5rem !important;
    --play-btn-width: 1.5rem;
}

.payroll-info-msg.payroll_gray_box {
    background-color: #F1F5F9;
    border: 1px solid #CBD5E1;
}

    .payroll-info-msg.payroll_gray_box .info-icon-dialog.info-icon-dialog-lg {
        stroke: #838c97;
    }

#runPayrollModal .modal-footer {
    justify-content: flex-end;
}

.p-icon.payroll_lock_icon.disabled_class {
    cursor: not-allowed;
    opacity: 0.5;
}

.payroll_gray_warning_box {
    background-color: #F1F5F9 !important;
    border: 1px solid #CBD5E1 !important;
}

.icon_background {
    background: var(--theme-border-2) !important;
    padding: 7px;
    border-radius: 50%;
}

.payroll_green_warning_box .p-grid-tag {
    background: var(--theme-secondary-color) !important;
    border: 1px solid var(--theme-border-2) !important;
    color: var(--theme-primary-color) !important;
    height: 28px;
    font-size: 13px;
}

.icon_background svg {
    stroke: var(--theme-btn-hover) !important
}

.payroll_green_warning_box {
    justify-content: space-between;
    align-items: center !important;
    background: var(--theme-secondary-color) !important;
    border: 1px solid var(--theme-border-2) !important;
}

.payroll_inner_warning_flex {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

.payroll_green_tag_svg {
    width: 0.7rem;
    height: 0.7rem;
    stroke: var(--green-color);
}

.payroll_warning_box .p-info-msg p {
    color: #6b7280 !important;
}

.payroll_green_warning_box {
    align-items: center;
}

.payroll_warning_box .payroll-info-msg .info-icon-dialog.info-icon-dialog-lg {
    width: 1.2rem !important;
    --play-btn-width: 1.2rem !important;
}

.payroll_warning_box .p-info-msg.payroll-info-msg h2 {
    font-size: 0.9rem;
    margin-bottom: 0.1rem;
}

.payroll_warning_box .lock_sm_icon {
    width: 0.7rem;
    height: 0.7rem;
    stroke: var(--green-color);
}

.payroll_list_container li {
    padding: 6px 0px;
}

.p-icon-theme-stroke {
    stroke: var(--theme-primary-color) !important;
}

.pay-run-unlocked-tag {
    background-color: #fff6d9 !important;
    color: var(--yellow-color) !important;
    border: 1px solid #cba940 !important;
    stroke: currentColor !important;
}

.pay-run-fps-tag {
    color: #6d28d9 !important;
    background-color: #ede9fe !important;
    border: 1px solid #6d28d9 !important;
    stroke: currentColor !important;
}

.tag_stroke {
    stroke: currentColor !important;
}

#payrillAuditContainer .p-acco-btn {
    align-items: flex-start;
    gap: 1rem;
}

#payrillAuditContainer .payroll-audit-log-wrap .dx-datagrid-rowsview .dx-row > td,
#payrillAuditContainer .payroll-audit-log-wrap .dx-datagrid-headers .dx-header-row > td {
    white-space: normal !important;
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;
    vertical-align: top;
}

.btn-tags-hire-mw div.stopAction {
    background: var(--theme-secondary-color) !important;
    color: var(--theme-primary-color) !important;
    border: 1px solid var(--input-border-1);
}

.btn-tags-hire-mw div.stopAction.p-kb-tag-editing {
    background: transparent !important;
    border: 0 !important;
}

    .btn-tags-hire-mw div.stopAction .text-primary-color {
        color: var(--theme-primary-color) !important;
    }

#CandidateTagsInOverview .p-kb-tag {
    background: var(--theme-secondary-color) !important;
    color: var(--theme-primary-color) !important;
    font-size: var(--base-font-size-xxs);
    padding: 0.23rem 0.5rem;
    border-radius: var(--bs-border-radius);
    border: 1px solid var(--input-border-1);
    font-weight: 500;
    line-height: 1.25;
}

#ScorecardAttachmentsSection.p-mb-att-mw .bg-grey-wbr.p-mb-att-mw-item {
    flex: 0 0 calc(33.333% - 11px)
}

.hire-static-button {
    padding: 10px 0;
    border-top: 1px solid var(--theme-border-3);
    padding-bottom: 0;
}

.p-res-green-zone, .p-res-yellow-zone, .p-res-red-zone {
    border-radius: calc(var(--border-radius-default)* 0.5);
}

.p-res-distr:has(.p-res-green-zone),
.p-res-distr:has(.p-res-yellow-zone),
.p-res-distr:has(.p-res-red-zone) {
    border-radius: 14px;
}


.therapistDivName {
    max-width: 230px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.time_off_svg {
    fill: transparent;
}

.form-wrap.form-builder .frmb-control li[data-type="h5"] .control-icon {
    /*    background-image: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.3429 16.2865H8.89966' stroke='%23404040' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M12.2816 12.504H8.89868' stroke='%23404040' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.8182 2.75L4.57544 2.75V21.25H19.9247V8.06826L14.8182 2.75Z' stroke='%23404040' stroke-width='1.5' stroke-linecap='square'/%3E%3Cpath d='M14.342 3.30469V8.65011H19.4491' stroke='%23404040' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E");*/
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24px' height='24px' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 12.9258H14.5' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.5 4.92578C11.1569 4.92578 12.5 6.26893 12.5 7.92578V17.9258C12.5 19.5826 11.1569 20.9258 9.5 20.9258' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.5 4.92578C13.8431 4.92578 12.5 6.26893 12.5 7.92578V17.9258C12.5 19.5826 13.8431 20.9258 15.5 20.9258' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.showManagerReviewBtn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 18px;
    border-radius: 30px;
    border: 1px solid var(--theme-primary-color);
    font-size: 14px;
    font-weight: 500;
    color: var(--theme-primary-color);
    cursor: pointer;
    transition: all 0.25s ease;
}

    .showManagerReviewBtn svg.p-icon {
        stroke: var(--theme-primary-color);
        fill: none;
    }

    .showManagerReviewBtn span {
        color: var(--theme-primary-color);
    }

.reviewFilter {
    width: 190px;
}

/*.reviewFilter .review-ftiler-dropdown.dx-texteditor.dx-editor-outlined {
    border: 0 !important;
}
*/
.SlefReviewCardContainer {
    background: #ffff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 20px;
    border-radius: 14px;
    border: 1px solid var(--theme-border-3);
    margin-bottom: 1.5rem;
}

.reviewing_table_emoji {
    width: 100%;
}

    .reviewing_table_emoji .rating-row {
        display: flex;
        justify-content: space-between;
        gap: 16px;
    }

    .reviewing_table_emoji .rating-item {
        flex: 1;
        text-align: center;
        padding: 7px 0;
        border-radius: 16px;
        transition: all 0.25s ease;
        cursor: pointer;
    }

        .reviewing_table_emoji .rating-item .emoji {
            font-size: 24px;
        }

        .reviewing_table_emoji .rating-item .label-cell {
            font-size: 12px;
            color: #6c757d;
            line-height: 1.4;
        }

        .reviewing_table_emoji .rating-item.active {
            background-color: var(--theme-border-2);
            border: 2px solid var(--theme-border-3);
        }

            .reviewing_table_emoji .rating-item.active .label-cell {
                color: var(--theme-primary-color);
            }

            .reviewing_table_emoji .rating-item.active .label-cell {
                color: #333;
                font-weight: 600;
            }

.selfReviewTextAnswer p {
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1);
    padding: 10px;
    border-radius: 14px;
    margin-top: 0.5rem;
    color: var(--theme-primary-color);
}

.selefReviewQuestion {
    margin-bottom: 1rem;
    display: block;
}

.slefReviewStartModal {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
}

#allReviewsModal .p-tal-candi-info-ring {
    width: 44px;
}

#allReviewsModal .p-tal-candi-info-ring-sm .p-tal-cir-count {
    font-size: 0.9rem;
}

#allReviewsModal .modal-header,
#StartReviewModal .modal-header {
    padding-bottom: 0;
    padding-top: 0;
    height: 85px;
}

/*    #allReviewsModal .modal-header.adjust-header-padding {
        padding-bottom: 1.1rem;
        padding-top: 1.1rem;
    }*/

/*#StartReviewModal .modal-header {
    padding: 1.12rem;
}*/

.score_ring_label {
    font-size: 10px;
}

#allReviewsModal.p-modal-sb .modal-dialog .modal-content {
    border-right: 1px solid #e5e5e5 !important;
}

#onOpenCandidateModel .modal-fullscreen {
    width: auto !important;
    padding: 20px;
}

#onOpenCandidateModel.p-candi-info .modal-content,
#onOpenCandidateModel.p-candi-info .p-notes-sidebar-footer {
    border-radius: 14px;
}

.modal-info-notes-container {
    display: flex;
    overflow: hidden;
    flex: 1;
}

#candidateNotesList {
    display: flex;
    flex-direction: column-reverse;
}

    #candidateNotesList .dvNote {
        overflow: visible;
    }

#onOpenCandidateModel.p-candi-info .modal-body {
    flex: 1;
    border-radius: 14px;
}

.p-ani-btn.p-add-btn.candidateStatusDropdown {
    min-height: auto;
    padding: 6px 2px;
    gap: 0.3rem;
    min-width: 100px;
}


.compatibilityshowhide,
.interviewshowhide,
#interviewRing, #compatibilityRing,
.screeningshowhide, #screeningRing {
    stroke-width: 10 !important;
}

.overall-dot {
    background: var(--theme-primary-color) !important
}

.education-dot {
    background: var(--theme-placeholder-color) !important;
}

.skills-dot {
    background: var(--theme-icon-color) !important;
}

#compatibilityRing,
#overallCompatibilityRing {
    stroke: var(--theme-primary-color) !important;
}

#interviewRing {
    stroke: var(--theme-icon-color) !important;
}

#screeningRing {
    stroke: var(--theme-placeholder-color) !important;
}

#divCandidateAcitvity .step-activity-date-item {
    background: var(--theme-border-layout);
    color: var(--theme-primary-color);
    padding: 7px;
    border-radius: 10px;
    margin-left: 10px;
    font-weight: 500;
}


#qualificationRing, .qualificationRing,
#skillsRing, .skillsRing,
#overallCompatibilityRing, .overallCompatibilityRing,
#experienceRing, .experienceRing {
    stroke-width: 10 !important
}

#experienceRing {
    stroke: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.65 );
}

#experienceRinglabel {
    color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.65 );
}

#qualificationRing {
    stroke: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.56 );
}

#qualificationRinglabel {
    color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.56 )
}

#skillsRing {
    stroke: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.8 );
}

#skillsRinglabel {
    color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.8 )
}

#overallCompatibilitylabel {
    color: var(--theme-primary-color);
}

.p-submenu-wrapper {
    position: relative;
}

.p-ani-dropdown {
    overflow: visible;
}

.has-submenu {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.p-ani-dropdown a.has-submenu {
    display: flex;
}

.p-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    margin-left: 4px;
    min-width: 12rem;
    background: white;
    padding: 0.35rem;
    border-radius: var(--bs-border-radius);
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
    transform: scale(0.95);
    opacity: 0;
    pointer-events: none;
    transition: all 0.25s ease;
    z-index: 900;
}

.p-submenu-wrapper:has(.show-submenu)::after {
    content: '';
    position: absolute;
    height: 60px;
    width: 22px;
    background: transparent;
    left: -18px;
    top: 0;
    z-index: 999;
}

/* When any wrapper is hovered, instantly collapse non-hovered submenus */
.p-submenu-wrapper:hover ~ .p-submenu-wrapper .p-submenu,
.p-submenu-wrapper:has(~ .p-submenu-wrapper:hover) .p-submenu {
    transition: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Show on hover */
    /*.p-submenu-wrapper:hover > .p-submenu {
    transform: scale(1);
    opacity: 1;
    pointer-events: auto;
}*/

    .p-submenu.show-submenu {
        transform: translateX(0) scale(1);
        opacity: 1;
        pointer-events: auto;
    }

    /* Submenu items */
    .p-submenu a {
        display: block;
        padding: 0.45rem;
        border-radius: calc(var(--bs-border-radius) * 0.7);
        color: var(--primary-color);
        text-decoration: none;
    }

/* Job Integrations click-to-expand accordion inside .p-ani-dropdown */
.p-jobintegrations-toggle {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
}

.p-jobintegrations-toggle.expanded {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1);
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
}

.p-jobintegrations-chevron {
    transition: transform 0.2s ease;
}

.p-jobintegrations-toggle.expanded .p-jobintegrations-chevron {
    transform: rotate(180deg);
}

.p-jobintegrations-panel {
    margin: 0.15rem 0 0.2rem 1.35rem;
    padding-left: 0.6rem;
    border-left: 1px solid var(--theme-border-layout, hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.125));
    display: flex;
    flex-direction: column;
}

.p-jobintegrations-panel a {
    font-size: calc(var(--base-font-size-xs) * 0.92);
    padding: 0.35rem 0.45rem;
}

.copy-button-bg {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.05) !important;
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1) !important;
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1) !important;
}

    .copy-button-bg svg.p-icon {
        stroke: var(--theme-primary-color) !important;
    }

.payroll_shortNote {
    color: var(--on-primary-color);
    font-weight: 500;
}

.p-notes-sidebar .modal-header {
    border-radius: 0 !important;
}

.legend-item a {
    color: var(--theme-primary-color);
    margin-left: 1rem;
}

.dx-htmleditor {
    border-radius: calc(var(--bs-border-radius)* 1.2);
    border-color: var(--input-border-1) !important;
    color: var(--primary-color) !important;
}

#candidateNotesList .dvNote:first-child {
    margin-bottom: 0;
}

.dvNote {
    margin-bottom: 17px;
}

#OpenScoreCardModal .p-ap-container {
    flex-wrap: wrap;
}

.apptitudeScoreCardIcon {
    stroke: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), var(--opacity-base));
}

.unitTextInPolicy {
    font-weight: 700;
}

.form-preview-eye-icon {
    stroke: var(--theme-primary-color) !important;
}

.defaul_line_with_icon {
    text-decoration: none;
    border-bottom: 1px solid
}

.SlefReviewCardContainer.loading-skeleton {
    background: var(--card-btn-light-bg);
    border: 0;
    box-shadow: none;
}

.delete-attendance-text {
    color: var(--on-primary-color);
    font-size: var(--base-font-size);
}

.p-smart-tt svg.p-icon {
    width: 1.15rem !important;
    height: 1.15rem !important;
}

.dx-filter-dropdown .dx-texteditor-input,
.dx-filter-dropdown .custom-field,
.form-control.theme-color {
    color: var(--theme-primary-color) !important;
}

.page-size-btn {
    background-color: transparent;
    border: 0;
    border-radius: calc(var(--bs-border-radius));
    margin: 0 5px;
    cursor: pointer;
    font-size: var(--base-font-size-xxs);
    color: var(--on-primary-color)
}

    .page-size-btn.active {
        color: var(--theme-primary-color);
        padding: 0.5rem 0.75rem;
        border-radius: calc(var(--bs-border-radius));
        background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1);
        line-height: 1;
    }

.time-off-policy-table {
    background: #ffffff;
    padding: 0;
    overflow: hidden;
    margin-bottom: 2.5rem;
}

    .time-off-policy-table table {
        border: none;
        margin-bottom: 0;
    }

        .time-off-policy-table table th,
        .time-off-policy-table table td {
            border: none !important;
        }

    .time-off-policy-table thead th {
        background: hsla(var(--primary-hue), var(--primary-saturation), 90%) !important;
        color: var(--primary-color);
        font-weight: 600;
        padding: 10px 30px;
        font-size: 15px;
    }

        .time-off-policy-table thead th:first-child {
            border-top-left-radius: 14px;
            border-bottom-left-radius: 14px;
        }

        .time-off-policy-table thead th:last-child {
            border-top-right-radius: 14px;
            border-bottom-right-radius: 14px
        }

    .time-off-policy-table tbody tr {
        border-bottom: 1px solid #edf2f7;
        transition: background 0.2s ease;
    }

    /*.time-off-policy-table tbody tr:hover {
    background: #f9fbfd;
}*/

    .time-off-policy-table tbody td {
        padding: 10px 30px;
        font-size: 13.5px;
        color: var(--primary-color);
        vertical-align: middle;
    }

        .time-off-policy-table tbody td:first-child {
            font-weight: 600;
            color: #1f2d3d;
        }

    .time-off-policy-table .table .thead-light th {
        color: var(--primary-color);
    }

.dx-invalid.dx-texteditor.dx-editor-outlined.dx-show-invalid-badge .dx-texteditor-input-container::after {
    display: none;
}

#ddlFilterstatus {
    width: 130px !important;
}

.survey_info_icon {
    position: relative;
    left: 20px;
}

.raise-ticket-description {
    word-break: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}

.review_view_score_span[disabled] {
    opacity: 0.5;
    cursor: default;
    pointer-events: none;
}

.connect_btn {
    /*    min-width: 1rem !important;
    height: 27px;*/
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-underline-offset: 3px;
    text-decoration: underline;
    background: transparent;
    border: none;
    padding: 0;
    font-weight: 400;
    cursor: pointer;
}

.p-submenu.p-candidate-shareDropdown {
    background: none;
    top: -10px;
    font-size: var(--base-font-size-xs);
    color: var(--primary-color);
}

    .p-submenu.p-candidate-shareDropdown .p-ani-dropdown {
        background: #fff !important;
        font-size: var(--base-font-size-xs);
        color: var(--primary-color);
    }

    .p-submenu.p-candidate-shareDropdown .accordion-toggle-wrapper:hover {
        background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1);
        border-radius: calc(var(--bs-border-radius) * 0.7);
        color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    }

    .p-submenu.p-candidate-shareDropdown .accordion-toggle-wrapper {
        padding: 0px 12px;
        border-radius: 8px;
        transition: all 0.2s ease-in-out;
        font-size: var(--base-font-size-xs);
        color: var(--primary-color);
    }

    .p-submenu.p-candidate-shareDropdown .filter-candidate-menu:hover {
        background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1);
        border-radius: calc(var(--bs-border-radius) * 0.7);
        color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    }

    .p-submenu.p-candidate-shareDropdown .p-ani-dropdown .accordion-toggle,
    .p-submenu.p-candidate-shareDropdown label.accordion-toggle {
        font-size: var(--base-font-size-xs) !important;
        color: var(--primary-color) !important;
        font-weight: 400 !important;
    }

    .p-submenu.p-candidate-shareDropdown .filter-candidate-menu {
        padding: 8px 8px;
        transition: all 0.2s ease-in-out;
        margin-bottom: 0;
        font-size: var(--base-font-size-xs) !important;
        color: var(--primary-color) !important;
        font-weight: 400 !important;
    }

    .p-submenu.p-candidate-shareDropdown .filter-candidate-menu .pdf,
    .p-submenu.p-candidate-shareDropdown span.pdf {
        font-size: var(--base-font-size-xs) !important;
        color: inherit;
        font-weight: 400 !important;
    }

/* Parent checkbox dash state */
.parent-dash {
    background-color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-lightness)) !important;
    border-color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-lightness)) !important;
    position: relative;
}

    /* Draw the dash */
    .parent-dash::after {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        width: 10px;
        height: 2px;
        background-color: white;
        transform: translate(-50%, -50%);
        border-radius: 2px;
    }

.sub-dropdown-svg {
    stroke: #444 !important;
}

.setting_policy_table {
    width: 1150px;
}

.birthday_selection_body {
    padding: calc(var(--box-padding) * 0.9);
    overflow: auto;
    height: calc(100vh - 3.1rem);
    background: var(--chat-dark-bg-2);
    /*    height: 100vh;*/
}

#ViewBirthdayGrid .dx-datagrid-search-panel {
    width: 660px !important;
}

.dx-texteditor-container:has(.custom-selected-display) {
    flex-direction: row-reverse !important;
}

svg.payroll_small_info_svg.p-icon {
    width: 0.85rem !important;
    height: 0.85rem !important;
    top: 2px;
    position: relative;
}

.notes_applied_label {
    display: block;
    margin-bottom: 1rem;
    text-align: center;
}

.reports_to_name {
    text-overflow: ellipsis;
    position: relative;
    width: 100%;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
}

    .reports_to_name::after {
        content: "";
        width: 30px;
        position: absolute;
        height: 100%;
        right: -5px;
        border-top-right-radius: var(--bs-border-radius);
        border-bottom-right-radius: var(--bs-border-radius);
        /*    background:linear-gradient(-90deg, var(--chat-dark-bg-2) 20%, transparent);*/
    }

.upload_partner_container {
    padding-top: 4rem;
}

.upload_container_right_hand_side_panel {
    background: #ffff;
    width: 260px;
    border-right: 1px solid #e5e7eb;
    padding-top: 2rem;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.uplpoad_partner_header {
    background: #fff;
    border-bottom: 1px solid #e5e7eb;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    height: 90px;
}

.status_draft {
    background-color: #ededed;
    color: #424b53;
    border: 1px solid #a4a4a4;
}


.pp-users-group {
    position: relative;
}

/*.pp-user-imgs-wrapper {
    position: relative;*/ /* parent must be relative */
/*}*/

/* Hide card by default */
.user-hover-card {
    position: absolute; /* NOT relative */
    /*top: 50px;*/ /* adjust based on your UI */
    left: 0;
    width: 260px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
    padding: 10px;
    z-index: 9999; /* keep it above other content */
    display: none;
    bottom: 140%; /* place above parent */
    left: 120%;
    transform: translateX(-46%);
}


    .user-hover-card::after {
        content: "";
        position: absolute;
        bottom: -8px; /* stick outside card */
        left: 40px; /* move left/right to match avatars */
        width: 16px;
        height: 16px;
        background: #fff;
        transform: rotate(45deg);
        box-shadow: 2px 2px 5px rgba(0,0,0,0.08);
    }

/* Show on hover */
.pp-user-imgs-wrapper:hover .user-hover-card {
    display: block;
}

/* Header */
.card-header {
    font-size: 14px;
    margin-bottom: 8px;
    color: #444;
}

/* Rows */
.user-row {
    display: flex;
    justify-content: space-between;
    padding: 6px 0;
    font-size: 13px;
}

.approver-status-yellow {
    color: var(--yellow-color);
    font-weight: 500;
}

.approver-status-green {
    color: var(--green-color);
    font-weight: 500;
}

.amount_unit {
    width: 30px;
}

.oneUploadDoc {
    display: flex;
    flex-direction: column;
}

.oneUploadFileName {
    font-weight: 500;
    color: var(--primary-color);
    font-size: 0.8rem;
}

.oneUploaderName {
    font-size: var(--base-font-size-xs);
    margin-top: 2px;
}

.emp-name {
    word-break: break-all;
    max-width: 220px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 250px;
}

/*#allReviewsModal .modal-header.left-side-present {
    padding-bottom: 0.2rem;
    padding-top: 0.35rem;
}

#StartReviewModal .modal-header.right-side-present {
    padding-top: 2rem;
    padding-bottom: 1.7rem;
}*/

input#editFixedAmountValue {
    text-align: right;
}

    input#editFixedAmountValue:focus {
        text-align: left;
    }

input#editPercentageValue {
    text-align: right;
}

    input#editPercentageValue:focus {
        text-align: left;
    }

#quick-action-tabs-content .p-tag.p-tag-sm {
    margin-top: 2rem;
}

.payroll_check_icon {
    stroke: #059669 !important;
    background: #d1fae5;
    border-radius: 50%;
    padding: 4px;
    width: 24px !important;
    height: 24px !important;
}

.payroll_warning_icon {
    stroke: #F59E0B !important;
    background: #fef3c7;
    border-radius: 50%;
    padding: 4px;
    width: 24px !important;
    height: 23px !important;
}

.year-end-heading h3 {
    font-size: var(--base-font-size-h1);
}

.p-text-yellow {
    color: var(--yellow-color) !important;
}

.p-text-green {
    color: var(--green-color) !important
}

.success-text-message-box {
    border-radius: var(--bs-border-radius);
    display: flex;
    padding: 10px 12px;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
    max-width: 800px;
}

    .success-text-message-box .success_svg {
        stroke: var(--green-color) !important;
    }

.payroll_link_container {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

    .payroll_link_container a {
        display: flex;
        gap: 0.5rem;
        align-items: center;
        color: var(--theme-primary-color);
    }

        .payroll_link_container a svg {
            stroke: var(--theme-primary-color);
        }

.payroll_label_color {
    font-weight: 500;
    color: var(--primary-color);
}

.w-680 {
    max-width: 680px !important
}

.payroll_text_container h3 {
    font-size: var(--base-font-size-h5);
}

.year-end_warning_box {
    background: #f3f4f6;
    border: 1px solid #e5e7eb;
    border-radius: var(--bs-border-radius);
    padding: 22px 24px;
    max-width: 800px;
    margin-bottom: 2rem;
}


    .year-end_warning_box > div {
        display: flex;
        align-items: center;
        gap: 12px;
        margin-bottom: 16px;
    }

    /* Icon */
    .year-end_warning_box .p-icon {
        width: 22px;
        height: 22px;
        color: #6b7280;
        flex-shrink: 0;
    }

    /* Heading */
    .year-end_warning_box h3 {
        margin: 0;
        font-size: var(--base-font-size-h4);
        font-weight: 600;
        color: #111827;
    }

    /* List styling */
    .year-end_warning_box ul {
        margin: 0;
        padding-left: 22px;
        list-style-type: disc;
    }

    .year-end_warning_box li {
        margin-bottom: 10px;
        font-size: var(--base-font-size-lg);
        color: #4b5563;
        line-height: 1.6;
    }

        /* Remove last margin */
        .year-end_warning_box li:last-child {
            margin-bottom: 0;
        }


.payroll-end-list {
    background-color: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: var(--bs-border-radius);
    width: 100%;
    max-width: 800px;
    margin-bottom: 2rem;
}

.payroll-item {
    display: flex;
    align-items: center;
    padding: 1rem 1rem;
    border-bottom: 1px solid #E2E8F0;
    transition: background-color 0.2s ease;
}

    .payroll-item:last-child {
        border-bottom: none;
    }

    .payroll-item:hover {
        background-color: var(--card-btn-light-bg);
    }

.payroll-icon-box {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1);
    color: #10B981;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1.25rem;
}
    /* Base icon sizing */

    .payroll-icon-box .p-icon {
        stroke: var(--theme-primary-color)
    }

.payroll-info {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.25rem;
}

.payroll-header {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.payroll-name {
    font-size: 1rem;
    font-weight: 500;
    color: #1E293B;
    margin-bottom: 0;
}

.payroll-badge {
    background-color: #F1F5F9;
    color: #334155;
    font-size: 0.75rem;
    font-weight: 500;
    padding: 0.15rem 0.6rem;
    border-radius: 9999px;
}

.payroll-detail {
    font-size: var(--base-font-size);
    color: #64748B;
    margin-bottom: 0;
}

.payroll-deadline {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: var(--base-font-size-xxs);
    font-weight: 400;
    margin-top: 0.125rem;
}

    .payroll-deadline.due {
        color: #B45309;
    }

    .payroll-deadline .p-icon {
        stroke: #B45309;
    }

.payroll-actions {
    flex-shrink: 0;
    margin-left: 1.5rem;
}

.payroll-download-btn {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    background-color: var(--theme-primary-color);
    color: #FFFFFF;
    border: none;
    border-radius: calc(var(--border-radius-default)* 1.25) !important;
    padding: 0.6rem 1.15rem;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    font-family: inherit;
    transition: background-color 0.2s ease;
}

    .payroll-download-btn .p-icon {
        width: 16px;
        height: 16px;
        stroke-width: 2.5;
        stroke: #FFFFFF;
    }

.year-end-status-list {
    background-color: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: var(--bs-border-radius);
    width: 100%;
    max-width: 800px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    margin-top: 2rem;
}

.year-end-status-item {
    display: flex;
    align-items: flex-start;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #F1F5F9;
    transition: background-color 0.15s ease;
    cursor: pointer;
}

    .year-end-status-item:last-child {
        border-bottom: none;
    }

    .year-end-status-item:hover {
        background-color: var(--card-btn-light-bg);
    }

.year-end-status-icon-box {
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
}

    .year-end-status-icon-box.is-success {
        background-color: #d1fae5;
    }

        .year-end-status-icon-box.is-success .p-icon {
            stroke: #10B981;
            width: 18px;
            height: 18px;
        }

    .year-end-status-icon-box.is-warning {
        background-color: #FEF3C7;
    }

        .year-end-status-icon-box.is-warning .p-icon {
            stroke: #F59E0B;
            width: 18px;
            height: 18px;
        }

.year-end-status-content {
    flex-grow: 1;
}

.year-end-status-title {
    font-size: 1rem;
    font-weight: 500;
    color: #1E293B;
    margin-bottom: 0.15rem;
}

.year-end-status-desc {
    font-size: var(--base-font-size);
    color: var(--on-primary-color);
    margin-bottom: 0;
}

.year-end-status-action {
    flex-shrink: 0;
    margin-left: 1.5rem;
}

.p-icon-chevron {
    width: 18px;
    height: 18px;
    stroke: #94A3B8;
}

.payroll-icon-box .p-icon {
    width: 20px !important;
    height: 20px !important;
}

.lock_tax_year_btn {
    background-color: #ef4343;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 2rem;
}

    .lock_tax_year_btn svg.p-icon {
        stroke: #fff;
    }

.payrun-list {
    width: 100%;
    max-width: 800px;
}

.payrun-item {
    background-color: var(--card-btn-light-bg);
    border: 1px solid var(--hsla-input-border);
    border-radius: calc(var(--border-radius-default) * 0.75);
    margin-bottom: 0.75rem;
    overflow: hidden;
    transition: all 0.2s ease;
}

.payrun-trigger {
    width: 100%;
    background: none;
    border: none;
    padding: 1.15rem 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-family: inherit;
    text-align: left;
}

.payrun-header-left {
    display: flex;
    align-items: center;
}

.payrun-timestamp {
    font-size: var(--base-font-size-h5);
    font-weight: 500;
    color: #1E293B;
}

.payrun-content {
    background-color: #FFFFFF;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.payrun-item.is-active {
    box-shadow: 0 4px 12px -2px rgba(180, 228, 245, 0.3);
}

    .payrun-item.is-active .payrun-content {
        max-height: 500px;
        border-top: 1px solid var(--primary-border-color);
    }

.payrun-details {
    padding: 0 1.5rem 1.5rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.payrun-desc {
    color: #64748B;
    font-size: 0.9375rem;
    line-height: 1.5;
}

.ytd-info-container h3,
.payroll_data_points h3 {
    font-size: var(--base-font-size-h5);
}

.payroll_data_points ul {
    margin: 0;
    padding-left: 22px;
    list-style-type: disc;
}

    .payroll_data_points ul li {
        margin-bottom: 10px;
        font-size: var(--base-font-size-lg);
        line-height: 1.6;
    }

.payroll_tag_list {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.payroll_yellow_warning_box {
    background-color: #fff6d9;
    color: var(--yellow-color);
    border: 1px solid #cba940 !important;
    padding: 12px;
    margin-top: 1.5rem;
    border-radius: var(--bs-border-radius);
}

    .payroll_yellow_warning_box p {
        margin-bottom: 0;
    }

.initialise_info h3 {
    font-size: var(--base-font-size-h5);
}

.initialise_info ul {
    margin: 0;
    padding-left: 22px;
    list-style-type: disc;
}

    .initialise_info ul li {
        margin-bottom: 10px;
        font-size: var(--base-font-size-lg);
        line-height: 1.6;
    }

.ye-complete-container {
    text-align: center;
    max-width: 600px;
    width: 100%;
    display: block;
    margin: 0 auto;
    margin-top: 3rem;
}

.ye-complete-icon-wrapper {
    display: flex;
    justify-content: center;
    margin-bottom: 1rem;
}

.ye-complete-icon-bg {
    width: 80px;
    height: 80px;
    background-color: #DCFCE7;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ye-complete-main-icon {
    width: 40px;
    height: 40px;
    color: #10B981;
}

.ye-complete-title {
    font-size: var(--base-font-size-h1);
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 0.75rem;
}

.ye-complete-subtitle {
    font-size: var(--base-font-size-h4);
    color: var(--on-primary-color);
    margin-bottom: 1rem;
    line-height: 1.5;
}

.ye-complete-summary-card {
    background-color: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: calc(var(--border-radius-default) * 0.75);
    padding: 1rem 1rem;
    text-align: left;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.ye-complete-summary-header {
    font-size: 1rem;
    font-weight: 600;
    color: #1E293B;
    margin-bottom: 1.25rem;
}

.ye-complete-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ye-complete-list-item {
    display: flex;
    justify-content: space-between;
    padding: 0.75rem 0;
    border-bottom: 1px solid #F1F5F9;
}

    .ye-complete-list-item:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

    .ye-complete-list-item:first-child {
        padding-top: 0;
    }

.ye-complete-label {
    color: #64748B;
    font-size: var(--base-font-size-xl);
}

.ye-complete-status {
    color: var(--green-color);
    font-size: var(--base-font-size-xl);
}

.hover_svg_continer {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.1rem;
}

.hover_svg_continer svg {
    width: 1rem;
    height: 12px;
    stroke: #fff;
}

.p-menu-nav-sb {
    transition: opacity 2s ease;
}

.p-menu-nav-sb:hover .p-icon-menu.p-icon-nine-dots {
    display: none;
}

.p-menu-nav-sb:hover .hover_svg_continer {
    display: grid !important;
}

.hover_svg_continer {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.1rem;
    opacity: 0;
    transform: scale(0.5);
    transform-origin: center;
    transition: all 0.3s ease;
    pointer-events: none;
    position: absolute;
    top: 0;
}

.p-menu-nav-sb:hover .hover_svg_continer {
    opacity: 1;
    transform: scale(1);
    pointer-events: auto;
}

.p-menu-nav-sb:hover .p-icon-menu.p-icon-nine-dots {
    opacity: 0;
    transform: scale(0.5);
    transition: all 0.3s ease;
}

.p-icon-menu.p-icon-nine-dots {
    transition: all 0.3s ease;
}

.p-icon.p-icon-sm.pos-rel-tn1.time_off_svg {
    width: 0.9rem;
    height: 0.9rem;
}

.nav_bg_title_logo {
    position: relative;
    left: -13px;
}

.minimise-on-pin .nav_bg_title_logo {
    /*    left:97px;*/
}

.vector_grid_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr) !important;
}

/*.time_off_error_message{
    display:block;
    margin-top:-10px;
}*/

.hire_add_icon {
    fill: var(--on-primary-color);
}

.move_menu {
    border: 1px solid var(--th-dropdown-border);
}

.stroke-white {
    stroke: #fff !important;
}

.chevron-icon {
    stroke: var(--theme-primary-color);
}

.p-dd-wp-wrapper-wl .p-dd-wp-btn:hover svg.chevron-icon {
    stroke: #fff !important;
}

.chevron-icon {
    transition: transform 0.3s ease;
}

    .chevron-icon.rotated {
        transform: rotate(180deg);
    }

.three-dots-btn {
    /*    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);*/
    /*    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    border-radius: calc(var(--border-radius-default) * 1.25) !important;*/
}

    .three-dots-btn .p-add-btn.p-add-btn-icon {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
        border: 1px solid transparent;
        min-width: initial;
        border-right: 1px solid rgb(255 255 255 / 72%);
    }

.three-dots-btn .ani-btn-lg {
    min-width: 2rem;
}

.three-dots-btn .three-dot-sub-btn-1 {
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 0;
    cursor: pointer;
    border-radius: 0 !important;
    width: 40px;
    min-height: var(--p-btn-min-height);
    border-top-right-radius: calc(var(--border-radius-default) * 1.25) !important;
    border-bottom-right-radius: calc(var(--border-radius-default) * 1.25) !important;
}

.three-dots-btn .three-dot-sub-btn-1,
.three-dots-btn .p-add-btn.p-add-btn-icon {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.85);
}

.three-dots-btn .three-dot-sub-btn-1:hover,
.three-dots-btn .p-add-btn.p-add-btn-icon:hover {
    background-color: var(--theme-primary-color);
}

.three-dots-btn .p-add-btn.p-add-btn-icon:hover {
    border-right: 1px solid 1px solid rgb(255 255 255 / 43%);
}

.three-dots-btn .three-dot-sub-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 6px;
}

.p-att-mt-all-over-late:has(.no-logs-cell.reg-tag) {
    max-height: 92px;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.35rem;
    max-height: 92px;
    --stip-bg-color1: rgb(246 246 247 / 68%);
    background: repeating-linear-gradient(-45deg, var(--stip-bg-color1), var(--stip-bg-color1) 12px, var(--stip-bg-color2) 12px, var(--stip-bg-color2) 20px);
    --stip-bg-color2: var(--sec-light-color7);
}

/*.p-att-mt-all-tags:has(.no-logs-cell.reg-tag) {
    gap: 0.5rem;
}*/

.mytime-off-dropdown {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    justify-content: center;
    gap: 1rem;
    z-index: 1000;
}

.tc-timer-card {
    /*background: #f2f0f580;*/
    padding: 20px;
    border-radius: 20px;
    border: 1px solid #e4e0eb;
    /*box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);*/
    text-align: center;
    min-width: 220px;
    background: linear-gradient(135deg, hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1), hsla(var(--primary-hue), var(--primary-saturation), calc(var(--primary-lightness) + 12%), 1));
}

.tc-timer-title {
    /* color: var(--on-primary-color);*/
    color: #fff;
    font-size: 13px;
    margin-bottom: 20px;
}

.tc-timer-display {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
}

.tc-time-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 40px;
    gap: 0.4rem;
}

    .tc-time-block span {
        font-size: 1.6rem;
        font-weight: 800;
        /*color: var(--primary-color);*/
        color: #fff;
        line-height: 0;
    }

    .tc-time-block label {
        font-size: 10px;
        /*color: var(--on-primary-color);*/
        color: #fff;
        margin-top: 10px;
        letter-spacing: 0.5px;
    }

.tc-timer-separator {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    /* height: 50px;     */
    align-self: flex-start;
    /*padding-top: 15px; */
    margin-top: -2px;
}

.tc-timer-separator::before,
.tc-timer-separator::after {
    content: "";
    width: 4px;
    height: 4px;
    /*background-color:#70677e99;*/
    color: #fff;
    border-radius: 50%;
    display: block;
}


.header-left {
    display: flex;
    align-items: center;
    gap: 0.15rem;
}

.header-left .p-icon-md {
    width: 1.1rem;
    height: 1.1rem;
    position: relative;
    top: 0.5px;
}

@media(max-width: 767px) {
    .loading-skeleton .p-acco-btn-wrapper h6 {
        width: 100%;
        min-width: initial;
    }

    .loading-skeleton .hc-default-btn, .loading-skeleton .p-add-btn, .loading-skeleton .p-btn-small, .loading-skeleton .p-btn-second-bord, .loading-skeleton .p-nd-add-wid-cta {
        min-height: 36px;
        min-width: 100px;
    }
}