abody {
    /*font-family: 'Work Sans', sans-serif !important;*/
 font-family: "upgrade",sans-serif !important;
    overflow-x: hidden;

    
}


@import url("https://p.typekit.net/p.css?s=1&k=tvq2syk&ht=tk&f=38091.38095.38098&a=60175059&app=typekit&e=css");

@font-face {
font-family:"upgrade";
src:url("https://use.typekit.net/af/2ada7f/00000000000000007735c004/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"),url("https://use.typekit.net/af/2ada7f/00000000000000007735c004/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"),url("https://use.typekit.net/af/2ada7f/00000000000000007735c004/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:600;
}

@font-face {
font-family:"upgrade";
src:url("https://use.typekit.net/af/436d7f/00000000000000007735c011/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/436d7f/00000000000000007735c011/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/436d7f/00000000000000007735c011/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:300;
}

@font-face {
font-family:"upgrade";
src:url("https://use.typekit.net/af/bfbf8a/00000000000000007735c01a/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/bfbf8a/00000000000000007735c01a/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/bfbf8a/00000000000000007735c01a/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;
}

.tk-upgrade { font-family: "upgrade",sans-serif; }
.reviewimg {
    display: flex;
    align-items: center;
}

a:hover {
    text-decoration: none !important;
}

:root {
    --main-black-color: #000;
    --main-white-color: #fff;
    --main-blue-color: #68a2b9;
}

p {
    font-size: 18px !important
}
https://nimbleappgenie.live:2083/
/*header*/
/*fix-head*/
header {
    background: #fff;
    width: 100%;
    z-index: 999;
    -webkit-transition: all 0.5s ease;
    -moz-transition: position 10s;
    -ms-transition: position 10s;
    -o-transition: position 10s;
    transition: all 0.5s ease;
}

.fixed {
   
    position: fixed;
    top: 0;
    left: 0;
    animation: smoothScroll 1s forwards;
    background: #fff;
    width: 100%;
    z-index: 9999999999;

}


.navbar-toggler-icon i {
    color: var(--main-blue-color);
    margin-top: 10px;
}

@keyframes smoothScroll {
    0% {
        transform: translateY(-40px);
    }

    100% {
        transform: translateY(0px);
    }
}

header {
    border-top: 3px solid var(--main-blue-color)
}
input,textarea,select{font-size: 15px !important;}
.navbar-brand {
    width: 187px;
}

.navbar-brand img {
    width: 100%;
}

.header-right-btn {
    margin-left: 27px;
    display: flex;
}
.header-right-btn a:last-child{background: #ffc600;}
.card-header.collapsed {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-right-btn a {
    background: var(--main-blue-color);
    font-size: 14px;
    font-weight: 500;
    padding: 6px 12px;
    border-radius: 8px;
    color: var(--main-white-color);
    margin-left: 15px;
    display: inline-flex;
    align-items: center;
}

.fixed .navbar-brand img {
    width: 110px;
}

.fixed .header-right-btn a {
    font-size: 12px;
}

.header-right-btn a:hover {
    color: var(--main-white-color);
    text-decoration: none
}

.header-right-btn a img {
    margin-right: 8px;
    transform: rotate(360deg);
    transition: .3s all ease
}

.header-right-btn a:hover img {
    transform: rotate(180deg);
    transition: .3s all ease
}

.btn-hover::before,
.btn-hover::after {
    background: #000;
    content: '';
    position: absolute;
    z-index: -1;
}

.btn-hover:hover {
    color: #2ecc71;
}

.btn-hover::after {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.btn-hover {
    overflow: hidden;
    transition: .3s all ease;
    position: relative;
}

.btn-hover:hover {
    background: none;
    transition: .3s all ease
}

.btn-hover::after {
    background-color: #000;
    height: 100%;
    left: -51%;
    top: 0;
    transform: skew(50deg);
    transition-duration: 0.6s;
    transform-origin: top left;
    width: 0;
}

.btn-hover:hover:after {
    height: 100%;
    width: 160%;
}

/*main-top-bg*/
.main-typing-bg{position: relative;}
.slider-caption{position: absolute; width: 100%;  top: 20%;}
.slider-caption .col-sm-12 {
    text-align: center;
    padding-right: 45% !important;
    position: relative;
    top: 10px;
    padding-left: 9%;
}
.slider-caption .col-sm-12 h4 {
    font-size: 70px;
    font-weight: 700;
    color: #fff;
    text-align: left;
}
.slider-caption .col-sm-12 h4 span{color: #000;}
.slider-caption .col-sm-12 p {
    font-size: 22px !important;
    font-weight: 600;
    color: #000;
    text-align: left;
}
.slider-btn {
    text-align: left;
}
.slider-btn a {
    display: inline-block;
    background: #fff;
    padding: 6px 24px;
    color: #000;
    font-weight: 600;
    font-size: 18px;
    margin-right: 15px;
}
.slider-btn  img{transform: rotate(180deg);}
/*.main-typing-bg {
    background: url(../../../img/front/slide-bg.jpg);
    background-position-x: 0%;
    background-position-y: 0%;
    background-attachment: scroll;
    background-size: auto;
    background-size: cover;
    background-attachment: fixed;
    background-position: 0 top;
}*/

/*.main-typing-bg .slider-text {
    padding: 200px 0;
    text-align: center;
}

.main-typing-bg .slider-text p {
    font-weight: 600;
    font-size: 30px;
    color: var(--main-white-color);
    margin-bottom: 0
}

.main-typing-bg .slider-text h1 {
    font-weight: 800;
    font-size: 102px;
    color: var(--main-white-color);
    text-transform: uppercase;
    min-height: 152px;
}
*/
.btn-border a {
    border: 0;
    position: relative;
    z-index: 1;
    color: #FFF;
    padding: 20px 40px;
    outline: 0;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
}

.btn-border a:before {
    content: '';
    width: 100%;
    height: 100%;
    background: var(--main-blue-color);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    transition: all 0.3s ease;
}

.btn-border a:after {
    content: '';
    border: 2px solid #fff;
    width: -moz-calc(100% - 7px);
    width: -webkit-calc(100% - 7px);
    width: -o-calc(100% - 7px);
    width: calc(100% - 14px);
    height: -moz-calc(100% - 8px);
    height: -webkit-calc(100% - 8px);
    height: -o-calc(100% - 8px);
    height: calc(100% - 14px);
    position: absolute;
    top: 8px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    transition: all 0.3s ease;
    margin: 0 auto;
}

.btn-border a:hover {
    color: #fff;
    text-decoration: none;
    box-shadow: 0 0 21px rgba(67, 193, 232, 0.5);
}

.btn-border a:hover:after {
    width: -moz-calc(100% - 0px);
    width: -webkit-calc(100% - 0px);
    width: -o-calc(100% - 0px);
    width: calc(100% - 0px);
    height: -moz-calc(100% - 0px);
    height: -webkit-calc(100% - 0px);
    height: -o-calc(100% - 0px);
    height: calc(100% - 0px);
    top: 0;
}

.btn-border.col-sm-12 {
    margin: 30px 0;
    text-align: center;
}

.btn-border.col-sm-12 a::before {
    background: #000 !important;
}

.btn-border.col-sm-12 a:hover {
    box-shadow: 0 0 21px rgba(0, 0, 0, 0.5);
}

/*typing-effect*/
.typewriter {
    font-family: sans-serif;
    color: #fff;
    padding-left: 30px;
    display: block;
}

.typewriter-text {
    /* padding-right: 10px;
color: #ffe509;
border-right: solid #ffe509 7px;
text-transform: uppercase;*/
    animation: cursor 1s ease-in-out infinite;
    /*  font-weight: bold;*/
}

@keyframes cursor {
    from {
        border-color: #ffe509;
    }

    to {
        border-color: transparent;
    }
}

/*new 28 jan*/
.cvupload {
    display: flex;
    width: 100%;
    border-radius: 8px;
    border: 1px solid #8e8e8e;
    padding: 2px 20px;
    height: 46px;
    color: #B5B5B5;
    margin-bottom: 20px;
    justify-content: space-between;
    align-items: center;
}

.cvupload input {
    width: 60%;
}

.cvupload1 {
    border: 1px solid #8e8e8e;
    margin: 0 10px;
}

.cvupload1 input {
    border: none !important;
    width: 60% !important;
    margin-bottom: 0 !important;
    padding: 5px !important
}

.mt-9 {
    margin-top: 90px
}

.session-left-box.active_cls {
    background: var(--main-blue-color);
}

.session-left-box.active_cls h5 {
    color: #fff
}

.cl-new {
    margin: 0
}

.dash-booking-titlebox h5 a {
    color: #000
}
.chckClass input {
    width: 18px !important;
    margin-right: 10px !important;
    margin-bottom: 0 !important;
}
.chckClass {
    display: flex;
    align-items: center;
}
#filter_service{    background: var(--main-blue-color);
    color: var(--main-white-color) !important;
    padding: 8px 16px;
    display: inline-block !important;
    border: none;
    cursor: pointer}
/*new-16june*/
.col-sm-12.filterbox.filterbox1 {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}
.col-sm-12.filterbox.filterbox1 .input-filter{margin-bottom: 0px;}
.col-sm-12.filterbox.filterbox1 .input-filter input{margin-bottom: 0px; margin-right: 15px;}
.col-sm-12.filterbox.filterbox1 .input-filter .icon {
    position: absolute;
    right: 34px;
    top: 17px;
}



.input-filter.btncsls input{width: 100% !important;}
.input-filter.btncsls button{right: 0;}


a.cvCls {
    color: var(--main-blue-color);
    font-weight: 600;
}

.share .st-btn{border: none !important; color:var(--main-blue-color)!important; }
.share .st-btn span{color:var(--main-blue-color) !important; border-right: none !important; margin-right: 0px !important;}
/*new-css-9-Oct*/
.slideimg{width: 100%;}

.slideimg_mobile{
width: 100%;
display:none;
}




div#sessionList .SelectBox {
    margin-bottom: 15px;
}

/*new-31dec*/
.container.box.col-sm-6.m-auto {
    padding-top: 50px;
}
ul.area_of_exp {
    padding-left:20px;
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 0;
}
ul.area_of_exp li {
    padding-right: 33px;
    margin-bottom: 10px;
}
.expert-box span {
    display: inline-block;
    text-align: center;
    font-size: 13px;
    width: 100% !important;
}
.expert-box span img {
    width: 30px;
}
@media (max-width: 767.98px) {
    .typewriter {
        font-size: 35px;
    }
}

@media (min-width: 768px) {
    .typewriter {
        font-size: 60px;
    }
}

/*section-heading*/
.section-heading {
    margin-bottom: 30px;
}

.section-heading h3 {
    font-size: 45px;
    font-weight: 700;
    color: var(--main-blue-color)
}

.section-heading h3 span {
    color: var(--main-black-color);
    font-weight: 600;
}

/*our-coaches-home*/
.our-coaches-home {
    padding: 95px 0 0
}

.home-coach {
    display: flex;
    border: 2px solid #EFEFEF;
    transition: .3s all ease;
    margin-bottom: 30px;
}

.home-coach:hover {
    box-shadow: 0 0 46px rgba(151, 151, 151, 0.3);
    transition: .3s all ease;
}

.coach-home-img-box {
     position: relative;
    flex: 0 0 40%;
    max-width: 40%;
    overflow: hidden;
    height: 239px;
}

.coach-category-home {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 99;
    background: var(--main-blue-color);
    color: #fff;
    padding: 6px 16px;
    font-size: 14px;
    font-weight: 600;
}

.coach-home-details {
    padding: 24px;
}

.coach-home-details p {
    font-size: 15px !important;
}

.coach-home-img-box img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.coach-home-details h4 {
    font-weight: 600;
    font-size: 22px;

 color: #000
}

.coach-home-details p {
    font-size: 16px;
    line-height: 22px;
}

.coach-home-details a img {
    margin-right: 10px;
    transition: .3s all ease
}

.coach-home-details a:hover img {
    transform: rotate(180deg);
    transition: .3s all ease
}

.coach-home-details a {
    display: flex;
    align-items: center;
    color: var(--main-black-color);
    font-size: 14px;
    transition: .3s all ease
}

.coach-home-details a:hover {
    text-decoration: none;
    letter-spacing: 1px;
    transition: .3s all ease
}

/*home-service*/
.our-services-home {
    padding: 95px 0 0;
}

.btn-border.col-sm-12.mar-30 {
    margin: 60px 0;
}

.coach-home-details {
    padding: 24px;
    flex: 0 0 60%;
    max-width: 60%;
    
}

.home-service-column {
    padding: 44px;
    display: block;
}
.home-service-column:hover{background: var(--main-blue-color);}
.col-sm-12.filterbox.filterbox1 .input-filter {
    width: auto;
}
.home-service-column {
    border: 1px solid #DEDEDE;
    width: 33.33%
}

.home-service-column a {
    color: #000;
    border: 1px solid #8e8e8e;
    display: inline-block;
    margin-top: 15px;
    padding: 6px 10px;
}
.coach-short-profile {
    
}
.home-service-column:hover a {
    border: 1px solid #fff;
    color: #fff;
}

/*.home-service-column:hover {
    background: var(--main-blue-color);
    transform: scale(1.1);
    transition: .3s all ease;
    box-shadow: 0 0 33px rgba(0, 0, 0, 0.3);
}*/

.home-service-column h4 {
    color: var(--main-black-color);
    font-size: 23px;
    font-weight: 700;
    margin: 34px 0;
}

.home-service-column a:hover h4 {
    color: var(--main-white-color)
}

.home-service-column a:hover {
    text-decoration: none;
}

.home-service-column:hover img {
    filter: invert();
}

.home-service-column:hover h4 {
    color: var(--main-white-color)
}

.home-service-column p {
    font-size: 16px;
    line-height: 27px;
    color: var(--main-black-color);
    margin-bottom: 0;
        text-align: justify;
}

.home-service-column:hover p {
    color: var(--main-white-color)
}

/*why-mycareer-coach*/
.why-mycareer-coach {
    background: url(../../../img/front/why-cc-bg.jpg);
    background-position-x: 0%;
    background-position-y: 0%;
    background-attachment: scroll;
    background-size: auto;
    background-size: cover;
    background-attachment: fixed;
    margin-top: 95px;
}

.coarch-why-leftbox {
    width: 50%;
    background: rgba(257, 257, 257, 0.9);
    padding: 100px 66px 100px 128px;
}

.whylist-detail h5 {
    font-size: 21px;
    font-weight: 600;
}

.whylist-detai p {
    font-size: 16px;
}

.why-list {
    margin-top: 60px;
    width: 80%;
}

.why-list ul {
    padding-left: 0;
    list-style: none;
}

.why-list ul li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px;
}

.why-list ul li span {
    background: var(--main-blue-color);
    height: 38px;
    flex: 0 0 38px;
    border-radius: 100%;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    color: var(--main-white-color);
    font-weight: 600;
    margin-right: 20px;
}

/*coaches-selection-process */
.coaches-selection-process {
    padding-top: 95px;
}

.coach-pro-box {
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
    text-align: center;
    min-height: 321px;
    transition: .3s all ease;
    border: 2px solid var(--main-white-color);
}

.coach-pro-box h4 {
    margin: 10px 0;
    font-size: 20px;
    font-weight: 600;
}

.coach-pro-box p {
    font-size: 16px;
}

.coach-pro-box:hover {
    border: 2px solid var(--main-blue-color);
    transition: .3s all ease;
    box-shadow: 0 0 8px inset rgb(108, 108, 108);
}

/*career-coaching-journey*/
.career-coaching-journey {
    background:var(--main-blue-color);
    background-attachment: fixed;
    margin-top: 95px;
    padding: 90px 0;
    background-size: cover;
}

.Journey-coach-box {
    width: 23%;
    min-height: 250px;
    background: var(--main-white-color);
    padding: 16px;
    position: relative;
    transition: .3s all ease;
    overflow: hidden;
    margin-left: 15px;
    margin-right: 15px;
}

.inner-jou-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--main-blue-color);
    height: 100%
}

.Journey-coach-box:hover img {
    display: none
}

.Journey-coach-box h5 {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 10px 0
}

.Journey-coach-box:hover h5 {
    display: none;
}

.Journey-coach-box p {
    font-size: 14px !important;
    color: var(--main-white-color);
    display: none;
    transition: .3s all ease
}

.Journey-coach-box:hover {
    background: #373737;
    transition: .3s all ease;
    box-shadow: 0 0 54px rgba(0, 0, 0, 0.2);
}

.Journey-coach-box:hover .inner-jou-box {
    border: none;
}

.Journey-coach-box:hover p {
    display: block;
    transition: .3s all ease
}

.row.justify-content-between {
    padding-top: 90px;
}

/*arrow-ani*/
.arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 9%;
}

.arrow span {
    display: block;
    width: 20px;
    height: 20px;
    border-bottom: 5px solid #fff;
    border-right: 5px solid #fff;
    transform: rotate(-45deg);
    margin: 0;
    animation: animate 2s infinite;
}

.arrow span:nth-child(2) {
    animation-delay: -0.2s;
}

.arrow span:nth-child(3) {
    animation-delay: -0.4s;
}

@keyframes animate {
    0% {
        opacity: 0;
        transform: rotate(-45deg) translate(-15px, -15px);
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: rotate(-45deg) translate(15px, 15px);
    }
}

/*testimonial-slider*/
.testimonial-slider {
    padding-top: 95px;
}

.carousel-inner .carousel-item .img-box {
    width: 135px;
    height: 135px;
}

.carousel-control-prev {
    left: -100px;
    display: none
}

.carousel-control-next {
    right: -100px;
    display: none
}

.testimonial-slider .carousel-indicators li {
    height: 20px;
    width: 20px;
    border-radius: 100%;
    border: 3px solid var(--main-black-color);
}

.testimonial-slider .carousel-indicators .active {
    border: 3px solid var(--main-blue-color);
}
.duration_update{display: flex; flex-direction: column;}
.duration_update span:first-child{margin-bottom: 10px;}
.duration_update .duration_session{margin-bottom: 0;}
.duration_update .duration_session span{margin-bottom: 10px;}
.graph-bar h4 {
    font-size: 18px;
    margin-bottom: 33px;
}
.container.session-past-table{margin-top: 20px;}
@media (min-width: 320px) and (max-width: 640px) {
    .carousel-inner .carousel-item p {
        font-size: 14px;
    }

    .carousel-control-prev {
        left: -40px;
    }

    .carousel-control-next {
        right: -40px;
    }

    .carousel-indicators {
        top: 400px;
    }
}

.client-say-box {
    display: flex;
}

.clien-say-details {
    background: var(--main-blue-color);
    display: flex;
    flex-direction: column;
    text-align: left;
 color: #fff;
    padding: 40px;
    justify-content: center;
}

.clien-say-details p {
    font-size: 20px;
    line-height: 39px;
    font-weight: 500;
    color: #fff;
}

.clien-say-details h5 {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
}

.clien-say-details h6 {
    font-size: 16px;
    font-weight: 600;
}

.carousel-indicators {
    bottom: -74px !important;
}

/*blog-home-main*/
.blog-home-main {
    margin-top: 145px;
}

.blog-home-box {
    position: relative;
    margin-top: 30px;
}

.blog-home-box img {
    width: 100%;
}

.overlay {
    position: absolute;
    top: 0;
    padding: 20px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    width: 100%;
    background-image: linear-gradient(to bottom, rgba(257, 257, 257, 0.1), rgb(0, 0, 0, 0.7));
}

.blog-home-box:hover .next {
    transform: rotate(360deg);
    transition: .3s all ease
}

.next {
    width: 42px !important;
    position: absolute;
    bottom: -20px;
    right: 14px;
    transition: .3s all ease
}

.overlay h5 {
    color: #fff;
    font-size: 20px;
    /*font-weight: 600;*/
}

.overlay span {
    color: #fff;
    font-size: 12px;
  /*  font-weight: 600;*/
}

/*footer*/
#footer {
    background: #161616;
    margin-top: 110px;
}

.footer-box {
    margin-top: 50px;
}

.footer-box h5 {
    font-weight: 600;
    font-size: 20px;
    color: #9F9F9F;
    position: relative;
    margin-bottom: 45px;
}

.footer-box h5:after {
    border-bottom: 2px solid var(--main-blue-color);
    width: 42px;
    position: absolute;
    content: "";
    bottom: -12px;
    left: 0;
}

.footer-box ul {
    padding: 0;
    list-style: none;
}

.footer-box ul li {
    margin-bottom: 10px;
}

.footer-box ul li a {
    color: #9F9F9F;
    font-weight: 600;
    font-size: 16px;
}

.form-box-ftr {
    width: 50%;
}

.footer-box input {
    width: 100%;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #2E2E2E;
    padding: 10px;
    
    background: #202020;
    margin-bottom: 13px;
    color:#9F9F9F;
}

.footer-box textarea {
    width: 100%;
    height: 80px;
    border-radius: 5px;
    border: 1px solid #2E2E2E;
    padding: 10px;
    font-size: 15px;
    background: #202020;
    margin-bottom: 13px;
    color: #4D4D4D;
    resize: none;
}

.footer-box button {
    background: var(--main-blue-color);
    color: var(--main-white-color);
    font-size: 16px;
    font-weight: 500;
    border-radius: 5px;
    border: none;
    padding: 7px 25px;
    cursor: pointer;
}

.ftr-social {
    margin-bottom: 36px;
}

.ftr-social a {
    width: 46px;
    height: 46px;
    display: inline-flex;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    background: #2B2B2B;
    margin-right: 15px;
    transition: .3s all ease
}

.ftr-social .link:hover {
    background: #0e76a8;
    transition: .3s all ease
}

.ftr-social .insta:hover {
    background: #fe4164;
    transition: .3s all ease
}

.mail-head {
    margin-bottom: 30px !important;
}

.email-ftr {
    font-size: 16px;
    color: #9F9F9F
}

.ftr-btm {
    margin-top: 38px;
    padding: 10px 0;
    border-top: 1px solid #343434;
}

.ftr-btm span {
    color: #9F9F9F;
    font-size: 16px;
    font-weight: 600;
}

/*head-img*/
.page-heading-banner {
    background: url(../../../img/front/shakeup-header-imgs.png);
    background-size: cover;
    padding: 60px 0;
    text-align: center;
    z-index: -1;
    position: relative;
    height: 109px !important;
}

.page-heading-banner h2 {
    color:#fff;
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 0;
    word-break: break-word;
    margin: -20px;
}
.coach-short-profile p{    word-break: break-word;}
.page-heading-banner .breadcrumb {
    background: none;
    justify-content: center;
    margin-bottom: 0
}

.page-heading-banner .breadcrumb li a {
    color: var(--main-black-color);
    font-size: 16px;
}

.page-heading-banner .breadcrumb .active {
    color: var(--main-blue-color)
}

/*service-page*/
.service-list-main {
    padding: 95px 0
}

.ser-icon {
    width: 60px;
    height: 60px;
}

.ser-icon img {
    width: 100%;
    height: 100%;
}

/*blogs*/
.main-blog {
    padding: 95px 0
}

/*faq-page*/
.main-faq {
    padding: 95px 0
}

.faq-num {
    height: 49px;
    width: 49px;
    display: inline-flex;
    background: var(--main-white-color);
    color: var(--main-black-color);
    justify-content: center;
    align-items: center;
    font-size: 26px;

}

.faq-num:before {
    display: none
}

.accordion .card-header:after {
    font-family: 'FontAwesome';
    content: "\f056";
    float: right;
    font-size: 26px;
}

.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f055";
    font-size: 26px;
}
.accordion .card-header {
    padding: 10px;
    background: var(--main-blue-color);
    color: var(--main-white-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.accordion .card-header a{margin-bottom: 0 !important;}
.faq-box {
    margin-bottom: 20px;
}

.accordion .card-title {
    font-weight: 600;
    font-size: 16px;
    width: 89%;
    display: inline-block;
}

.accordion .card-body {
    background: #F1F1F1;
    width: 100%
}

.accordion .card-body p {
    line-height: 30px;
    font-size: 16px;
}

/*about-page*/
.about-company {
    padding-top: 95px;
}

.comp-over h3 {
    font-size: 34px;
    font-weight: 600;
    color: var(--main-blue-color)
}

.comp-over h6 {
    font-size: 24px;
    color: var(--main-black-color);
    margin: 18px 0
}

.comp-over p {
    line-height: 30px;
    font-size: 16px;
}

.comp-over-img {
    position: relative;
}

.comp-over-img:after {
    position: absolute;
    height: 76px;
    width: 76px;
    background: var(--main-blue-color);
    content: "";
    right: -16px;
    top: -16px;
    z-index: -1;
}

.comp-over-img img {
    width: 100%;
    box-shadow: 0 0 44px rgba(0, 0, 0, 0.2);
}

.quote {
    padding: 94px 0;
    font-weight: 600;
    font-size: 26px;
    line-height: 46px;
}

.quote i {
    font-size: 18px;
    color: var(--main-blue-color)
}

.who-we-box .nav-tabs {
    border: none;
}

.who-we-box .nav-tabs .nav-link.active {
    border: none;
    color: var(--main-blue-color) !important
}

.who-we-box .nav-tabs .nav-item {
    margin-right: 50px;
}

.who-we-box .nav-tabs .nav-link {
    font-size: 26px;
    font-weight: 600;
}

.who-we-box .nav-tabs .nav-link:hover {
    border: none;
}

.nav-tabs .nav-link:focus {
    outline: none;
}

.who-we-box .nav-item:hover:after {
    display: none
}

.who-we-box .nav-item .active:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    content: '';
    background-color: var(--main-blue-color);
    opacity: 1;
    transition: all 200ms linear;
}

.who-tab {
    margin: 26px 0
}

.who-tab p {
    font-size: 16px;
    line-height: 30px;
}

.tab-list {
    list-style: none;
    padding: 0
}

.tab-list {
    display: flex;
    flex-flow: row wrap;
    margin-top: 30px;
}

.tab-list li {
    width: 36%;
    margin-right: 10px;
    margin-bottom: 20px;
}

.tab-list li img {
    margin-right: 15px;
}

/*service-single*/
.services-single {
    padding: 95px 0 0
}

.para-video {
    line-height: 32px;
    margin: 40px 0;
    text-align: justify;
}

.filter-coach {
    margin-top: 95px;
}

.filter-coach span {
    font-size: 26px;
    color: var(--main-black-color);
    font-weight: 500;
    margin-right: 30px;
}

.filterbox {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
}

.input-filter {
    position: relative;
    display: flex;
   /* margin-bottom: 10px;*/
}

.input-filter input {
    border: 1px solid #8e8e8e;
    height: 60px;
    width: 371px;
    border-radius: 10px;
    padding: 10px;
  margin-bottom: 10px;
    text-indent: 15px;
    color: #000;
}

.input-filter .icon {
    position: absolute;
}

.input-filter button {
    position: absolute;
    height: 60px;
    width: 60px;
    right: 30px;
    background: none;
    border: none;
    cursor: pointer;
}

.input-filter button:focus {
    outline: none;
}

.main-coach-section {
    margin: 70px 0;
}

.coach-home-details span {
    text-align: right;
    display: block;

 
}
.review-coach-rat span{font-weight: 600;
    margin-right: 10px;   }
.book-now {
    background: var(--main-blue-color);
    color: var(--main-white-color) !important;
    padding: 8px 16px;
    display: inline-block !important;
    border: none;
    cursor: pointer;
}

.review-coach-rat {
margin: 8px 0;
    color: #ffd24a;
    font-size: 12px;
    display: flex;
    justify-content: flex-start;
    align-items: center;

}

.review-coach-rat i {
    color: #ffd24a;
    font-size: 12px;
}

.pagination.pagi-coach {
    display: flex;
    justify-content: center;
    margin: 30px 0
}

.pagination.pagi-coach li {
    margin: 0 5px;
    border: none;
}
.video iframe {
    width: 100%;
}
li.page-item.disabled .page-link{background: #000 !important;
    color: var(--main-white-color);
    padding: 8px 16px;
    font-size: 15px;
    font-weight: 600; border: none !important}
.page-item.active .page-link{ background: #000 !important;
    color: var(--main-white-color);
    padding: 8px 16px;
    font-size: 15px;
    font-weight: 600; border: none;}
.pagination.pagi-coach li a {
    background: var(--main-blue-color);
    color: var(--main-white-color);
    padding: 8px 16px;
    font-size: 15px;
    font-weight: 600;


}

.pagination.pagi-coach li a:hover {
    background: var(--main-black-color)
}

/*single-coach*/
.coach-detail-main {
    padding-top: 95px;
}

.coach-pic {
    width: 256px;
    position: relative;
    height: 256px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
}

.coach-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2)
}

/*.coach-pic:after {
    position: absolute;
    height: 90%;
    width: 90%;
    background: var(--main-blue-color);
    content: "";
    right: -16px;
    bottom: -16px;
    z-index: -1;
}*/

.coach-short-profile h4 {
    font-size: 34px;
    font-weight: 600;
    color: var(--main-blue-color);
    margin-bottom: 19px;
    word-break: break-word;
}

.coach-short-profile p {
    line-height: 31px;
    font-size: 16px;
}

.row.coach-profile {
    margin-bottom: 52px;
}

.coach-video-info {
    height: 223px;
    border: 2px solid var(--main-blue-color);
    padding: 50px;
    position: relative;
}

.coach-video-info:after {
    content: "";
    width: 87%;
    height: 80%;
    border: 1px solid #C8C8C8;
    position: absolute;
    top: 10%;
    left: 6%;
}

.coach-video-info h5 {
    font-size: 25px;
    font-weight: 600;
}

.coach-video-info span {
    font-size: 24px;
}

.coach-video-info h6 {
    font-size: 24px;
    font-weight: 600;
    color: var(--main-blue-color);
    margin-top: 23px;
}

.col-sm-12.video-coach {
    margin: 50px 0
}

.col-sm-12.video-coach h3 {
    font-size: 34px;
    margin-bottom: 30px;
}

.expert-box {
    width: 100%;
    padding: 39px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   height: 100%;
   text-align: center;
}

.expert-box:after {
    content: "";
    width: 80%;
    height: 84%;
    border: 1px solid var(--main-blue-color);
    position: absolute;
    top: 8%;
    left: 10%;
}

.expert-box h5 {
    font-size: 26px;
    color: var(--main-blue-color);
    font-weight: 600;
    text-align: center;
    margin: 10px 0
}



.expert-box h6 {
    font-weight: 600;
    color: #878787;
    font-size: 30px;
    margin-top: 30px;
    text-align: center;
}

.review-star-box {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    width: 100%;
    margin-top: 20px;
    align-items: center;
}

.review-star-box i {
    font-size: 27px;
    margin: 0 8px;
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #DC9811;
}

.a-o-e {
    text-align: center;
    font-size: 18px;
}

.expert-box ul {
    display: flex;
    list-style: none;
    flex-direction: column;
    padding-left: 22px;
}
.expert-box1 ul li {
    display: list-item;
    font-size: 16px !important;
    margin-bottom: 2px;
}
.coach_name{font-size: 18px !important; font-weight: 600;}
.coach_name:hover{letter-spacing: normal !important; color: #000;}
.expert-box ul li {
    display: flex;
    margin-bottom: 10px;
}

.expert-box ul li img {
    width: 18px;
    margin-right: 10px;
}

.expert-box ul li span {
    font-size: 18px;
}

.row.coach-para {
    margin-top: 60px;
}

.row.coach-para h3 {
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 20px;
}

.row.coach-para p {
    line-height: 32px;
    word-wrap: break-word;
    text-align: justify;
}

.review-box-coach {
    margin-top: 30px
}

.review-box-coach h3 {
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 20px;
}

.review-coach {
    border: 1px solid #D4D4D4;
    padding: 30px;
}

.coach-rew-details-top {
    display: flex;
    justify-content: space-between;
}

.coach-rew-details-top h6 {
    color: var(--main-blue-color);
    font-size: 20px;
}

.coach-rew-details-top h6 span {
    display: block;
    font-size: 17px;
    color: #B4B4B4;
    margin-top: 10px
}

.coach-rew-details-top .rating i {
    color: #DA9202;
    font-size: 12px
}

.review-coach p {
    line-height: 34px;
    margin-top: 20px;
}

/*register*/
.form-left-img {
    position: relative;
   /* height: 100%;*/
}

.form-left-img:after {
    border-top: 5px solid #fff;
    border-right: 5px solid #fff;
    border-bottom: 5px solid #fff;
    content: "";
    position: absolute;
    height: 92%;
    width: 91%;
    top: 35px;
    opacity: 0.5;
}

.form-left-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
   
}
.col-sm-6.left-panel-form {
    padding-bottom: 60px;
}
.form-head {
    position: absolute;
    display: none;
}

.left-panel-form {
    padding-left: 78px !important;
    padding-top: 38px;
}

.col-sm-6.left-panel-form .logo {
    margin-bottom: 0;
    width: 150px;
}

.col-sm-6.left-panel-form .nav-tabs {
    border: none;
}

.col-sm-6.left-panel-form .nav-tabs .nav-item {
    margin-right: 14px;
    margin-bottom: 0;
}

.col-sm-6.left-panel-form .nav-tabs .nav-link {
    padding: 10px 35px !important;
    border: 2px solid var(--main-blue-color);
    font-size: 15px;
    font-weight: 500;
    border-radius: 8px;
    text-transform: uppercase;
}

.col-sm-6.left-panel-form .nav-tabs .nav-item:after {
    display: none
}

.col-sm-6.left-panel-form .nav-tabs .nav-link.active {
    background: var(--main-blue-color);
    color: var(--main-white-color) !important
}

.form-section input {
    width: 100%;
    height: 42px;
    border: 1px solid #8e8e8e;
    border-radius: 8px;
 /*   margin-bottom: 17px;*/
    padding: 5px 10px;
 
    color: #000;
}

.form-section label{color: #000;}

.error{
   color:red !important;
}
.error::placeholder{
   color:red !important;
}
.form-section textarea{
    width: 100%;
    height: 80px;
    border: 1px solid #8e8e8e;
    border-radius: 8px;
/*    margin-bottom: 17px;*/
    padding: 5px 10px;
    font-size: 15px;
    color: #000;
    resize: none;
}
.form-section textarea:focus{outline: none}
/* ::-webkit-input-placeholder {
  
  color: #000;
} 
input::-moz-placeholder {
    opacity: 1 !important
}

textarea::placeholder {
    opacity: 1
}*/

.SelectBox {
    position: relative;
}
form .col-sm-6, form .col-sm-12{margin-bottom: 15px;}
.SelectBox select {
    width: 100%;
    height: 42px;
    border: 1px solid #8e8e8e;
    border-radius: 8px;
  
    padding: 5px 10px;
    font-size: 15px;
    color: #767676 !important;
    cursor: pointer;
    -webkit-appearance: none;
}

.SelectBox .chevron {
 position: absolute;
    top: 8px;
    right: 7px;
    pointer-events: none;
    background: #fff;
    padding: 0 10px;
}

.SelectBox select option {
    background-color: #fff;

}


.check-tearm input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.check-tearm label {
    position: relative;
    cursor: pointer;
    font-size: 12px;
    display: flex;
}

.check-tearm label:before {
    content: '';
    -webkit-appearance: none;
    background-color: var(--main-blue-color);
    border: none;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 10px;
    width: 18px;
    height: 18px;
    border-radius: 5px;
}

.check-tearm input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 6px;
    width: 6px;
    height: 10px;
    border: solid #fff;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.sub-btn-form button {
    background: var(--main-blue-color);
    width: 100%;
    border: none;
    color: var(--main-white-color);
    font-size: 16px;
    padding: 12px;
    border-radius: 8px;
    cursor: pointer;
    transition: .3s all ease
}

.sub-btn-form button:hover {
    background: var(--main-black-color);
    transition: .3s all ease
}

.col-sm-12.sub-btn-form {
    margin: 17px 0;
}

.col-sm-12.sub-btn-form span {
    font-size: 15px;
    font-weight: 500;
    margin-top: 17px;
    display: block;
}

.col-sm-12.sub-btn-form span a {
    font-size: 15px;
    font-weight: 500;
    color: var(--main-blue-color);
    text-transform: uppercase;
}

.or {
    color: #4e4e4e888;
    font-weight: 600;
    font-size: 20px;
    text-align: center;
    margin: 20px 0
}

.g-btn-form a {
    background: #DD4B39;
    font-size: 16px;
    padding: 12px;
    border-radius: 8px;
    display: block;
    color: var(--main-white-color);
    transition: .3s all ease;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
}

.g-btn-form a:hover {
    color: var(--main-white-color);
    text-decoration: none;
    background: var(--main-black-color);
    transition: .3s all ease;
}

.g-btn-form a img {
    margin-right: 10px;
}

.col-sm-12.g-btn-form {
    margin-top: 20px;
}

.copy {
    font-size: 16px;
    font-weight: 500;
    margin-top: 40px;
}

.form-head {
    position: absolute;
    top: 12%;
    background: rgb(104, 162, 185, 0.8);
    padding: 20px 50px 20px 20px;
    ;
    width: 80%
}

.form-head h2 {
    color: var(--main-white-color);
    font-weight: 500;
    font-size: 40px;
}

.form-head a {
    color: var(--main-white-color);
    font-size: 18px;
    font-weight: 500;
}

.form-head a:hover {
    color: #fff
}

.form-inner {
    width: 100%;
    padding: 50px;
    border: 2px solid #D4D4D4;
    margin: 0 auto;
}

.form-inner img {
    margin: 0 auto 34px auto;
    display: block;
}

.form-inner form {
    display: flex;
    flex-direction: column;
}

.form-inner form input {
    width: 100%;
    height: 42px;
    border: 1px solid #8e8e8e;
    border-radius: 8px;
    margin-bottom: 17px;
    padding: 5px 10px;
   
    color: #000;
}

.fp {
    font-size: 16px;
    color: var(--main-blue-color);
    font-weight: 500;
}

.sub-btn-log {
    background: var(--main-blue-color);
    color: var(--main-white-color);
    text-align: center;
    padding: 13px 0;
    border: none;
    border-radius: 8px;
    margin: 18px 0;
    font-family: 17px;
}

.gplus img {
    margin: 0
}

.gplus a {
    display: flex;
    justify-content: center;
}

/*blog-single*/
.blog-single {
    padding: 1px 0;
}

.head-single-blog {
    margin-bottom: 82px;
}

.head-single-blog h3 {
    font-size: 28px;
    width: 60%;
    line-height: 45px;
}

.head-single-blog span {
      font-size: 20px;
    color: #4e4e4e;
    margin-right: 18px;
    font-weight: 500;
 
    /*border-right: 1px solid #ffc600;*/
    padding-right: 22px;
}
.head-single-blog span:nth-child(3){border-right: none;}
.blog-single-img {
    position: relative;
}
.blog-single-img img{width: 100%;}
.blog-single-img:after {
    content: "";
    background: var(--main-blue-color);
    width: 90%;
    height: 90%;
    position: absolute;
    right: -26px;
    bottom: -25px;
    z-index: -1;
}

.quote-blog {
    padding: 80px 0 30px;
    font-size: 22px;
    width: 80%;
    margin: 30px auto;
}

.quote-blog i {
    color: var(--main-blue-color);
}

.blog-single p {
    line-height: 30px;
    color: #4e4e4e;
}

.c-acunt {
    text-align: right;
    margin-top: 10px;
}

.fp-box {
    padding: 90px 0
}

.content-page {
    padding-top: 95px;
    padding-left: 20px;
     padding-right: 20px;
}

.content-para-box {
    margin-bottom: 30px;
}

.content-para-box p {
    line-height: 27px;
}

.content-para-box ul {
    list-style: none;
    margin: 15px 0
}

.content-para-box ul li {
    margin-bottom: 10px;
}



/*Coach-Panel*/
/*coach-header*/
.user-head-dp {
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 100%;
    position: absolute;
    left: -10px;
    top: -5px;
    background: #f1f1f1
}

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

.right-profile-header {
    margin-left: 48px;
    display: flex;
    align-items: center;
}

.right-profile-header .dropdown {

    position: relative;

}

.right-profile-header .dropdown .dropdown-toggle::after {
    font-size: 20px;
    position: relative;
    top: 4px;
    border-radius: 5px;
    background-color: transparent !important;
    left: auto;
}

.right-profile-header .dropdown .btn-profile {
    background: var(--main-blue-color);
    color: var(--white);
    border-radius: 25px;
    padding: 3px 22px 3px 36px;
    font-weight: 600;
    margin-right: 10px;
}

.right-profile-header .dropdown-menu {
    min-width: 100%;
    top: 118%;
    padding: 0 !important;
    left: auto;
}

.right-profile-header .dropdown-menu .dropdown-item {
    padding: 8px 26px;
    background: var(--main-white-color);
    border-bottom: 1px solid #f1f1f1;
    font-size: 13px;
    letter-spacing: 0;
    font-weight: 500;
}

.right-profile-header .dropdown-menu .dropdown-item:hover {
    background: #f1f1f1
}

.right-profile-header .dropdown-menu .dropdown-item img {
    margin-right: 10px;
}

.notification {
    padding-left: 25px;
}

.notification .badge {
    background: var(--main-blue-color);
    color: #fff;
    border-radius: 100%;
    position: absolute;
    right: -10px;
    top: 1px;
    border: 2px solid #fff;
    font-size: 10px;
    width: 22px;
    height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}

.page-heading-coach-user {
    padding: 20px 0;
    margin-top: 40px;
    margin-bottom: 50px;
    z-index: -1;
    position: relative;
}

.page-heading-coach-user h1 {
    position: relative;
    text-align: center;
    font-size: 22px;
    font-weight: 500;
}

.page-heading-coach-user h1:after {
    border-bottom: 2px solid var(--main-blue-color);
    width: 59px;
    bottom: -10px;
    content: "";
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
}

.dash-book-heading {
    display: flex;
    justify-content: space-between;
    padding: 20px 30px;
    border-radius: 15px;
    box-shadow: 0 0 15px rgba(72, 72, 72, 0.1);
    align-items: center;
}

.dash-book-heading h4 {
    font-size: 18px;
    margin-bottom: 0
}

.dash-book-heading a {
    font-size: 14px;
    font-weight: 500;
    color: var(--main-blue-color);
}
.block-heading a{color: var(--main-blue-color);}
.dash-booking-main {
    display: flex;
    justify-content: space-between;
    padding: 20px 30px;
    border-radius: 15px;
    box-shadow: 0 0 15px rgba(72, 72, 72, 0.1);
    align-items: center;
    margin: 20px 0 0;
}

.book-cand {
    width: 64px;
    height: 64px;
    overflow: hidden;
    border-radius: 100%;
    margin-right: 20px;

}

.book-cand img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.dash-booking-name.col-sm-6 {
    display: flex;
    align-items: center;
    padding: 0
}

.dashboard-top-row {
    margin-bottom: 50px;
}

.dash-booking-titlebox h5 {
    margin-bottom: 0;
}

.dash-booking-titlebox span {
    color: #959595
}

.col-sm-6.dash-booking-rt {
    text-align: right;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0;
}

.col-sm-6.dash-booking-rt span {
    margin-bottom: 50px;
    color: #959595;
    font-size: 12px;
}

.col-sm-6.dash-booking-rt .btn-blue {
    margin-right: 10px;
}

.btn-blue {
    background: var(--main-blue-color);
    color: var(--main-white-color);
    padding: 6px 14px;
}

.btn-blue:hover {
    text-decoration: none;
    color: #fff
}

.btn-black {
    background: var(--main-black-color);
    color: var(--main-white-color);
    padding: 6px 14px;
}

.btn-black:hover {
    text-decoration: none;
    color: #fff
}

.block-heading {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.block-heading h4 {
    font-size: 18px;
}

.block-heading a {
    font-size: 14px;
    font-weight: 500;
}

.availability-dash {
    padding: 30px;
    box-shadow: 0 0 15px rgba(72, 72, 72, 0.1);
    border-radius: 15px;

}

.calender {
    margin-top: 30px;
    margin-bottom: 30px;
}

.calender img {
    width: 100%;
}

.color-shade-calendar {
    display: flex;
    flex-flow: row wrap;
}

.color-book {
    width: 20px;
    height: 20px;
    background: #F29A8C;
    margin-right: 10px;
}
.session-right-box p{word-break: break-word;}
.form-session.card_section input {
    margin-bottom: 15px;
}
.col-sm-12.check-tearm.servicchck {
    padding: 0;
    margin-top: 10px;
}
.col-sm-12.check-tearm.servicchck label {
    display: flex;
    align-items: center;
}
.col-sm-12.check-tearm.servicchck input:checked+label:after {
    top: 8px;}
.cal-status-color-box {
    display: flex;
    align-items: center;
    margin-right: 30px;
    margin-bottom: 10px;
        min-width: 124px;
}

.color-unavailable {
    width: 20px;
    height: 20px;
    background: #e1e1e1;
    margin-right: 10px;
}

.color-slots {
    width: 20px;
    height: 20px;
    background: #FCE656;
    margin-right: 10px;
}

.color-available {
    width: 20px;
    height: 20px;
    background: #00C75C;
    margin-right: 10px;
}

.session-past-table h5 {
    margin-bottom: 15px;
    font-size: 16px;
}

/*.session-past-table {
    margin-top: 60px;
}*/
.ceri-para {
    margin-top: 10px !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    padding: 20px;
    border-radius: 10px;
}
.ceri-para ul{padding-left: 20px;}
.session-past-table table {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}

.session-past-table table th {
    padding: 10px;
    background: #2E2E2E;
    color: #fff;
    font-weight: normal;
}

.session-past-table table td {
    padding: 10px;
}

/*.invoice-action img {
    padding: 10px;
    background: #fff;
    margin-right: 5px;
    border: 1px solid #EEEEEE;
}*/

.invoice-action a:hover {
    text-decoration: none;
}

.session-past-table table tr {
    background: #fff
}

.session-past-table .table-striped tbody tr:nth-of-type(2n+1) {
    background: #F1FAFF
}

/*session-page*/
.create-ses-btn {
    color: #fff;
    background: var(--main-blue-color);
    padding: 10px;
    display: inline-block;
    margin-bottom: 30px;
}

.session-block-inner {
    display: flex;
    justify-content: space-between;
    padding: 30px;
    box-shadow: 0 0 15px rgba(72, 72, 72, 0.1);
    border-radius: 15px;
}

.sess-title-box a {
    font-size: 22px;
    color: var(--main-black-color);
    font-weight: 500;
    margin-bottom: 10px;
    display: inline-block;
    word-break: break-word;
}

.sess-title-box h6 {
    color: #959595;
    font-size: 18px;
}

.sess-price {
    display: flex;
    align-items: center;
    margin-right: 20px;
}
.session-actions a {
    margin-left: 22px;
}
.sess-price span {
    background: #D9F2FF;
    font-size: 22px;
    padding: 8px 16px;
}

.session-actions {
    height: 100%;
    display: flex;
 
    justify-content: space-around;
}

.main-seession-big {
    margin-bottom: 30px;
}

.view-booking-main {
    display: flex;
    box-shadow: 0 0 15px rgba(72, 72, 72, 0.1);
    overflow: hidden;
    border-radius: 15px;
    margin-bottom: 20px;
}

.view-book-dp {
    width: 62px;
    height: 62px;
    overflow: hidden;
    border-radius: 100%;
    margin: 0 auto 10px;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
}

.view-book-dp img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.booking-candidate-title {
    padding: 30px;
    background: #F5F5F5;
    text-align: center;
}

.booking-detail-box {
    flex: 0 0 78%;
    max-width: 78%;
    padding-left: 30px;
}

.booking-candidate-title {
    padding: 30px;
    background: #F5F5F5;
    text-align: center;
    flex: 0 0 20%;
    max-width: 20%;
}

.booking-detail-box {
    flex: 0 0 78%;
    max-width: 78%;
    padding-left: 30px;
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
    padding-bottom: 20px;
}

.booking-detail-box-title a {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
    display: block;
    color: var(--main-blue-color)
}

.booking-detail-box-title h6 {
    color: #959595
}

.booking-status-box-rt span {
    color: #000;
    margin-bottom: 10px;
}

.booking-status {
    color: #fff;
    display: inline-block;
    padding: 8px 18px;
    min-width: 145px;
    text-align: center;
}

.book-color {
    background: var(--main-blue-color)
}

.booking-status-box-rt {
    display: flex;
    flex-direction: column;
    align-items: end;
    width: 30%;
}

.mycc-radio {
    display: flex;
    margin-bottom: 20px;
}

.mycc-radio .radio {
    margin-right: 40px;
}

.mycc-radio .radio input[type=radio] {
    position: absolute;
    opacity: 0;
}

.mycc-radio .radio input[type=radio]+.radio-label:before {
    content: "";
    background: #f4f4f4;
    border-radius: 100%;
    border: 1px solid #b4b4b4;
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    position: relative;
    top: -0.2em;
    margin-right: 1em;
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease;
}

.mycc-radio .radio input[type=radio]:checked+.radio-label:before {
    background-color: var(--main-blue-color);
    box-shadow: inset 0 0 0 4px #f4f4f4;
}

.mycc-radio .radio input[type=radio]:focus+.radio-label:before {
    outline: none;
    border-color: var(--main-blue-color);
}

.mycc-radio .radio input[type=radio]:disabled+.radio-label:before {
    box-shadow: inset 0 0 0 4px #f4f4f4;
    border-color: #b4b4b4;
    background: #b4b4b4;
}

.mycc-radio .radio input[type=radio]+.radio-label:empty:before {
    margin-right: 0;
}


.session-field {
    color: var(--main-blue-color);
   
}

.session-field label {
    font-size: 18px;
    font-weight: 500;
    color: var(--main-blue-color);
}

.session-field input {
    width: 100%;
    height: 42px;
    border-radius: 8px;
    border: 1px solid #8e8e8e;
    padding: 10px;
    color: #000
}

.slct-avlb-type h6 {
    color: var(--main-blue-color);
    font-size: 18px;
    margin-bottom: 20px;
}

.avlb-date select {
    height: 60px;
    font-size: 16px;
}

.avlb-date.SelectBox .chevron {
    position: absolute;
    top: 52px;
}

.avlb-date label {
    font-size: 18px;
    font-weight: 500;
    color: var(--main-blue-color);
}

.form-group.session-field {
    display: flex;
    flex-direction: column;
    position: relative;
}

.form-group.session-field textarea {
    width: 100%;
    height: 80px;
    border-radius: 8px;
    border: 1px solid #8e8e8e;
    padding: 10px;
    color: #000
}

.btn-grp button {
    background: var(--main-blue-color);
    padding: 12px 16px;
    color: var(--main-white-color);
    border: none;
    border: 1px solid var(--main-blue-color)
}

.form-preview {
  /*  margin-top: 60px;*/
    border-left: 1px solid #D8D8D8;
    padding-left: 30px;
}
.form-group.btn-grp a {
    border: 1px solid var(--main-blue-color) !important;
    padding: 12px 16px;
    color: #000;
    border: none;
    margin: 0;
}
.form-preview h2 {
    font-size: 22px;
    color: var(--main-blue-color);
    margin-bottom: 20px;
}

.form-preview p {
    margin-bottom: 15px;
    font-size: 18px;
        word-break: break-word;
        display: flex;
}
.coach-title {
    width: 70.33%;
    word-break: break-word;
}
.form-preview p span {
    color: var(--main-blue-color);
    min-width: 157px;
    
}
.form-preview p span:last-child{color: #000;}
.form-two table {
    width: 100%;
    border: 1px solid #dee2e6;
}

.form-two {
    width: 100%;
}

.tfter td {
    font-weight: 600;
    background: #fff;
}

.tfter td:first-child {
    text-align: right;
}

.tfter td img {
    width: 13px;
}

/*.form-two {
    display: none
}
*/
.booking-cand-dp {
    text-align: center;
    padding: 28px 10px;
    border: 1px solid #DFDFDF;
}

.status-book-box {
    text-align: right;
}

.status-book-box span {
    color: #959595;
    font-size: 12px;
}

.status-box {
    padding: 10px 16px;
    color: #fff;
    text-align: center;
}

.pending-color {
    background: #FF7700;
    display: inline-block;
    margin-top: 10px;
}

.book-candidate-detail p {
    margin-bottom: 8px;
    color: #959595;
    font-size: 18px;
}

.sessiondate-time-main {
    margin: 50px 0
}

.sessiondate-time-main .text-sess {
    text-align: center;
    margin-bottom: 40px;
}

.session-date-time-box {
    padding: 20px 20px;
    border: 1px solid #D5D5D5;
    margin-bottom: 30px;
}

.session-date-time-box p {
    font-size: 20px;
    margin-bottom: 0;
    font-weight: 500;
}

.para h4 {
    color: var(--main-blue-color);
    font-size: 24px;
}

.para p {
    color: var(--main-black-color);
    line-height: 27px;
}

.btn-group {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    margin-bottom: 50px;
}

.btn-group a {
    padding: 10px 20px;
    color: #fff;
    margin: 0 20px;
}

.btn-group a:hover {
    color: #fff
}

.bg-blue {
    background: var(--main-blue-color)
}

.bg-black {
    background: var(--main-black-color)
}

.bg-orange {
    background: #DC6803
}

/*user-dashboard*/
.coach-dp {
    width: 64px;
    height: 64px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 17px;
    box-shadow: 0 0 12px rgba(2, 144, 218, 0.3);
}

.coach-dp img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.coach-title a {
    font-size: 20px;
    margin-bottom: 0;
    margin-top: 10px;
    color: #000;
}

.coach-title p {
    color: #959595;
    margin-bottom: 0;
}

.coach-cntry {
    font-size: 18px;
    font-weight: 500;
    color: #959595;
}

.coach-thumbs-main {
    padding: 20px 30px;
    border-radius: 15px;
    box-shadow: 0 0 15px rgba(72, 72, 72, 0.1);
    margin-top: 40px;
}

.coach-thumb {
    display: flex;
    padding: 20px 0 20px;
    border-bottom: 1px solid #D8D8D8;
    align-items: center;
}

.coach-thumb:last-child {
    border-bottom: none
}

.dash-pro-thumb .dp {
    width: 106px;
    height: 106px;
    box-shadow: 0 0 12px rgba(2, 144, 218, 0.3);
    overflow: hidden;
    border-radius: 100%;
    margin-right: 20px;
}

.dash-pro-thumb .dp img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dashpro-title {
    display: flex;
    width: 100%;
    align-items: center;
}

.dashpro-title h4 {
    font-size: 18px;
    font-weight: 500;
    border-left: 4px solid var(--main-blue-color);
    padding-left: 10px;
}

.dashpro-title p {
    font-size: 16px;
    color: #959595;
    margin-bottom: 0;
    padding-left: 16px;
}

.dash-pro-thumb {
    display: flex;
    flex-direction: column;
    padding: 50px 30px 0;
    border-radius: 15px;
    box-shadow: 0 0 15px rgba(72, 72, 72, 0.1);
    align-items: center;
}

.view-link {
    color: var(--main-blue-color);
    margin-bottom: 30px;
    font-weight: 500;
    margin-top: 20px;
}

.btn-big-dash {
    background: var(--main-blue-color);
    padding: 20px 10px;
    width: 100%;
    display: block;
    margin: 30px 0;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    border-radius: 15px;
}

.btn-big-dash:hover {
    text-decoration: none;
    color: #fff;
    background: var(--main-black-color)
}

.title-session-dash {
    display: flex;
    justify-content: space-between;
}

.title-session-dash h4 {
    font-size: 18px;
    font-weight: 500;
}

.title-session-dash a {
    font-size: 14px;
    color: var(--main-blue-color)
}

.session-dash-thumb {
    display: flex;
    flex-direction: column;
    box-shadow: 0 0 15px rgba(72, 72, 72, 0.1);
    padding: 40px 25px;
    margin-top: 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
}

.session-coach-small {
    display: flex;
}

.session-coach-dp-small {
    width: 30px;
    height: 30px;
    overflow: hidden;
    border-radius: 100%;
    box-shadow: 0 0 12px rgba(2, 144, 218, 0.3);
    margin-right: 10px;
}

.session-coach-dp-small img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.session-title-dash-thumb-btm {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.session-coach-small h6 {
    font-size: 12px;
    color: #959595;
    margin-bottom: 0
}

.session-coach-small a {
    font-size: 14px;
    color: var(--main-black-color)
}

.session-title-dash-thumb-btm .status {
    padding: 10px 16px;
    border-radius: 10px;
}

.graybg {
    background: #D8D8D8;
}

.session-title-dash-thumb a {
    color: var(--main-black-color);
    font-size: 20px;
    font-weight: 500;
}

.session-title-dash-thumb p {
    margin-bottom: 0;
    color: #959595;
    font-weight: 500;
}

.session-title-dash-thumb {
    margin-bottom: 18px;
}

.session-id {
       color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 24px;
    border-radius: 10px;
    margin-bottom: 8px;
    text-align: center;

}

.mb-30 {
    margin-bottom: 30px;
}

/*session-tabs*/
.session-tabs .nav-tabs {
    border-bottom: none
}

.session-tabs .nav-item {
    margin-right: 50px;
}

.session-tabs .nav-item a {
    padding: 0 0 10px !important;
    border: none;
    font-size: 20px;
    font-weight: 500;
}

.session-tabs .nav-item a.active {
    border: none;
}

.session-tabs .nav-item a.active:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    content: '';
    background-color: var(--main-blue-color);
    opacity: 1;
    transition: all 200ms linear;
}

.sess-date-time {
    width: 70%;
    font-size: 12px;
}
.session-thumb-inner {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.status-sess {
    margin-top: 22px;
    color: #959595;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    width: 100%;
    border-top: 1px solid var(--main-blue-color);
    padding-top: 10px;
}

.bg-green {
    background: #78D410
}

.bg-red {
    background: #FF4343;
}

.input-filter .icon {
    position: absolute;
    right: 16px;
    top: 17px;
}

.filterbox span {
    font-size: 26px;
    margin-right: 20px;
    font-weight: 500;
}

.date-input {
    width: 200px;
    margin-left: 20px;
}

.date-input input {
    width: 100%;
    font-size: 14px;
    outline: none
}

.filterbox1 {
    margin-bottom: 60px;
}

.session-top-head h3 {
    font-size: 30px;
    font-weight: 500;
}

.session-top-head .date {
    font-size: 17px;
    color: #959595
}

.status-id {
    display: inline-block;
    color: var(--main-white-color);
    padding: 9px 27px;
    border-radius: 18px;
    font-size: 14px;
}

.status-sess {
    color: var(--main-black-color)
}

.col-sm-12.coach-sees-box {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    border-top: 1px solid #D8D8D8;
    margin: 20px 0;
    border-bottom: 1px solid #D8D8D8;
}

.coach-subj {
    font-size: 16px;
    color: #959595
}

.session-date-time-main-box {
    width: 100%;
    margin: 30px 0;
}

.session-date-time-main-box h4 {
    text-align: center;
    margin-bottom: 30px;
}

.session-time-box {
    padding: 20px;
    box-shadow: 0 0 20px rgba(2, 144, 218, 0.2);
    margin-bottom: 20px;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 500;
}

.session-detail {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 50px;
}

.s-detail-inner {
    padding-right: 30px;
    margin-left: 30px;
    border-right: 1px solid #D8D8D8;
}

.ml-auto.bk-an-btn {
    background: var(--main-blue-color);
    color: var(--main-white-color);
    padding: 12px 32px;
    font-weight: 500;
    border: none;
    cursor: pointer;
}
.giverate {
    padding: 80px !important;
    background: #fff;
    box-shadow: 0 9px 13px rgb(0 0 0 / 10%);
}
.rating-head{width: 100%;}
.ml-auto.bk-an-btn:hover{background: #000;}
.s-detail-inner h6 {
    color: var(--main-blue-color);
}

.s-detail-inner a {
    color: var(--main-blue-color);
    font-weight: 500;
}

.para {
    line-height: 27px;
}

.detail-profile-main {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    margin-top: 20px;
}

.detail-profile-main div {
    width: 47%;
    border-bottom: 1px solid #D8D8D8;
    padding-bottom: 17px;
    margin-bottom: 17px;
    color: #959595;
    word-break: break-word;
}

.profile-details {
    position: relative;
}

/*.para-profile {
    margin-top: 20px;
}*/

.profile-dp-outer {
    border: 1px solid #D8D8D8;
    min-height: 249px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.profile-dp {
    width: 150px;
    height: 150px;
    border-radius: 100%;
    overflow: hidden;
    box-shadow: 0 0 28px rgba(2, 144, 218, 0.3);
}

.profile-details h6 {
    color: #959595
}

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

.profile-details h6 img {
    margin-right: 8px;
}

.edit-btn {
    position: absolute;
    right: 0;
    background: var(--main-blue-color);
    color: #fff;
    padding: 4px 14px;
    font-weight: 500;
    border-radius: 10px;
}

.edit-btn:hover {
    background: var(--main-black-color);
    color: #fff;
}

.dp-coach-outer {
    text-align: center;
}

.dp-coach-outer h5 {
    margin: 10px 0;
    font-weight: 500;
    font-size: 24px;
}

.dp-coach-outer a {
    background: var(--main-blue-color);
    font-weight: 500;
    color: #fff;
    padding: 10px 16px;
    display: inline-block;
    margin-top: 10px;
}

.dp-coach-outer a img {
    margin-right: 10px;
}

.dp-coach-outer a:hover {
    color: var(--main-white-color)
}

.profile-details-coach {
    border: 1px solid #E9E9E9;
    padding: 10px 15px;
    margin-bottom: 30px;
}

.profile-details-coach h6 {
    color: #787878;
    font-size: 14px;
}

.profile-details-coach h5 {
    margin-bottom: 0px;
    color: var(--main-black-color);
    font-size: 16px;
    word-wrap: break-word;
}

.session-type-box {
    margin: 60px 0
}

.edit-dp-card {
    text-align: center;
}

.mng-btn {
    color: #fff;
    background: var(--main-blue-color);
    padding: 10px 20px;
    display: inline-block;
    margin-top: 50px;
}

.mng-btn:hover {
    background: var(--main-black-color);
    color: var(--main-white-color);
    transition: .3s all ease
}

.para-profile {
    border: 1px solid #E9E9E9;
    padding: 20px;
    margin-bottom: 20px;
}

.para-profile h5 {
    font-size: 16px;
    color: #787878;
    font-weight: 500;
    margin-bottom: 10px;
}

.para-profile p {
    font-size: 14px;
    color: #787878;
}

.dp-coach-outer .rating {
    margin: 0 0 10px;
}

.dp-coach-outer .rating i {
    color: #FF8000;
    font-size: 14px;
    margin: 0 5px
}

.location-pro {
    margin: 10px 0;
    border-top: 1px solid #f1f1f1;
    padding-top: 10px;
}

.location-pro img {
    margin-right: 10px;
}

.bank-details {
    margin-bottom: 30px;
    margin-top: 30px;
}

.bank-details h4 {
    color: var(--main-blue-color);
    font-size: 16px;
    margin-bottom: 20px;
}

.bank-details-box {
    padding: 10px;
    border: 1px solid #E9E9E9;
    margin-bottom: 30px;
}

.bank-details-box h6 {
    color: #787878;
    font-size: 14px;
}

.bank-details-box h5 {
    color: #000;
    font-size: 18px;
}

/*setprofile*/




#msform {
    margin-bottom: 50px;
}

#msform fieldset .form-card {

    padding: 20px 40px 0 40px;
    box-sizing: border-box;
    width: 100%;


}

#msform fieldset {
    background: white;
    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 20px;
    position: relative
}

#msform fieldset:not(:first-of-type) {
    display: none
}

#msform fieldset .form-card {
    text-align: left;
    color: #9E9E9E
}

#msform input,
#msform textarea {
    border: 1px solid #8e8e8e;
    padding: 10px 10px;
    border-radius: 10px;
    width: 100%;
 /*   margin-bottom: 30px;*/
    color: #000;
    
}
.MultiCheckBox{height: 42px;border-radius: 8px !important;}
.MultiCheckBoxDetail{padding: 10px;}
#msform textarea {
    height: 80px;
   
}
#msform .input_field{   padding: 6px 10px !important;}
#msform input:focus,
#msform textarea:focus {
    border: 1px solid var(--main-blue-color);
}

#msform .action-button {

    background: var(--main-blue-color);
    width: auto;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 10px;
    margin: 0 auto;
    display: inherit;
}

#msform .next {
    width: auto !important;
    position: relative;
    margin: 0 auto;
    display: inherit;
}

#msform .action-button:hover,
#msform .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px skyblue
}

#msform .action-button-previous {
    width: 100px;
    background: #616161;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px
}

#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #616161
}

select.list-dt {
    border: none;
    outline: 0;
    border-bottom: 1px solid #ccc;
    padding: 2px 5px 3px 5px;
    margin: 2px
}

select.list-dt:focus {
    border-bottom: 2px solid skyblue
}


#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey;
    justify-content: center;
    display: flex;
}

#progressbar .active {
    color: #fff;
    background:#FDC618;
}

#progressbar li {
    width: 200px;
    height: 50px;

    padding-top: 18px;
    position: relative;
    background:var(--main-blue-color);
    color: #000 !important;
    font-size: 11px;
    letter-spacing: 0.2em;
    text-align: center;
    text-transform: uppercase;
    list-style: none;
    display: inline-block;
}


#progressbar li:before {
    content: ' ';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 25px solid white;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
}

#progressbar li:after {
    content: ' ';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-top: 25px solid white;
    border-left: 25px solid transparent;
    border-bottom: 25px solid white;


}
form#form-one {
    margin-bottom: 80px;
}
.file input {
    min-width: 14rem;
    margin: 0;
    filter: alpha(opacity=0);
    opacity: 0;
}

.file {
    position: relative;
    display: inline-block;
    cursor: pointer;
    height: 2.5rem;
    background: #f1f1f1;
}

.file-custom::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: -.075rem;
    z-index: 6;
    display: block;
    content: "Browse";
    height: 2.5rem;
    padding: .5rem 1rem;
    line-height: 1.5;
    color: #555;
    background-color: #eee;
    border: .075rem solid #ddd;
    border-radius: 0 .25rem .25rem 0;
}

.file-custom::after {
    content: "Profile Picture";
    position: absolute;
    left: 21px;
    top: 9px;
}

.edit-dp {
    width: 150px;
    height: 150px;
    border-radius: 100%;
    overflow: hidden;
    margin: 0 auto 20px;
}

.area-exp .col-sm-4 {
    margin-bottom: 15px;
    color: #000
}

.area-exp {
    margin-top: 20px;
}

.area-exp h5 {
    margin-bottom: 20px;
    color: #000
}

.bankdet {
    color: var(--main-black-color)
}

.form-heading {
    margin-bottom: 20px;
    font-size: 18px;
}

.dateselect-box {
    display: flex;
}

.dateselect-box .date-input {
    margin-left: 0;
    margin-right: 20px;
}

.availability-main {
    padding: 0;
    box-shadow: none
}

/*.select-avail {
    margin-bottom: 30px;
}
*/
.select-avail select {
    height: 42px;
}

.select-avail .chevron {
    position: absolute;
    top: 8px;
}

.time-slot-box {
    position: relative;
}

.time-slot-box input {
    width: 100%;
    height: 60px;
    padding: 20px;
    
    color: #000;
    border: 1px solid #8e8e8e;
    border-radius: 8px;
    margin-bottom: 17px;

}

.slot-icon {
    position: absolute;
    top: 17px;
    right: 18px;
    display: flex;
    align-items: center;
}

.slot-icon span {
    color: #B5B5B5;
    margin-right: 10px;
}

.ad-more {
    text-align: right;
}

.ad-more a {
    color: var(--main-blue-color);
    font-size: 16px;
    font-weight: 600;
}

.sub-btn {
    text-align: center;
    margin-top: 30px;
}

.sub-btn button {
    background: var(--main-blue-color);
    color: var(--main-white-color);
    border: none;
    display: inline-block;
    padding: 14px 28px;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    transition: .3s all ease
}

.sub-btn button:hover {
    transition: .3s all ease;
    background: var(--main-black-color)
}

.change-password-box {
    background: #F9F9F9;
    padding: 100px !important;
    margin-bottom: 30px;
}

.change-password-box h3 {
    font-size: 18px;
    color: var(--main-blue-color);
    margin-bottom: 20px;
    text-align: center;
}

.change-password-box label {
    width: 100%;
    margin-bottom: 10px;
}

.change-password-box input {
    width: 100%;
    height: 52px;
    border-radius: 8px;
    border: 1px solid #8e8e8e;
    margin-bottom: 20px;
    padding: 10px;
    color: #000;
    padding: 20px;
}

.deac-acount {
    text-align: right;
    padding: 0 !important
}

.deac-acount a {
    border: 1px solid #DCDCDC;
    padding: 10px 20px;
    display: inline-block;
    color: var(--main-black-color);
    margin-top: 30px;
}

.edit-field input {
    width: 100%;
    border-radius: 8px;
    border: 1px solid #8e8e8e;
    padding: 20px;
    height: 46px;
    color: #000;
    margin-bottom: 20px;
}

.mt-30 {
    margin-top: 30px;
}

/*pop-mark*/
.mark-as-pop {
    padding: 50px;
    border-radius: 15px;
}

.mark-as-pop h5 {
    color: var(--main-blue-color);
    text-align: center;
    margin-bottom: 30px;
}

.mark-as-pop textarea {
    border: 1px solid #C7C7C7;
    border-radius: 15px;
    height: 120px;
}

/*pop-booking*/
.Book-pop-up {
    padding: 30px;
    border-radius: 15px;
}

.coach-pic-pop {
    width: 100%;
    height: auto;
}

.coach-pic-pop img {
    width: 100%
}

.book-coach-name {
    padding: 0 !important
}

.book-coach-name h4 {
    font-weight: 500;
    margin-bottom: 0
}

.book-coach-name p {
    color: var(--main-blue-color);
}

.book-pop-leftbox {
    display: flex;
}

.modal-dialog.modal-Book-pop-up {
    max-width: 800px;
}

.tab-box {
    margin-top: 50px;
}

.modal-Book-pop-up .book-pop-leftbox {
    display: flex !important;
    justify-content: space-between !important;
    padding: 22px !important;
    align-items: center !important;
}

.coach-pop-sess-box p {
    margin-bottom: 0;
}




.modal-Book-pop-up .nav-item::after {
    display: none !important
}

.modal-Book-pop-up .nav-link:after:hover {
    margin-bottom: 0
}

.modal-Book-pop-up .nav-link.active {
    background: #DFF3FE !important;
}

.modal-Book-pop-up .nav-link.active::before {
    content: "";
    height: 20px;
    width: 80px;
    background: #DFF3FE;
    right: -53px;
    left: auto;
    position: absolute;
    z-index: 0
}


.modal-Book-pop-up .book-pop-leftbox {
    background: #f1f1f1;
    margin-bottom: 10px;
}

.coach-pop-sess-price .sess-name {
    font-size: 12px;
}

.coach-pop-sess-box {
    width: 64%;
}

.book-tab-content {
    padding: 20px;
    text-align: center;
}

.book-tab-content p {
    font-size: 22px;
}

.book-tab-content {
    background: #DFF3FE
}

.book-tab-content textarea {
    height: 100px;
    border: none;
}

/*graphs*/

.circle-graph {
    width: 11.25rem;
    height: 11.25rem;
    border-radius: 50%;
    background-color: #E8E8E8;
    position: relative;
    margin: 50px auto;
}

.circle-graph.gt-50 {
    background-color: #1779ba;
}

.circle-graph-progress {
    content: "";
    position: absolute;
    border-radius: 50%;
    left: calc(50% - 5.625rem);
    top: calc(50% - 5.625rem);
    width: 11.25rem;
    height: 11.25rem;
    clip: rect(0, 11.25rem, 11.25rem, 5.625rem);
}

.circle-graph-progress .circle-graph-progress-fill {
    content: "";
    position: absolute;
    border-radius: 50%;
    left: calc(50% - 5.625rem);
    top: calc(50% - 5.625rem);
    width: 11.25rem;
    height: 11.25rem;
    clip: rect(0, 5.625rem, 11.25rem, 0);
    background: var(--main-blue-color);
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
}

.gt-50 .circle-graph-progress {
    clip: rect(0, 5.625rem, 11.25rem, 0);
}

.gt-50 .circle-graph-progress .circle-graph-progress-fill {
    clip: rect(0, 11.25rem, 11.25rem, 5.625rem);
    background: #8a8a8a;
}

.circle-graph-percents {
    content: "";
    position: absolute;
    border-radius: 50%;
    left: calc(50% - 7.75862rem/2);
    top: calc(50% - 7.75862rem/2);
    width: 7.75862rem;
    height: 7.75862rem;
    background: #fff;
    text-align: center;
    display: table;
    z-index: 4;
}

.link-text {
    text-align: center;
}

.circle-graph-percents .circle-graph-percents-number {
    display: block;
    font-size: 1.5rem;
    font-weight: bold;
    color: #1779ba;
}

.circle-graph-percents .circle-graph-percents-units {
    display: block;
    font-size: 1rem;
    font-weight: bold;
}

.circle-graph-percents-wrapper {
    display: table-cell;
    vertical-align: middle;
    line-height: 0;
}

.circle-graph-percents-wrapper span {
    line-height: 1;
}

.profile-status h4 {
    font-size: 18px;
    margin-bottom: 0;
}

.profile-status {
    padding: 20px;
    box-shadow: 0 0 15px rgba(72, 72, 72, 0.1);
    border-radius: 15px;
}

.profile-status a {
    color: var(--main-blue-color);
    font-weight: 500;
}


.chart {
    display: table;
    table-layout: fixed;
    width: 100%;
    max-width: 700px;
    height: 200px;
    margin: 0 auto;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.1) 2%, rgba(0, 0, 0, 0) 2%);
    background-size: 100% 50px;
    background-position: left top;
    padding: 0
}

.chart li {
    position: relative;
    display: table-cell;
    vertical-align: bottom;
    height: 200px;
}

.chart span {
    margin: 0 5PX;
    display: block;
    background: var(--main-blue-color);
    animation: draw 1s ease-in-out;
    text-align: center;
    color: #fff
}

.chart span:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    padding: 5px 1em 0;
    display: block;
    text-align: center;
    content: attr(title);
    word-wrap: break-word;
}

@keyframes draw {
    0% {
        height: 0;
    }
}

.graph-bar {
    padding: 30px 30px 60px 30px;
    box-shadow: 0 0 15px rgba(72, 72, 72, 0.1);
    border-radius: 15px;
}

.graph-bar h4 {
    font-size: 18px;
}

.line-chart-block {
    height: 400px;
}

.line-chart {
    height: 200px;

}

.line-graph {
    padding: 30px 30px 60px 30px;
    box-shadow: 0 0 15px rgba(72, 72, 72, 0.1);
    border-radius: 15px;
    margin-top: 20px
}

.line-graph h4 {
    font-size: 18px;
    margin-bottom: 30px;
}

.grafico {
    padding: 2rem 1rem 1rem;
    width: 100%;
    height: 100%;
    position: relative;
    color: #000;
    font-size: 80%;
}

.grafico span {
    display: block;
    position: absolute;
    bottom: 3rem;
    left: 2rem;
    height: 0;
    border-top: 2px solid var(--main-blue-color);
    -webkit-transform-origin: left center;
    transform-origin: left center;
}

.grafico span>span {
    left: 100%;
    bottom: 0;
}

[data-valor='25'] {
    width: 75px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

[data-valor='8'] {
    width: 24px;
    -webkit-transform: rotate(65deg);
    transform: rotate(65deg);
}

[data-valor='13'] {
    width: 39px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

[data-valor='5'] {
    width: 15px;
    -webkit-transform: rotate(50deg);
    transform: rotate(50deg);
}

[data-valor='23'] {
    width: 69px;
    -webkit-transform: rotate(-70deg);
    transform: rotate(-70deg);
}

[data-valor='12'] {
    width: 36px;
    -webkit-transform: rotate(75deg);
    transform: rotate(75deg);
}

[data-valor='15'] {
    width: 45px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

[data-valor]:before {
    content: '';
    position: absolute;
    display: block;
    right: -4px;
    bottom: -3px;
    padding: 4px;
    background: #fff;
    border-radius: 50%;
    border: 3px solid var(--main-blue-color);
    z-index: 99;
}

/*[data-valor='23']:after {
    content: '+'attr(data-valor) '%';
    position: absolute;
    right: -2.7rem;
    top: -1.7rem;
    padding: .3rem .5rem;
    background: #50597B;
    border-radius: .5rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}*/

[class^='eje-'] {
    position: absolute;
    left: 0;
    bottom: 0rem;
    width: 100%;
    padding: 1rem 1rem 0 2rem;
    height: 80%;
}

.eje-x {
    height: 2.5rem;
    display: flex;
    justify-content: space-between;
}

.eje-y li {
    height: 25%;
    border-top: 1px solid #777;
}

[data-ejeY]:before {
    content: attr(data-ejeY);
    display: inline-block;
    width: 2rem;
    text-align: right;
    line-height: 0;
    position: relative;
    left: -2.5rem;
    top: -.5rem;
}

.eje-x li {

    float: left;
    text-align: center;
}

.input-filter {
    width: 500px;
}

.input-filter .SelectBox {
    margin-right: 10px;
}

.input-filter .SelectBox select {
    margin-bottom: 0
}

.input-filter .SelectBox {
    width: 100%;
}

.link-new {
    margin-top: 10px;
    display: block;
}

.link-new a {
    display: inline-block;
}

.link-new a:before {
    background: #000 !important
}

.coach-pic-one {
    width: 200px;
    height: 200px;
   
    margin: 0 auto 30px auto;
}

.session-left-box {
    background: #DFF3FE;
}

.session-left-box {
    background: #f1f1f1;
    padding: 15px 20px;
    border-radius: 10px;
    margin-bottom: 15px;
}

.session-left-box h3 {
    font-size: 22px;
    color: #000
}

.session-left-box h5 {
    color: var(--main-blue-color)
}

.session-right-box {
    background: #f1f1f1;
    padding: 20px;
    height: 100%;
}

.sess-detil-top h4 {
    color: #000;
}

.sess-detil-top h6 {
    color: var(--main-blue-color)
}

.detail-sess {
    display: flex;
    justify-content: flex-start;
    margin: 15px 0
}

.detail-sess div {
    padding: 10px;
    text-align: center;
    border: 2px solid var(--main-blue-color);
    margin-right: 10px;
    background: #fff
}

.sess-text {
    color: var(--main-blue-color);
    font-weight: 600;
}

.date-slide-box {
    background: #f1f1f1;
}

.date-slide-top {
    background: #000;
    color: #fff;
    padding: 10px 0;
    text-align: center;
}

.slide-dateinner {
    padding: 20px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.slide-dateinner .ss-date {
    width: 32.33%;
    border: 1px solid #333;
    font-size: 12px;
    padding: 8px 10px;
    margin-bottom: 10px;
    text-align: center;
}

.sess-date-main-box .carousel-indicators {
    display: none
}

.sess-date-main-box .carousel-control-prev {
    left: 0;
    height: auto;
    bottom: auto;
    top: 12px;
    opacity: 1
}

.sess-date-main-box .carousel-control-next {
    right: 0;
    height: auto;
    bottom: auto;
    top: 12px;
    opacity: 1
}

.slide-dateinner .active {
    background: var(--main-blue-color);
    color: #fff
}

.sess-details {
    border-bottom: 1px solid #d5d5d5;
    padding: 15px;
    background: #fff;
    display: flex;
    align-items: center;
}

.sess-details h6 {
    color: var(--main-blue-color);
    margin-right: 10px;
    margin-bottom: 0
}

.sess-details div {
    display: flex;
}

.sess-details div span {
    border: 1px solid;
    padding: 10px;
    display: inline-block;
    margin: 0px 4px;
    width: 131px;
    font-size: 12px;
}
.form-session {
    background: #f1f1f1;
    padding: 20px;
}

.form-session h4 {
    font-size: 18px;
}

.form-session form input {
    width: 100%;
    padding: 10px;
    height: 45px;
    margin-bottom: 15px;
}

.bac {
    width: 100%;
    padding: 10px;
    color: #4d4d4d;
    border: 1px solid #4d4d4d;
    display: block;
    margin-top: 10px;
    text-align: center;
}

.bac:hover {
    color: #ccc;
    text-decoration: none;
}

.submission-text {
    padding: 80px 0;
    text-align: center;
}

.submission-text img {
    width: 200px;
}

.submission-text .sub-msg {
    margin: 30px 0;
    font-size: 30px;
}

.submission-text .sub-msg big {
    color: var(--main-blue-color);
    font-weight: 700;
    font-size: 50px;
    text-transform: uppercase;
}

.submission-text a {
    background: var(--main-blue-color);
    color: #fff;
    padding: 8px 20px;
    display: inline-block;
    margin: 0 auto
}

.text-dec {
    height: 80px;
}

.clr1 {
    color: var(--main-blue-color)
}

.form-heading.text-center.mt-3.mb-4 {
    color: var(--main-blue-color);
}

.time-inp input {
    width: 100%;
    height: 42px;
    border: 1px solid #8e8e8e;
    border-radius: 8px;

    padding: 5px 10px;
  
    color: #000;
    cursor: pointer;
    -webkit-appearance: none;
}

.s1box select {
    margin-bottom: 0px;
}

.prv-date {
    text-align: left;
}

.prv-date div:first-child {
    color: var(--main-blue-color);
    font-weight: 600;
}

.reschedule-main {
    margin-bottom:
}

.main-detail-session {
    width: auto;
    display: block;
    border: none;
    margin-top: 0
}

.modal-content {
    padding: 50px;
}

.btn-pop {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 15px;
}

.btn-pop a {
    padding: 8px 20px;
    margin: 0 5px;
    border-radius: 5px;
    display: inline-block;
}

.btn-pop .bg-blue {
    background: var(--main-blue-color);
    color: #fff;
}

.btn-pop .bg-black {
    background: var(--main-black-color);
    color: #fff;
}

.md1 {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pop-border {
    border: 4px solid var(--main-blue-color) !important;
}

.start-rate {
    text-align: center;
    margin-bottom: 15px;
}

.start-rate a i {
    font-size: 22px;
    color: #ccc;
}

.rating-area textarea {
    width: 100%;
    height: 80px;
    border-radius: 8px;
    border: 1px solid #8e8e8e;
    margin-bottom: 20px;

    color: #B5B5B5;
    padding: 20px;
}

.coach-rev-name {
    text-align: center;
}

.coach-rev-name h5 {
    color: var(--main-blue-color);
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 15px;
}

.coach-dp1 {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    overflow: hidden;
    margin: 10px auto
}

.coach-dp1 img {
    width: 100%;
}

.notification-menu {
    position: absolute;
    top: 50px;
    right: 0;
    background-color: #fff;
    border: 1px solid var(--main-teal-color);
    padding: 0;
    list-style: none;
    width: 400px;
    display: none;
    text-align: left;
    z-index: 9999999;
    border-radius: 10px;
    box-shadow: 0 1px 12px rgba(0, 156, 181, 0.2);
    overflow: hidden;
}

.notification-menu li {
    padding: 8px;
    display: flex;
    border-bottom: 1px solid #f4f0f0;
    align-items: center;
}

.notification-menu li:last-child {
    border-bottom: none;
}

.notification-menu li i {
    color: var(--main-blue-color);
    margin-right: 15px;
    font-size: 10px;
}

.notification-menu li:hover {
    background: #f1f1f1
}

.notification-menu li:hover i {
    color: var(--main-magenta-color)
}

.notification-menu li p {
    font-size: 12px !important;
    margin-bottom: 0
}

.noti-head:hover {
    background: #fff !important
}

.noti-head h5 {
    color: var(--main-teal-color);
    margin-bottom: 0
}

.notification-menu h5 {
    color: var(--main-blue-color);
    font-weight: 600;
}

.ct {
    justify-content: space-between;
}

.coach-my-thumb {
    width: 80%;
    display: flex;
    align-items: center;
}

.tab-profile {
    display: flex;
    justify-content: center;
    border-bottom: none !important;
    background: #f1f1f1;
    padding: 18px 0;
}

.tab-profile li a {
    padding: 10px !important;
}

.tab-profile .nav-link.active {
    border: 2px solid var(--main-blue-color) !important;
    background: var(--main-blue-color) !important;
    color: #fff !important
}

.row-new {
    display: flex !important;
}

.tab-profile .nav-item:hover .nav-link {
    color: #000 !important
}

.dp-coach-inner img {
    width: 100%;
}

.mark-comp {
    background: var(--main-blue-color);
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    padding: 5px 10px;
}

.mark-comp:hover {
    color: #fff
}

.status-av .cal-status-color-box {
    margin-right: 0px;
    padding-left: 15px;
}

/*invoice*/
.invoice-box {
    width: 100%;
    margin: auto;
    padding: 30px;
    border: 1px solid #eee;

    font-size: 16px;
    line-height: 24px;
    font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
    color: #555;
overflow-x: scroll;
}

.invoice-box table {
    width: 100%;
    line-height: inherit;
    text-align: left;
}

.invoice-box table td {
    padding: 5px;
    vertical-align: top;
width: 50%;
}

.invoice-box table td strong {
    margin-bottom: 15px;
}

.invoice-box table tr td:nth-child(2) {
    text-align: right;
}

.invoice-box table tr.top table td {
    padding-bottom: 20px;
}

.invoice-box table tr.top table td.title {
    font-size: 45px;
    line-height: 45px;
    color: #333;
}

.invoice-box table tr.information table td {
    padding-bottom: 40px;
}

.invoice-box table tr.heading td {
    background: #eee;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
}

.invoice-box table tr.details td {
    padding-bottom: 20px;
}

.invoice-box table tr.item td {
    border-bottom: 1px solid #eee;
}

.invoice-box table tr.item.last td {
    border-bottom: none;
}

.invoice-box table tr.total td:nth-child(2) {
    border-top: 2px solid #eee;
    font-weight: bold;
}

.btnsteps {
    display: flex;
    justify-content: center;
}

.btnsteps button {
    margin: 30px 20px !important;
}

.space {
    height: 100px;
}

.blog-post-info a {
font-size: 20px;
    color: #4e4e4e;
    margin-right: 18px;
    font-weight: 500;

    border-right: 1px solid #ffc600;
    padding-right: 22px;
}


.blog-post-info a:hover {
    color: var(--main-blue-color)
}




.add-note{color: var(--main-blue-color); display: block; font-size: 14px; margin: 10px auto 0;width: 50%; text-decoration: underline; }
.add-note-pop h6{color: var(--main-blue-color); margin-bottom: 15px; font-size: 20px;}
.add-note-pop textarea{width: 100%;
height: 80px;
border: 1px solid #8e8e8e;
border-radius: 8px;
margin-bottom: 17px;
padding: 5px 10px;
font-size: 15px;
color: #000;}
.add-note-pop button{background: var(--main-blue-color);
color: var(--main-white-color);
border: none;
display: inline-block;
padding: 8px 28px;
font-size: 18px;
font-weight: 500;
cursor: pointer;
transition: .3s all ease;}

/*graphs*/

.fifty {
  width: 50%;
}

.graphiq {
  width: 100%;
  position: relative;
  display: flex;
}
.graphiq__graph-layout {
  flex: 1;
  overflow-x: hidden;
}
.graphiq__graph-values {
  font-size: 0.75em;
  padding-right: 5px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 1.25em;
  text-align: right;
  font-weight: bold;
}
.graphiq__line {
  fill: none;
  stroke-miterlimit: 10;
}
.graphiq__graph-key {
  display: flex;
  justify-content: space-between;
}
.graphiq__graph-key .key {
  font-size: 0.75em;
  text-align: center;
  display: block;
}
.graphiq__y-division {
  fill: none;
  stroke-miterlimit: 10;
  z-index: -1;
  transition: 0.25s ease-in;
}
.graphiq__graph-dot {
  transition: stroke-width ease-in-out 0.2s;
  transform-origin: 50% 50%;
}
.graphiq__value-dialog {
  display: block;
  position: absolute;
  background: transparent;
  font-size: 0.75em;
  line-height: 0;
  padding: 0.66em 0.33em;
  font-weight: bold;
  -webkit-animation: float 0.3s ease-out forwards;
          animation: float 0.3s ease-out forwards;
}

@-webkit-keyframes float {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY();
  }
}

@keyframes float {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY();
  }
}


.graph-earn{margin-top: 30px;}



.chart li div {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
}



.tool-tip-cc{
    text-align: center;
    font-size: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
   position: absolute;
right: 19px;
top: -28px;
}
.tool-tip-cc span i {
    font-size: 12px;
    color: #fff;
    background: var(--main-blue-color);
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tool-tip-cc span {
    position: relative;

    cursor: pointer;
    padding-left: 8px;
}

.tool-tip-cc span:hover:before {
    opacity: 1;
}
.btn-nxt {
    display: flex;
    justify-content: center;
}
.btn-nxt button {
    margin: 0 10px !important;
}

.tool-tip-cc span:before {
content: attr(aria-label);
opacity: 0;
position: absolute;
top: -67px;
left: -56px;
font-size: 14px;
width: 154px;
padding: 10px;
color: #000;
background-color: #ccc;
border-radius: 3px;
pointer-events: none;
}

.durationClass .SelectBox {
    margin-bottom: 30px;
}


.reviewimg{width: auto !important;}

.para-content{margin: 0 !important; line-height: 30px;}
.sess-date-time{padding-right: 15px;}
.session_box {
    height: 400px;
    overflow-y: scroll;
}
.change-profile-pic{background: var(--main-blue-color) !important; 

    border: none !important; color: #fff !important;}
.crop-popup .close {
    position: absolute;
    top: 0;
    right: 6px;
    color: #000;
}
.modal-header{width: 100%;}

.modal-header h3{width: 100%; text-align: center;}
.crop-popup .modal-body{background: #f1f1f1;}
.crop-popup .btn-primary{background: var(--main-blue-color); border: none;}
.crop-popup .btn-primary:hover{background: #000;}
div#preview-profile-pic{margin-top: 15px;}
div#preview-profile-pic img{width: 100%;}
.change-dp-bnt .file{background: none;}
.form-section textarea{resize: initial;}
.booking-detail-box-title h6:last-child{width: 90%;}
.booking-detail-box-title {
    width: 70%;
}
.SelectBox {
    position: relative;
   /* margin-bottom: 15px;*/
}
.booking-status-dashboard {
    color: #fff;
    display: inline-block;
    padding: 5px 15px;
    min-width: 145px;
    text-align: center;
}
@media only screen and (max-width: 600px) {
    .invoice-box table tr.top table td {
        width: 100%;
        display: block;
        text-align: center;
    }

    .invoice-box table tr.information table td {
        width: 100%;
        display: block;
        text-align: center;
    }
}

/** RTL **/
.rtl {
    direction: rtl;
    font-family: Tahoma, 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
}

.rtl table {
    text-align: right;
}

.rtl table tr td:nth-child(2) {
    text-align: left;
}

.inv-pop {
    padding: 0
}

.md12 {
    max-width: 800px !important;
}

.col-sm-12.filterbox.filterbox1 {
    /*z-index: -1;*/
}

.email,
.phone {
    /*display: none;*/
}

.rb-email:checked~.email {
    display: inline;
}

.rb-phone:checked~.phone {
    display: inline;
}

.w-inp {
    width: 100% !important
}

#cal2 {
    display: none;
}

#form-two {
    display: none;
}
div#slot_secct {
    padding: 20px;
    border: 1px solid #dedede;
}
.no_record {
    font-size: 18px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #000000;
    padding: 10px 0;
    width: 100%;
}
form.form-section.form-one.box {
    margin-bottom: 80px;
}
.fc .fc-button-primary{border-color:var(--main-blue-color) !important; background:var(--main-blue-color) !important }
.fc .fc-button-primary:disabled{background: #000 !important; border-color:#000 !important}
.fc .fc-daygrid-day-number {
    position: relative;
    z-index: 4;
    padding: 4px;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.fc .fc-daygrid-day-top {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    height: 100%;
}
.fc .fc-daygrid-day-frame {
    position: relative;
    width: 100%;
    height: 100%;
}
.fc-scrollgrid-sync-inner {
    padding: 6px 0;
}
.fc-scrollgrid-sync-inner a{font-weight: normal;}
   .checked_cc {
        display: inline-block;
        border: 1px #ddd solid;
        padding: 5px 10px;
        margin: 0 5px 15px 0;
        border-radius: 3px;
        cursor: pointer;
        background-color: #ccc;    
        color: #fff;
        width: 200px;
    }

    .checked_cc.active {
        border: 1px solid #00C75C;
        color: #fff;
        background-color: #00C75C;
    }
    .slot-set .color-slots{
        background: #ccc !important;   
    }

    .fc-day-past{
        background-color:#e1e1e1 !important;
        color: #000;

    }
    .fc-theme-standard td, .fc-theme-standard th {

    border: 1px solid #f3f3f3 !important;
}
.edit-dp img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
span.file-custom {
    font-size: 14px;
}
.fc-day-past a{color: #000;}
    .fc-day{
        cursor: pointer;
    }
    .fc .fc-bg-event{
        opacity: 1 !important;
    }
    .ee.er_msg {
    width: 100%;
}
.manage-page{width: 100%;}
 /*   .manageForm{
        width: 100%;
    }*/
    .green_event{background:#00C75C !important;}
    .yellow_event{background: #F29A8C !important}
    .yellow_event{background:#FCE656 !important}

    .red_event{background: #F29A8C !important}
label.error {
    position: relative;
    display: block;
    /*bottom: 12px;*/
}
.sessions-main-block {
    margin-bottom: 30px;
}
.cs-thumb {
    display: flex;
    align-items: center;
    width: 50%;
    justify-content: flex-end;
    margin-right: 20px;
}
.multi_slct select {
    width: 100%;
    border: 1px solid #8e8e8e;
    /* padding: 10px 10px; */
    border-radius: 10px;
    width: 100%;
    margin-bottom: 30px;
    color: #000;
    height: 42px;
}
.multi_slct select option{background: #fff; padding: 5px;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 45%;
    margin: 0 4px !important;
}
.col-sm-12.bundlecase {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.bundlecase2 {
    margin: 0 10px 30px;
}
.filterTrans .input-filter {
    width: 28.33% !important;
}

.filterTrans {
    justify-content: space-between;
}
.filterTrans .input-filter input {
    margin-right: 0px !important;
}
th.next.available{width: 42px !important;
    position: absolute;
    top: 10px;
    right: 14px;
    transition: .3s all ease;}
.badge {
    position: absolute;
    /* padding: 5px !important; */
    border-radius: 50% !important;
    background-color: var(--main-blue-color);
    color: white;
    left: auto;
    top: -14px;
    right: -24px;
    width: 30px;
    height: 30px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
form#changepassword {
    width: 100%;
}
.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
    z-index: 9999 !important;
}

div#loaderID {
      position: fixed;
    z-index: 99;
    width: 100%;
    display: none;
    padding: 11% 0;
    background: rgba(254,254,254,0.7);
    height: 100%;
    top: 0;
    text-align: center;
}
.clear {
    background: var(--main-blue-color);
    color: var(--main-white-color) !important;
    padding: 8px 16px;
    display: inline-block !important;
    border: none;
    cursor: pointer;
    margin-left: 10px;
    }



    .blogs_pages img {
    object-fit: cover;
    height: 400px;
    width: 100%;
}

.blogs_pages {
    /* height: 600px; */
    overflow: hidden;
    position: relative;
}

.headss {
    position: absolute;
    top: 100px;
}

.headss h3 {
    color: white;
    font-size: 60px;
    line-height: 65px;
    font-weight: 700;
}



.head-single-blog.headss-1 {
    position: absolute;
    bottom: 23%;
    font-size: 24px;
  
    color: white;
}

.blog-post-info span {
    color: white;
}

.blog-post-info a {
    color: white;
}
.blog-contain {
    position: relative;
    float: ;
}

#st-1 {
    font-family: "Helvetica Neue", Verdana, Helvetica, Arial, sans-serif;
    direction: ltr;
    display: block;
    opacity: 1;
    text-align: left !important;
    z-index: 94034;
    width: 100%;
    margin: 16px 0px;
}
td.invoice-action a {
    width: 40px;
    display: inline-flex;
    height: 40px;
    border: 1px solid #f1f1f1;
    padding: 5px;
    align-items: center;
    justify-content: center;
}

li#account strong {
    color: black;
}





/*scrollbar width */
::-webkit-scrollbar {
    width: 8px;
}

/*scrollbar Track*/
::-webkit-scrollbar-track {
    background: #F8F8F8;
    border-radius: 10px;

}

/*scrollbar Handle*/
::-webkit-scrollbar-thumb {
    background: var(--main-blue-color);
    border-radius: 10px;
    -webkit-height: 5px;

}

/ scrollbar Handle on hover /
::-webkit-scrollbar-thumb:hover {
    background: black;
}

span.spanClas {
    width: 60px !important;
}

.row.fess {
    display: flex;
    justify-content: center;
}

.expert-expertise h5 {
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 20px;
}
.expert-expertise {
    margin: 40px 0px;
}

.expert-expertise div {
    margin-top: 10px !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    padding: 20px;
    border-radius: 10px;
}
.col-sm-12.session_completed {
    overflow-x: scroll;
}
/*.expert-expertise ul li {
    display: inline-block;
    list-style-type: disc !important;
}*/
.infocls {
    text-align: left;
    position: relative;
    top: -24px;
    width: auto;
    display: inline;
}
div#step2 .row #updateTimeSet .custom-btn {
    position: absolute;
    top: -40px;
    left: 15px;
    width: auto;
    max-width: 100%;
    display: inline-block;
    right: initial;
    min-width: 80px;
    text-align: center;
    border-radius: 6px;
    background: var(--main-blue-color) !important;
    color: #fff !important;
    padding: 4px 14px !important;
    font-weight: 500 !important;
}

div#step2 .row #updateTimeSet .custom-btn:hover{background: var(--main-black-color) !important; color: #fff !important;}

.error_img
{
    text-align: center;
    margin-top: 50px;
}
.error_img .ok_button a
{
    background-color: #161616;
    padding: 5px;
    width: 200px;
    display: block;
    color: #fff;
    border: 2px solid #fff;
    outline: 6px solid #161616;
    font-size: 25px;
    font-weight: 500;
}
.ok_button
{
    text-align: center;
    margin: auto;
    width: 100%;
    justify-content: center;
    display: flex;
    margin-top: 30px;
}
.error_text {
    display: block;
    margin: 40px 0;
}
.error_text h3
{
    font-size: 30px;
}
.error_text p
{
    padding-top: 20px;
    font-size: 30px !important;
}
.error_img img
{
    max-width: 100%;
}