a.sidebar-brand img {
    width: 100%;
}

.date-container::webkit-scrollbar
{
	width:0;
}

/*** homepage css start ****/
.theme-primary .bg-primary-light {
    background-color: #e1eaf9 !important;
    color: #0052cc;
} 
.box {
    position: relative;
    margin-bottom: 30px;
    width: 100%;
    background-color: #ffffff;
    border-radius: 10px;
    padding: 0px;
    -webkit-transition: .5s;
    transition: .5s;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%);
    box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%);
    background-color: #e1eaf9 !important;
    color: #0052cc;
}
.homepage-4-box {
    padding: 2rem 1.5rem;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    border-radius: 10px;
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 16%);
    cursor: pointer;
	    transition: .5s all ease;
}
.homepage-4-box > *:last-child {
    margin-bottom: 0;
}
.student-welcome {
    padding: 0 1.5rem;
}
.student-welcome h2 {
    font-size: 16px;
    color: #000;
    margin-bottom: 0;
    font-weight: 400;
}
.homepage-4-box p { 
    font-size: 15px !important;
}
.student-welcome p {
    color: #7e7e7e !important;
}
.mb-0 {
    margin-bottom: 0px !important;
}
.student-welcome img {
    position: relative;
    top: -3px;
    transform: scale(1.4);
}
.homepage-4-box img { 
    padding: 14px;
    margin-right: 12px;
}
.fl-right {
    float: right;
}
.w-50 {
    width: 50% !important;
}
.w-40 {
    width: 40% !important;
}
.sidebar {
    
    background-image: url(../images/side-bg.jpg);
    background-size: cover;
}
nav.sidebar:before {
    background: linear-gradient( 356deg , #fe5e6fd9 0.71%, #ff973edb 99.94%);
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.navbar { 
    background: linear-gradient( 356deg , #FE5E6F 0.71%, #FF973E 99.94%);
}
.navbar .search-form .input-group .form-control
{
	background: none;
}
.navbar .search-form .input-group .input-group-prepend .input-group-text { 
    background: none;
}
.navbar .search-form .input-group .input-group-prepend .input-group-text { 
    color: #ffffff; 
}
.sidebar .sidebar-body .nav .nav-item .nav-link { 
    color: #fff;
}
.sidebar .sidebar-body .nav .nav-item { 
    margin-bottom: 15px;
}
.nav-item a img {
    width: 18px;
}
.sidebar .sidebar-body .nav .nav-item .nav-link .link-title {
    margin-left: 15px; 
}
.color-box {
    position: relative;
    margin-bottom: 30px;
    width: 100%;
    background-color: #ffffff;
    border-radius: 10px;
    padding: 0px;
    -webkit-transition: .5s;
    transition: .5s;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%);
    box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%);
    background-color: #e1eaf9 !important;
    color: #0052cc;
}
.color-box .homepage-4-box {
    background: #fff;
    border-bottom: 2px solid #ffffff;
}
.color-box:nth-child(1):hover .homepage-4-box{
    border-bottom: 2px solid #398440;
}
.color-box:nth-child(2):hover .homepage-4-box {
    border-bottom: 2px solid #b42e29;
}
.color-box:nth-child(3):hover .homepage-4-box {
    border-bottom: 2px solid #d78910;
}
.color-box:nth-child(4):hover .homepage-4-box {
    border-bottom: 2px solid #0692a3;
}




.color-box img {
    border-radius: 50%;
    padding: 14px;
    margin-right: 12px;
    width: 50px;
}
.color-box h5 {
    color: #3a3a3a;
    font-weight: 500;
}
.color-box p {
    color: #848484;
    font-weight: 300;
}
input#navbarForm::placeholder {
    color: #fff;
}
 .top-book-appointment a:hover {
    background: none;
    transition: .5s all ease;
    color: #fff;
    border: 2px solid #fff;
}
.online-class-container {
    background: linear-gradient(90.08deg, #5A6FFF 0.71%, #5898FE 99.94%);
}
.online-class-container {
    padding: 50px 20px;
    border-radius: 10px;
    margin: 0 auto;
    margin-bottom: 30px;
    background-image: url(../images/bg.jpg);
    position: relative;
    background-size: cover;
    /* background-position: 0px -388px; */
    background-repeat: no-repeat;
}
.online-class-container:before {
    background: linear-gradient(90.08deg, #5a6fffd9 0.71%, #5898feeb 99.94%);
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px;
}
.online-class-container h2 {
    color: #fff;
    font-weight: 300;
    font-size: 30px;
    margin-bottom: 15px;
}

.online-class-container h3 {
    color: #fff;
    font-size: 16px;
    margin-bottom: 25px;
    width: 70%;
}
.online-class-container a {
    border-radius: 38px;
    display: block;
    margin: 0 auto;
    color: #000;
    font-size: 15px;
    text-transform: uppercase;
    height: 50px;
    line-height: 47px;
    background: #fff;
    display: inline-block;
    padding: 0px 20px;
    font-weight: 500;
	 border: 2px solid #fff;
	     transition: .5s all ease;
}
.online-class-container a:hover {
    border: 2px solid #fff;
    background: none;
    color: #fff;
	    transition: .5s all ease;
}
.online-class-container h2 span {
    display: block;
    font-weight: 600;
}
.online-class img {
    transform: scale(1.2);
    position: relative;
    left: -54px;
    width: 100%;
}
.v-center
{
	    display: flex;
    align-items: center;
}
.page-title h2 {
    font-size: 18px;
    margin-bottom: 12px;
    display: flex;
    width: 100%;
    overflow: hidden;
}
.video-thumbnail-img img {margin-bottom: 10px;}
 

.video-thumbnail-details h4 {
    font-size: 14px;
    font-weight: 400;
    color: #686f7a;
    margin-bottom: 14px;
}

.video-thumbnail-details h6 {
    font-size: 12px;
    font-weight: 400;
    color: #686f7a;
}
.video-thumbnail-details h3 {
    font-size: 16px;
    font-weight: 400;
    color: #333;
    margin-bottom: 5px; 
    /* text-shadow: 0px 0px 0px #000; */
    font-weight: 500;
}
.video-thumbnail-details h5 {
    font-size: 14px;
    font-weight: 400;
    color: #686f7a;
}
.video-thumbnail-details h5 span {
        color: #333;
}
.video-course-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    grid-auto-rows: minmax(100px, auto);
    /* overflow: hidden; */
}

.video-thumbnail-img img {
    width: 100%;
}
.video-thumbnail-details h6 span::after {
    content: "•";
    margin: 0px 4px;
}
.video-thumbnail-details h6 {
    margin-bottom: 8px;
}

.video-thumbnail-details h5 span {
    color: #333; 
	font-weight: 500;
}
.video-thumbnail-details h6 span:last-child::after {
    display: none;;
}
.video-thumbnail {
    background: #fff;
    width: 100%;
    float: left;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #efefef;
    /* box-shadow: 0 3px 3px -2px rgb(39 44 51 / 10%), 0 3px 4px 0 rgb(39 44 51 / 4%), 0 1px 8px 0 rgb(39 44 51 / 2%); */
    transition: all .2s ease-in-out;
    /* box-shadow: 0 1px 1px 0 rgb(0 0 0 / 16%); */
    border: 1px solid #cccccc69;
}
.video-hrs {
    bottom: 10px;
    position: absolute;
    margin-bottom: 10px;
    right: 0;
    margin-right: 10px;
    color: #fff;
    background: rgba(51,51,51,0.8);
    display: inline-block;
    padding: 7px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
}

.video-thumbnail-img {
    position: relative;
}

.video-hrs h3 {
    font-size: 12px;
}
.mb-30
{
	margin-bottom:30px !important;
}
.course-cate-box a {
    padding: 20px 10px 25px;
	display:inline-block;
     
} 
.course-cate-container {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    grid-auto-rows: minmax(100px, auto);
    overflow: hidden;
	  width: 100%;
}
.course-cate-box {
    width: 100%;
    display: inline-grid;
}
.course-cate-box [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after { 
    font-size: 55px;
	    margin-left: 0px;
}
.course-cate-box a {
    text-align: center;
    padding: 50px 0px;
    border-radius: 10px;
}
.course-cate-box i {color: #fff;}
.details h5 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 10px;
}

.details p {
    color: #fff;
}

.details {
    margin-top: 10px;
}
.quick-contact {
    position: absolute;
    bottom: 0;
    left: 15px;
    border-top: 1px solid #efefef;
    padding-top: 10px;
}
.quick-contact h3 {
    font-size: 15px;
    color: #fff;
    margin-bottom: 10px;
}

.quick-contact ul li a {
    color: #fff;
    font-size: 12px;
}

.quick-contact ul li {
    list-style: none;
    margin-bottom: 7px;
}

.quick-contact ul {
    padding-left: 2px;
}
.quick-contact ul li i {
    color: #fff;
}
.navbar .search-form {
    width: 50%; 
}
.top-book-appointment a {
    background: #fff;
    color: #333;
    font-size: 14px;
    padding: 10px;
    border-radius: 50px;
	border: 2px solid #fff;
	 transition: .5s all ease;
}
.page-title h2:after {
    content: "";
    display: block;
    width: 78%;
    height: 1px;
    background: #c3babb75;
    position: absolute;
    right: 20px;
    top: 12px;
}
.coaches-list {
    box-shadow: 0 3px 3px -2px rgb(39 44 51 / 10%), 0 3px 4px 0 rgb(39 44 51 / 4%), 0 1px 8px 0 rgb(39 44 51 / 2%);
    background: #fff;
} 

.coaches-list img {
    width: 60px;
    margin-bottom: 10px;
}

.coaches-list h2 {
    font-size: 16px;
    font-weight: 400;
    color: #333;
    margin-bottom: 5px;
    /* text-shadow: 0px 0px 0px #000; */
    font-weight: 500;
}

.coaches-list h3 {
    font-size: 14px;
    font-weight: 400;
    color: #686f7a;
    margin-bottom: 14px;
}
.coaches-list {
    text-align: center;
    padding: 30px 0px;
    border-radius: 10px;
	 transition: .5s all ease;
}
.page-title h2 a {
    margin-left: 10px;
    font-size: 13px;
    font-weight: 400;
    color: #ababab;
    position: relative;
    top: 4px;
}
.video-thumbnail:hover {
    margin-top: -8px;
}
.coaches-list:hover {
    margin-top: -8px;
    transition: .5s all ease;
}
.coaches-container-content {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
    grid-auto-rows: minmax(100px, auto); 
    width: 100%;
	 margin: 0px 15px;
}
.color-box-container-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    grid-auto-rows: minmax(100px, auto);
    width: 100%;
    margin: 0px 15px;
}
.sidebar .sidebar-header { 
    z-index: 9;
    position: relative;
}
/*** homepage css end ****/



/**** coach profile css start ***/
.coach-profile-top img {
    width: 100%; 
}

 
.coach-profile-top {
    background: linear-gradient( 
90.08deg
 , #5A6FFF 0.71%, #5898FE 99.94%);
} 
.coach-profile-top-content h2 {
    color: #fff;
    font-size: 30px;
    width: 70%;
    margin-bottom: 10px;
}

.coach-profile-top {
    padding: 29px 20px;
    overflow: hidden;
    border-radius: 10px;
    margin: 0 auto;
    margin-bottom: 30px;
}

.coach-profile-top-content p {
    color: #fff;
    width: 70%;
    margin-bottom: 10px;
}

.coach-profile-top-content h3 {
    color: #fff;
    font-size: 16px;
}

.coach-profile-top-content h3 span {
    display: block;
    font-weight: 300;
}

.coach-profile-top-content p span {
    display: block;
    margin-top: 10px;
	font-weight:500;
}

.coach-profile-top-content h3 {
    margin-bottom: 20px;
}
.coach-profile-top-content a {
    background: #fff;
    color: #000;
}
 
.profile-shape1 {
    background-image: url(../images/profile-shape1.svg);
    background-size: contain;
    padding: 40px 80px;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: -30px;
	 opacity: .8;
}
.profile-shape2 {
    background-image: url(../images/profile-shape2.svg);
    background-size: contain;
    padding: 40px 80px;
    background-repeat: no-repeat;
    position: absolute;
    left: 410px;
    bottom: -63px;
    opacity: .8;
} 
.coach-profile-top-content {
    position: relative;
}
.profile-vedio-popup {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
	    z-index: 9;
}

.profile-vedio-popup img {
    border: 10px solid #fff;
    border-radius: 10px;
}
.play-icon {
    position: absolute;
    top: 40%;
    margin: 0 auto;
    text-align: center;
    left: 43%;
    width: 50px;
    background: #fff;
    border-radius: 50%;
    z-index: 99;
}

.play-icon img {
    /* width: 50px; */
    padding: 3px;
    border-radius: 50%;
}

.profile-shape3 {
    background-image: url(../images/profile-shape3.svg);
    background-size: 43px;
    padding: 40px 40px;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: -32px;
    opacity: 1.8;
}
ul.nav.nav-tabs {
    padding: 10px;
}

ul.nav.nav-tabs a {
    padding: 10px;
}

/* ul.nav.nav-tabs a:before { */
    /* background-image: url(../images/tab-border-left.png)no-repeat; */
    /* height: 47px; */
    /* width: 36px; */
    /* background-size: cover; */
    /* content: ""; */
    /* position: absolute; */
    /* background-repeat: no-repeat; */
    /* background: url(../images/tab-border-left.png) no-repeat; */
/* } */
.profile-tabs li {
}

.profile-tabs li a {
    color: #ccc;
}

.profile-tabs a.active {
    background: linear-gradient(90.08deg, #5A6FFF 0.71%, #5898FE 99.94%);
    color: #fff;
}
ul.nav.nav-tabs a {
    padding: 10px 40px;
    background: #cccccc24;
    border-radius: 4px;
    margin-right: 9px;
    color: #828282;
}
.profile-tabs a.active {
    background: linear-gradient(90.08deg, #5A6FFF 0.71%, #5898FE 99.94%) !important;
    color: #fff !important;
}
.profile-tab-container {
    background: #fff;
    padding: 15px 15px;
    box-shadow: 0 3px 3px -2px rgb(39 44 51 / 10%), 0 3px 4px 0 rgb(39 44 51 / 4%), 0 1px 8px 0 rgb(39 44 51 / 2%);
	    border-radius: 10px;
}
.tab-content h3 {
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.tab-content h4 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
}
.tab-content p {
    color: #6f6f6f;
    margin-bottom: 20px;
}
.profile-tabs {
    margin-bottom: 25px;
}
.tab-content {
    margin-left: 10px;
}
ul.syllabus-1 {
    display: inline-block;
}

ul.syllabus-2 {
    display: inline-block;
}

.tab-content li {
    list-style: none;
}
.tab-content ul {
    padding-left: 0;
    margin-left: 31px;
}

.tab-content li {
    margin-bottom: 10px;
    color: #6f6f6f;
}

.tab-content li i {
    margin-right: 0;
    color: #6f6f6fb5;
    text-indent: -26px;
}
.border-bottom {
    border-bottom: 1px solid #cccccc63 !important;
    padding-bottom: 20px;
}
.req i
{
	    font-size: 8px;
}
.border-top {
    padding-top: 20px;
	border-top: 1px solid #cccccc63 !important;
}
.coach-profile-img img {
    width: 90px;
    border-radius: 50%;
    height: 90px;
    object-fit: cover;
}

.coach-about-desc-cont {
    display: flex;
}

.coach-profile-img {
    margin-right: 20px;
}
ul.coaches-skill li {
    display: inline-block;
    margin-left: 30px;
    list-style-type: circle;
    position: relative;
}
ul.coaches-skill li:before {
    width: 6px;
    height: 6px;
    content: "";
    display: block;
    background: #6f6f6f4a;
    border-radius: 50%;
    position: absolute;
    top: 7px;
    left: -12px;
}
ul.coaches-skill {
    margin-left: -20px;
}
.course-content {
    width: 100%;
}
.course-content th {
    background: #cccccc75;
    padding: 10px;
    font-weight: 500;
}
.course-content td {
    padding: 10px;
    color: #6f6f6f;
}

.course-content {
    border: 1px solid #ccc;
}

.course-content tr {
    border-bottom: 1px solid #cccccc69;
}
.profile-right-course h2 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
    width: 80%;
}
.profile-right-course h3 {
    display: block;
    margin-top: 10px;
    font-weight: 400;
    font-size: 0.875rem;
    margin-bottom: 20px;
}

.profile-right-course h4 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
}

.profile-right-course {
    background: #fff;
    padding: 20px 20px;
    box-shadow: 0 3px 3px -2px rgb(39 44 51 / 10%), 0 3px 4px 0 rgb(39 44 51 / 4%), 0 1px 8px 0 rgb(39 44 51 / 2%);
    margin-bottom: 20px;
    border-radius: 10px;
}

.profile-right-course ul {
    padding-left: 0;
    margin-left: 0 !important;
}
.profile-right-course li {
    list-style: none;
}
.profile-right-course li i {
    color: #6f6f6f8c;
    font-size: 8px;
    margin-bottom: 13px;
}
.profile-right-course li i {
    color: #6f6f6f8c;
    font-size: 8px;
    margin-bottom: 13px;
    margin-right: 4px;
}
.profile-tag {
    background: #fff;
    padding: 20px 20px;
    box-shadow: 0 3px 3px -2px rgb(39 44 51 / 10%), 0 3px 4px 0 rgb(39 44 51 / 4%), 0 1px 8px 0 rgb(39 44 51 / 2%);
	 border-radius: 10px;
}
.profile-tag ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    width: 100%;
    margin: 0px 15px;
}

.profile-tag li {
    background: #cccccc6b;
    border-radius: 20px;
    padding: 10px;
	text-align:center;
}
.profile-right-section a {
    background: linear-gradient( 
90.08deg
 , #5A6FFF 0.71%, #5898FE 99.94%) !important;
    color: #fff !important;
    width: 100%;
    text-align: center;
}
.profile-right-section .common-button:hover {
    background: none !important;
    transition: .5s all ease;
    border: 2px solid #5987ff;
    color: #6f6f6f !important;
}
.profile-right-section a {
 	transition:.5s all ease;
	 border: 2px solid #f9fafb;
}
.coach-profile-top-content a:hover {
    background: none;
    border: 2px solid #fff;
}
.coach-profile-top-content a  {
     border: 2px solid #fff;
}
.btn-secondary:hover {
    color: #6f6f6f;
    background-color: #ffffff;
    border-color: #ffffff;
}
/**** coach profile css end ***/








/**** book appointment css start ***/ 
.bookappointment-filter-container-top {
    background: #fd9f5d;
    border-radius: 4px;
    padding: 7px 0px;
}

.book-appointment-filter-section h2 {
    line-height: 0;
    margin: 0;
}

.book-appointment-filter-section .form-group {
    margin: 0;
}
.book-appointment-filter-section {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    width: 100%;
}
.bookappointment-filter {
    width: 100%;
}
.book-appointment-filter-section h3 {color: #fff;font-size: 14px;font-weight: 400;margin-right: 10px;}

.book-appointment-filter-section select {
    margin-bottom: 0 !important;
    font-size: 12px;
    height: 38px;
   background: #fff;
    border: 1px solid #fff;
	    border-radius: 42px;
}

.book-appointment-filter-section .form-group input::placeholder {
    padding-left: 12px;
    font-size: 12px;
}

.book-appointment-filter-section input {
    background: #ffffff;
    border: 1px solid #ffffff;
    color: #fff;
    border-radius: 42px;
	padding-left: 15px;
}
.book-appointment-filter-section .form-group {
    margin-right: 10px;
}
.search-button {
    background: #fff;
}
.search-button input {
    background: #cc8350;
    border: none;
    color: #fff;
    margin-top: 0;
    padding-top: 0;
    border-radius: 20px !important;
    font-size: 12px;
    text-align: center;
    height: 38px;
}

.search-button {
    border-radius: 20px !important;
    font-size: 12px;
    text-align: center;
}
.coach-profile-desc h4 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
}

.coach-profile-desc h5 {
    display: block;
    font-weight: 500;
    margin-bottom: 10px;
}

.coach-profile-desc h4 span {
    display: block;
    font-size: 14px;
    margin-top: 3px;
    font-weight: 400;
    color: #6f6f6f;
}

.coach-profile-desc p {
    color: #6f6f6f;
}

.book-app .coach-content-content {
   
}
.book-appointment-button input {
    height: unset;
    margin-top: 0;
    background: linear-gradient( 356deg , #FE5E6F 0.71%, #FF973E 99.94%);
    padding-top: 0;
    border-radius: 4px;
    margin-bottom: 10px;
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 10px;
    font-size: 14px;
    background: #fd9f5d;
    color: #fff;
	border-radius: 84px;
}
.book-appointment-filter-section select:focus {
    background:#fff;
}
.book-appointment-button a {
    height: unset;
    margin-top: 0;
    border: 1px solid #6f6f6f70;
    padding-top: 0;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 10px;
    width: 100%;
    display: inline-block;
    text-align: center;
    color: #6f6f6f;
    font-size: 14px;
	border-radius: 84px;
}
.form-group.search-button input:focus {
    background: #cc8350;
}
form.book-appoint-query-form input:focus {
    border: 1px solid #ccc !important;
    background-image: none;
	    border-color: #fd9f5d  !important;
}
.book-appointment-button-container
{
	display: flex;
    justify-content: center;
    align-items: center;
}
.bor-btm {
    margin-bottom: 20px;
    border-bottom: 1px solid #cccccc63 !important;
    padding-bottom: 20px;
    background: #fff;
    box-shadow: 0 0px 14px 0 rgb(165 165 165 / 20%);
    padding: 20px 5px;
}
.card {
    width: 100%;
    margin: 0 auto;
    margin-top: 20px;
    border: 1px solid #cccccca8;
    background: #fff;
}
.dc-tags ul {    
    list-style: none;
}
.dc-tags ul li {
    padding: 4px 3px;
    list-style-type: none;
    background: #e2e2e2;
    border-radius: 50px;
    margin-bottom: 6px;
}
.dc-tags ul li a {
    color: #767676;
    font-size: 12px;
    padding: 0 14px;
    line-height: 24px;
    border-radius: 4px;
}
.dc-tags ul li:last-child {
    background: none;
    color: blue;
}

.dc-tags ul li:last-child a {
    color: #55acee;
}
.dc-tags li {
    display: inline-block;
}

.dc-tags ul {
    padding-left: 0;
    margin-bottom: 0;
}
.book-app .coach-profile-desc p { 
    margin-bottom: 10px;
}
.book-app .coach-profile-desc {
    border-right: none;
    padding-right: 8px;
}
.book-appointment-button ul {
    padding-left: 0;
}

.book-appointment-button li {
    color: #6f6f6f;
    font-weight: 400;
    list-style: none;
    margin-bottom: 8px;
}

.week-active {
    color: #1abc9c;
}
.available-today span
{
	color: #1abc9c;
}

.bor-btm .collapse {
    /* width: 100%; */
    margin: 0 auto;
}

 
.card-body li {
    list-style: none;
    font-size: 18px;
    text-align: center;
    display: inline-block;
    border: 1px solid #ccc; 
    position: relative;
    margin-right: 8px;
    border-radius: 5px;
    color: #9c9c9c;
    cursor: pointer;
    background: #fff;
}
.card-body li span {
    display: block;
    font-size: 12px;
}
.card-body li b {
    position: absolute;
    top: -1px;
    font-weight: 200;
    font-size: 12px;
    margin: 0 auto;
    width: 80%;
    left: 10px;
    background: #fff;
    margin: 0 auto;
}
.card-body ul {
    padding-left: 0;
	    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
     overflow-y: auto; 
}
.card-body li:hover b {
    color: #6f6f6f;
}
.card-body h3 {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
    margin-bottom: 10px;
}
.date-container {
    margin-bottom: 15px;
}
.time-container-content {
    margin-bottom: 25px;
}
.time-container img {
    float: left;
    margin-right: 5px;
}

.time-container h3 {
    padding-top: 5px;
    font-size: 14px;
}

.time-container h3 span {
    font-weight: 300;
    font-size: 13px;
    margin-left: 7px;
}
.time-container li {
   list-style: none;
    font-size: 18px;
    text-align: center;
    display: inline-block;
    border: none;
    padding: 0px 0px;
    position: relative;
    margin-right: 8px;
    border-radius: 5px;
    font-size: 12px;
    color: #9c9c9c;
}
.time-container input {
    height: unset;
    margin-top: 0;
    background: linear-gradient( 356deg , #FE5E6F 0.71%, #FF973E 99.94%);
    padding-top: 0;
       border-radius: 84px;
    margin-bottom: 10px;
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 10px;
    font-size: 14px;
    background: #fd9f5d;
    color: #fff;
	z-index: 9;
}
.time-container input:hover
{
	background:none;
	border:1px solid #6f6f6f;
	color:#6f6f6f;
}
.book-app-pattern {
    position: absolute;
    bottom: 9px;
    right: 28px;
    transform: rotate(90deg);
}

.book-app-pattern img {
    width: 120%;
}
.book-appoint-side-left {
    margin-bottom: 20px;
    border-bottom: 1px solid #cccccc63 !important;
    padding-bottom: 20px;
    background: #fff;
    box-shadow: 0 0px 14px 0 rgb(165 165 165 / 20%);
    padding: 15px 15px;
}

.book-appoint-side-left h2 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}

.book-appoint-side-left h3 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #fd9f5d;
}

form.book-appoint-query-form input {
    padding: 10px;
    height: 46px;
}
.book-appoint-query-form-button {
    height: unset;
    margin-top: 0;
    background: linear-gradient( 356deg , #FE5E6F 0.71%, #FF973E 99.94%);
    padding-top: 0;
    border-radius: 64px;
    margin-bottom: 10px;
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 10px;
    font-size: 14px;
    background: #fd9f5d;
    color: #fff;
	 border: 1px solid #fd9f5d;
}
.book-appoint-query-form-button:hover {
    background: none;
    border: 1px solid #fd9f5d;
    color: #6f6f6f;
}
.book-app-pattern1 {bottom: -44px;right: -18px;}

.book-app-pattern1 img {
    width: 82%;
}
.book-appointment-button {
    z-index: 9;
}
.book-appointment-button a:hover {
    background: #fd9f5d;
    transition: .5s all ease;
    color: #fff;
}
.book-appointment-button input:hover {
    background: none;
    border: 1px solid #ccc;
    color: #6f6f6f;
}
.done-appointment {
    /* background: linear-gradient( 356deg , #FE5E6F 0.71%, #FF973E 99.94%); */
    background: linear-gradient( 358deg , #5a6fff 0.71%, #5898fe 99.94%);
    text-align: center;
}

.done-appointment h3 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 15px;
}

.done-appointment h4 {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    width: 64%;
    margin: 0 auto;
    margin-bottom: 20px;
}

.done-appointment img {
    margin-bottom: 22px;
    margin-top: 30px;
}
.done-appointment a {
    color: #fff;
    margin-bottom: 50px;
    display: block;
}
.done-appointment   button
{
border-radius: 80px;
    margin: 20px;
    padding: 18px;
    background: #fff;
    color: #6f6f6f;
    border: none;
	 margin-bottom: 29px;
} 
.card-body li label {
    all: unset;
}
.card-body li input {
   width: 10px;
    height: 10px;
    display: block;
    background: red;
    padding: 20px;
}
.card-body li label {
    all: unset;
    display: block;  
}
.card-body li:hover {
    background: #ffefe4;
    color: #000;
}
.book-appointment-filter-section input:focus {
    background: #fff;
    
}



/*** h css start ***/
.editCustomSheets label
{
	list-style: none;
	font-size: 18px;
	text-align: center;
	display: inline-block;
	
	padding: 20px 8px;
	position: relative;
	margin-right: 8px;
	border-radius: 5px;
	color: #9c9c9c;
	cursor: pointer;
/* 	border: 1px solid #ccc;
	background: #fff;	 */
}

.editCustomSheets .svgInput
{
    position: absolute;
    left: -9999px;	
}

.editLayoutWrapper [type="radio"]:checked,
.editLayoutWrapper [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.editLayoutWrapper [type="radio"]:checked + label,
.editLayoutWrapper [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
.editLayoutWrapper [type="radio"]:checked + label:before,
.editLayoutWrapper [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
.editLayoutWrapper [type="radio"]:checked + label:after,
.editLayoutWrapper [type="radio"]:not(:checked) + label:after {
	content: '';
    width: 12px;
    height: 12px;
    background: #53509d;
    position: absolute;
    top: 4px;
    left: 5px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.editLayoutWrapper [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.editLayoutWrapper [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.edit_customAllSheetWrapper {
    display: flex;
    justify-content: space-between;
}

.editCustomSheets {
	position: relative;
    display: flex;
    padding: 0;
}

.editKK_sheetSize {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	line-height: 11px;
    text-align: center;
}

span.ssNumber {
    font-size: 10px;
}


/* Sheet Radio Button Style Start */



/* curvature styling start */

.curvat
{
	display: grid;
    grid-template-columns: 30% 70%;
    text-align: left;
    padding: 0 20px;
    margin-top: 20px;	
}

 

.editCustomSheets [type=radio] + .hjj {
  cursor: pointer;
      padding: 20px 8px;
}


.editCustomSheets [type=radio]:checked + .hjj {
    background-color: #fd9f5d;
    padding: 20px 8px;
    color: #fff;
}
 
.editCustomSheets [type=radio]:checked + .hjj b {
    color: #6f6f6f;
    
}
 




.orCreateNewSize
{
    background: #bcb9f38c;
    border: 2px solid #494699;
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
    color: #494699;
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.04em;
    padding: 10px 10px;
    text-transform: uppercase;
    transition: .1s ease-in-out;	
}

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

.edit_cRou
{
	width: 50px;
    height: 50px;
    border-radius: 50px;
    background: #bcb9f38c;
    border: 2px solid #494699;
	margin-left: 20px;	
	margin-right: 20px;	
}

.edit_cSqr
{
	width: 50px;
    height: 50px;
    border-radius: 4px;
    background: #bcb9f38c;
    border: 2px solid #494699;	
}
 

.CustomshapespDiv [type=radio] + div {
  cursor: pointer;
}


.CustomshapespDiv [type=radio]:checked + div{
    /*outline: 3px solid #494699; */
	border: 3px solid #494699;
	background:red;
}
.btnn.savebtn{margin: 0 auto;}
.datepding{margin-bottom: 10px;}
.btnn.savebtn button{background: linear-gradient( 358deg , #5a6fff 0.71%, #5898fe 99.94%);color: #fff;border-radius: 20px; border: none;    padding: 10px 28px;}







/*** h css end ***/









/**** book appointment css end ***/




/**** view appointment css start   ***/
.view-app .coach-profile-img img {
    width: 110px;
    border-radius: 10%;
    height: 110px;
    object-fit: cover;
}

span.pending {
    background-color: rgba(242, 17, 54,0.12) !important;
    color: #e63c3c !important;
    padding: .25rem .5rem;
    border-radius: 2px;
}
.view-app   .coach-profile-desc {
    border-right: none; 
}

.view-app   .v-center1 { 
    border-right: 1px solid #cccccc63;
    padding-right: 8px;
}
.action-view-app h3 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
}
.edit {
      background-color: rgba(15, 183, 107,0.12) !important;
    color: #26af48 !important;
    padding: .25rem .5rem;
    border-radius: 2px;
}
.cancel {
    background-color: rgba(242, 17, 54,0.12) !important;
    color: #e63c3c !important;
    padding: .25rem .5rem;
    border-radius: 2px;
}
.view {
    background-color: rgb(2 94 182 / 12%) !important;
    color: #1d7fb9 !important;
    padding: .25rem .5rem;
    border-radius: 2px;
}
.action-view-app li span {
    width: 100px;
    display: block;
}
.action-view-app ul {
    margin-bottom: 0;
}
.action-view-app {
    justify-content: right;
    align-items: inherit;
    float: right;
}
.action-view-app li a {
    all:unset;
}
.action-view-app li:hover {
    background: none;
    cursor: pointer;
}

.action-view-app li a:hover {
    background: none;
    color: unset;
}

/**** view appointment css end ***/


/**** upcoming css start ***/
.time-container-content label {all: unset !important;/* padding: 7px 12px; */}

label {}

.time-container-content .hjj {
   /* all: unset;*/
    padding: 7px 12px !important;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.time-container li:hover {
    background: none;
    color: unset;
}
.time-container-content .hjj:hover {
   background: #ffefe4;
}
.time-container-content .editCustomSheets [type=radio]:checked + .hjj {
    /*all: unset;*/
    background: #fd9f5d;
    color: #fff;
    border-radius: 5px;
    border: 1px solid #fd9f5d;
}
.time-container-content h3 {
    margin-bottom: 15px;
}
/**** upcoming css end ***/







/**** profile css start ***/
.profile-tab {
    display: block;
    margin-bottom: 20px; 
    background: #fff;
    box-shadow: 0 0px 14px 0 rgb(165 165 165 / 20%);
		color:#6f6f6f;
		border-radius: 6px;
}

.profile-tab button {
    display: block;
    border: none;
    background: none;
    width: 100%;
    text-align: left;
    padding: 15px 20px;
    border-bottom: 1px solid #cccccc78;
		color:#6f6f6f;
}

.profile-tab img {
    width: 18px;
    vertical-align: sub;
    margin-right: 10px;
}
.profile-content {
    padding: 14px 20px;
    border-radius: 6px;
    padding-bottom: 40px;
}
.profile-content h2 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
	color:#333;
}
.profile-content table {
    width: 100%;
}

.profile-content table td {
    padding: 10px;
    border: 1px solid #cccccc87;
	color:#6f6f6f;
}
.profile-content h2 a {
    float: right;
    background: #fd9f5d;
    padding: 10px;
    display: block;
    border-radius: 4px;
    margin-top: -10px;
    font-size: 13px;
	color:#fff;
}
button.tablinks.active {
    /* background: #fd9f5d; */
    color: #6f6f6f;
    border-bottom: 2px solid #fd9f5d;
}
.edit-label label {
    position: unset;
}
.profile-tab button:last-child {
    border: none;
}
.big-img img {
    height: 300px;
    width: 100%;
    object-fit: cover;
	    border-radius: 6px;
}
.short-pic img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 50%;
}
.short-pic {
    position: absolute;
    bottom: 35px;
    width: 100%;
    display: flex;
    z-index: 999;
    flex-direction: row;
    justify-content: space-between;
    padding: 0px 24px;
    z-index: 99;
}
.cover:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: linear-gradient( 356deg , #fe5e6f8f 0.71%, #ff973ead 99.94%);
    margin: 0 auto;
    border-radius: 6px;
    content: "";
    z-index: 9;
}
.cover {
    border-radius: 6px;
    position: relative;    
    height: 400px;
    background-position: center;
    background-repeat: no-repeat;
}
figure.big-img {
    border-radius: 6px;
    position: relative;    
   /* height: 400px;
    background-position: center;
    background-repeat: no-repeat;*/
}
.short-pic .d-md-block {
    justify-content: right;
    display: flex !important;
    align-items: flex-end;
    float: right;
    margin-right: 25px;
}
.profile-name {
    color: #fff;
    margin-left: 20px;
    font-size: 18px;
}
.profile-name b {
    display: block;
    font-weight: 300;
    font-size: 14px;
    width: 60%;
}
.short-pic > div {
    display: flex;
    align-items: center;
}
.select-drop {
    position: unset;
}

.select-drop select {
    width: 50%;
}

.select-drop label {
    width: unset;
    display: flex;
    position: unset;
    font-weight: 500;
    line-height: unset;
    height: unset;
}
.select-drop textarea {
    padding-left: 15px;
}
.profile-content tr:nth-child(even) {
    background: #f9f9f9;
}
.edit-icon-width img{
    width: 17px !important;
    height: 18px !important;
    object-fit: contain !important;
    border-radius: unset !important;
}
.btn-edit-profile {
    background: #fd9f5d;
    border: 2px solid #fd9f5d;
    font-weight: 400;
    font-family: unset;
    width: max-content;
}
.btn-edit-profile:hover {
    background: none;
    border: 2px solid #fd9f5d;
}
.btn-edit-profile a {
    color: #fff;
  
} 
.button-flex button {
    padding: 12px 40px;
	border: 1px solid #fff;
}

.button-flex button:hover {
    background: none;
    border: 1px solid #fff;
    color: #fff;
}
/**** profile css end ***/

/**** caoch list css start ****/
.coach-list .coach-about-desc-cont {
    display: unset;
    text-align: center;
}
.coach-list .coach-profile-img {
    margin-right: 0;
}
.coach-list    .coach-profile-desc { 
    padding-right: 0;
}
.coach-list  .coach-content-content {
    width: 100%;
}
.coach-list  .coach-profile-img img { 
    margin-bottom: 12px;
}
.coach-list .bor-btm {
    padding-bottom: 10px;
    border-radius: 8px;
    transition: .5s all ease;
}
.coach-list .v-center1 {
    border: none;
}
.coach-list .coach-content-content.bor-btm:hover {
    background: #ffefe4;
}

.coaches-list-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    grid-auto-rows: minmax(100px, auto);
    width: 100%;
    margin: 0px 15px;
}
.list-coaches-modal  .time-container-content h3 {
    margin-bottom: 15px;
    color: #000;
    font-size: 14px;
    text-align: left;
}
.list-coaches-modal .date-container h3 { 
    font-size: 14px;
    text-align: left;
	color:#000;
}
.list-coaches-modal .time-container-content img { 
    margin-top: 1px;
}
 img.calender-app-svg {
    width: 20px;
    margin: 0;
    margin-right: 7px;
}
ul.editCustomSheets {
    margin-left: 28px;
}
.list-coaches-modal .book-app-pattern { 
    bottom: -20px;
    right: 18px; 
}
.list-coaches-modal .modal-body { 
    padding-top: 0;
}
.edit-profile-page .login-form img {
    margin-right: 12px;
    padding-top: 12px;
    width: 20px;
}

/**** caoch list css end ****/



/*** coach page start css ***/
nav.sidebar.coach-side-menu:before {
    background: linear-gradient( 358deg , #5a6fffe8 0.71%, #5898fef0 99.94%);
}
.navbar.coach-side-menu.coach-side-menu  {
    background: linear-gradient( 358deg , #5a6fff 0.71%, #5898fe 99.94%);
}

.coach-home-page .color-box h5 span {
    text-align: right;
    float: right;
    background: #a1cca5;
    border-radius: 50%;
    padding: 10px 12px;
    position: absolute;
    right: 15px;
}
.coach-home-page .color-box h5 span.red-box {
    text-align: right;
    float: right;
    background: #f5a29f;
    border-radius: 50%;
    padding: 10px 12px;
    position: absolute;
    right: 15px;
}
.coach-home-page .coaches-list p {
    /* width: 80%; */
    /* margin: 0 auto; */
    /* color: #686f7a; */
    /* margin-top: -8px; */
}
.coach-home-page .coaches-list a {
    display: -webkit-inline-box;
    color: #6f6f6f;
    /* border: 1px solid #ccc; */
    padding: 7px 7px;
    border-radius: 4px;
    font-size: 13px;
    color: #597cff;
    padding-top: 0;
}
.coach-side-menu .active {
    background: #ffffff57;
    border-right: 3px solid #3a5dbb;
}
.coach-gradient-color .done-appointment {
	background: linear-gradient( 358deg , #5a6fffe8 0.71%, #5898fef0 99.94%);
    text-align: center;
}
.coach-upcoming-margin {
    margin: 0;
    border-radius: 5px;
    margin-bottom: 22px;
}
.coach-book-history .coach-book-hist {
    text-align: center;
}

.coach-book-history .coach-about-desc-cont {
    display: unset;
}
.coach-book-history .view-app .v-center1 {
    border-right: none;
    padding-right: 0;
}
.coach-book-history .coach-content-content {
    width: 100%;
}
.coach-book-history .coach-book-hist {
    text-align: center;
    border-radius: 10px;
    margin: 0;
}
.coach-book-history    .coach-profile-img img { 
    margin-bottom: 10px;
}

.client-pro img{
    height: 100px;
    width: 100px;
    border-radius: 50%;
}


/*** coach page end css ***/



















































.get-started-img {
    height: 80vh;
}

.get-started-img {
    background-image: url(../images/mobile-bg-get-started.png);
    width: 100%;
    background-size: cover;
    display: table;
	border-radius: 0px 0px 150px 0px;
}
.get-started-img:before {
    background: #153e4dc9;
    content: "";
    display: block;
    width: 100%;
    height: 80%;
    position: absolute;
    top: 0;
    left: 0;
	border-radius: 0px 0px 150px 0px;
}
.get-started-img img {
    position: relative;
}
.get-started-img-container {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: relative;
    padding: 15px;
}
.get-started-img-container h2 {
    color: #fff;
    font-size: 18px;
}
.get-started-button-container {
    text-align: center;
    margin-top: 40px;
    padding: 15px;
}


.get-started-container {
	height: 100vh;
}

/** login css start **/
.student-container {
    background: linear-gradient(90.08deg, #FE5E6F 0.71%, #FF973E 99.94%);
}
.teacher-container {
    background: linear-gradient(90.08deg, #5A6FFF 0.71%, #5898FE 99.94%);
}
.student-container {
    padding: 30px 0px 0px 8px;
    text-align: center;
    border-radius: 10px;
    overflow: hidden;
    height: 240px;
}
.student-container h2 {
    font-size: 12px; 
    margin: 0 auto;
}
.student-image img {
    width: 90%;
    margin-bottom: 0;
    padding-top: 20px;
    transform: scale(1.0);
    position: relative;
    top: -8px;
    left: 10px;
}
.student-container h2 {
    color: #fff;
    text-align: left;
    margin-top: 10px;
}
.h-100vh {
    height: 100vh;
}
.d-table {
    display: table;
}

.d-table-cell {
    vertical-align: middle;
    text-align: center;
}
.logo {
    margin-bottom: 80px;
} 
.login-form label {
    display: block;
}

.login-form {
    text-align: left;
	 display: flex;
}

.login-form input {
    border: none;
    border-bottom: 1px solid #ccc;
    width: 100%;
    font-size: 14px;
}
.login-container {
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    background-image: url(../images/banner1.jpg);
    width: 100%;
}
.login-bg {
    background: #fff;
    padding: 20px;
    box-shadow: 0px 0px 7px 0px #0000006b;
    border-radius: 5px;
	position: relative;
}
.login-form img {
    margin-right: 12px;
    padding-top: 12px;
}
.mb-40
{
	margin-bottom:40px;
} 
.mb-50
{
	margin-bottom:50px;
}
.teacher-container .teacher-login {
    transform: scale(1.3);
    position: relative;
    top: 25px;
    left: 30px;
}
.login-bg a {
    margin-bottom: 30px;
    display: block;
    font-size: 16px;
    position: relative;
    z-index: 9;
    padding: 10px;
    height: 46px;
	    border: 2px solid #fff;
    transition: .5s all ease;
}
.logo img {
    width: 220px;
}
.tick-button {
    position: absolute;
    top: 8px;
    left: 10px;
}
p.or {
    margin: 0;
    margin-bottom: 30px;
	position: relative;
}
.or:before {
    top: 12px;
    width: 44%;
    height: 1px;
    background: #dbdbdb;
    content: "";
    display: block;
    position: absolute;
    left: 0;
}

.or:after {
    top: 12px;
    width: 44%;
    height: 1px;
    background: #dbdbdb;
    content: "";
    display: block;
    position: absolute;
    right: 0;
}
.v-center
{
	display: flex;
    justify-content: center;
    align-items: center;
}
.v-center1
{
	display: flex; 
    align-items: center;
}
 
.form-md { 
  float: left; 
  width: 100%; 
  text-align: center; 
  margin: 30px auto 30px auto; 
}
.form-md .form-group {
  margin-left: auto;
  margin-right: auto;
  max-width: 300px;
}
.form-group { 
  position: relative;
}
input {
  position: relative;
  display: block;
  width: 100%;
  border: none;
  border-bottom: 1px solid #DDD;
  background-color: transparent;
  margin: 0px auto;
  padding: 20px 0px 0px 0px;
  height: 32px;
  outline: none !important;
  font-size: 20px;
  color: rgba(0,0,0,0.8);
  background: -webkit-linear-gradient(bottom, #51BBBE 50%, #51BBBE 50%);
  background: linear-gradient(to top, #51BBBE 50%, #51BBBE 50%);
  background-position: left bottom;
  background-size: 0 1px;
  background-repeat: no-repeat;
  transition: all .2s ease-in-out;
}
::-webkit-input-placeholder {   color: #DDD; font-size: 13px; font-weight: 200; }
:-moz-placeholder { text-align: right; color: #DDD; font-size: 13px; font-weight: 200; }
::-moz-placeholder { text-align: right; color: #DDD; font-size: 13px; font-weight: 200; }
:-ms-input-placeholder { text-align: right; color: #DDD; font-size: 13px; font-weight: 200; }

label {
    position: absolute;
    top: -16px;
    left: 32px;
    text-align: left;
    display: block;
    width: 100%;
    height: 52px;
    line-height: 72px;
    font-weight: 200;
    background: transparent;
    color: rgba(0,0,0,0.6);
    margin: 0px auto;
    cursor: text;
    transition: all .15s ease-in-out;
}
 input:focus {
    border-image-source: linear-gradient(90.08deg, #FE5E6F 0.71%, #FF973E 99.94%);
    background-image: linear-gradient(90.08deg, #FE5E6F 0.71%, #FF973E 99.94%);
}
input:focus { 
  background-position: left bottom;
  background-size: 100% 1px;
}
input:valid + label, input:focus + label {
    height: 20px;
    line-height: 20px;
    font-size: 13px;
    color: #ff9341;
}

input:focus ::-webkit-input-placeholder { color: transparent; font-size: 0; }
input:focus :-moz-placeholder { color: transparent; font-size: 0; }
input:focus ::-moz-placeholder { color: transparent; font-size: 0; }
input:focus :-ms-input-placeholder { color: transparent; font-size: 0; }
.form-control:focus {
    box-shadow: none;
    background-color: transparent;
}
.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 0rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
       background-color: transparent;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.common-button:hover {
    background-image: linear-gradient(271deg, #FE5E6F 0.71%, #FF973E 99.94%);
    transition: .5s all ease;
	text-decoration:none;
	color:#fff;
}
.login-heading
{
	font-size: 16px;
    text-align: left;
    margin-bottom: 30px;
}
.already-account:hover {
    text-decoration: none;
    color: #ff9540;
} 
.login-bg form {
    position: relative;
    z-index: 9;
}

.common-button:hover {
    background-image: none;
    transition: .5s all ease;
    text-decoration: none;
    color: #6f6f6f;
    border: 2px solid #ccc;
}
.login-signup-container
{    width: 95%;
    margin: 0 auto;
}
.forgot-pass a {
    padding: 0;
    margin: 0;
    text-align: right;
    font-size: 12px;
    color: #696969;
    margin-top: -10px;
}
.common-button-input
{
	    height: 50px !important;
	border:2px solid #fff;
}
.login-container .common-button { 
    line-height: 0px;
    margin-bottom: 30px;
    position: relative;
    z-index: 9;
    padding: 10px;
    height: 46px; 
}
.back-button a {
    all: unset;
    cursor: pointer;
}
.teacher-input input:valid + label input:focus + label { 
    color: #5a72ff;
}
.teacher-input input:focus {
    border-image-source: linear-gradient(90.08deg, #597aff 0.71%, #5994fe 99.94%);
    background-image: linear-gradient(90.08deg, #5982fe 0.71%, #598cfe 99.94%);}



/** login css end **/














/** student login css start **/
.p-15 {
    padding: 0px 15px;
}
.student-page .student-container { 
    height: unset;
	border-radius: 0px 0px 15px 0px;
}
.student-page-form h2 {
    font-size: 16px;
    text-align: left;
    margin-bottom: 30px;
}
.student-page-form {
    padding: 25px 15px 25px 15px !important;
    background: #fff;
    border-radius: 15px 0px 0px 0px;
}
.student-page .login-bg {
    background: unset; 
}
.bg-fff
{
	 background: #fff;
}
.student-page  .student-image {
    position: absolute;
    bottom: -60px;
    left: 0;
    width: 100%;
}
.student-page .student-image img {
    width: 100%;
    position: unset;
}
.back-button {
    display: flex;
    padding: 12px;
}
.back-button span {
    color: #fff;
    margin-left: 10px;
    font-size: 14px;
}
.already-account {
    font-size: 12px !important;
    color: #696969;
    z-index: 9;
    position: relative;
    border: none !important;
}
.already-account span {
    font-weight: 600;
}
.student-page .login-bg a {
    margin-bottom: 10px; 
}
.signup-container .common-button {
    margin-top: 50px;
    line-height: 0px;
    margin-bottom: 30px;
    position: relative;
    z-index: 9;
    padding: 10px;
    height: 46px;
	 border: 2px solid #fff;
}
.signup-container input { 
    padding: 0px 0px 0px 0px; 
}
.signup-container .login-bg:after {
    bottom: -24px;
    right: -53px;
}
.student-page .login-bg { 
    box-shadow: none; 
}
.sign-up-radio [type=radio]:checked + .hjj {
    /* all: unset; */
}.sign-up-radio [type=radio] + .hjj {
    padding: 0;
}
.editCustomSheets.sign-up-radio label {
    all: unset;
    width: 100%;
}
.signup-container .common-button:hover {
    border: 2px solid #ccc;
}
/** student login end start **/

/** teacher login css start **/
 .teacher-page .student-container {
    background: linear-gradient(90.08deg, #5A6FFF 0.71%, #5898FE 99.94%);}
 .teacher-page .common-button { background: linear-gradient(90.08deg, #5A6FFF 0.71%, #5898FE 99.94%); }
/** teacher login end start **/

.desktop-show
{
	display:block;
}
.mobile-show
{
	display:none;
}
.desktop-shape {
    position: absolute;
    bottom: -6px;
    right: 6px;
    transform: rotate(90deg);
}

.index-page .desktop-shape {
    bottom: -7px;
}
.mobile-show.back-arrow.bg-mobile-color-strip {
    background: linear-gradient( 356deg , #FE5E6F 0.71%, #FF973E 99.94%);
    padding: 5px 10px 5px;
}
 
.bg-mobile-color-strip a {
    color: #fff;
    font-size: 16px;
}
.book-app .back-arrow {
    margin-bottom: 0px;
}
.dc-tags ul li:last-child a { 
    visibility: hidden;
    display: block;
    height: 1px;
}
.dc-tags ul li { 
    background: #f1f1f1; 
}
/* .bor-btm .collapse {  */
    /* display: none; */
/* } */

.mobile-bottom-navi ul {
    display: flex;
    padding-left: 0;
    justify-content: space-between;
    margin-bottom: 0rem;
    padding: 10px 10px 0px 10px;
}

.mobile-bottom-navi img {
    width: 22px;
    height: 22px;
}

.mobile-bottom-navi li {
    list-style: none;
    text-align: center;
}

.mobile-bottom-navi li span {
    display: block;
}
.mobile-bottom-navi {
    position: fixed;
    width: 100%;
    bottom: 0;
    background: #fff;
    box-shadow: 0 0px 14px 0 rgb(165 165 165 / 20%);
	    z-index: 9;
}
.mobile-bottom-navi li a {
    color: #6f6f6f;
}
.navi-active a span {
    color: #fd9f5d;
}
.mobile-bottom-navi li a {
    color: #6f6f6f;
    font-size: 12px;
}
.signup-container .editCustomSheets [type=radio]:checked + .hjj {
    background-color: #fd9f5d;
     padding: 0; 
    color: #fff;
    border-radius: 10px;
}
.signup-container .editCustomSheets [type=radio]:checked + .hjj .tick-button {
    background-image: url(../images/tick.svg);
    background-size: 100%;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 10px;
}
.signup-container .editCustomSheets [type=radio]:checked + .hjj .tick-button img {
    display: none;
}
.close-btn {
    position: absolute;
    right: 10px;
    top: 8px;
    font-size: 22px;
    color: #9e9e9e;
    cursor: pointer;
}



.coach-profile-top-content h2 { 
    width: 100%; 
}
.coach-profile-top-content p { 
    width: 100%; 
}
.coach-profile-top-content h3 {
    margin-bottom: 10px;
}
.coach-profile-top-content a {
    margin-top: 15px;
}
.stretch-card { 
    align-items: center; 
}
.tab-content table {
    width: 100%;
    margin-bottom: 25px;
}

.tab-content td {
    border: 1px solid #ccc;
    padding: 12px;
}

.tab-content tr:nth-child(even) {
    background: #f7f7f7;
}
.video-tab h4 {
    margin-top: 20px;
}

ul.course-video-list {
    list-style: none;
}

ul.course-video-list {
    padding-left: 0;
}
ul.course-video-list {
    margin-top: 0 !important;
}
ul.course-video-list {
    margin-right: 0 !important;
}
ul.course-video-list {
    margin-bottom: 0 !important;
}
ul.course-video-list {
    margin-left: 0 !important;
    position: relative;
}
 
 

.highlight-watched .watched a:before {
    background: linear-gradient( 356deg , #FE5E6F 0.71%, #FF973E 99.94%);
    content: "✔" !important;
    color: white !important;
    transition: transform 0.4s cubic-bezier(.8, -.41, .19, 2.5);
    z-index: 2;
    padding: 10px;
    display: inline-block;
    text-align: center;
    position: relative;
    height: 28px;
    border-radius: 50%;
    width: 28px;
    line-height: 9px;
    text-align: center;
}

.highlight-watched li.watch-active a:after {
    width: 100%;
    background: linear-gradient( 356deg , #FE5E6F 0.71%, #FF973E 99.94%);
}
 
 
.highlight-watched li>a:after {
    position: absolute;
    left: 12px;
    z-index: 0;
    height: 2px;
    width: 2px;
    content: "";
    top: 11px;
    width: 300px;
    background: #dedede;
}


.highlight-watched li.watch-active a:after {
    width: 100%;
}
ul.course-video-list.highlight-watched li {
    margin-bottom: 35px;
}
ul.course-video-list.highlight-watched li {
    margin-bottom: 35px;
    width: 300px;
    position: relative;
}
li.watched a {
    display: flex;
}

.highlight-watched .watched.watch-not-active a:before {
    background: #dedede;
}
.highlight-watched > .watch-not-active > li>a:after {
    position: absolute;
    left: 12px;
    z-index: 0;
    height: 2px;
    width: 2px;
    content: "";
    top: 11px;
}

.status-name-app span {
    display: -webkit-inline-box;
    margin-top: -3px;
    font-weight: 400;
    color: #6f6f6f;
    margin-bottom: 5px;
}
.status-heading {
    color: #000 !important;
    font-size: 16px !important;
}
.status-date {
    font-size: 13px;
	    margin-bottom: 9px !important;
}
.status-name-app {
    margin-left: 15px;
}
.tab-content td a{
    color:#000; 
}
ul.course-video-list.highlight-watched {
    display: inline-flex;
}
.status-name-app {
    margin-left: -23px;
    margin-top: 33px;
}
.status-book .coach-content-content {
    overflow: hidden; 
}
.over-scroll {
    overflow-x: scroll !important;
    width: 100%;
    padding: 0px 15px;
}
.col-md-12.v-center1.bor-btm {
    border-radius: 10px;
}
span.closed {
    background-color: rgba(242, 17, 54,0.12) !important;
    color: #e63c3c !important;
    padding: .25rem .5rem;
    border-radius: 2px;
}
span.pending {
    background-color: rgb(251 224 67 / 31%) !important;
    color: #e63c3c !important;
    padding: .25rem .5rem;
    border-radius: 2px;
    color: #000 !important;
}
span.status-status span {
    font-size: 11px;
    display: block;
}
.status-date {
    display: block !important;
}
.find-coach-view-profile {
    height: unset;
    margin-top: 0;
    background: linear-gradient( 
356deg
 , #FE5E6F 0.71%, #FF973E 99.94%);
    padding-top: 0;
    border-radius: 64px;
    margin-bottom: 10px;
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 10px;
    font-size: 14px;
    background: #fd9f5d;
    color: #fff;
    border: 2px solid #fd9f5d;
}
.find-coach-view-profile:hover {
    background: none;
    border: 2px solid #fd9f5d;
    color: #6f6f6f;
}

.sidepanel2 {
    width: 0;
    position: fixed;
    z-index: 999;
    height: 100%;
    top: 0;
    right: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 0px;
    box-shadow: 5px 5px 5px 5px #ccc;
}

.sidepanel2 a {
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
    border: 1px solid #fff;
    padding: .8rem 1.5rem;
    background: linear-gradient( 
90.08deg
 , #5A6FFF 0.71%, #5898FE 99.94%) !important;
    font-size: 14px;
    color: #fff;
}


.sidepanel2 a:hover {
  color: #f1f1f1;
}

.sidepanel2 .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    z-index: 9;
    font-size: 23px;
    background: none !important;
    color: #6f6f6f !important;
}

.openbtn {
  font-size: 20px;
  cursor: pointer;
  background-color: #111;
  color: white;
  padding: 10px 15px;
  border: none;
}

.openbtn:hover {
  background-color:#444;
}
button.common-button.openbtn {
    background: #fff;
    border-radius: 38px;
    display: block;
    margin: 0 auto;
    color: #424242;
    font-size: 14px;
    display: inline-block;
    padding: .8rem 1.5rem;
    border: 1px solid #fff;
}
button.common-button.openbtn:hover {
    background: none;
    color: #fff;
}
.sidepanel2 .card {
    width: 100%;
    margin: 0 auto;
    margin-top: 20px;
    border: none;
    background: #fff;
    box-shadow: none;
}
.coach-profile-side-heading span {
    display: block;
    font-weight: 600;
}

.coach-profile-side-heading {
    font-weight: 400;
    font-size: 18px;
    border-bottom: 1px solid #d6d6d675;
    margin-bottom: 20px;
    padding-bottom: 14px;
}

#panel, #flip {
    padding: 5px;
    text-align: center;
    background-color: #f7f7f7;
    background: none !important;
    border: solid 1px #c3c3c369;
    color: #6f6f6f;
    padding: .8rem 1.5rem !important;
}
#panel {
  padding: 50px;
  display: none;
}
#panel img {
    width: 22px;
}
.sidepanel2 .time-container input {
    border: 1px solid #fff;
    padding: .8rem 1.5rem;
    background: linear-gradient( 90.08deg , #5A6FFF 0.71%, #5898FE 99.94%) !important;
}
.sidepanel2 .time-container input:hover {
    background: #fff !important;
    border: 1px solid #ccc;
}
input#flip:hover {
    background: linear-gradient( 90.08deg , #5A6FFF 0.71%, #5898FE 99.94%) !important;
    color: #fff;
}
.res-coach input {
    all: unset;
    border: 1px solid #fff;
    padding: .8rem 1.5rem;
    background: linear-gradient( 
90.08deg
 , #5A6FFF 0.71%, #5898FE 99.94%) !important;
    border-radius: 84px;
    margin-bottom: 10px;
    width: 100%;
    display: inline-block;
    text-align: center;
    color: #fff;
}
.res-coach {
    display: flex;
}

.coach-profile-done {
    background: linear-gradient( 
90.08deg
 , #5A6FFF 0.71%, #5898FE 99.94%) !important;
}

.input-res {
    display: flex;
}

.input-res input {
    margin-right: 20px;
}

.res-book {
    background: #fff;
}
.res-book h3 {
    color: #000;
    text-align: left;
    font-size: 16px;
}

.res-book img {
    all: unset;
    width: 22px;
    margin-right: 15px;
}
.res-book .res-coach input {
    background: #fd9f5d !important;
}
.tab-add-app input {
    background: #fff;
    border: 1px solid #afafaf;
    padding: 0;
    padding-left: 10px;
    height: 44px;
}
.tab-add-app select {
    background: #fff;
    border: 1px solid #afafaf;
    padding: 0;
    padding-left: 10px;
    height: 44px;
}


.toolbar1 {
  display:flex; 
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;  
  align-items: center;
  align-content: stretch;
  font-size: 1.35em;
  width: 50%;
}

.toolbar1>* {
  flex: 0 0 auto;
  margin: 0 10px 0 0;
}

.toolbar1>.selectize-control {
  flex: 1 0 auto;
/*   min-width: 400px; */
}

.selectize-dropdown,
.selectize-input,
.selectize-input input {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
.upload-v input
{
	    font-size: 12px;
    padding-top: 11px;
}
.accept-reject-app {
    display: flex;
    justify-content: center;
    align-items: center;
}

.accept-reject-app {}

.accept-reject-app .find-coach-view-profile:hover {
    font-size: 12px !important;
    padding: 0;
}

.accept-reject-app .find-coach-view-profile {
    font-size: 13px;
    padding: 6px;
    margin-right: 7px;
    padding: 10px 10px;
    border-radius: 30px;
}

.accept-reject-app .find-coach-view-profile:last-child {
    margin-right: 0;
	    background-color: rgb(2 94 182 / 12%) !important;
    color: #1d7fb9 !important;
	 border: 1px solid #e0ddde;
}

.accept-reject-app .find-coach-view-profile:first-child {
    background-color: rgba(15, 183, 107,0.12) !important;
    color: #26af48 !important;
    border: 1px solid #e2e8d5;
}

.accept-reject-app .find-coach-view-profile:nth-child(2) {
    background-color: rgba(242, 17, 54,0.12) !important;
    color: #e63c3c !important;
    border: 1px solid #fde2e7;
}

.accept-reject-app .find-coach-view-profile:hover {
    padding: 10px 10px;
    border-radius: 30px;
    font-size: 13px !important;
}
.accept-reject-app .find-coach-view-profile:first-child:hover {
    padding: 10px 10px;
    border-radius: 30px;
    font-size: 13px !important;
    background: none !important;
}
.accept-reject-app .find-coach-view-profile:nth-child(2):hover {
    padding: 10px 10px;
    border-radius: 30px;
    font-size: 13px !important;
    background: none !important;
}
.accept-reject-app .find-coach-view-profile:last-child:hover {
    padding: 10px 10px;
    border-radius: 30px;
    font-size: 13px !important;
    background: none !important;
}
.up-coach-2   .coach-content-content.bor-btm:hover {
    background: #5981fe1a;
}	
.upload-v1 input
{
	    font-size: 12px;
    padding-top: 0px;
}
.tab-add-app textarea {
    background: #fff;
    border: 1px solid #afafaf;
    padding: 0;
    padding-left: 10px;
	width:100%;
}
.form-group-container {
    display: flex;
}

.form-group-container input {width: auto;display: inline-block;height: auto;float: left;}

 

.form-group-container .form-group {
    margin-right: 20px;
    margin-bottom: 0;
    position: relative;
    top: 5px;
}
.form-group-container label {
    all: unset;
    margin-left: 7px;
    position: relative;
    top: -4px;
    color: #777;
}
.jus-cen {
    justify-content: center;
}
.my-app button {
    width: auto;
    padding: 10px 50px !important;
}
.coach-bread a {
    color: #5a7cff; 
}
.profile-tab a {
    display: block;
    border: none;
    background: none;
    width: 100%;
    text-align: left;
    padding: 15px 20px;
    border-bottom: 1px solid #cccccc78;
    color: #6f6f6f;
}

.profile-tab .common-button {
    background: linear-gradient(90.08deg, #FE5E6F 0.71%, #FF973E 99.94%);
    border-radius: 38px;
    display: unset !important;
    margin: 0 auto;
    color: #fff;
    font-size: 14px; 
    display: inline-block;
    padding: .8rem 1.5rem;
}
.txt {
    margin-top: -20px;
}
.my-App .coaches-list-grid { 
    grid-template-columns: repeat(4, 1fr); 
}
.lan-se label {
    top: 0;
    left: 0;
    border: 1px solid #afafaf !important;
}
.com-b input {
    background: linear-gradient( 356deg , #FE5E6F 0.71%, #FF973E 99.94%);
    border-radius: 50px;
    color: #fff;
    font-size: 16px;
}
.video-tab h3 {
    font-size: 14px;
    text-transform: capitalize;
    margin-bottom: 4px !important;
}

.man-v {
    grid-template-columns: repeat(5, 1fr);
}

.man-v .book-appointment-button a {
    background: none;
    border: none;
    font-size: 17px;
    text-decoration: underline;
    border-top: 1px solid #ccc;
    border-radius: 0;
    border-bottom: 1px solid #ccc;
}

.ad-n {
    margin-left: 15px;
    background: #5a73ff;
    margin-bottom: 20px;
    padding: 8px 15px;
    border-radius: 5px;
    color: #fff;
}

.my-sche {
    grid-template-columns: repeat(4, 1fr);
}

.my-sche .edit {
    background: none !important;
}
.coach-filter .book-appointment-filter-section {
    justify-content: space-between;
}

.coach-filter .form-group.search-button .search-button input {
    
}

.coach-filter .form-group.search-button {
    width: 100%;
}

.coach-filter .form-group {
    width: 100%;
}




/**** 21-July-2021 ****/
.client_dashboard .page-title h2:after {
	display:none;
}
.client_dashboard .video-thumbnail video {
    width: 100%;
	    border-radius: 10px;
}
.client_dashboard .video-thumbnail iframe {
    height: 281px;
    width: 100%;
    border-radius: 10px;
}
.client_dashboard .coaches-list h3 { 
    margin-bottom: 0;
}
.client_findcoaches .coaches-list-grid { 
    grid-template-columns: repeat(4, 1fr); 
}

.a.flex {
    display: flex;
    gap: 10px;
}
.client_coach .coach-about-desc-cont video {
    width: 100%;
	    border-radius: 10px;
		height: 281px;
		object-fit: cover;
}
.client_coach .coach-about-desc-cont iframe {
    height: 281px;
    width: 100%;
    border-radius: 10px;
}
.client_coach .book-appointment-button a {
    border: 1px solid #5983ff;
    padding: 6px 25px;
    color: #ffffff;
    border-radius: 84px;
    background: #5983ff;
}
.client_coach .book-appointment-button a:hover {
    background: none;
    color: #333;
    border: 1px solid #5983ff;
}
.client_coach .coach-content-content.bor-btm {
    height: 433px;
	    padding: 15px 15px;
}
.client_coach .tab-content td { 
    text-align: left !important;
}
.coach-about-desc-cont {
    width: 100%;
}

.book_appo .app-b {
    display: flex;
    gap: 20px;
    margin-top: 20px;
}

.book_appo .app-b input {
    background: red;
    all: unset;
    height: unset;
    margin-top: 0;
    background: linear-gradient( 
356deg
 , #FE5E6F 0.71%, #FF973E 99.94%);
    padding-top: 0;
    border-radius: 84px;
    margin-bottom: 10px;
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 10px;
    font-size: 14px;
    background: #fd9f5d;
    color: #fff;
    z-index: 9;
    transition: .5s all ease;
    border: 1px solid #fd9f5d;
}

.book_appo .app-b a {
    all: unset;
    height: unset;
    margin-top: 0;
    background: linear-gradient( 
356deg
 , #FE5E6F 0.71%, #FF973E 99.94%);
    padding-top: 0;
    border-radius: 84px;
    transition: .5s all ease;
    margin-bottom: 10px;
    width: 100%;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    padding: 10px;
    font-size: 14px;
    background: none;
    color: #fff;
    z-index: 9;
    border: 1px solid #fd9f5d;
    color: #333;
}

.book_appo .app-b a:hover {
    background: #fd9f5d;
    transition: .5s all ease;
    color: #fff;
}

.book_appo .app-b input:hover {}

.book_appo .app-b input:hover {
    background: none;
    border: 1px solid #fd9f5d;
    color: #333;
    transition: .5s all ease;
}
.book_appo .book-app-pattern1 {
    bottom: -4px;
    right: -11px;
}
.book_appo .n-w-100 {
    width: 100%;
    margin: 13px;
    margin-top: 0;
}
.book_appo .coach-content-content.mobile-con-w {
    display: grid;
    gap: 5%;
    grid-template-columns: 25% 20% 20%;
    align-items: center;
    border: 1px solid #cccccca8;
    box-shadow: 0 0 10px 0 rgb(183 192 206 / 20%);
    -webkit-box-shadow: 0 0 10px 0 rgb(183 192 206 / 20%);
    padding: 20px 10px;
    border-radius: 5px;
}

.book_appo .coach-about-desc-cont {width: unset;}

.book_appo .coach-profile-desc {
    border: none !important;
}
.book_appo ul.editCustomSheets {
    overflow: auto !important;
    width: 670px;
    margin-left: 0;
}
.book_appo form.book-appoint-query-form input {
    padding: 10px;
    height: calc(1.5em + .75rem + 2px);
}
.book_appo select.form-control, select, .email-compose-fields .select2-container--default select.select2-selection--multiple, .select2-container--default select.select2-selection--single, .select2-container--default .select2-selection--single select.select2-search__field, select.typeahead, select.tt-query, select.tt-hint {
    padding: 0 .75rem;
    border: 1px solid #e8ebf1;
    border-radius: 0px;
    outline: none;
    color: #000;
    border: 1px solid #ced4da;
}
.book_appo .col-md-4 form.book-appoint-query-form input.book-appoint-query-form-button {
    height: 46px;
}
.client_coach .col-12.col-xl-12.stretch-card.mobile-ord-2 > div {
    order: 2;
}

.client_coach .col-12.col-xl-12.stretch-card.mobile-ord-2 .profile-vedio-popup {
    order: 1;
}

.client_coach .col-12.col-xl-12.stretch-card.mobile-ord-2 {
    gap: 20px;
    align-items: flex-start;
}

.client_coach .row.coach-profile-top.mb-30.col-md-12.mobile-coach-pro.mt-65 {
    padding: 20px 20px;
}
.client_coach .profile-shape2 {
    background-image: url(../images/profile-shape2.svg);
    background-size: contain;
    padding: 40px 80px;
    background-repeat: no-repeat;
    position: absolute;
    left: 550px;
    bottom: -33px;
    opacity: .8;
}
.client_coach .row.user-v { 
    grid-template-columns: repeat(4, 1fr); 
}
.client_coach .coach-profile-top-content a:hover {
    background: none;
    border: none;
    color: #fff;
}
.book_appo .time-container input {
    border: 1px solid #fd9f5d !important;
    height: 46px;
}
.book_appo ul.editCustomSheets {
    overflow: unset !important;
    width: 670px;
    margin-left: 0;
}
.client_upcommingappointment .coaches-list-grid { 
    grid-template-columns: repeat(4, 1fr); 
}
.client_confirmedappointment .coaches-list-grid { 
    grid-template-columns: repeat(4, 1fr); 
}
.client_pendingappointment .coaches-list-grid { 
    grid-template-columns: repeat(4, 1fr); 
}
.client_cancelledappointment .coaches-list-grid { 
    grid-template-columns: repeat(4, 1fr); 
}
.client_completedappointment .coaches-list-grid { 
    grid-template-columns: repeat(4, 1fr); 
}
.quick-contact {
    position: absolute;
    bottom: 0;
    left: 15px;
    border-top: 1px solid #efefef;
    padding-top: 10px;
    display: none;
}
textarea.form-control, .email-compose-fields .select2-container--default textarea.select2-selection--multiple, .select2-container--default textarea.select2-selection--single, .select2-container--default .select2-selection--single textarea.select2-search__field, textarea.typeahead, textarea.tt-query, textarea.tt-hint {
    height: auto;
    padding-left: 10px;
}
.client_profile .login-form input {
    padding-left: 10px;
    border: 1px solid #ccc;
    padding-left: 10px !important;
    margin-bottom: 20px;
}
.client_profile .client_profile .login-form img {
    margin-right: 12px;
    padding-top: 12px;
    display: none;
}
.client_profile .login-form img { 
    display: none;
}
.client_profile .login-form label {
    display: block;
    all: unset;
    color: #fe7d54;
}
.client_profile .form-group.login-form.mb-40 {
    display: unset;
}
.client_profile   .login-form select {
    margin-bottom: 20px;
    border: 1px solid #ccc;
}

.client_profile  .login-form textarea {
    margin-bottom: 20px;
}
.client_profile   .profile-tab .common-button { 
    height: 45px;
}
.client_profile .form-group.login-form.mb-40.p-file input {
    border: none;
    margin-top: -30px;
}


.client_change_password .login-form img { 
    display: none;
}
.client_change_password .login-form label {
    display: block;
    all: unset;
    color: #fe7d54;
}
.client_change_password .form-group.login-form.mb-40 {
    display: unset;
}
.client_change_password   .login-form select {
    margin-bottom: 20px;
    border: 1px solid #ccc;
}

.client_change_password  .login-form textarea {
    margin-bottom: 20px;
}
.client_change_password  .profile-tab .common-button { 
    height: 45px;
}
.client_change_password .form-group.login-form.mb-40.p-file input {
    border: none;
    margin-top: -30px;
}
.client_change_password .form-group.login-form.mb-50 {
    display: unset;
}
.client_change_password .login-form input {
    border: 1px solid #ccc;
    margin-bottom: 20px;
    padding-left: 10px;
}
.client_coach button.common-button.openbtn:hover a {
    border: none;
    background: none;
    color: #fff;
}
.coach_upcommingappointment .row.bookappointment-filter-container-top.mb-30.coach-filter.col-md-12.desktop-show {
    background: #5986ff;
}

.coach_upcommingappointment .form-group.search-button input {
    background: #fff;
    color: #333;
}
.coach_confirmappointment .row.bookappointment-filter-container-top.mb-30.coach-filter.col-md-12.desktop-show {
    background: #5986ff;
}

.coach_confirmappointment .form-group.search-button input {
    background: #fff;
    color: #333;
}


.coach_pendingappointment .row.bookappointment-filter-container-top.mb-30.coach-filter.col-md-12.desktop-show {
    background: #5986ff;
}

.coach_pendingappointment .form-group.search-button input {
    background: #fff;
    color: #333;
}


.coach_cancelledappointment .row.bookappointment-filter-container-top.mb-30.coach-filter.col-md-12.desktop-show {
    background: #5986ff;
}

.coach_cancelledappointment .form-group.search-button input {
    background: #fff;
    color: #333;
}

.coach_completedappointment .row.bookappointment-filter-container-top.mb-30.coach-filter.col-md-12.desktop-show {
    background: #5986ff;
}

.coach_completedappointment .form-group.search-button input {
    background: #fff;
    color: #333;
}


.coach_availability .row.bookappointment-filter-container-top.mb-30.coach-filter.col-md-12.desktop-show {
    background: #5986ff;
}

.coach_availability .form-group.search-button input {
    background: #fff;
    color: #333;
}
.coach_profile .tab-add-app input {
    height: 44px;
}

.book-appointment-filter-section input {
    color: #333;
    font-size: 13px;
}

.book-appointment-filter-section select {
    color: #333;
    font-size: 14px;
}

.center-01-sep {
    margin: 0 auto;
}

.center-01-sep button {
    text-align: center;
    display: flex;
}

.center-01-sep .form-group.login-form.mb-50 {
    margin-bottom: 20px;
}

.center-01-sep select {
    height: 46px;
    border-radius: 5px;
}
.center-01-sep {
    margin: 0 auto;
}

.center-01-sep button {
    text-align: center;
    display: flex;
}

.center-01-sep .form-group.login-form.mb-50 {
    margin-bottom: 20px;
}

.center-01-sep select {
    height: 46px;
    border-radius: 5px;
}

a.common-button.pop-con {
    margin-bottom: 0;
    border-radius: 80px;
    margin: 20px;
    padding: 18px;
    background: #fff;
    color: #6f6f6f;
    border: none;
}

.pop-con {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 30px;
}

.pop-con button {
    padding: 15px 50px;
    border-radius: 10px !important;
    margin: 0;
    height: 46px;
border: 1px solid #fff;
}

.pop-con a {
    padding: 15px 50px;
    border-radius: 10px;
    border: 1px solid #fff;
    margin-bottom: 0;
    background: none;
}
td.mul-ch .form-group {
    display: flex;
    align-items: center;
    top: 0;
}

td.mul-ch .form-group label {
    order: 1;
    top: 0;
}

.year-month {
    width: 100%;
    justify-content: space-between;
}

.arrow-15-feb button {
    width: 35px;
    height: 35px;
    border-radius: 50px;
    border: 1px solid #ccc;
    cursor: pointer;
    transition: .5s all ease;
}

.arrow-15-feb button:hover {
    background: #597aff;
    transition: .5s all ease;
    color: #fff;
}
#coach-eng1 {
    padding: 10px;
}
#coach-eng1 .table .session-active {
    color: #fff;
     background: rgb(152 180 51 / 82%)!important; 
}





































































































@media only screen and (max-width: 1350px) and (min-width: 1100px)
{
.homepage-4-box {
    padding: 2rem 6px; 
}	
.color-box img {
    border-radius: 50%;
    padding: 10px;
    margin-right: 7px;
    width: 40px;
}	
.color-box h5 {
    font-size: 13px;
}
.coach_dashboard .coach-home-page .color-box h5 span.red-box {
     
   
    width: 32px;
    height: 32px; 
}
span.red-box.desktop-show {
    position: absolute;
    right: 7px;
    background: #ff7f53ba;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 30px;
    top: 37%;
    text-align: center;
}	
.main-wrapper .page-wrapper .page-content { 
    padding: 10px; 
}
.client_dashboard .coaches-list h3 { 
    margin-bottom: 0;
}
.client_coach .coach-about-desc-cont video {
    
    height: 200px;
    object-fit: cover;
}
.client_coach .coach-about-desc-cont iframe {
    height: 200px; 
}	
.book_appo .coach-content-content.mobile-con-w {
    grid-template-columns: 35% 22% 20%; 
}		
.client_coach .row.user-v {
    grid-template-columns: repeat(3, 1fr);
}	
.client_coach .coach-content-content.bor-btm {
    height: 353px; 
}	
.client_findcoaches .coaches-list-grid {
    grid-template-columns: repeat(3, 1fr);
}


	
}

 

@media only screen and (max-width: 1450px) and (min-width: 1350px)
{
.book_appo .coach-content-content.mobile-con-w {
    grid-template-columns: 35% 22% 20%; 
}	
.client_coach .coach-about-desc-cont video { 
    height: 200px; 
}	
.client_coach .coach-about-desc-cont iframe {
    height: 200px; 
}	
.row.user-v { 
    grid-template-columns: repeat(4, 1fr); 
}	
	.client_coach .coach-content-content.bor-btm {
    height: 353px;
    padding: 15px 15px;
}
.client_findcoaches .coaches-list-grid {
    grid-template-columns: repeat(3, 1fr);
}
.client_dashboard .video-thumbnail video {
    height: 250px;
    object-fit: cover;
}

.client_dashboard .video-thumbnail iframe {
    height: 250px;
}











}






@media only screen and (max-width: 991px)
{
 .client_dashboard .video-thumbnail iframe {
    height: 180px; 
}
.client_dashboard .video-thumbnail video { 
    height: 180px;
    object-fit: cover;
}
.client_dashboard .video-thumbnail iframe {
    height: 180px;
    width: 100%;
    border-radius: 10px; 
}
.find .coaches-list-grid { 
    margin: 0px 15px; 
}






}