@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap");
@import url("https://fonts.cdnfonts.com/css/mont");

:root {
    --red: #ed1c28;
    --light-green: #87d0c8;
    --white: #f5f5f5;
    --blue: #1e90ff;
    --light-red: #f25a66;
    --white-200: #f2f2f2;
    --gray: #2b50650f;
    --Blue: #043856;
    --green-300: #d1e9e6;
    --zircon: #dfeceb;
    --green: #00b16c;
}

* {
    box-sizing: border-box;
}

body {
    min-height: 100vh;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "Open Sans", sans-serif;
    font-family: Open Sans;
}

input:focus-visible,
textarea:focus-visible {
    outline: none;
}

.account_form.skill_rate_main input::placeholder {
    color: var(--light-green);
}

.skill_app_section {
    background: var(--red);
}

.login_page_main {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    /* height: 100vh; */
    min-height: 100vh;
}

.login_image img {
    width: 100%;
    max-width: 319.907px;
}

.login_section {
    flex: 0 0 100%;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 50px;
    padding: 0 15px;
    box-sizing: border-box;
    row-gap: 30px;
}

.password_reset_section .overlay {
    background: var(--white);
    content: "";
    display: block;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    opacity: 0.41;
}

.password_reset_section {
    position: relative;
}

.login_contain {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    row-gap: 31px;
    max-width: 341px;
}

.login_contain .login_btn {
    width: 100%;
    background: white;
    text-align: center;
    border-radius: 19px;
    cursor: pointer;
    padding: 13px 0;
}

.login_contain .login_btn a,
.nav_item li a,
.credit_popup_heading h1,
.count_user {
    color: var(--red);
    width: 100%;
    font-size: 30px;
    line-height: 35px;
    font-weight: 700;
    width: 100%;
    text-decoration: none;
}

/*----login_page----*/

p.login_text {
    font-size: 25px;
    color: var(--white);
    line-height: 30px;
    margin-bottom: 14px;
    font-weight: bold;
    margin-top: 0;
    width: 100%;
    padding-left: 14px;
}

.form-group input {
    position: relative;
    width: 100%;
}

.reset_popupbox {
    background: var(--white);
    padding: 50px 45px 70px 45px;
    text-align: center;
    border-radius: 19px;
    width: 100%;
    max-width: 475px;
    z-index: 99;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}

.password_update_text {
    font-size: 40px;
    display: block;
    line-height: 50px;
    color: var(--Blue);
    font-weight: bold;
    margin-bottom: 40px;
}

.popup_logo {
    margin-bottom: 30px;
}

img.popup_logo_img {
    width: 136px;
    height: 136px;
}

.btn_done {
    padding: 19px 52px;
    background-color: var(--light-green);
    color: var(--white);
    border-radius: 19px;
    font-size: 27px;
    line-height: 25px;
    font-weight: 600;
    display: inline-block;
}

.joinus_detail_page .toggle-password {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--white);
}

.toggle-password {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--white);
}

.login_form {
    color: var(--white);
    font-size: 20px;
    display: flex;
    flex-direction: column;
    font-weight: bold;
    margin-bottom: 17px;
}

.login_form_main form {
    width: 100%;
    max-width: 341px;
}

.forgot_password_page .login_text {
    margin-bottom: 20px;
}

.login_form_detail {
    width: 100%;
}

.skill_app_banner {
    background: var(--white);
}

input:-webkit-autofill {
    -webkit-text-fill-color: var(--white) !important;
    -webkit-box-shadow: 0 0 0 1000px var(--light-red) inset !important;
}

.login_form input,
.skill_form input {
    border: none;
    height: 67px;
    border-radius: 19px;
    background-color: var(--light-red);
    font-size: 20px;
    padding: 0 16px;
    color: var(--white);
    font-size: 18px;
    font-weight: 700;
}

.dashboard_form input[type="text"] {
    height: 34px;
    border-radius: 19px;
    font-size: 16px;
    width: 50%;
    border: none;
    padding: 0 16px;
    background-color: var(--gray);
}

.dashboard_form button {
    border: 2px solid var(--red);
    border-radius: 19px;
    width: 83px;
    text-decoration: none;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--red);
}

.dashboard_form form,
.dashboard_form_btn {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

.login_form label {
    margin-bottom: 10px;
    padding-left: 14px;
}

.bio_detail_page .bio_feedback_heading {
    justify-content: space-between !important;
}

.bio_page .bio_details .quote_detail textarea::placeholder {
    color: var(--white);
}

.user_management_section .coach_video img {
    height: unset !important;
}

.login_button button,
.user_management_heading h1,
.static_content_heading h1,
.broadcast_heading h1 {
    width: 174px;
    height: 67px;
    color: var(--red);
    font-size: 25px;
    font-weight: 700;
    line-height: normal;
    border: unset;
    border-radius: 19px;
    cursor: pointer;
}

.skill_form {
    display: none;
}

.login_button {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 26px;
}

.forget_pass {
    text-align: center;
}

.forget_pass a,
.management_table th {
    color: var(--white);
    font-size: 18px;
    line-height: 23px;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    text-decoration: none;
}

.search_coach.search_section {
    width: 100%;
}

.search_coach.search_section div#input-message {
    top: 30px;
}

.bio_item.quote_detail h2.Upload_info {
    text-wrap: balance;
}

.bio_page .skill_logo {
    margin-bottom: 33px;
}

.bio_page .bio_contain h2 {
    font-size: 26px;
}

.show_more_page .next_btn {
    border: 2px solid var(--white);
    max-width: 200px;
    width: 100%;
    cursor: pointer;
    height: 67px;
    background: transparent;
    color: var(--white);
    font-family: Open Sans;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: center;
    border-radius: 19px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    text-decoration: none;
}

.show_more_page {
    text-align: right;
    display: flex;

    margin-top: 18px;
    justify-content: space-between;
}

.social_flex .social_option input,
.your_bio_main p {
    margin: 0;
}

/*Create Your Account*/

.skill_logo,
.social_input,
.show_more_page {
    flex: 0 0 100%;
}

.account_flex,
.skill_flex,
.more_item {
    display: flex;
    flex-wrap: wrap;
    column-gap: 11px;
    align-items: start;
}

.account_flex .account_form,
.skill_flex .account_form {
    flex: 1;
}

body.more_skill_item .skill_rate {
    height: auto;
}

.your_account {
    width: 100%;
    max-width: 724px;
    margin: 0 auto;
    column-gap: 38px;
    row-gap: 20px;
    align-items: normal;
}

.social_option img {
    width: 40px;
    height: 40px;
}

.your_account h2,
.coach_section h2,
.bio_contain h2,
.skill_main h2,
.requre_heading h2,
.credit_btn {
    color: var(--white);
    font-size: 23px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0;
    margin-bottom: 24px;
}

.account_main {
    flex: 1;
}

.joinus_account {
    padding: 57px 61px 57px 61px;
    box-sizing: border-box;
    display: block;
}

.your_account input,
.account_form select {
    width: 100%;
    height: 45px;
    border: 0;
    margin-bottom: 11px;
    background-color: var(--light-red);
    color: var(--white);
    font-size: 18px;
    font-weight: 700;
    padding: 0 16px;
    box-sizing: border-box;
    border-radius: 19px;
}

.account_form select {
    border-right: 16px solid transparent;
}

a.disable {
    opacity: 0.335;
    pointer-events: none;
}

.account_form input::placeholder {
    color: var(--white);
}

.social_flex {
    display: flex;
    flex-wrap: wrap;
    row-gap: 11px;
    column-gap: 38px;
}

.social_option {
    display: flex;
    column-gap: 15px;
    flex: 1;
    align-items: center;
}

.social_input h2 {
    margin-bottom: 38px;
}

.file-upload {
    background-color: var(--light-red);
    color: var(--white);
    border-radius: 19px;
}

.file-upload-content,
.file-upload-contents {
    display: none;
    text-align: center;
}

.file-upload-input,
.file-upload-inputs {
    position: absolute;
    margin: 0;
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
    outline: none;
    opacity: 0;
    border-right: 0 !important;
    cursor: pointer;
}

.image-upload-wrap,
.image-upload-wraps {
    position: relative;
    max-width: 328px;
    width: 100%;
    height: 270px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.image-title-wrap {
    padding: 0 15px 15px 15px;
    color: #222;
}

.drag-text {
    text-align: center;
    color: var(--white);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.file-upload-image {
    max-height: 185px;
    width: 100%;
    max-width: 100%;
    margin: auto;
    padding: 20px;
    box-sizing: border-box;
}

.upload_video .file-upload-image {
    max-width: 100%;
    max-height: 260px;
}

.remove-image {
    margin: 0;
    background-color: var(--light-red);
    color: var(--white);
    border: none;
    padding: 10px;
    border-radius: 4px;
    border-bottom: 4px solid var(--red);
    transition: all 0.2s ease;
    font-weight: 700;
    font-size: 18px;
}

.remove-image:hover {
    background: var(--red);
    color: var(--white);
    transition: all 0.2s ease;
    cursor: pointer;
}

.remove-image:active {
    border: 0;
    transition: all 0.2s ease;
}

/*-----------------------------------*/

/*support cotch*/

.support_coach {
    width: 100%;
    max-width: 780px;
    margin: 0 auto;
    padding: 0 20px;
    display: block;
}

.support_section .skill_logo {
    margin-bottom: 53px;
}

.search_coach input {
    background-color: var(--light-red);
    color: var(--white);
    font-size: 17px;
    font-weight: 700;
    padding: 0 16px;
    box-sizing: border-box;
    border-radius: 19px;
    border: none;
    height: 36px;
    width: 100%;
    margin-bottom: 34px;
}

.coach_section h2 {
    margin-bottom: 32px;
    text-align: center;
}

.coach_item {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.search_coach input::placeholder {
    color: var(--white);
    text-align: center;
}

.coach_item a {
    width: calc((100% / 4) - 12px);
    /*    height: 67px;*/
    padding: 17px 0;
    margin: 0;
    border-radius: 19px;
    border: none;
    color: var(--red);
    text-align: center;
    cursor: pointer;
    font-size: 18px;
    background-color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    line-height: normal;
}

.support_section .show_more_page {
    margin-top: 60px;
}

.coach_item a:hover {
    color: var(--white);
    background: var(--light-green);
}

.coach_item a.active {
    color: var(--white);
    background: var(--light-green);
}

/*------------------------------------------*/

/*Create Your Bio*/

.login_section.bio_scection {
    width: 100%;
    max-width: 1065px;
    margin: 0 auto;
    padding: 0 20px;
}

.bio_item.bio_info .label {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    margin-bottom: 10px;
}

.bio_item.bio_info .label label,
.bio_item.bio_info textarea#textarea,
.bio_item.quote_detail textarea {
    color: var(--white);
    font-family: Open Sans;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    resize: none;
}

.bio_item.quote_detail textarea {
    padding: 16px;
    box-sizing: border-box;
}

.bio_details textarea#textarea,
.feedback_desc textarea {
    background-color: var(--light-red);
    border: none;
    width: 100%;
    border-radius: 19px;
    resize: none;
}

.bio_content {
    background-color: var(--light-red);
    padding: 20px;
    border-radius: 19px;
}

.bio_details {
    display: flex;
    flex-wrap: wrap;
    column-gap: 35px;
    row-gap: 20px;
    justify-content: space-between;
}

.bio_item {
    width: calc((100% / 2) - 20px);
}

.quote_detail .label {
    margin-bottom: 25px;
}

.upload_video,
.upload_files {
    color: var(--white);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;
    background-color: var(--light-red);
    border-radius: 19px;
    row-gap: 10px;
    cursor: pointer;
}

.upload_video {
    max-width: 505px;
    height: 383px;
    width: 100%;
}

.upload_files {
    max-width: 493px;
    height: 145px;
    width: 100%;
    overflow-y: auto;
    display: block;
}

.upload_files .image-upload-wraps {
    height: 145px;
}

.bio_contain h2 {
    margin-bottom: 13px;
}

.bio_page {
    height: auto;
}

/*------------------------------------------*/

/*skill rate*/

.skill_main {
    width: 100%;
    max-width: 830px;
    margin: 0 auto;
}

.skill_form input {
    border: none;
    height: 63px;
    border-radius: 19px;
    background-color: var(--light-red);
    font-size: 20px;
    width: 100%;
    box-sizing: border-box;
}

.skill_main .skill_form {
    width: calc((100% / 2));
    flex: unset;
}

.skill_form_main .skill_flex {
    margin-bottom: 19px;
}

#frame {
    height: 100%;
    width: 100%;
}

.skill_rate .skill_logo {
    margin-bottom: 28px;
}

.skill_rate .skill_main h2 {
    margin-bottom: 0;
}

.add_rate,
button.remove-btn {
    color: var(--white);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    gap: 10px;
    display: inline-block;
    padding: 13px 19px;
    border-radius: 19px;
    background-color: var(--light-red);
}

button.remove-btn {
    margin-top: 15px;
    border: none;
    cursor: pointer;
}

.add_rate a {
    color: var(--white);
    font-size: 16px;
}

.skill_rate_more {
    display: flex;
    margin-bottom: 11px;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.skill_text {
    color: var(--white);
    font-family: Open Sans;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 24px;
}

.skill_form_main {
    display: flex;
    flex-wrap: wrap;
    row-gap: 19px;
}

.skill_form {
    flex: 1;
}

.feedback_input {
    margin-bottom: 24px;
}

.feedback_desc textarea::placeholder,
.requre_text textarea::placeholder {
    color: var(--white);
}

.feedback_desc textarea,
.requre_text textarea {
    font-size: 17px;
    color: var(--white);
    font-style: normal;
    font-weight: 700;
    font-family: Open Sans;
    padding: 16px 19px;
    box-sizing: border-box;
}

.skill_form.skill_rate_left {
    padding-inline: 10px;
    border-right: 1px solid var(--light-green);
}

.skill_form.skill_rate_right {
    padding-left: 38px;
}

.skill_rate .show_more_page {
    margin-top: 40px;
}

.skill_rate,
.reqiure_section {
    /* height: 100vh; */
    min-height: 100vh;
}

/*------------------------------------------*/

/*Set Your Requirements*/

.create_account.reqiure_main {
    width: 100%;
    max-width: 835px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 20px;
}

.reqiure_main h2 {
    font-size: 26px;
    margin-bottom: 24px;
}

.requre_text textarea#textarea {
    width: 100%;
    background-color: var(--light-red);
    resize: none;
    border: none;
    color: var(--white);
    padding: 24px 43px;
    border-radius: 19px;
    font-weight: 600;
}

.reqiure_section .skill_logo {
    margin-bottom: 41px;
}

.reqiure_section .show_more_page {
    margin-top: 35px;
}

/*------------------------------------------*/

/*banner*/

.banner_section {
    width: 100%;
    padding: 38px 55px 30px 23px;
    margin: 0 auto;
    box-sizing: border-box;
}

.menu_item.navigation {
    margin-bottom: 60px;
}

.menu_item {
    margin-bottom: 57px;
}

.menubar {
    text-align: center;
}

.search_item input {
    width: 100%;
}

.banner_section {
    display: flex;
    gap: 58px;
    /* flex-wrap: wrap; */
}

.banner_main {
    flex: 1;
}

.search_item {
    display: flex;
    align-items: center;
    column-gap: 12px;
    margin-bottom: 15px;
}

.search_item input {
    height: 49px;
    background: var(--gray);
    border: none;
    border-radius: 19px;
    padding: 0 16px;
    color: var(--Blue);
    font-size: 17px;
    font-weight: 700;
}

.menu_item.navigation {
    padding-top: 10px;
}

.search_item input::placeholder {
    text-align: center;
    color: var(--Blue);
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
}

.banner_text {
    color: var(--red);
    font-size: 30px;
    font-weight: 700;
    border: 1px solid var(--light-green);
    text-align: center;
    border-radius: 19px;
    margin-bottom: 18px;
    max-height: 250px;
    overflow: hidden;
    padding: 0;
}
.banner_text img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.skill_view p,
.your_bio_main p,
.edit_bio h2,
.edit_bio p,
.management_table td,
.inbox_item,
.answer_faq {
    color: var(--Blue);
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    margin: 0;
}

.skill_view a {
    padding: 9px 19px;
    border: 0;
    color: var(--white);
    font-size: 11px;
    font-family: "Open Sans";
    font-weight: 700;
    background: var(--light-green);
    border-radius: 10px;
    line-height: normal;
}

.coaching_details.coach_flex .skill_view button {
    padding: 9px 10px;
}

.skill_view {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 11px;
}

.search_credit {
    width: 100%;
    max-width: 368px;
    margin: 0;
    margin-bottom: 38px;
}

.skill_search {
    display: flex;
    border: 1px solid var(--light-green);
    border-radius: 19px;
    justify-content: space-between;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.skill_search input {
    background: var(--green-300);
    border: 0;
    /*    height: 31px;*/
    width: 264px;
    padding: 15px 0;
    margin: 0;
    border-radius: 19px;
    position: relative;
}

.skill_search img {
    width: 30px;
    position: absolute;
    right: 0;
}

.skill_search div {
    position: relative;
    width: 100%;
}

.search_value,
.fees_detail_flex p {
    padding-right: 35px;
    color: var(--Blue);
    font-size: 21px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

p,
h1 {
    margin: 0;
}

.fees_detail_flex p {
    padding: 0;
    font-size: 13px;
}

.item_heading h1,
.your_bio_main h1,
.coach_fees_section h1 {
    margin: 0;
    color: var(--Blue);
    font-family: Open Sans;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.coach_flex .item_heading h1 {
    font-size: 23px;
}

.view_all a {
    color: var(--red);
    font-family: Open Sans;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    text-decoration: none;
    line-height: normal;
    padding-right: 30px;
}

.banner_contain {
    padding: 0 30px;
    box-sizing: border-box;
}

.dashboard_faqs .month_earning select {
    text-align: left;
}

.notify_center_main input:checked + .slider_checkbox,
.bio_detail_page input:checked + .slider_checkbox {
    background-color: var(--light-green);
   
}

.request_btn a.disablee {
    background: #ed1c285c;
}

.notify_center_main input:checked + .slider_checkbox:before,
.bio_detail_page input:checked + .slider_checkbox:before {
    transform: translateX(26px);
    background-color: var(--Blue);

}

.coaching_main .coach_biggner_profile img {
    width: 100%;
    max-width: 118px;
    border-radius: 19px;
    height: auto;
    object-fit: cover;
}

.coaching_main .coach_biggner_profile {
    height: 118px;
    width: 118px;
    overflow: hidden;
    display: flex;
}

.view_all select {
    color: var(--red);
    font-family: Open Sans;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    background: transparent;
    text-decoration: none;
    line-height: normal;
    padding-right: 16px;
    border: none;
    text-align: center;
}

.view_all option {
    color: var(--Blue);
}

.item_heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.banner_item_contain {
    display: flex;
    column-gap: 107px;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding: 0 30px;
    row-gap: 30px;
}

.icon_text {
    color: var(--Blue);
    font-family: Open Sans;
    font-size: 8px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.banner_sidebar {
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
}

.skill_app_dashboard .banner_sidebar {
    gap: 207px;
}

.box_item {
    flex: 1;
}

.coach_item_div {
    border: 1px solid var(--light-green);
    border-radius: 19px;
    width: calc((100% / 2) - 10px);
    padding: 0 !important;
    max-width: 400px;
}

.coach_heading h2 {
    color: var(--red);
    font-family: Open Sans;
    font-size: 19px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0;
}

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

.skill_creadit .coach_heading {
    margin-bottom: 0;
}

.skill_creadit .show_coach_item {
    height: 126px;
}

.skill_creadit .coach_item_div img {
    height: 126px;
}

.coach_detail {
    padding: 0 20px;
    box-sizing: border-box;
    margin-bottom: 19px;
}

.coach_text {
    color: var(--Blue);
    font-size: 11px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 13px;
}

.show_coach_item {
    width: 100%;
    height: 150px;
    position: relative;
    margin-bottom: 5px;
}
.show_coach_item video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.banner_coach {
    display: flex;
    flex-wrap: wrap;
    column-gap: 5px;
    row-gap: 10px;
}

.box_item.video_pending .coach_item_div {
    width: calc((100% / 2.5) - 10px);
    position: relative;
}

.video_pending .banner_coach,
.video_pending_feedback .banner_coach {
    column-gap: 10px;
}

.pending_btn button {
    color: var(--white);
    font-size: 8px;
    font-weight: 700;
    background: var(--light-green);
    border-radius: 19px;
    border: none;
    padding: 4px 14px;
    line-height: normal;
    font-family: "Open Sans";
    cursor: pointer;
}

.pending_btn {
    position: absolute;
    top: 11px;
    right: 14px;
}

.banner_section img.play_btn {
    width: 28px;
    height: 28px;
    position: absolute;
    top: 50%;
    cursor: pointer;
    left: 50%;
    transform: translate(-50%, -50%);
}

.banner_main.video_pending_feedback .coach_item_div {
    width: calc((100% / 5.5) - 12px);
}

.menu_item a {
    text-decoration: none;
}

.open-menu-btn {
    display: none;
}

.box_item.recently_coach {
    width: 100%;
    max-width: 570px;
}

/*Coaching Session*/

.coach_video {
    position: relative;
}

.coach_video img {
    border-radius: 19px;
    width: 100%;
    object-fit: cover;
}

.video_intro .coach_video img {
    height: 371px;
}

.request_btn a,
.start_coach button,
.mark_as a {
    color: var(--white);
    font-size: 22px;
    font-weight: 600;
    background: var(--red);
    border-radius: 19px;
    border: none;
    padding: 14px 56px;
    line-height: normal;
    cursor: pointer;
}

.mark_as button {
    color: var(--white);
    font-size: 22px;
    font-weight: 600;
    background: var(--red);
    border-radius: 19px;
    border: none;
    padding: 14px 56px;
    line-height: normal;
    cursor: pointer;
}

.start_coach {
    display: none;
}

.start_coach button,
.mark_as a {
    width: 100%;
    padding: 14px;
    margin-bottom: 25px;
}

.mark_as button {
    width: 100%;
    padding: 14px;
    margin-bottom: 25px;
}

.request_btn {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 21px;
    gap: 10px;
}

.looking_feedback {
    background: var(--gray);
    color: var(--Blue);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 19px;
    box-sizing: border-box;
    padding: 16px 19px 44px 19px;
    margin-bottom: 14px;
}

/* .coaching_contain {
    display: flex;
    flex-wrap: wrap;
    row-gap: 30px;
    column-gap: 72px;
} */

.coach_flex {
    flex: 1;
}

.looking_feedback .bold {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 26px;
}

.looking_feedback p,
.bio_feedback p {
    margin: 0;
}

.coaching_details.coach_flex .skill_view p {
    color: var(--Blue);
    font-size: 22px;
    font-weight: 700;
    line-height: normal;
}

.coaching_main .item_heading {
    margin-bottom: 24px;
}

.coach_biggner p,
.surf_coach {
    font-size: 18px;
    font-weight: 700;
    color: var(--Blue);
    line-height: normal;
    margin: 0;
    padding-bottom: 6px;
}

.coach_biggner .gold_cost {
    color: var(--Blue);
}

.coach_biggner .beginner {
    color: var(--light-green);
}

.coach_biggner h2,
.coach_feedback h2,
.contact_form h1 {
    color: var(--red);
    padding-bottom: 8px;
    font-size: 34px;
    font-weight: 700;
    line-height: normal;
    margin: 0;
}

.coach_biggner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 19px;
    margin-bottom: 16px;
}

.coach_biggner_detail {
    width: 100%;
    max-width: 600px;
    margin-right: auto;
}

.coach_biggner h2,
.coach_biggner p {
    padding-bottom: 4px;
}

.coach_flex .skill_view {
    margin-bottom: 21px;
}

.coaching_main .search_item {
    margin-bottom: 23px;
}
.banner_item_contain.coach_mark {
    display: block;
}

.coach_video img.play_btn {
    width: 128px;
    height: 128px;
}

.play_time {
    color: var(--light-green);
    font-family: Open Sans;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    position: absolute;
    bottom: 35px;
    left: 57px;
}

.overlay {
    display: none;
}

.backend_home {
    text-align: center;
}

.mark_as a i {
    font-size: 13px;
}

.coach_feedback h2 {
    padding-bottom: 21px;
}

.coach_feedback .drag-text {
    color: var(--Blue);
}

.coach_feedback .upload_video {
    background: var(--gray);
    max-width: 100%;
    height: 360px;
}

.coach_feedback_comment textarea {
    background: var(--gray);
    max-width: 100%;
    width: 100%;
    padding: 34px 30px;
    box-sizing: border-box;
    border: unset;
    resize: none;
    border-radius: 19px;
    height: 313px;
}

.coach_feedback_comment {
    margin-top: 41px;
}

.coach_feedback_comment textarea::placeholder,
.coach_feedback_comment textarea,
.credit_text,
.faq_detail p {
    color: var(--Blue);
    font-size: 15px;
    font-weight: 400;
    font-family: "Open Sans";
    line-height: normal;
}

.feedback_section .mark_as a {
    padding: 20px;
}

.coach_flex.feedback_section {
    padding-top: 16px;
}

.coach_mark .coaching_contain {
    column-gap: 65px;
}

.coach_mark .coach_biggner {
    margin-bottom: 16px;
}

.mark_as a {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.mark_as button {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.drag-text i {
    margin-bottom: 5px;
}

.feedback_section .mark_as button.edit {
    background: var(--light-green);
}

.custom-file {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    width: auto;
    display: inline-block;
    padding: 10px;
}

.custom-file-input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
    z-index: 100;
}

.custom-file img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

ul.file-list {
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: var(--light-red);
    border-radius: 19px;
    padding: 0 30px;
    box-sizing: border-box;
}

.view_all select:focus-visible {
    outline: navajowhite;
}

ul.file-list li {
    border-bottom: 4px solid var(--red);
    padding: 5px;
}

.remove-list {
    cursor: pointer;
    margin-left: 10px;
}

.uplode_multipal_file {
    width: 100%;
}

/*.bio_page .uplode_multipal_file {
    width: 100%;
    display: flex;
    height: 100%;
    align-items: center;
}*/

.upload_image img {
    /*    background: transparent url('../image/mask_group.png') 0% 0% no-repeat padding-box;*/
    opacity: 1;
    object-fit: fill;
    object-fit: cover;
    object-position: 27% 41%;
    width: 100%;
    border-radius: 40px;
    height: 211px;
    margin-bottom: 19px;
}

.month_earning {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.month_earning select {
    appearance: none;
    width: 110px;
    text-align: center;
    position: relative;
}

.month_earning select:focus-visible {
    outline: navajowhite;
}

.month_earning i {
    position: absolute;
    right: 6px;
}

.bio_detail_page .coaching_contain {
    column-gap: 100px;
}

.bio_feedback_heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.upload__img-box img,
.upload_img-box a {
    padding: 0 5px;
    margin-bottom: 12px;
    width: 132px;
    height: 122px;
    border-radius: 17px;
    object-fit: cover;
}

.bio_feedback_heading h2 {
    padding: 0;
}

.bio_feedback_heading a,
.coach_fees_section a,
.coach_fees_section label {
    width: 100px;
    height: 41px;
    text-decoration: none;
    color: var(--white);
    font-family: Open Sans;
    font-size: 13px;
    background: var(--red);
    font-weight: 600;
    border: none;
    border-radius: 19px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.coach_fees_section a {
    width: 50px;
    height: 26px;
    font-size: 10px;
    font-weight: 600;
}

.bio_feedback .go_for,
.faq_question_item .question {
    color: var(--red);
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
}

.your_bio_main h1 {
    margin: 0;
    margin-bottom: 5px;
}

.coach_feedback.bio_feedback {
    margin-bottom: 15px;
}

.your_bio_main p {
    font-weight: 400;
}

.skill_app_banner .search_item input {
    margin-bottom: 0;
}

.scroll_grop_image {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 23px;
}

.scroll_grop_image .image_intro img {
    border-radius: 19px;
    width: 100%;
    max-width: 150px;
    height: 122px;
    object-fit: cover;
}

.bio_detail_page .coaching_contain {
    margin-bottom: 29px;
}

.coach_fees_section h1 {
    margin-bottom: 18px;
}

.fees_price {
    color: var(--red);
    font-size: 21px;
    font-weight: 700;
    line-height: normal;
}

.coach_fees_section.detail_heading h1 {
    margin-bottom: 10px;
    font-size: 21px;
}

.detail_fees .your_bio_main p {
    font-size: 13px;
}

.coach_mark .attribute {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.active_check {
    font-size: 16px;
    line-height: 1.5px;
    font-weight: 500;
    font-family: Open Sans;
}

.detail_heading,
.coach_fees_detail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 13px;
    margin-bottom: 10px;
}

.detail_fees {
    width: calc((100% / 3) - 10px);
    background: var(--gray);
    border-radius: 19px;
    padding: 30px;
    box-sizing: border-box;
}

/* open if show only 3 coach fess */
/* .edit_profile .detail_fees {
    display: none;
} */

.certificates_img {
    display: none;
}

.coach_fees_detail {
    justify-content: stretch;
}

.image_intro {
    flex: calc((100% / 4) - 10px);
}

/*edit profile*/

.edit_profile .mark_as button {
    padding: 18px;
    max-width: 341px;
    width: 100%;
    margin-left: auto;
}

.edit_profile .search_item {
    margin-bottom: 17px;
}

.coach_video.active img.show_video,
.coach_video.active img.play_btn,
.play_video_main,
.coach_video.active .play_time {
    display: black;
}

.play_video_main {
    display: block;
    object-fit: contain;
    border-radius: 19px 19px 5px 5px !important;
    aspect-ratio: 16 / 9;
}

.edit_profile input,
.edit_profile select,
.edit_profile textarea,
.contact_detail input,
.contact_detail textarea,
.skill_from_popupbox input {
    height: 49px;
    width: 100%;
    font-family: "Open Sans";
    border-radius: 19px;
    padding: 16px;
    padding-left: 18px;
    margin-bottom: 12px;
    background: var(--gray);
    border: none;
    font-size: 18px;
    font-weight: 600;
    resize: none;
    color: var(--Blue);
}

.edit_form .account_flex select,
.edit_form .account_flex input {
    padding-left: 22px;
}

.edit_profile textarea {
    height: auto;
}

.edit_profile input::placeholder,
.edit_profile textarea::placeholder,
.contact_detail input::placeholder,
.contact_detail textarea::placeholder,
.skill_from_popupbox input::placeholder {
    font-size: 18px;
    font-weight: 600;
    color: var(--Blue);
    font-family: Open Sans;
}

.edit_profile select {
    border-right: 25px solid transparent;
    padding: 10px 10px 10px 15px;
    font-size: 16px;
    font-family: Open Sans;
}

.edit_profile .coach_fees_detail input::placeholder,
.edit_profile .coach_fees_detail input,
.edit_profile .coach_fees_detail textarea,
.edit_profile .coach_fees_detail textarea::placeholder {
    font-size: 14px;
    font-family: Open Sans;
}

.edit_profile input,
.edit_profile input::placeholder {
    font-size: 16px;
    font-family: Open Sans;
}

.edit_profile .coach_flex.video_intro {
    padding-top: 20px;
}

.edit_profile .upload_image {
    margin-bottom: 30px;
}

.edit_bio p {
    font-weight: 400;
    margin-top: 18px;
}

.edit_bio {
    padding: 17px 26px;
    margin-top: 24px;
    padding-bottom: 36px;
    background: var(--gray);
    border-radius: 19px;
}

.edit_profile .bio_detail_page .coaching_contain {
    margin-bottom: 12px;
}

.edit_profile .detail_fees {
    padding: 0;
    background: none;
}

.edit_profile .add_rate {
    background: var(--red);
    height: 45px;
    display: flex;
    align-items: center;
}

.edit_profile .coach_fees_section h1 {
    margin-bottom: 0;
}

.coach_fees_section {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

.bio_detail_page .coach_fees__heading,
.bio_detail_page .bio_feedback_heading {
    column-gap: 22px;
    align-items: center;
    justify-content: unset;
    margin-bottom: 18px;
}

.bio_detail_page .coach_fees__heading h1,
.bio_detail_page .bio_feedback_heading {
    margin-bottom: 0;
}

.edit_profile .coach_fees_section {
    margin-top: 27px;
    margin-bottom: 15px;
    align-items: center;
}

.edit_profile_btn {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
    /*    margin-bottom: 20px;*/
}

.bio_detail_page .bio_feedback_heading {
    margin-bottom: 10px;
}

.edit_profile .detail_fees {
    border-radius: unset;
    margin-bottom: 10px;
    width: calc((100% / 3) - 15px);
}

.edit_profile .detail_fees.detail_border_right,
.edit_profile .detail_fees.detail_border_left {
    border-right: 1px solid #87d0c8;
    padding-right: 21px;
}

.edit_profile .coach_fees_detail {
    column-gap: 21px;
}

.edit_profile .edit_bio textarea {
    background: transparent;
    padding: 0;
    margin: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    border-radius: 0;
    font-family: Open Sans;
}

.edit_profile .coach_fees_section a {
    font-size: 16px;
    width: unset;
    height: unset;
}

.edit_bio h2 {
    margin-bottom: 18px;
}

.edit_profile .edit_bio textarea::placeholder {
    font-weight: 400 !important;
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 400;
    font-family: Open Sans;
    line-height: normal;
}

.rating-result::after {
    font-family: "Font Awesome 6 Free";
    content: "\f005";
    text-align: center;
    color: var(--light-green);
    cursor: pointer;
}

.rating-result.fill::after {
    font-weight: 900;
}

.progress-bar__outter-line {
    overflow: hidden;
    position: relative;
    width: 356px;
    height: 31px;
    border-radius: 40px;
    background-color: var(--white);
}

.progress-bar__inner-line--normal {
    background-color: var(--green-300);
}

.progress-bar__inner-line {
    position: absolute;
    height: 31px;
    border-radius: 40px;
}

label.search_value {
    position: absolute;
    top: 0;
    right: 0;
}

.upload__inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.upload__btn {
    display: inline-block;
    font-weight: 600;
    color: var(--white);
    text-align: center;
    min-width: 116px;
    padding: 5px;
    transition: all 0.3s ease;
    cursor: pointer;
    border-radius: 17px;
    line-height: 26px;
    font-size: 14px;
}

label.upload__btn {
    width: 131px;
    height: 122px;
    position: relative;
    background: var(--green-300);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.upload__img-wrap {
    display: flex;
    flex-wrap: wrap;
    text-decoration: none;
    list-style-type: noen;
    row-gap: 25px;
    justify-content: end;
}

.upload__img-box {
    padding: 0 5px;
    margin-bottom: 12px;
    width: 132px;
    height: 122px;
    border-radius: 17px;
}

.upload__img-close {
    position: absolute;
    top: 10px;
    right: 10px;
    text-align: center;
    line-height: 24px;
    z-index: 1;
    cursor: pointer;
}

.upload__img-close:after {
    content: "\2716";
    font-size: 16px;
    color: var(--red);
}

.img-bg {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    padding-bottom: 100%;
    border-radius: 19px;
}

.upload__box {
    display: flex;
    flex-direction: row-reverse;
    gap: 10px;
    margin-top: 23px;
}

.edit_profile input.upload__inputfile {
    width: 100%;
}

.upload__btn-box .drag-text {
    color: var(--Blue);
    font-size: 10px;
    font-weight: 700;
    line-height: normal;
}

.edit_profile .image-upload-wrap,
.edit_profile .image-upload-wraps {
    height: inherit;
    position: absolute;
    z-index: 9;
    bottom: 30px;
}

.edit_profile .file-upload input,
.edit_profile .upload_video input {
    margin: 0;
    font-size: 20px;
    font-family: "Open Sans";
}

.edit_profile .item_heading {
    margin-bottom: 13px;
}

.edit_profile .mark_as button {
    margin-bottom: 0;
}

.edit_profile .file-upload-content,
.edit_profile .file-upload-contents {
    display: block;
    position: relative;
    text-align: left;
    width: 100%;
}

.edit_profile .file-upload,
.edit_profile .upload_video {
    background: transparent;
    position: relative;
    text-align: left;
    margin-bottom: 30px;
}

.edit_profile img.file-upload-image {
    padding: 0;
    max-width: 376px;
    width: 100%;
    height: 212px;
    border-radius: 31px;
    margin-right: auto;
}

.edit_profile .drag-text {
    color: var(--Blue);
}

.edit_profile .drag-text i {
    margin-bottom: 5px;
    font-size: 16px;
}

.edit_profile .upload_video .image-upload-wraps {
    height: 50px;
    display: block !important;
}

.edit_profile .file-upload-content {
    display: block !important;
}

.edit_profile div#video-container {
    width: 100%;
    max-width: 100%;
    margin-bottom: 22px;
}

.video-container video {
    width: 100%;
    height: 100%;
    border-radius: 4px;
}

.play-button-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    pointer-events: none;
}

.play-button-wrapper #circle-play-b {
    cursor: pointer;
    pointer-events: auto;
    z-index: 9;
}

.play-button-wrapper #circle-play-b img {
    width: 100px;
    height: 100px;
    fill: #fff;
    stroke: #fff;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    opacity: 0.9;
}

.edit_profile .upload_video .file-upload-image {
    padding: 0;
}

.edit_profile .upload_video .file-upload-image {
    max-width: 100%;
    max-height: 371px;
    min-height: 371px;
    object-fit: cover;
    border-radius: 17px;
}

/*--------skill creadit----------*/

.credit_btn {
    padding: 11px;
    text-align: center;
    background: var(--light-green);
    border-radius: 13px;
    cursor: pointer;
}

.skill_creadit .item_heading {
    margin-bottom: 28px;
}

.skill_creadit .credit_text {
    margin: 16px 0 19px 0;
    font-size: 15px;
    font-weight: 600;
}

.skill_creadit .credit_btn,
.skill_creadit .video_pending .item_heading {
    margin-bottom: 21px;
}

.skill_creadit .credit_btn {
    margin-bottom: 25px;
}

.total_earnings h1 {
    color: var(--Blue);
    font-size: 26px;
    font-weight: 700;
    line-height: normal;
}

.month_earning select,
.month_earning option,
.revenue_select select,
.revenue_select option {
    color: var(--Blue);
    font-size: 17px;
    font-family: Open Sans;
    font-weight: 600;
    line-height: normal;
    background: none;
    border: none;
}

.dashboard_main .user_detail .add_rate {
    padding: 5px 18px;
}

.dashboard_main .user_detail .add_rate .skill_flex i {
    padding-top: 2px;
}

.revenue_select select,
.revenue_select option {
    font-size: 10px;
    font-weight: 400;
}

.total_earnings {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 25px;
    align-items: center;
}

.total_earnings h1 {
    color: var(--Blue);
    font-size: 26px;
    font-weight: 700;
    line-height: normal;
}

.month_earning {
    color: var(--Blue);
    font-size: 17px;
    font-weight: 700;
    line-height: normal;
}

.total_earnings {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px;
    align-items: center;
}

.number_coaching_session {
    background: var(--zircon);
    padding: 13px 24px 14px 24px;
    border-radius: 13px;
    border: 1px solid var(--light-green);
    text-align: center;
    box-sizing: border-box;
    flex: calc((100% / 2) - 10px);
}

.number_coaching_session p,
.sidemenu_link a,
.sidemenu_link p,
.user_item p {
    color: var(--Blue);
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
}

.skill_creadit .bio_detail_page .video_intro {
    margin-top: 25px;
}

.number_coaching_session .coach_price {
    color: var(--Blue);
    font-family: Poppins;
    font-size: 27px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.number_of_coach {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.upload_files::-webkit-scrollbar {
    width: 10px;
    border-radius: 10px;
}

.upload_files::-webkit-scrollbar-track {
    background: var(--light-red);
}

.upload_files::-webkit-scrollbar-thumb {
    background-color: var(--green-300);
    border-radius: 10px;
}

.user_category_revenue::-webkit-scrollbar {
    width: 10px;
    border-radius: 10px;
}

.user_category_revenue::-webkit-scrollbar-track {
    background: var(--gray);
}

.user_category_revenue::-webkit-scrollbar-thumb {
    background-color: var(--Blue);
    border-radius: 10px;
}

.sidemenu_link {
    width: 100%;
    border-radius: 19px;
    padding: 19px;
    padding-left: 18px;
    margin-bottom: 17px;
    align-items: center;
    box-sizing: border-box;
    background: var(--gray);
    display: flex;
    justify-content: space-between;
}

.contact_detail .mark_as button {
    height: 67px;
    max-width: 341px;
    width: 100%;
    margin-top: 12px;
    margin-left: auto;
}

.sidebar_menu_list {
    margin-top: 30px;
    border-top: 1px solid var(--light-green);
    padding-top: 25px;
}

.sidemenu_link a,
.sidemenu_link p {
    font-size: 19px;
    text-decoration: none;
}

.contact_detail textarea {
    height: auto;
    padding-top: 24px;
}

.contact_detail .item_heading,
.contact_detail .search_item {
    margin-bottom: 25px;
}

.contact_detail .contact_form h1 {
    margin-bottom: 15px;
    padding: 0;
}

.bio_detail_setion {
    padding: 0 30px;
    box-sizing: border-box;
}

.faq_detail .sidemenu_link {
    background: none;
    padding: 0;
    margin-bottom: 0;
}

.faq_detail {
    padding: 19px 26px 28px 21px;
    box-sizing: border-box;
    margin-bottom: 19px;
    background: var(--gray);
    border-radius: 19px;
}

.faq_dropdown {
    display: none;
}

.sidemenu_link i,
.faq_detail.active .sidemenu_link p {
    color: var(--red);
}

.faq_detail.active .faq_dropdown {
    display: block;
    margin-top: 12px;
}

.faq_section .coaching_details .item_heading {
    margin-bottom: 25px;
    margin-top: 14px;
}

.faq_section .contact_detail .contact_form h1 {
    margin-bottom: 0;
    font-size: 34px;
}

.faq_section .faq_detail {
    margin-bottom: 22px;
}

.tearm_condition .faq_detail {
    padding: 30px 17px 20px 30px;
}

.tearm_condition .faq_detail.active .faq_dropdown {
    margin-top: 0;
}

.bank_detail_form .change_detail button,
.redeem_detail button {
    border: none;
    background: var(--light-green);
    height: 49px;
    color: var(--white);
    font-family: Open Sans;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    width: 100%;
    text-align: center;
    max-width: 327px;
    margin-left: auto;
    border-radius: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bank_detail_form .change_detail button {
    color: var(--white);
    font-family: Open Sans;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    text-decoration: none;
}

.redeem_detail button {
    max-width: 100%;
}

.change_detail {
    margin-top: 24px;
    text-align: right;
}

/*nav popup box*/

.nav_item li a {
    color: var(--white);
}

.nav_item li {
    margin-bottom: 11px;
}

.nav_section {
    background: var(--red);
    border-radius: 0px 17px 17px 17px;
    padding: 66px 56px 31px 56px;
    box-sizing: border-box;
    min-height: 653px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.nav_item_logo {
    text-align: right;
}

.navigation_main {
    display: none;
}

.navigation_main.active {
    display: block;
    position: absolute;
    z-index: 99;
    top: 38px;
    left: 90px;
    width: 100%;
    max-width: 360px;
}

body.open_menu {
    position: relative;
}

.navigation_main.active {
    display: block;
}

.nav_item ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.log_out a {
    color: var(--white);
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
    margin-bottom: 6px;
}

.notification_search {
    cursor: pointer;
}

/*notification popup*/

.notification_popup h1 {
    color: var(--red);
    font-size: 28px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 40px;
    text-align: center;
}

.notification_item p,
.notify_contain p,
.skill_btn a,
.category_heading h1,
.revenue_title h1 {
    color: var(--Blue);
    font-family: Open Sans;
    font-size: 19px;
    font-weight: 600;
    line-height: normal;
    text-decoration: none;
}

.category_heading h1,
.revenue_title h1 {
    font-weight: 700;
}

.notification_item {
    cursor: pointer;
    text-decoration: none;
    display: block;
    background: var(--gray);
    padding: 17px 17px 23px 14px;
    margin-bottom: 13px;
    border-radius: 19px;
}

.notification_popup {
    box-sizing: border-box;
    padding: 32px 29px 27px 27px;
    border: 1px solid var(--Blue);
    border-radius: 17px 0px 17px 17px;
    display: none;
}

.notification_popup.active {
    display: block;
    position: absolute;
    z-index: 99;
    right: 100px;
    top: 58px;
    width: 100%;
    max-width: 360px;
    background: var(--white);
}

.skill_credit_red input::placeholder {
    color: var(--red);
    text-align: right;
    font-size: 11px;
}

.credit_popup_heading h1 {
    margin-bottom: 22px;
}

.skill_from_popupbox .skill_flex {
    column-gap: 18px;
    margin-bottom: 18px;
    border-bottom: 1px solid var(--light-green);
    padding-bottom: 23px;
}

.close_icon {
    color: var(--Blue);
    cursor: pointer;
}

.credit_popup_heading {
    display: flex;
}

.credit_popup {
    background: var(--white);
    border-radius: 19px;
    padding: 28px 23px;
    box-sizing: border-box;
}

.delete-modal,
.skilli_credits_form {
    display: none;
}

body.modal-open{
    overflow: hidden;
}
.delete-modal.active,
.skilli_credits_form.active {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 50%;
    width: 100%;
    height: 100%;
    /* max-width: 552px; */
    left: 50%;
    z-index: 800;
    transform: translate(-50%, -50%);
}

.open_redeem {
    position: relative;
}

.redeem_detail {
    margin-top: 46px;
}

.open_redeem .overlay {
    background: var(--light-green);
    content: "";
    display: block;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    left: 119px;
    width: 100%;
    z-index: 1;
    opacity: 0.41;
}

.switch {
    position: relative;
    display: inline-block;
    width: 58px;
    height: 30px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider_checkbox {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #dadcdd;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.slider_checkbox:before {
    position: absolute;
    content: "";
    height: 25px;
    width: 25px;
    left: 4px;
    bottom: 3px;
    -webkit-transition: 0.4s;
    background-color: #87d0c8;
    transition: 0.4s;
}

input:checked + .slider_checkbox {
    background-color: var(--green);
}

input:focus + .slider_checkbox {
    box-shadow: 0 0 1px var(--green);
}

input:checked + .slider_checkbox:before {
    -webkit-transform: translateX(19px);
    -ms-transform: translateX(19px);
    transform: translateX(19px);
    background-color: var(--white);
}

.slider_checkbox.round {
    border-radius: 34px;
}

.slider_checkbox.round:before {
    border-radius: 50%;
}

.notify_contain {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 21px;
}

.notification_center .contact_detail .contact_form h1 {
    margin-bottom: 4px;
}

.login_page_main.login_main_section .login_section {
    flex-direction: column;
}

/*Dashboard*/

.skill_app_dashboard .banner_section {
    gap: 89px;
}

/* .skill_btn {
    display: none;
} */

.skill_app_dashboard .menu_item {
    margin-bottom: 35px;
}

.skill_app_dashboard .menu_item.path_dash {
    margin-bottom: 42px;
}

.dashboard_btn a {
    width: 100%;
    color: var(--Blue);
    font-size: 21px;
    font-weight: 700;
    line-height: normal;
    text-align: center;
}

.dashboard_btn {
    width: 100%;
    max-width: 322px;
    background: var(--light-green);
    border-radius: 19px;
    height: 49px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.count_user {
    color: var(--Blue);
    font-weight: 600;
}

.user_detail {
    padding-right: 30px;
}

.skill_app_dashboard .search_item {
    margin-bottom: 41px;
}

.user_item {
    background: var(--gray);
    padding: 20px 20px 29px 20px;
    box-sizing: border-box;
    border-radius: 19px;
    text-align: center;
    flex: calc((100% / 4) - 15px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.user_count {
    display: flex;
    flex-wrap: wrap;
    gap: 19px;
    margin-bottom: 28px;
}

.user_detail .add_rate {
    padding: 5px 10px;
    height: 34px;
    background: var(--red);
    display: flex;
    align-items: center;
}

.user_detail .add_rate a,
.user_detail .add_rate i {
    color: var(--white);
    font-size: 11px;
    text-decoration: none;
}

.user_detail .add_rate .skill_flex {
    column-gap: 7px;
}

.category_heading h1,
.revenue_title h1 {
    color: var(--red);
}

.edit_btn {
    border: 2px solid var(--red);
    border-radius: 19px;
    color: var(--red);
    width: 83px;
    cursor: pointer;
    text-decoration: none;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.edit_btn a {
    text-decoration: none;
    color: var(--red);
    font-family: Open Sans;
    font-size: 10px;
    font-weight: 700;
    line-height: normal;
}

.category_heading {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 10px;
    margin-top: 23px;
    gap: 10px;
}

.category_edit_btn {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

.skill_btn a {
    color: var(--white);
}

.skill_btn {
    background: var(--Blue);
    padding: 13px 0;
    border-radius: 19px;
    width: calc((100% / 7) - 18px);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.category_button {
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
    column-gap: 20px;
}

.user_chart_section,
.revenue_title,
.user_management_heading,
.user_data_main,
.static_content_heading,
.faq_question_detail,
.broadcast_heading {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 19px;
}

.revenue_chart {
    background-color: var(--gray);
    border-radius: 19px;
    flex: calc((100% / 2) - 10px);
    padding: 18px 28px 18px 22px;
    box-sizing: border-box;
}

.category_revenue_table th {
    color: var(--Blue);
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.category_revenue_table {
    width: 100%;
}

.category_revenue_table td {
    color: var(--Blue);
    font-family: Mont;
    font-size: 8px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.category_revenue_table table,
.management_table table {
    width: 100%;
    text-align: center;
    border-spacing: 0;
    border-collapse: separate;
    border-radius: 5px;
    table-layout: fixed;
}

.category_revenue_table td,
.management_table td {
    padding-top: 18px;
    padding-bottom: 9px;
    border-bottom: 1px solid var(--light-green);
}

.category_revenue_table th,
.management_table th {
    padding-top: 14px;
    padding-bottom: 4px;
    border-bottom: 2px solid #043856;
}

.user_category_revenue {
    padding: 0 28px 0 10px;
    height: 215px;
    overflow: hidden;
    overflow-y: auto;
}

canvas#line-chart {
    height: 170px !important;
    margin: 0 auto;
    width: 100% !important;
}

.chart_btn,
.chart_btn_line {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
    justify-content: end;
}

.chart_btn a {
    color: var(--Blue);
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
}

.chart_btn_line span {
    width: 20px;
    height: 3px;
    background: var(--red);
}

.previous_chart span {
    background: var(--light-green);
}

.chart_btn_line {
    gap: 7px;
}

.form-group {
    position: relative;
}

.form-group input {
    position: relative;
}

/* .toggle-password {
    position: absolute;
    right: 10px;
    top: 43%;
    transform: translateY(-50%);
    color: var(--white);
} */

.notification_contain {
    height: 620px;
    overflow: hidden;
    overflow-y: auto;
    /*    padding-right: 10px;*/
}

.skill_app_banner {
    min-height: 100vh;
}

.notification_search.active {
    position: relative;
}

.notification_search.active .notification_alert {
    position: absolute;
    width: 8px;
    height: 8px;
    background: var(--red);
    top: 0;
    border-radius: 10px;
    left: 50%;
    transform: translateX(-50%);
}

.notification_item.active {
    border: 2px solid #87d0c8;
}

.user_management_heading a {
    color: var(--white);
    font-size: 15px;
    font-weight: 700;
    border-radius: 11px;
    line-height: normal;
    border: none;
    cursor: pointer;
    background: var(--red);
    padding: 9px 17px;
    text-decoration: none;
}

.management_details {
    background: var(--gray);
    border-radius: 19px;
    padding: 33px 28px;
}

.management_table th a {
    color: var(--Blue);
    font-size: 8px;
}

.management_table th {
    color: var(--Blue);
    padding: 0 0 11px 0;
    margin-bottom: 10px;
}

.management_table th {
    color: var(--Blue);
    padding: 0 0 11px 0;
    margin-bottom: 10px;
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
}
#coaches tr:hover {
    background-color: #f1f1f1;
}

#coaches tr {
    cursor: pointer;
}
#coaches {
    width: 100%;
    border-collapse: collapse;
}
.heading_flex,
.management_table_btn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 6px;
    font-weight: 700;
    flex-wrap: wrap;
}

.management_table td {
    font-weight: 400;
    padding: 25px 0;
    word-break: break-word;
}

tr.management_table_first td {
    padding-top: 34px;
}

.management_table .slider_checkbox:before {
    height: 17px;
    width: 17px;
    left: 2px;
    bottom: 2px;
    background-color: var(--white);
    font-family: "FontAwesome";
    content: "\f00c";
    color: var(--green);
    font-size: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.edit_btn_show .skill_btn a::after {
    font-family: "FontAwesome";
    content: "\f304";
    color: var(--light-green);
    font-size: 15px;
}

.skill_btn .btn_edit {
    color: var(--light-green);
    font-size: 15px;
    cursor: pointer;
}

.edit_btn__show {
    max-width: 100%;
    display: flex;
    align-items: center;
    padding: 0 10px;
}

.skill_form_main .skill_flex .account_form a {
    width: 100%;
    display: block;
    padding: 18px 20px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: var(--light-red);
    background: var(--white);
    border-radius: 19px;
}

.insurance_page .skill_text {
    margin-bottom: 25px;
}

.insurance_page .upload_files .image-upload-wraps,
.insurance_page .upload_files {
    height: 300px;
}

.insurance_page .skill_logo {
    margin-bottom: 33px;
}

.skill_form_main .skill_flex .account_form a.active,
.skill_form_main .skill_flex .account_form a:hover {
    color: var(--white);
    background: var(--light-green);
}

.skill_form_main .skill_flex .account_form {
    border-radius: 19px;
    background-color: var(--light-red);
    width: 100%;
}

.edit_div input.edit_btn_show {
    pointer-events: auto;
}

.edit_btn_show .skill_btn a {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.edit_btn_show {
    display: inline-block;
    gap: 10px;
    pointer-events: none;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    font-family: Open Sans;
    font-size: 19px;
    font-weight: 600;
    line-height: normal;
    text-decoration: none;
    background: transparent;
    max-width: 100%;
    color: #fff;
    border: 0px;
    text-align: center;
}

.edit_btn_show .skill_btn::before {
    font-family: "FontAwesome";
    content: "\f057";
    color: var(--light-green);
    font-size: 20px;
    position: absolute;
    top: 0;
    left: 0;
}

.skill_btn .btn_close {
    color: var(--light-green);
    font-size: 20px;
    position: absolute;
    top: -4px;
    left: -4px;
    background: #fff;
    border-radius: 50%;
}

.certificates_img .btn_close {
    color: var(--red);
    font-size: 24px;
    position: absolute;
    top: -9px;
    right: 2px;
    display: none;
    cursor: pointer;
    background: var(--white);
    border-radius: 50%;
}

.add_more_certificate .add_rate {
    background: var(--light-green);
    cursor: pointer;
}

.skill_btn,
.certificates_img {
    position: relative;
}

.edit_btn_show .skill_btn {
    position: relative;
}

.management_table .switch {
    width: 40px;
    height: 20px;
}

.skill_creadit .search_item {
    margin-bottom: 23px;
}

/*.box_item.video_pending {
    padding-top: 30px;
}*/
.broadcast_form_detail input:checked + .slider_checkbox {
    background: #dadcdd;
}

.broadcast_form_detail input:checked + .slider_checkbox:before {
    transform: translateX(26px);
    background-color: var(--Blue);
}

.management_table .slider_checkbox {
    background-color: var(--gray);
}

.management_table_btn a {
    border: 1px solid var(--red);
    color: var(--red);
    width: 78px;
    height: 32px;
    display: flex;
    font-size: 12px;
    text-decoration: none;
    border-radius: 11px;
    font-style: normal;
    font-weight: 700;
    justify-content: center;
    align-items: center;
}

.management_table_btn a.active {
    background-color: var(--red);
    color: var(--white);
}

#example {
    display: none;
}

a.showLink,
a.hideLink {
    text-decoration: none;
    color: var(--red);
    padding-left: 8px;
}

.showLink span {
    width: 5px;
    height: 5px;
    border: 1px solid red;
    border-radius: 5px;
}

a#example-show {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

#example-show.active {
    display: none;
}

.show_btn.active #example {
    display: block;
}

.show_btn.active .showLink {
    display: none !important;
}

.management_table {
    height: 567px;
    overflow: auto;
    padding: 0 30px 0 10px;
    max-width: 100%;
    width: 100%;
}

.management_table::-webkit-scrollbar,
.inbox_contain::-webkit-scrollbar,
.faq_question_section.faq_question_flex::-webkit-scrollbar,
.notification_contain::-webkit-scrollbar {
    width: 10px;
    border-radius: 10px;
}

.management_table::-webkit-scrollbar-track,
.inbox_contain::-webkit-scrollbar-track,
.faq_question_section.faq_question_flex::-webkit-scrollbar-track,
.notification_contain::-webkit-scrollbar-track {
    background: transparent;
}

.management_table::-webkit-scrollbar-thumb,
.notification_contain::-webkit-scrollbar-thumb {
    background-color: #96869b;
    border-radius: 10px;
}

.inbox_contain::-webkit-scrollbar-thumb,
.faq_question_section.faq_question_flex::-webkit-scrollbar-thumb {
    background-color: #c4daf0;
    border-radius: 10px;
}

.skill_app_dashboard .user_management_section .search_item {
    margin-bottom: 30px;
}

.user_management_heading h1,
.static_content_heading h1,
.broadcast_heading h1 {
    width: unset;
    height: unset;
}

.user_management_section .coach_fees_section.upload_qualifications {
    margin: 15px 0 20px 0;
}

.user_management_heading {
    margin-bottom: 15px;
}

.user_data_main,
.faq_question_detail {
    align-items: unset;
    gap: 31px;
    justify-content: unset;
}

.user_inbox_data {
    flex: 1;
}

.user_inbox_data.user_detail_section {
    width: 100%;
    max-width: 585px;
    background: var(--gray);
    border-radius: 19px;
    box-sizing: border-box;
}

.inbox_contain {
    box-sizing: border-box;
    /* height: 543px; */
    height: 400px;
    overflow-y: auto;
}

.inbox_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 21px;
    border-bottom: 1px solid var(--light-green);
    font-weight: 400;
    cursor: pointer;
    transition: all ease-in 100ms;
}
.inbox_item:hover {
    background-color: #dfe7ef;
}
.inbox_item_selected {
    background-color: #dfe7ef;
}
.skill_app_dashboard .user_inbox .search_item {
    margin-bottom: 46px;
}

.user_inbox_form input,
.user_inbox_form textarea {
    height: 62px;
    width: 100%;
    padding: 0;
    margin: 0;
    background: var(--gray);
    border-radius: 17px;
    border: none;
    color: var(--Blue);
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 14px;
    padding: 25px;
    font-family: Open Sans;
}

.user_inbox_form textarea {
    height: unset;
    resize: none;
    font-family: Open Sans;
    font-size: 16px;
    margin-top: 7px;
    font-weight: 300;
}

.user_inbox_form textarea:placeholder {
    font-size: 16px;
    font-family: Open Sans;
}

.user_inbox_form input::placeholder,
.user_inbox_form textarea::placeholder {
    color: var(--Blue);
    font-size: 18px;
    font-family: Open Sans;
    font-weight: 400;
}

.mark_as_read_btn button {
    color: #f5f5f5;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    text-decoration: none;
    cursor: pointer;
    font-family: Open Sans;
}

.mark_as_read_btn {
    text-align: right;
}

.mark_as_read_btn button {
    padding: 12px 24px;
    border-radius: 19px;
    background: #ed1c28;
    font-family: Open Sans;
    border: none;
    max-width: 184px;
    width: 100%;
    margin-left: auto;
    margin-top: 15px;
    text-align: center;
}

.user_management_section {
    max-width: 100%;
}

.content_heading_btn {
    display: flex;
    flex-wrap: wrap;
    gap: 31px;
    align-items: center;
}

.condition_detail textarea {
    width: 100%;
    border: unset;
    background: transparent;
    font-size: 14px;
    font-family: Open Sans;
    text-wrap: wrap;
    height: auto;
    line-height: 22px;
    resize: none;
}

select#coach_dropdown {
    color: var(--light-green);
    font-size: 18px;
}

select#coach_dropdownTerm {
    color: var(--light-green);
    font-size: 18px;
}

select#coach_dropdownPrivacy {
    color: var(--light-green);
    font-size: 18px;
}

.content_heading_btn i,
.dashboard_faqs i {
    color: var(--light-green);
}

.content_heading_btn .month_earning select {
    width: 83px;
}

.static_content_main .content_heading_btn .month_earning select {
    width: 110px;
}

.content_heading_btn .edit_btn {
    width: 61px;
    background: var(--red);
}

.content_heading_btn a {
    color: var(--white);
    font-size: 12px;
}

.condition_detail {
    background: var(--gray);
    padding: 15px 35px 21px 35px;
    border-radius: 17px;
    margin-top: 7px;
    color: var(--Blue);
    font-size: 12px;
    font-weight: 300;
    line-height: normal;
}

.tearm_condition_section,
.skill_app_dashboard .static_content_main .search_item {
    margin-bottom: 30px;
}

.skill_app_dashboard .dashboard_faqs .search_item {
    margin-bottom: 35px;
}

.answer_faq {
    font-weight: 300;
    margin-top: 10px;
}

.coaching_main .skill_view button {
    border-radius: 19px;
}

.faq_question_section .month_earning {
    margin-bottom: 20px;
    width: 102px;
    align-items: center;
}

.faq_question_item {
    margin-bottom: 14px;
}

.faq_question_flex,
.broadcast_form_detail {
    flex: 1;
}

.faq_question_flex .mark_as_read_btn,
.broadcast_form_detail .mark_as_read_btn {
    text-align: right;
    margin-right: auto;
    width: 100%;
    border-radius: 10px;
}

.broadcast_form_detail .mark_as_read_btn button {
    border-radius: 11px;
    width: 96px;
}

.faq_question_flex .mark_as_read_btn button {
    color: var(--white);
    text-decoration: none;
    font-size: 20px;
    font-weight: 700;
    margin-top: 20px;
    border-radius: 11px;
    width: 96px;
}

.faq_question_section.faq_question_flex {
    height: 580px;
    overflow-y: auto;
    padding-right: 35px;
}

.faq_question_detail {
    gap: 44px;
}

.broadcast_heading h1 {
    font-size: 23px;
}

.broadcast_heading {
    margin-bottom: 27px;
}

.broadcast_detail {
    display: flex;
    flex-wrap: wrap;
    /*    align-items: center;*/
    justify-content: center;
    gap: 50px;
    width: 100%;
    max-width: 930px;
    margin: 0 auto;
    margin-top: 120px;
}

.user_inbox .user_detail {
    padding-right: 100px;
}

.broadcast_form_detail:first-child {
    padding-top: 30px;
}

/*.broadcast_notification .user_detail {
    height: 100%;
}*/
.broadcast_notification .user_detail form {
    /*    height: 100%;*/
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
}

.user_management_section .coach_mark {
    display: none;
}

.user_management_section .coach_mark.active {
    display: block;
}

.user_management_section.open_redeem {
    position: unset;
}

.broadcast_notification .slider_checkbox {
    background-color: var(--Blue);
}

.broadcast_notification .slider_checkbox:before {
    background-color: var(--light-green);
}

.user_management_section .coach_mark.active {
    display: block;
    background: var(--white);
    position: absolute;
    top: 50%;
    width: 100%;
    border-radius: 19px;
    max-width: 934px;
    left: 50%;
    z-index: 99999;
    transform: translate(-50%, -50%);
}

.coach_mark_popup {
    padding: 55px 60px 38px 60px;
    box-sizing: border-box;
    height: 825px;
    overflow: auto;
}

.user_management_section .upload_image {
    width: 100%;
    max-width: 280px;
    height: 157px;
}

a {
    text-decoration: none;
}

.coach_mark_popup .more {
    display: none;
}

.user_management_section .coach_feedback h2 {
    font-size: 25px;
}

.your_bio_main.show_btn a#example-show {
    display: inline-block;
}

.user_management_section .bio_feedback_heading a {
    height: 30px;
}

.user_management_section .bio_feedback_heading {
    margin: 0;
}

.user_management_section p.surf_coach {
    font-size: 12px;
    padding-bottom: 7px;
}

.user_management_section .bio_feedback .go_for,
.user_management_section .fees_detail_flex p {
    font-size: 11px;
}

.user_management_section .coach_feedback.bio_feedback {
    margin-bottom: 21px;
}

.user_management_section .coach_fees_detail .your_bio_main p {
    font-size: 14px;
}

.user_management_section .coach_fees_section {
    margin: 0 0 15px 0;
}

.user_management_section .coach_fees_section h1,
.user_management_section .your_bio_main h1,
.user_management_section .fees_price {
    margin: 0;
    font-size: 17px;
}

.user_management_section .detail_fees {
    padding: 20px;
}

.user_management_section .coach_video img.play_btn {
    width: 65px;
    height: 65px;
}

.coach_mark_popup .close_icon {
    position: absolute;
    top: 27px;
    right: 34px;
    cursor: pointer;
}

.coach_mark_popup::-webkit-scrollbar,
.condition_detail textarea::-webkit-scrollbar {
    width: 10px;
    border-radius: 10px;
}

.coach_mark_popup::-webkit-scrollbar-track,
.condition_detail textarea::-webkit-scrollbar-track {
    background: transparent;
}

p.bio_detail_text {
    margin-bottom: 19px;
}

.coach_mark_popup::-webkit-scrollbar-thumb,
.condition_detail textarea::-webkit-scrollbar-thumb {
    background-color: #96869b;
    border-radius: 10px;
}

.search_section {
    width: 100%;
    position: relative;
}

div#input-message {
    position: absolute;
    width: 100%;
    padding: 10px;
    background: var(--white);
    border: 1px solid var(--gray);
    margin-top: 10px;
    z-index: 9;
    border-radius: 11px;
    display: none;
    font-size: 16px;
    font-weight: 400;
    color: var(--Blue);
}

.input-message p {
    display: flex;
    gap: 10px;
    align-items: center;
    width: 100%;
    padding: 10px;
    background: var(--white);
    border: 1px solid var(--gray);
    z-index: 9;
    border-radius: 11px;
    /* display: none; */
    font-size: 16px;
    font-weight: 400;
    color: var(--Blue);
}

a.canvasjs-chart-credit {
    display: none;
}

.login_button button {
    background-color: var(--white);
}

.video_pending_feedback .search_item {
    margin-bottom: 23px;
}

.video_pending_feedback .item_heading {
    margin-bottom: 10px;
}

.video_pending_feedback .banner_item_contain {
    padding: 0;
}

.contact_us .bio_detail_setion,
.faq_section .bio_detail_setion {
    padding: 0;
    padding-left: 60px;
}

.skill_creadit .bio_detail_page .coaching_contain {
    column-gap: 63px;
}

.tearm_condition .contact_detail .contact_form h1,
.bank_detail_page .contact_detail .contact_form h1,
.notification_center .contact_detail .contact_form h1 {
    font-size: 34px;
}

.coach_mark .mark_as button {
    height: 67px;
}

.edit_form fieldset {
    border: none;
    padding: 0;
    margin-left: 0;
}

#choicelist,
#skillchoicelist {
    margin-bottom: 12px;
    background: var(--gray);
    width: 100%;
    border-radius: 19px;
    padding: 15px;
    display: none;
}

#selectedDBXP,
#selectedskill {
    position: relative;
    text-align: left;
}

#choicelist > div,
#skillchoicelist > div {
    padding-bottom: 5px;
    border: none;
    font-size: 16px;
    font-family: "Open Sans";
    font-weight: 400;
    resize: none;
    color: var(--Blue);
}

#choicelist input[type="text"],
#skillchoicelist input[type="text"] {
    margin: 0px 0px 20px 10px;
}

.edit_profile .fa-chevron-down {
    position: absolute;
    right: 25px;
    color: var(--Blue);
    transition: transform 0.2s ease-out, color 0.2s ease-out;
    font-size: 12px;
    font-weight: 700;
    transform: translateY(-50%);
    top: 50%;
}

.edit_profile .fa-chevron-down--open {
    transform: rotate(-180deg) translate(0, 2px);
    color: #404040;
}

.edit_profile .language_selectbox input,
.edit_profile .skill_selectbox input {
    height: auto;
    width: auto;
}

div#selectedDBXP,
#selectedskill {
    height: 49px;
    width: 100%;
    font-family: "Open Sans";
    border-radius: 19px;
    padding: 16px;
    padding-left: 18px;
    margin-bottom: 12px;
    background: var(--gray);
    border: none;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    resize: none;
    color: var(--Blue);
    display: flex;
    align-items: center;
}

.skill_btn i {
    display: none;
}

.certificates_heading {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 50px;
}

.certificates_img img,
.certificates_img embed {
    width: 100%;
    max-width: 240px;
    height: 175px;
    object-fit: cover;
    display: block;
    border-radius: 19px;
}

.certificates_detail {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.certificates_img {
    width: calc((100% / 6) - 25px);
}

.upload__inputfile_img {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.upload__btn_click {
    display: inline-block;
    font-weight: 600;
    color: #fff;
    text-align: center;
    min-width: 116px;
    padding: 5px;
    transition: all 0.3s ease;
    cursor: pointer;
    border: 2px solid;
    background-color: #4045ba;
    border-color: #4045ba;
    border-radius: 10px;
    line-height: 26px;
    font-size: 14px;
}

.upload__btn_click:hover {
    background-color: unset;
    color: #4045ba;
    transition: all 0.3s ease;
}

.upload__btn_click-box {
    margin-bottom: 10px;
}

.upload__img-wrap-show {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.upload__img-box-show {
    min-height: 175px;
    object-fit: cover;
    display: block;
    border-radius: 19px;
    width: calc((100% / 6) - 25px);
}

/*.upload__img-box-show.certificates_img {
    display: flex;
}*/
.upload__btn-item {
    text-align: right;
    margin-top: -50px;
    margin-bottom: 30px;
}

.upload__img-close-icon {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: var(--red);
    position: absolute;
    top: -8px;
    right: 17px;
    text-align: center;
    line-height: 24px;
    z-index: 1;
    cursor: pointer;
    border-radius: 50%;
}

.upload__img-close-icon:after {
    content: "\2716";
    font-size: 14px;
    color: white;
}

.img-bg-show {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    min-height: 175px;
    border-radius: 19px;
}

.certificates_img embed::-webkit-scrollbar {
    width: 10px;
    border-radius: 10px;
}

.certificates_img embed::-webkit-scrollbar-track {
    background: var(--light-red);
}

.certificates_img embed::-webkit-scrollbar-thumb {
    background-color: var(--green-300);
    border-radius: 10px;
}

.coach_fees_section.detail_heading .fees_detail_flex {
    width: 100%;
    max-width: 400px;
}
.bio_detail_setion.coach_mark .coach_fees_detail {
    justify-content: stretch;
    align-items: initial;
}

/*------------------------------------------*/

@media only screen and (max-width: 991px) and (min-width: 767px) {
    .coaching_contain .coaching_details.coach_flex {
        max-width: 100%;
    }

    .coach_flex {
        flex: 0 0 100%;
    }

    .play_time {
        bottom: 15px;
        left: 20px;
    }

    /* .coach_biggner .gold_cost {
        color: red;
    } */
}

@media screen and (max-width: 1366px) {
    .coaching_details.coach_flex {
        max-width: 367px;
        width: 100%;
    }

    .joinus_detail_page {
        height: auto;
    }

    .skill_creadit .bio_detail_page .coaching_details.coach_flex {
        width: 100%;
        max-width: 405px;
    }

    .bio_detail_page .bio_feedback_heading {
        column-gap: 35px;
        row-gap: 10px;
    }

    .coach_item_div img {
        object-fit: cover;
    }

    .box_item.recently_coach {
        width: 100%;
        max-width: 412px;
    }

    .banner_creadit .show_coach_item,
    .banner_creadit .coach_item_div img.show_video,
    .banner_creadit .recently_coach .coach_item_div img {
        height: 115px;
    }

    .video_pending .show_coach_item,
    .video_pending .coach_item_div img.show_video,
    .video_pending .recently_coach .coach_item_div img {
        height: 122px;
    }

    .user_inbox_data.user_detail_section {
        width: 100%;
        max-width: 585px;
    }

    .user_data_main {
        flex: unset;
    }

    .user_inbox_data.user_detail_form {
        width: 100%;
        max-width: 440px;
    }

    .bio_detail_page .coach_flex {
        width: 100%;
        max-width: 375px;
        padding-top: 7px;
    }

    .bio_detail_page .video_intro {
        width: 100%;
        max-width: 100%;
    }
}

@media only screen and (max-width: 1200px) and (min-width: 769px) {
    .banner_item_contain {
        column-gap: 30px;
    }

    .skill_app_banner {
        height: auto;
    }

    /*    .upload__box {
        flex-wrap: wrap;
    }*/

    .coach_video img.play_btn {
        width: 90px;
        height: 90px;
    }

    .banner_creadit .box_item.video_pending .coach_item_div,
    .skill_creadit .box_item.video_pending .coach_item_div {
        width: calc((100% / 2) - 10px);
        position: relative;
    }

    .video_pending_feedback .box_item.video_pending .coach_item_div {
        width: calc((100% / 4) - 10px);
        position: relative;
    }
}

@media only screen and (max-width: 1200px) and (min-width: 1025px) {
    .upload__box {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 991px) {
    .box_item {
        flex: 0 0 100%;
    }

    .dashboard_form {
        width: 100%;
    }

    .dashboard_form form {
        justify-content: space-between;
    }

    .coach_mark .coach_flex.feedback_section {
        display: flex;
        flex-direction: column;
    }

    .coach_mark .coach_flex.feedback_section .mark_as {
        order: 3;
    }

    .coach_mark .coach_flex.feedback_section .coach_video {
        order: 1;
    }

    .coach_mark .coach_flex.feedback_section .coach_feedback_comment {
        order: 2;
        margin-bottom: 20px;
    }

    .bio_feedback_heading {
        margin-bottom: 10px;
    }

    .box_item.recently_coach {
        max-width: 100%;
    }

    .video_pending_feedback .box_item.video_pending .coach_item_div {
        width: calc((100% / 3) - 10px);
        position: relative;
    }

    .contact_us .bio_detail_setion,
    .faq_section .bio_detail_setion {
        padding: 0;
    }
}

@media screen and (max-width: 1024px) {
    .banner_main.video_pending_feedback
        .box_item.video_pending
        .coach_item_div {
        width: calc((100% / 3) - 12px);
    }
    .coach_fees_section.detail_heading .fees_detail_flex {
        width: 100%;
        max-width: 100%;
    }

    .upload__img-box-show {
        width: calc((100% / 4) - 25px);
    }

    .contact_us .bio_detail_setion,
    .faq_section .bio_detail_setion {
        padding: 0;
    }

    .skill_creadit .bio_detail_page .coaching_details.coach_flex {
        width: 100%;
        max-width: 100%;
    }

    .edit_profile .detail_fees.detail_border_right,
    .edit_profile .detail_fees.detail_border_left {
        border-bottom: 1px solid #87d0c8;
        padding-bottom: 10px;
        border-right: 0;
        padding-right: 0;
    }

    .skill_creadit .box_item.video_pending .coach_item_div {
        width: calc((100% / 3) - 10px);
    }

    .user_inbox .user_detail {
        padding-right: 30px;
    }

    .coach_mark_popup.open_redeem .overlay {
        left: 0;
    }

    .management_table_btn a {
        width: 100%;
    }

    .skill_btn {
        width: calc((100% / 4) - 16px);
    }

    .open_redeem .overlay {
        left: 99px;
    }

    .banner_section {
        gap: 20px;
    }

    .user_detail {
        padding: 0;
    }

    .skill_app_dashboard .banner_section {
        gap: 20px;
    }

    .banner_item_contain,
    .banner_contain {
        column-gap: 40px;
        padding: 15px;
    }

    .banner_creadit .box_item.video_pending .coach_item_div {
        width: calc((100% / 2) - 10px);
    }

    .banner_coach {
        column-gap: 10px;
    }

    .coaching_contain {
        column-gap: 40px;
    }

    .detail_fees {
        padding: 20px;
        flex: 0 0 100%;
        width: 100%;
    }

    .bio_detail_page .coach_flex {
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .login_contain .login_btn a,
    .nav_item li a,
    .credit_popup_heading h1,
    .count_user {
        font-size: 25px;
    }

    .upload__img-box-show {
        gap: 20px;
    }

    .upload__img-box-show {
        width: calc((100% / 3) - 23px);
    }

    a.edit_btn_show {
        font-size: 14px;
    }

    .coach_mark .bio_feedback_heading h2 {
        width: 100%;
    }

    .skill_app_banner {
        height: auto;
    }

    .delete-modal.active,
    .skilli_credits_form.active {
        top: 50%;
    }

    .skill_app_dashboard .menubar {
        margin-bottom: 207px;
    }

    .broadcast_detail {
        margin-top: 0;
    }

    .management_details {
        padding: 33px 20px;
    }

    .user_inbox .user_detail {
        padding-right: 0;
    }

    .tearm_condition .contact_detail .contact_form h1,
    .bank_detail_page .contact_detail .contact_form h1,
    .notification_center .contact_detail .contact_form h1 {
        font-size: 24px;
    }

    .bio_detail_page .coach_fees__heading {
        justify-content: space-between;
    }

    .joinus_account {
        padding: 40px;
        height: auto;
    }

    .coach_mark_popup {
        padding: 30px;
    }

    .banner_main {
        max-width: 100%;
        width: 100%;
    }

    .dashboard_btn a {
        font-size: 18px;
    }

    .skill_main .skill_form {
        width: 100%;
        flex: unset;
    }

    .skill_app_dashboard .banner_section {
        gap: 30px;
    }

    .revenue_chart {
        flex: 0 0 100%;
    }

    .user_inbox_data.user_detail_section {
        width: 100%;
        max-width: 100%;
    }

    .skill_creadit .bio_detail_page .video_intro {
        margin-top: 0;
    }

    .management_table table {
        width: 663px;
        table-layout: fixed;
    }

    .user_inbox_data,
    .faq_question_flex,
    .broadcast_form_detail {
        flex: 0 0 100%;
    }

    .user_inbox_data.user_detail_form {
        width: 100%;
        max-width: 100%;
    }

    .open_redeem .overlay {
        left: 0;
    }

    .notification_popup.active {
        right: 60px;
    }

    .bio_detail_setion,
    .user_detail {
        padding: 0;
        box-sizing: border-box;
    }

    .login_page_main .login_main {
        padding: 0 20px;
        box-sizing: border-box;
    }

    .reqiure_section {
        height: 100vh;
    }

    .login_image img {
        width: 100%;
        max-width: 250.907px;
    }

    .skill_logo {
        margin-bottom: 30px;
    }

    .account_main,
    .skill_form,
    .coach_flex {
        flex: 0 0 100%;
    }

    .coach_item a {
        width: calc((100% / 2) - 12px);
    }

    .support_coach,
    .login_section.bio_scection,
    .login_section {
        padding: 0;
    }

    .support_section .show_more_page {
        margin-top: 30px;
    }

    .bio_item {
        width: 100%;
    }

    .upload_files,
    .upload_video {
        width: 100%;
        max-width: 100%;
    }

    .skill_form.skill_rate_right,
    .create_account.reqiure_main {
        padding: 0;
        border: unset;
    }

    .skill_form.skill_rate_left {
        border-bottom: 1px solid var(--light-green);
        padding-bottom: 19px;
        border-right: unset;
        padding-right: 0;
    }

    .user_management_section .bio_feedback_heading {
        margin-bottom: 10px;
    }

    .skill_rate_more {
        margin-bottom: 19px;
    }

    .skill_text {
        margin-bottom: 30px;
    }

    .requre_text textarea#textarea {
        padding: 24px;
    }

    .video_pending_feedback .box_item.video_pending .coach_item_div {
        width: calc((100% / 2) - 12px);
    }

    .banner_section {
        padding: 38px 20px 20px 20px;
    }

    .open-menu-btn {
        display: block;
    }

    .banner_sidebar {
        display: none;
    }

    body.closed-menu .banner_sidebar {
        display: block;
    }

    .closed-menu i.fa-solid.fa-xmark {
        display: block;
        font-size: 28px;
        color: var(--red);
    }

    .closed-menu .open-menu-btn img,
    .open-menu-btn i {
        display: none;
    }

    .open-menu-btn a {
        text-decoration: none;
    }

    .box_item {
        flex: 0 0 100%;
    }

    .box_item.recently_coach,
    .coaching_details.coach_flex {
        max-width: 100%;
    }

    .bio_detail_page .bio_feedback_heading {
        justify-content: space-between;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 575px) {
    .coach_item a {
        width: calc((100% / 2) - 10px);
        height: 55px;
        font-size: 20px;
    }

    .login_section {
        padding: 50px 0;
    }

    .btn_done {
        padding: 12px 41px;
        font-size: 20px;
    }

    .upload__img-box-show {
        width: calc((100% / 2) - 15px);
    }

    img.popup_logo_img {
        width: fit-content;
        height: fit-content;
    }

    .reset_popupbox {
        padding: 30px;
    }

    .password_update_text {
        font-size: 30px;
        line-height: 40px;
    }

    /*.password_reset {
        padding: 0 20px;
    }*/

    .reset_popupbox {
        max-width: 350px;
    }

    .notification_popup h1 {
        font-size: 25px;
    }

    .notification_item p {
        font-size: 16px;
    }

    .notification_contain {
        height: 580px;
    }

    .edit_profile_btn {
        width: 100%;
    }

    /* .coach_item a:hover {
        color:var(--red);
        background: var(--white);
    }*/
    .delete-modal.active,
    .skilli_credits_form.active {
        top: 25%;
    }

    .edit_bio {
        padding: 17px 15px;
    }

    .edit_bio h2 {
        margin-bottom: 10px;
    }

    .upload__img-wrap-show {
        justify-content: start;
        column-gap: 10px;
        row-gap: 20px;
    }

    .banner_main.video_pending_feedback
        .box_item.video_pending
        .coach_item_div {
        width: calc((100% / 2) - 12px);
    }

    .coach_biggner h2,
    .coach_feedback h2,
    .contact_form h1 {
        font-size: 25px;
    }

    .feedback_section .mark_as a {
        padding: 15px;
    }

    .coach_flex.feedback_section {
        padding-top: 0;
    }

    .content_heading_btn {
        justify-content: space-between;
        flex: 0 0 100%;
    }

    .user_inbox_data.user_detail_section {
        padding: 10px 15px;
    }

    .dashboard_btn a {
        width: 100%;
        max-width: 100%;
        font-size: 18px;
    }

    .dashboard_btn {
        width: 100%;
        max-width: 80%;
    }

    .revenue_chart {
        padding: 18px;
    }

    .user_category_revenue {
        padding: 0 15px 0 0;
    }

    .search_section {
        width: 87%;
    }

    .category_heading {
        margin-bottom: 23px;
    }

    .category_revenue_table table {
        width: 432px;
        table-layout: fixed;
    }

    .category_revenue_table {
        width: 100%;
        overflow: auto;
    }

    .user_category_revenues.revenue_chart {
        overflow: auto;
        width: 100%;
        flex: 0 0 100%;
    }

    .skill_app_dashboard .search_item {
        flex-wrap: wrap;
        gap: 12px;
        justify-content: center;
    }

    .upload__box {
        justify-content: center;
        flex-wrap: wrap;
    }

    .joinus_account {
        padding: 30px 20px;
    }

    .image_intro,
    .skill_creadit .box_item.video_pending .coach_item_div,
    .user_item {
        flex: calc((100% / 2) - 10px);
    }

    .skill_form_main .skill_flex {
        gap: 19px;
    }

    .image_intro {
        text-align: center;
    }

    .account_flex .account_form,
    .skill_flex .account_form,
    .social_option,
    .banner_main.video_pending_feedback .coach_item_div {
        flex: 0 0 100%;
    }

    .banner_item_contain {
        padding: 0 20px;
    }

    .banner_section {
        gap: 10px;
    }

    .item_heading h1 {
        font-size: 20px;
    }

    .skill_search input {
        width: 230px;
    }

    .request_btn a {
        width: 100%;
        text-align: center;
    }

    .coach_biggner,
    .edit_profile .mark_as a {
        width: 100%;
        max-width: 100%;
    }

    .coach_video img.play_btn {
        width: 70px;
        height: 70px;
    }

    .play_time {
        bottom: 15px;
        left: 27px;
    }

    .coaching_main .banner_item_contain {
        padding: 0;
    }

    body.closed-menu .banner_sidebar {
        display: block;
        box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75);
        left: 0;
        z-index: 99;
        background: white;
    }

    .banner_sidebar {
        transition: left 0.3s;
        height: 100%;
        left: calc(-1 * (100% - 54px));
        overflow: auto;
        position: fixed;
        top: 0;
        width: 200px;
        padding-top: 50px;
    }

    .closed-menu .overlay {
        background: rgba(0, 0, 0, 0.7);
        content: "";
        display: block;
        height: 100%;
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 1;
    }

    .navigation_main.active {
        top: 108px;
        left: 50%;
        transform: translateX(-50%);
    }

    .skill_btn {
        width: calc((100% / 3) - 14px);
    }
}

@media screen and (max-width: 425px) {
    .number_coaching_session {
        flex: 0 0 100%;
    }

    .dashboard_form_btn {
        width: 100%;
    }

    .dashboard_form input[type="text"] {
        width: 100%;
    }

    .dashboard_form form {
        margin: 10px 0;
    }

    .skill_creadit .item_heading {
        gap: 10px;
    }

    .skill_creadit .view_all select {
        width: 100%;
        text-align: left;
    }

    .skill_creadit .view_all {
        width: 100%;
    }

    .edit_profile .mark_as button {
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }

    .banner_main.video_pending_feedback .box_item.video_pending .coach_item_div,
    .skill_creadit .box_item.video_pending .coach_item_div {
        flex: 0 0 100%;
    }

    .mark_as_read_btn {
        max-width: 100%;
    }

    .bank_detail_form .change_detail,
    .redeem_detail button {
        width: 100%;
        max-width: 100%;
    }

    .skill_btn {
        width: calc((100% / 2) - 11px);
    }

    canvas#line-chart {
        width: 100% !important;
    }

    .notification_popup.active {
        left: 50%;
        top: 93px;
        z-index: 100000;
        transform: translateX(-50%);
    }

    .month_earning,
    .month_earning select {
        width: 100%;
        text-align: left;
    }

    .upload_image {
        background-position: center;
    }

    .content_heading_btn .month_earning {
        width: unset;
    }
}

@media screen and (max-width: 375px) {
    .search_value {
        padding-right: 15px;
    }

    .skill_search input {
        width: 200px;
    }

    .banner_creadit .box_item.video_pending .coach_item_div,
    .coach_item_div {
        flex: 0 0 100%;
    }

    .password_update_text {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 20px;
    }

    .popup_logo {
        margin-bottom: 20px;
    }
}

.headline {
    font-size: 2rem;
    text-transform: uppercase;
    text-align: center;
}

.circle-big {
    position: relative;
    max-width: 235px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 8px;
    margin-top: 0px;
}

.circle-big svg {
    width: 100%;
    max-width: 300px;
    height: 230px;
}

.circle-big .bg {
    fill: none;
    stroke-width: 30px;
    stroke: var(--zircon);
}

.circle-big .text {
    position: absolute;
    width: 100%;
    transform: translateY(-50%);
    top: 50%;
    font-size: 24px;
    text-align: center;
    font-weight: 400;
    line-height: 22px;
    color: var(--Blue);
    font-family: Poppins;
    font-size: 27px;
    font-weight: 700;
    line-height: normal;
}

.circle-big .text .small {
    font-size: 14px;
    color: #fff;
}

.progress {
    fill: none;
    stroke-width: 15px;
    stroke: var(--light-green);
    stroke-linecap: round;
    stroke-dasharray: 1000px;
    stroke-dashoffset: 600px;
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
    animation: big 1.5s ease-in-out;
}

@keyframes big {
    from {
        stroke-dashoffset: 1000px;
    }

    to {
        stroke-dashoffset: 600px;
    }
}

.edit_profile .file-upload-content {
    display: block !important;
}

.edit_btn_show .skill_btn {
    display: none;
}

@media screen and (max-width: 600px) {
    a.edit_certificate,
    label.edit_certificate {
        width: 100px;
        height: 48px;
        font-size: 16px;
    }

    .coach_fees_section.coach_fees__heading h1 {
        width: 100%;
    }

    .upload__btn-item {
        margin-top: -66px;
    }
}

/* -------------------------------  Added from laravel team  -------------------------------  */
.text-decoration-none {
    text-decoration: none;
}

.custom-alert {
    border: 1px solid #fff;
    padding: 10px;
    background-color: #995151;
    color: #fff;
    font-size: 15px;
    margin-bottom: 20px;
    border-radius: 19px;
    border: 2px solid var(--white);
    color: var(--white);
}

.upload__img-box img,
.upload_img-box a {
    padding: 0 5px;
    margin-bottom: 12px;
    width: 132px;
    height: 122px;
    border-radius: 17px;
    object-fit: cover;
}

.upload__img-box {
    position: relative;
}

.invalid-feedbacks {
    color: black;
}

/* for Edit profile profile images */
.upload_image_edit_page img {
    object-fit: fill;
    object-fit: cover;
    object-position: 27% 41%;
    width: 50%;
    border-radius: 40px;
    height: 211px;
    margin-bottom: 19px;
}

/* history page */

.completed_btn button {
    color: var(--white);
    font-size: 8px;
    font-weight: 700;
    background: var(--light-red);
    /* background: red; */
    border-radius: 19px;
    border: none;
    padding: 4px 14px;
    line-height: normal;
    font-family: "Open Sans";
    cursor: pointer;
}

.completed_btn {
    position: absolute;
    top: 11px;
    right: 14px;
}

.margin-top {
    margin-top: 25px;
}

.draft_btn button {
    color: var(--white);
    font-size: 8px;
    font-weight: 700;
    background: #54161b;
    /* background: red; */
    border-radius: 19px;
    border: none;
    padding: 4px 14px;
    line-height: normal;
    font-family: "Open Sans";
    cursor: pointer;
}

.draft_btn {
    position: absolute;
    top: 11px;
    right: 14px;
}

/*for edit profile close button*/

.close-button {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 20px;
    color: red;
    line-height: 24px;
    border:none !important;
    text-decoration: none;
}

.close-button:hover {
    color: darkred;
}

.close-button::after {
    cursor: pointer;
    font-size: 16px;
    color: var(--red);
}

.input-messagee p {
    display: flex;
    gap: 10px;
    align-items: center;
    background: var(--zircon);
    padding: 50px;
    border: 1px solid #87d0c8;
    z-index: 9;
    border-radius: 11px;
    font-size: 18px;
    font-weight: 600;
    color: #0f1b23;
}

.center-container {
    width: 100%;
    max-width: 618px;
    margin: 0 auto;
}
a.remove_item {
    margin-top: 0;
    border-radius: 19px;
    padding: 16px;
    display: inline-block;
    padding-left: 18px;
    font-size: 18px;
    font-weight: 600;
    resize: none;
    color: var(--Blue);
    margin-bottom: 12px;
    background: var(--gray);
    cursor: pointer;
}
.edit_profile .coach_fees_detail {
    column-gap: 21px;
    align-items: baseline;
}
.coaching_main .coaching_section {
    flex: 0 0 100%;
}

input::placeholder {
    color: white;
}

.font-bold {
    font-weight: 700;
}

select {
    text-decoration: none;
    background-color: var(--light-red);
    color: var(--white);
    font-size: 18px;
    border-radius: 19px;
    padding: 10px;
}

.pagination {
    display: flex;
    justify-content: center; /* Center the pagination */
    margin: 20px 0; /* Add margin for spacing */
}

.fade-in {
    opacity: 0;
    transform: scale(0.9);
    animation: fadeIn 0.5s forwards;
}

.fade-out {
    opacity: 1;
    /* height: 0;
    padding: 0;
    margin: 0;
    border: none; */
    transform: scale(1);
    animation: fadeOut 0.5s forwards;
}

@keyframes fadeIn {
    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes fadeOut {
    to {
        opacity: 0;
        transform: scale(0.9);
    }
}

.btn-primary {
    color: var(--white);
    font-size: 15px;
    font-weight: 700;
    border-radius: 11px;
    line-height: normal;
    border: none;
    cursor: pointer;
    padding: 9px 17px;
    text-decoration: none;
}
.danger {
    background: var(--red);
}
.primary-color {
    background: var(--Blue);
}
.w-20 {
    width: 30%;
}
.w-40 {
    width: 40%;
}

.text-left {
    text-align: end !important;
}

.loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 7000;
    display: none;
    justify-content: center;
    align-items: center;
    transition: all 0.5s ease;
}
.loading-overlay .spinner {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    position: relative;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 2s linear infinite;
}
.hide {
    display: none;
}

.show {
    display: block;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

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

.custom-toast{
    z-index: 40000;
}


.services-items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    flex-wrap: wrap;
    justify-content: start;
    gap: 10px;
}



.modal-close-button {
    border:none !important;
}


.management_table th{
    width: 50%;
}



.page-link {
    background-color: #e9eced;
    color: var(--red) !important;

}

.active>.page-link,
.page-link.active {
    background-color: var(--red) !important;
    border-color: transparent;

}

.active>.page-link,
.page-link.active {
    color: white !important;
}


.text-red {
        
color:var(--red) !important;
}


.text-light-green{
    color:var(--light-green) !important; 
}