html {
    scroll-behavior: smooth;
  }
  a {
    color: #353941;
}

.page{
    margin: 0px;
}
.pointer:hover {
    cursor: pointer;
}

.hidden {
    display: none
}

.gray-f{
    color: #81878c;
}

.how-it-works-workshops-modal {
    max-width: 800px;
    margin-top: 1% !important;
    margin-bottom: 5% !important
}

.login-form {
    margin: 0px;
}

.login-screen-body{
    height: auto !important;
    min-height: 100% !important;
}

.truncate-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
#wpadminbar{
    z-index: 99999999999 !important;
}
#step2,
#step3,
#step4 {
    display: none;
}

.course-tabs {
    margin: 0px;
}

.load-newest {
    border-radius: 15px;
    margin-top: 0px !important;
    margin-bottom: 20px !important;
    background: #F8F8F8 !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
}

.load-more {
    border-radius: 15px;
    margin-top: 0px !important;
    margin-bottom: 20px !important;
    background: #F8F8F8 !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
}

#buddypress #whats-new:focus {
    border-color: #E4E4E4 !important;
    outline-color: #E4E4E4;
    border-width: 1px;
}

#whats-new-submit #aw-whats-new-submit {
    font-size: .875rem;
}


.main-content {
    min-height: 95VH;
}

.sidebar-submenu {
    margin: 0px;
    list-style: none;
    padding: 0px;
    display: none;
    background-color: #fff;
}

.sidebar-submenu:active {
    background-color: #fff;
}

.visible {
    display: block;
}

.nav-link:hover {
    cursor: pointer;
}


.entry-content,
.entry-summary {
    margin: 0;
}

#buddypress div#message.updated p {
    border-radius: 10px !important;
    margin-top: 30px;
    padding: 16px;

}


  .sidebar-menu-item-link-dropdown, .sidebar-menu-item-link-dropdown:hover {
    border: none;
  }
  .new-dashboard-top-nav {
    z-index: 100;
  }
  .parrent{
    width: 100%;
  }
  /* #sidebar .nav-link-dropdown {
    justify-content: center;
  } */




/* lesson sidebar  */
/* .single-up-courses .main-content {
    border-radius: 0px;
    background: transparent;
    margin-right: 0px !important;
    padding: 0px !important;
    margin-bottom: 0px !important;
  }
   */
.right-lesson-sidebar {
    position: absolute;
    top: 50px;
    right: 15px;
    background-color: #fff;
    width: 0px;
    border-radius: 20px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    background: #FFF;
    padding: 25px;
    display: none;
}

.sidebar-header {
    margin-top: -3px;
    padding-bottom: 39px;
}

.lesson-active {
    border-radius: 15px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    background: rgba(255, 89, 94, 0.05);
    padding: 10px;
}

.progress-lesson-sidebar {
    margin-top: 20px;
    margin-bottom: 40px;
}

.sidebar-progress-info {

    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.6px;
}

#lesson-list,
.close-sidebar {
    cursor: pointer;
}

.right-lesson-sidebar .section-heading {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.right-lesson-sidebar .course-lessons-thumbnail {
    width: 133px;
    height: 75px;
    border-radius: 10px;
    background-size: cover;
    background-position: center;
}

.right-lesson-sidebar .course-lessons-title {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    padding-top: 16px;
    margin-left: 40px;
}

.right-lesson-sidebar .lesson-active {
    border-radius: 15px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    background: rgba(255, 140, 67, 0.20);
    padding: 10px;
}

#buddypress .activity-read-more {
    margin-left: 0px;
    background-color: #ffffff;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 10px;
    color: #9aa0a6 !important;
    text-decoration: underline;
    font-weight: 500;
}

#buddypress .activity-inner>p {
    margin-bottom: 15px !important;
}

#buddypress div.activity-comments form.root {
    margin-left: 0;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 5px;
}

#buddypress div.activity-comments li form.ac-form {
    margin-right: 0px;
    clear: both;
    padding: 0px;
    padding-top: 15px !important;
}

#complete_lesson {
    margin-top: 20px;
    float: right;
}

.upgrade-divs-animated {
    display: none;
}

#canvas {
    background: transparent;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1;
    pointer-events: auto;
}

.tada {}


/* feed page  */

.overflow-hidden {
    overflow: hidden;
}

#buddypress div.activity-comments form div.ac-reply-avatar {
    width: 30px;
}

.fa-close {
    font-size: 18px !important;
    color: #353941 !important;
}

/* #whats-new-content{
    z-index: 10000001;
    position: relative;
} */
.upflip-modal,
.edit-upflip-modal {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background-color: rgb(0 0 0 / 68%);
    z-index: 100;
    height: 100Vh;
    padding-top: 158px;
    padding-left: 20px;
    padding-right: 20px;
}

.z-index-hidden {
    z-index: 1 !important;
}

#whats-new-content {
    margin-left: auto !important;
    margin-right: auto;
    max-width: 600px;
    width: 100%;
    max-height: 600px;
}

#buddypress form#whats-new-form textarea {
    max-height: 450px;
}

.display-post-form {
    cursor: pointer;
}

#whats-new {
    min-height: 300px;
}

#buddypress #whats-new-options {
    display: block !important;
    opacity: 1 !important;
}


.original {
    display: none;
}

.read-more-activity {
    display: block;
    color: #343841;
    cursor: pointer;
    font-weight: 600;
}

.feed-user-avatar .avatar,
.activity-avatar .avatar {
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

img.profile-photo.avatar.aligncenter {
    border-radius: 15px;
}

.rtmedia-item-thumbnail {
    border-radius: 15px;
}

.bp-group-preview-cover img,
.bp-member-preview-cover img {
    border-radius: 15px;
}

img.profile-photo.avatar.aligncenter {
    border-radius: 15px;
}

#buddypress #activity-stream p {
    color: #343841;
    margin-bottom: 10px !important;
}

.time-since,
.time-since:hover {
    font-size: .875rem;
    color: #353941;
    margin-bottom: 0px;
    font-family: inherit;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;

}

#buddypress a.activity-time-since:hover {
    color: #9aa0a6;
    text-decoration: none;
}

.feed-post-card-up,
.feed-post-card-up a {
    font-weight: 600 !important;
    font-family: 'Axiforma' !important;
    margin-bottom: 0px !important;
    color: #353941;

}

#buddypress .comment-reply-link,
#buddypress .generic-button a,
#buddypress .standard-form button,
#buddypress a.button,
#buddypress input[type="button"],
#buddypress input[type="reset"],
#buddypress input[type="submit"],
#buddypress ul.button-nav li a,
a.bp-title-button,
#buddypress .comment-reply-link:hover,
#buddypress .standard-form button:hover,
#buddypress a.button:focus,
#buddypress a.button:hover,
#buddypress div.generic-button a:hover,
#buddypress input[type="button"]:hover,
#buddypress input[type="reset"]:hover,
#buddypress input[type="submit"]:hover,
#buddypress ul.button-nav li a:hover,
#buddypress ul.button-nav li.current a {
    all: unset;
}

#buddypress div.activity-meta a {
    padding: unset;

}

#buddypress ul.item-list {
    all: unset;
}

.network-feed-post-card {
    padding: 20px !important;
    margin-bottom: 20px !important;
}

.network-feed-post-card-content.activity-inner {
    font-family: 'Poppins', sans-serif !important;
}

.fa-thumbs-down.network-like-button-icon {
    font-size: 17px !important;
    color: #9aa0a6;
    margin-right: 5px;
}

#buddypress div.activity-meta a:hover {
    cursor: pointer;
}

.fa-comment.network-comment-button-icon {
    margin-right: 0px;
}

.up-avatar {
    border-radius: 50%;
    width: 40px;
    height: 40px;

}

.up-avatar-search {
    margin-right: 12px;
}

.up-avatar-search img {
    border-radius: 50%;
    width: 40px;
    height: 40px;

}

.up-group-thum {
    border-radius: 8px;
    width: 40px;
    height: 40px;
}

.network-feed-post-link-icon-group {
    margin-right: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff !important;
}

.group-description p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #000;
}

.group-description p:hover {
    color: #000;
}

button#rtmedia-add-media-button-post-update {
    padding: 12px;
    border-radius: 10px;
    border: 1px solid #E4E4E4 !important;
    background-color: #ffffff;
    color: #40444b;
    width: 43px;
    height: 43px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0px;
}

#rtmedia-action-update {
    display: inline-flex;
    align-items: center;
}

#rtmedia-uploader-form .rtm-plupload-list li,
form .rtmedia-container .rtm-plupload-list li,
#rtmedia_uploader_filelist li {
    background: #fff;
    max-width: 200px;
    padding: 10px;
    border: 1px solid #E4E4E4 !important;
    border-radius: 10px;
}

#rtmedia-uploader-form .rtm-plupload-list canvas,
form .rtmedia-container .rtm-plupload-list canvas,
#rtmedia_uploader_filelist canvas {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
    border: 1px solid #E4E4E4 !important;
}

.plupload_file_action {
    background: transparent;
    position: absolute;
    height: 18px;
    right: -10px;
    top: -10px;
    width: 18px;
    z-index: 10;
}

.plupload_file_name .dashicons {
    background: #fff;
    color: #343a40;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #E4E4E4 !important;

}

.plupload_file_name {
    white-space: nowrap;
    line-height: 1.5;
    font-weight: 600;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-top: 0px;
}

.rtm-upload-edit-desc-wrapper {
    margin-top: 10px !important;
}

.rtm-upload-edit-title-wrapper {
    margin-top: 20px;
}

.mfp-content .rtm-lightbox-container {
    flex-direction: column;
    border-radius: 20px;
    min-height: 100% !important;
}

.mfp-content .rtm-single-media {
    width: 100%;
    background-color: #ffffff;
    border-radius: 20px 20px 0px 0px;
    padding: 8px;
}

.userprofile img {
    border-radius: 100%;
}

.mfp-container {
    max-width: 600px;
    width: 100%;
}

.mfp-content .rtm-single-meta {
    width: 100%;
    border-radius: 0px 0px 20px 20px;
}

.rtm-upload-edit-title {
    border-radius: 8px !important;
    border: 1px solid #f2f2f2 !important;
}

.activity-inner {
    margin-top: 25px !important;
    margin-bottom: 10px !important;
    margin-right: 0px !important;
}

#buddypress .activity-list .activity-content {
    margin-left: 0px;
    margin-right: 0px;
}

.atwho-view .cur {
    background: #ffffff;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #f2f2f2 !important;
}

.atwho-view {
    border: 1px solid #f2f2f2 !important;
    border-radius: 10px;
    padding: 10px;
    background-color: #ffffff;
}

#rtmedia-uploader-form .rtm-plupload-list .rtm-upload-edit-desc,
form .rtmedia-container .rtm-plupload-list .rtm-upload-edit-desc,
#rtmedia_uploader_filelist .rtm-upload-edit-desc {
    border-radius: 10px !important;
    min-height: 60px !important;
    font-size: 12px !important;
    margin-bottom: 5px !important;
}

.plupload_file_status {
    height: 5px;
}

ul#rtmedia_uploader_filelist {
    margin-bottom: 0px;
}

button#rtmedia-add-media-button-post-update:hover {
    background-color: #343941;
    color: #fff;
}

.network-feed-post-card.activiyt-form-submit {
    margin-bottom: 0px !important;
}

/* group */
#buddypress div#invite-list {
    min-height: 400px !important;
    height: auto !important;
}

.nav.nav-tabs {
    margin-left: 0px;
}

.page-nav-tabs {
    margin-top: 40px;
}

.selected#groups-all a {
    background-color: #343941 !important;
    color: #ffffff !important;
}

#group-create-nav {
    background-color: #ffffff !important;
    color: #353941 !important;
    border: 1px solid #f2f2f2 !important;
    border-radius: 10px !important;
    transition: all 0.5s;
    cursor: pointer;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: .875rem;
    font-family: inherit;
    font-weight: 400;
}

.atwho-view img {
    border-radius: 10px;
}

.atwho-view ul li {
    border-bottom: 0px;
    color: #343a40;
}

#group-create-nav a,
#group-create-nav a:visited {
    color: #353941;
}

#members-all a span,
#members-personal a span,
#groups-all a span,
#groups-personal-li a span,
#groups-personal a span {
    display: none !important;
}

#buddypress div.dir-search {
    float: none;
}

#buddypress div.dir-search input[type="text"] {
    border-radius: 30px;
    border: 1px solid #E4E4E4;
    background: #FFF;
    height: 49px;
    font-size: 15px;
    padding-left: 20px;
    padding-right: 20px;
}

.aspect-ratio {
    aspect-ratio: calc(1/.56);
}

#buddypress div#item-header img.avatar {
    float: left;
    margin: 0 15px 19px 0;
    width: 7rem;
    height: 7rem;
    border-radius: 20px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

a.group-button {
    background-color: #ffffff !important;
    color: #353941 !important;
    border: 1px solid #f2f2f2 !important;
    transition: all 0.5s !important;
    cursor: pointer !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    border-radius: 10px !important;
    height: auto !important;
    font-size: .875rem !important;
    font-family: inherit !important;
    font-weight: 400 !important;
    border-width: 1px !important;
    border-style: solid !important;
}

a.group-button.join-group:hover {
    background-color: #343941 !important;
    color: #fff !important;
}

.account-header-lower-bar img {
    height: 13px !important;
}

.upflip-navs {
    border-bottom: none;
}

.upflip-navs li a,
.item-list-tabs ul li a {
    border: 1px solid #f2f2f2 !important;
    transition: all 0.5s;
    cursor: pointer;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    border-radius: 10px !important;
    height: auto;
    font-size: .875rem !important;
    font-family: inherit !important;
    font-weight: 400 !important;
    background-color: #ffffff !important;
    color: #353941 !important;
}

.upflip-navs li.current a,
.item-list-tabs ul li.selected a {
    background-color: #343941 !important;
    color: #fff !important;

}

#buddypress #item-body {
    padding: 0px;
}

.spacer {
    margin-top: 40px;
}

.network-feed-post-card.activiyt-form-submit.comment-form {
    margin-bottom: 20px !important;
}

#buddypress form#whats-new-form #whats-new-content {
    padding: 0px;
}

#buddypress form#whats-new-form textarea {
    display: block;
    padding: .375rem .75rem;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-clip: padding-box;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 100% !important;
    border-radius: 20px;
    background-color: #ffffff !important;
}

#buddypress div.item-list-tabs#subnav {
    margin: 0px;
}

/* members  */

.upflip-action {
    background-color: #ffffff !important;
    color: #353941 !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    transition: all 0.5s;
    cursor: pointer;


}

.upflip-action a:hover {
    background-color: #343941 !important;
    color: #fff !important;
}

.upflip-action a {
    border: 1px solid #f2f2f2 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    border-radius: 10px !important;
    height: auto !important;
    font-size: .875rem !important;
    font-family: inherit !important;
    font-weight: 400 !important;
}

#bp-delete-cover-image {
    border: 1px solid #f2f2f2 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    border-radius: 10px !important;
    height: auto !important;
    font-size: .875rem !important;
    font-family: inherit !important;
    font-weight: 400 !important;
    background-color: #fff !important;
    transition: all 0.5s !important;
}

#bp-delete-cover-image:hover {
    cursor: pointer !important;
    background-color: #343941 !important;
    color: #fff !important;
}

.connection-card-single-image {
    text-align: center;
}

.connection-card-single-image img {
    border-radius: 50% !important;
}

/* .course-cards-single {
    min-height: 320px;
} */
.accordion-body .label-bar {
    height: 100%;
}

#edit-cover,
#edit-avatar {
    position: absolute;
    top: 5px;
    z-index: 100;
    right: 5px;
    background: #fff;
    border-radius: 50%;
    padding: 5px;
}

#edit-avatar {
    top: -3px;
    right: -3px;
}

#public-personal-li,
#change-avatar-personal-li,
#change-cover-image-personal-li {
    display: none;
}

.rounded-circle img {
    border-radius: 50% !important;
}

.dropdown-menu.show.dropdown-menu-end.user-dropdown-menu {
    display: none;
}

.search-field-group-input {
    border-left: 0px !important;
}

.form-control {
    border-color: #E4E4E4 !important;
}

.rate:hover {
    cursor: pointer;
}


.side-course-info img,
.svg-image {
    width: 23px !important;
    height: 14px;
}

.what_learn {
    width: 100%;

}

.network-like-button {
    margin-left: 10px !important;
}

.what_learn ul {
    margin-left: 0px;
    padding-left: 15px;
}

.events-div{
    text-align: end;
}

.what_learn ul {
    list-style-type: none; /* Remove default bullets */
    padding-left: 0;
}
.what_learn ul li::before {
    content: "✓"; /* Unicode for checkmark */
    color: #343941; /* Customize checkmark color */
    margin-right: 8px;
    font-weight: bold; /* Make checkmark bold */
}


.what_learn ul li {
    margin-bottom: 15px;
    padding-right: 30px;
}

.fa-star {
    font-size: 50px;
    margin-right: 15px;
    color: var(--bs-primary);
    margin-top: 5px;
    margin-bottom: 10px;

}

.delete-activity {
    float: right !important;
}

.bp-profile-button a:hover {
    cursor: pointer !important;
}

.single-profile-action-btns .friendship-button {
    margin-top: 0px;
    float: right !important;
}

/* group  */
#group-create-tabs ul li a,
#group-create-tabs ul li span {
    background-color: #ffffff !important;
    color: #353941 !important;
    border: 1px solid #f2f2f2 !important;
    transition: all 0.5s !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    border-radius: 10px !important;
    height: auto;
    font-size: .875rem !important;
    font-family: inherit !important;
    font-weight: 400 !important;
    border-width: 1px !important;
    border-style: solid !important;
}

#buddypress div.item-list-tabs ul li.current a {
    background-color: #353941 !important;
    color: #ffffff !important;
    margin-right: 0px !important;
}

#buddypress div.item-list-tabs ul li {
    margin-right: 20px !important;
}

#previous-next {
    display: flex;
}

#previous-next input,
#bp-browse-button,
#bp-delete-avatar,
#avatar-crop-actions,
.upflip-button,
.up-button .generic-button a,
.up-button .generic-button a:visited,
.action a,
.group-invites #submit,
#save,
.auto,
#delete-group-button,
#bp-data-export button {
    background-color: #ffffff !important;
    color: #353941 !important;
    border: 1px solid #f2f2f2 !important;
    transition: all 0.5s !important;
    cursor: pointer !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    border-radius: 10px !important;
    height: auto !important;
    font-size: .875rem !important;
    font-family: inherit !important;
    font-weight: 400 !important;
    border-width: 1px !important;
    border-style: solid !important;
    margin-top: 40px;
    display: block !important;
    text-align: center !important;
    cursor: pointer !important;
}

.session-card-completed {
    display: none;
}

.session-card-completed.show {
    display: flex;
}

.fa-solid.fa-caret-down:hover {
    cursor: pointer;
}


#previous-next input:hover,
#bp-browse-button:hover,
#bp-delete-avatar:hover,
#avatar-crop-actions:hover,
.upflip-button:hover,
.up-button .generic-button a:hover,
.action a:hover,
.group-invites #submit:hover,
#save:hover,
.btn-secondary:hover,
#delete-group-button:hover,
.auto:hover,
#bp-data-export button:hover {
    background-color: #353941;
     !important;
    color: #ffffff !important;
}

.button.remove {
    color: #ff8c43 !important;
    border-color: #ff8c43 !important;
}

#previous-next {
    margin-top: 40px;
    padding-top: 0px !important;
}

.upflip-action-btn-div {
    margin-top: 30px
}

.privacy-lists label {
    font-size: .875rem !important;
    margin-bottom: 5px !important;
    font-weight: 600 !important;
    color: #353941 !important;
}

.privacy-lists ul li {
    font-size: .875rem;
    color: #9aa0a6;
    margin-bottom: 0px;
    font-family: inherit;
    line-height: 1.5;
}

#buddypress .standard-form input[type="text"],
#buddypress .standard-form textarea {
    background-color: #fff !important;
}

#buddypress .standard-form .radio label {
    font-weight: 600 !important;
    color: #353941 !important;
    margin-top: 20px !important;
}

.display-none {
    display: none !important;
}

.drag-drop #drag-drop-area {
    border: 2px dashed #ddd !important;
    height: 260px;
    border-radius: 15px !important;
    ;
}

.bp-avatar #bp-delete-avatar-container p {
    margin-bottom: 40px !important;
}

.drag-drop-inside p,
#bp-delete-avatar-container p {
    font-size: .875rem !important;
    color: #9aa0a6 !important;
    margin-bottom: 0px !important;
    font-family: inherit !important;
    line-height: 1.5 !important;
    margin-bottom: 5px;
}

#buddypress p.warning,
body.profile_page_bp-profile-edit.modal-open #TB_ajaxContent p.warning,
body.users_page_bp-profile-edit.modal-open #TB_ajaxContent p.warning {
    font-family: 'Poppins', sans-serif;
    font-size: .875rem;
    line-height: 1.5;
    background-color: #ffe8d9 !important;
    color: #66381b !important;
    border: 1px solid #ffd1b4 !important;
    padding: 16px !important;
    margin-top: 20px;
    border-radius: 10px;
}

.ck-button label input {
    position: absolute;
    top: -20px;
    display: none;
}

.ck-button label span {
    border: 1px solid #f2f2f2 !important;
    width: 100% !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    border: 1px solid #f2f2f2 !important;
    border-radius: 10px !important;
    height: auto !important;
    font-size: .875rem !important;
    font-family: inherit !important;
    font-weight: 400 !important;
    width: 100% !important;
    display: block;
    text-align: center;
    cursor: pointer !important;

}

.ck-button input:checked+span {
    background-color: #343941;
    color: #fff;
}



/* Hide the radio button */
.toggle label {
    display: flex !important;
    justify-content: space-between !important;
}

.toggle input[type="radio"] {
    display: none;
}

/* Style the slider */
.slider {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 28px;
    background-color: #ccc;
    border-radius: 28px;
}

/* Style the inner circle */
.slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 26px;
    left: 7px;
    bottom: 4px;
    background-color: white;
    border-radius: 50%;
    transition: 0.4s;
}

/* Move the inner circle based on the radio button state */
.toggle input[type="radio"]:checked+.slider:before {
    transform: translateX(26px);
}

/* Styling for when the toggle is on */
.toggle input[type="radio"]:checked+.slider {
    background-color: #2196F3;
}

div.bp-avatar-status p.success,
div.bp-cover-image-status p.success {
    border-radius: 10px !important;
}

#bp-delete-cover-image-container p {
    font-size: .875rem !important;
    color: #9aa0a6 !important;
    margin-top: 20px !important;
    margin-bottom: 30px !important;
    font-family: inherit !important;
    line-height: 1.5 !important;
}

#buddypress div.item-list-tabs#subnav {
    padding-bottom: 20px;
    padding-top: 20px;
    border-top: 1px solid rgb(235, 235, 235);
    border-bottom: 1px solid rgb(235, 235, 235);
    margin-top: 40px !important;

}

/* .groups #subnav{
    display: none;
  } */

#buddypress #message.info p {
    border-radius: 10px !important;
    margin-top: 30px;
    color: #9aa0a6 !important;
}

.send-invites-new-div {
    float: none !important;
}

.new-invites-full-width {
    width: 100% !important;
    background: transparent !important;
    overflow: unset !important;
}

#buddypress .standard-form div.radio ul {
    margin: 0px !important;
    padding-left: 15px;
}

.drag-drop .drag-drop-inside p.drag-drop-buttons {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

#members-dir-search {
    display: none;
}


#buddypress #message.info p {
    border-radius: 10px !important;
    margin-top: 30px;
    border-color: #74482d !important;
    color: #74482d !important;
    background-color: #ffe8d9 !important;
    padding: 16px;
}


.group-members #subnav,
.profile #subnav,
.courses #subnav {
    display: none !important;
}

.my-account.my-profile #subnav,
.my-account.courses #subnav {
    display: none;
}

.completed-empty {
    display: none;
}

.fa-star {
    cursor: pointer;
}

.dropdown-item .fa-star {
    font-size: .875rem;
}

#whats-new-textarea #whats-new {
    height: 2.2em;
}

#whats-new {
    border: 1px solid #E4E4E4 !important;
    background: #F8F8F8 !important;
    font-size: 15px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 13px !important;
    padding-bottom: 6px !important;
}

.load-newest {
    border-radius: 15px;
    margin-top: 0px !important;
    margin-bottom: 20px !important;
    background: #F8F8F8 !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
}

#whats-new-form #whats-new-avatar .feed-user-avatar img {
    width: 49px !important;
    height: 49px !important;
}


.rtmedia-activity-container li.media-type-photo {
    width: 100% !important;
    height: auto !important;
}

.input-field-title {
    font-size: .875rem !important;
    margin-bottom: 5px !important;
    font-weight: 600 !important;
}

.form-control {
    border: 1px solid #E4E4E4;
    background: #FFF !important;
    min-height: 49px !important;
    font-size: 15px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.activity #template-notices {
    display: none;
}

#buddypress ul.item-list li {
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.05); */
    width: 100% !important;
}

.rtmedia-item-title {
    display: none;
}

.activity {
    margin-top: -5px;
}

#group-desc {
    height: 200px !important;
}

#member-dir-count-top {
    padding-top: 6px !important;
}

ul.single-lesson-content-text {
    margin-left: 0px;
    padding-left: 15px;
}

.single-up-courses p.single-lesson-content-text,
.single-lesson-content-text p {
    font-size: .875rem !important;
}

.single-lesson-content-text ul li {
    font-size: .875rem !important;
}

.login-screen-register-tab-button:visited {
    color: #9aa0a6;
}

#buddypress #whats-new-options {
    margin-top: 20px;
}

#whats-new-textarea {
    margin-bottom: 0px;
}

.network-feed-post-card-user-name {
    font-size: .875rem !important;
    margin-left: 5px !important;
}

span.time-since {
    margin-left: 0px !important;
}

hr.post-separator-top,
hr.post-separator-bottom {
    height: 0.1px !important;
    color: #0000000a !important;
}

.search-field-group-input {
    margin-right: 0px !important;
    padding-left: 0px !important;
}


#cancel-step-2,
#cancel-step-3 {
    display: none;
}

.onboarding-main-container {
    min-height: 100VH !important;
    height: auto !important;
    margin-bottom: 0px;
    display: flex;
  flex-direction: column;

}
.onboarding-choice-card {
    margin-bottom: 0px !important;
}
.onboarding-choice-card:hover, .onboarding-choice-card label:hover{
    cursor: pointer;
}

.error-selection {
    display: none;
}

#buddypress div.activity-comments form div.ac-reply-content a:hover {
    float: right;
    margin-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 10px;
    height: auto;
    font-size: .875rem;
    font-family: inherit;
    font-weight: 400;
    border-width: 1px;
    border-style: solid;
    background-color: #343941;
    color: #ffffff;
    border: 1px solid #343941 !important;
}

#buddypress div.activity-comments form div.ac-reply-content a {
    float: right;
    margin-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 10px;
    height: auto;
    font-size: .875rem;
    font-family: inherit;
    font-weight: 400;
    border-width: 1px;
    border-style: solid;
    background-color: #ffffff;
    color: #353941;
    border: 1px solid #f2f2f2 !important;
}

#buddypress div.activity-comments form input:hover {
    float: right;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 10px;
    height: auto;
    font-size: .875rem;
    font-family: inherit;
    font-weight: 400;
    border-width: 1px;
    border-style: solid;
    background-color: #EC813F;
    color: #ffffff;
    border-color: #EC813F;
}

#buddypress div.activity-comments>ul {
    padding-left: 0px !important;
}

#buddypress div.activity-comments>ul>li:first-child {
    margin-top: 15px;
}

#buddypress div.activity-comments form input {
    float: right;
    margin-top: 0px !important;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 10px;
    height: auto;
    font-size: .875rem;
    font-family: inherit;
    font-weight: 400;
    border-width: 1px;
    border-style: solid;
    background-color: #343941;
    color: #ffffff;
    border: 1px solid #343941 !important;
}

#buddypress div.activity-comments form .ac-textarea {
    border: 1px solid #E4E4E4 !important;
    padding: 15px;
    border-radius: 15px;
}

#buddypress div.ac-reply-avatar img {
    border-radius: 100%;
    width: 40px;
    height 40px;
}

form#ac-form-354 {
    margin-top: 15px;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

form#ac-form-298 {
    margin-top: 15px;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

#buddypress div.activity-comments form div.ac-reply-content {
    padding-left: 0px !important;
}

#buddypress div.activity-comments form div.ac-reply-content {
    margin-left: 40px !important;
}

.activity-comments {
    margin-left: 0px !important;
    background: #ffffff;
}



#buddypress div.activity-comments div.acomment-avatar img {
    width: 30px;
    height: auto;
    border-radius: 50px;
}



#buddypress .acomment-meta a,
#buddypress .activity-header a,
#buddypress .comment-meta a {
    font-size: .875rem;
    font-weight: 600;
}



#buddypress div.activity-comments div.acomment-meta {
    font-size: .875rem;
}

.row.account-header-lower-bar {
    padding-right: 0px;
    padding-left: 0px;
}

#buddypress div.activity-comments div.acomment-meta {
    color: #343841;
    font-size: .875rem;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 15px 15px 0px 0px;
    padding: 15px;
    margin-left: 40px !important;
    background-color: #fafafa;
    border-bottom: none;
    padding-bottom: 0px;
}

#buddypress div.activity-comments div.acomment-content {
    font-size: .875rem;
    margin: 5px 0 0 40px;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 0px 0px 15px 15px;
    padding: 15px;
    margin-top: 0px !important;
    border-top: none;
    background-color: #fafafa;
}

#buddypress div.activity-comments ul li {
    border-top: none;
}

#buddypress div.activity-meta a {
    color: #9aa0a6 !important;
}

.rate-link {
    cursor: pointer;
}

.other-selection-textarea {
    display: none;
}



.border-img {
    border-radius: 15px;
}

.white-f {
    color: #fff !important;
}

.notifciations-counter {
    width: 16px;
    height: 16px;
    background: #ff8c43;
    display: flex;
    position: absolute;
    top: -3px;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    right: 8px;
    font-size: 10px;
    color: #fff;
}


.btn-mob {
    border: none;
}

.badge.courses-page-badge {
    background-color: #343841 !important;
}

.badge.courses-page-badge a {
    color: #fff;
}

.completed-lesson-btn {
    background-color: #60c659ee !important;
    border-color: #60c659ee !important;
    color: #fff !important;
}

.business-idea-card {
    padding: 25px !important;
}

.business-idea-card:hover {
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08) !important
}

.truncate,
.truncate p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.idea-counter {
    margin-top: 35px !important;
}

/*post modal design*/

.modal-dialog {
    margin-top: 1%;
}

.post-modal-header {
    padding: 20px !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}

.post-modal-header-title {
    font-size: 1rem;
}

.post-modal-close-button {
    background-color: #ffffff !important;
    border-radius: 20px;
    padding: 11px !important;
    font-size: 12px !important;
    color: #353941 !important;
}

.post-modal-footer {
    padding-bottom: 20px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 0px !important;
    border-top: 0px;
}

.post-modal-body-text-area {
    width: 100%;
    height: 250px;
    border: none !important;
    background: #FFF;
    font-size: 15px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    border-radius: 0px;
}

.post-modal-body {
    padding: 20px !important;
    padding-bottom: 0px !important;
    height: 364px;
}

.network-feed-post-card-content img {
    border-radius: 15px;
}

#buddypress .wp-editor-container {
    border-radius: 15px;
    margin-top: 15px;
    border: 0px;
}

.post-modal-content {
    width: 660px;
}

.post-modal-close-button-footer {
    margin-right: 15px;
}


.wp-core-ui .button,
.wp-core-ui .button-secondary {
    background-color: #ffffff;
    color: #353941 !important;
    border: 1px solid #f2f2f2 !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    padding-left: 17px !important;
    padding-right: 17px !important;
    border-radius: 10px !important;
    height: auto;
    font-size: .875rem !important;
    font-family: inherit;
    font-weight: 400;
    width: 100% !important;
}

.mce-statusbar {
    border-top: 0px !important;
}

iframe#activty_content_ifr {
    height: 247px !important;
    border-radius: 0px;
    border: 1px solid #e9e9e9;
    border-radius: 15px;
}

.mce-toolbar-grp {
    border-bottom: 0px !important;
    background: #ffffff !important;
    padding: 0px;
    position: relative;
}

.mce-top-part::before {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
    border: 1px solid #dcdcde;
    border-radius: 10px !important;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 3px;
    padding-right: 3px;
}

.mce-container,
.mce-container *,
.mce-widget,
.mce-widget *,
.mce-reset {
    vertical-align: middle !important;
}

.mce-container-body .mce-resizehandle {
    display: none;
}

div.mce-toolbar-grp>div {
    padding: 0px !important;
}

.wp-media-buttons {
    width: 100% !important;
}

.mce-toolbar .mce-btn-group {
    margin-bottom: 15px !important;
}

.mce-toolbar .mce-btn-group .mce-btn,
.qt-dfw {
    border: 1px solid transparent;
    margin: 2px;
    border-radius: 10px !important;
    padding-top: 4px;
    padding-bottom: 4px;
}

.mce-toolbar .mce-btn-group .mce-btn:focus,
.mce-toolbar .mce-btn-group .mce-btn:hover,
.qt-dfw:focus,
.qt-dfw:hover {
    background: #f0f0f1 !important;
    box-shadow: none !important;
    outline: none !important;
    border: 1px solid #e0e0e0 !important;
}

.mce-panel.mce-menu {
    border-radius: 15px !important;
    box-shadow: none !important;
}

.mce-menu .mce-menu-item.mce-active.mce-menu-item-normal,
.mce-menu .mce-menu-item.mce-active.mce-menu-item-preview,
.mce-menu .mce-menu-item.mce-selected,
.mce-menu .mce-menu-item:focus,
.mce-menu .mce-menu-item:hover {
    background: #f6f7f7 !important;
    color: #343a40ff !important;
    margin: 10px !important;
    border-radius: 10px !important;
    border: 1px solid #ebebeb !important;
}

.mce-menu-item {
    margin: 10px !important;
    border: 1px solid #ffffff !important
}

.mce-menu-item.mce-active.mce-menu-item-normal .mce-text,
.mce-menu-item.mce-active.mce-menu-item-normal .mce-ico {
    color: #343841 !important;
}

.feed-user-avatar-post .avatar,
.activity-avatar .avatar {
    border-radius: 100%;
}

.network-feed-post-card-content ul,
.network-feed-post-card-content ol {
    margin-left: 0px;
}

.network-feed-post-card-content ul br,
.network-feed-post-card-content ol br {
    display: none;
}

.network-feed-post-card-content ul li,
.network-feed-post-card-content ol li {
    border: none !important;
    padding: 5px !important;
    overflow: unset !important;

}

.network-feed-post-card-content ul li {
    list-style: disc !important;
}

.network-feed-post-card-content ol li {
    list-style: decimal !important;
}

/* file uploader */
#myFile {
    display: none;
}

.file-upload-btn {
    position: absolute;
    top: 5px;
    right: 0;
    cursor: pointer;
    padding: 7px;
    box-shadow: none !important;
    outline: none !important;
    border-radius: 10px !important;
    border: 1px solid #fff !important;

}

.file-upload-btn:hover {
    color: #a7aaad;
    background: #f0f0f1 !important;
    border: 1px solid #e0e0e0 !important;

}

#buddypress .activity-list .activity-content .activity-header img.avatar {
    display: none;
}

.activity-header {
    line-height: 1.5 !important;
}

.mobile-badge{
    display: none;
}
/* responsivnes */

@media (max-width: 575px) {
    a.btn.btn-primary.resume-lesson-button-single-program {
        width: 100%;
        margin-top: 15px;
    }
}


@media (min-width: 1387px) {
    .unenroll-button-row {
        display: none;
    }
}

@media (max-width: 1038px) {
    .post-modal-content {
        margin-left: 0%;
        width: 100%;
    }
}

@media (max-width: 1038px) {
    iframe#activty_content_ifr {
        height: 202px !important;
    }
}

@media (max-width: 575px) {
    .single-lesson-title {
        font-size: 2rem !important;
    }
}

@media (max-width: 888px) {

    .btn-mob {
        border: none;
    }

    .modal {
        z-index: 214748300234;
    }

    #courses-navs {
        display: flex;
        flex-direction: column;
    }


    #courses-navs .nav-item {
        margin-bottom: 20px;
        text-align: center;
    }

    #courses-navs .nav-item a {
        width: calc(100% + 20px);
    }

    .single-blueprint-header-bottom-row .d-flex {
        flex-direction: column;
    }

    .single-blueprint-header-bottom-row .d-flex button {
        margin-bottom: 20px;
    }

    .page-template-template-settings .page-navigation-tabs {
        display: flex;
        flex-direction: column;
        padding-left: 20px;
    }

    .page-template-template-settings .page-navigation-tabs li {
        margin-bottom: 20px;

    }

    .card-orange-standard .dropdown-buttons-row {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }

    .card-orange-standard .btn.dropdown-toggle,
    .card-orange-standard .dropdown-menu.show {
        width: 100%;
    }

    .pricing-tab-pane{
        flex-direction: column !important;
    }

    .events-div{
        text-align: start;
        margin-top: 10px;
    }

    .mobile-badge{
        display: block;
    }
    .mobile-badge .badge{
        margin-left: 0px;
        margin-bottom: 10px;
    }
    .desktop-badge{
        display: none;
    }

    #new-sidebar{
        z-index: 1000 !important;
    }
    
    #wpadminbar{
        display: none;
    }

    .browse-mobile-full{
        width: 100%;
    }

}


.account-profile-header #item-header #template-notices {
    margin: 5px;
}

#request-membership-groups-li {
    display: none !important;
}

.vertical-slider {
    margin-top: -10px;
}

.rounded-pill {
    background: rgba(255, 140, 67, 0.15);
    color: #ff8c43;
    border: 1px solid #ff8c43;
}

.login-screen-register-tab-button:hover>.rounded-pill {
    color: #fff;
    border: 1px solid #fff;
}

.login-screen-register-tab-button.active>.rounded-pill {
    color: #fff;
    border: 1px solid #fff;
}

.action a.custom-action-button {
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    margin-left: 15px !important;
}

.action.single-profile-action-btns.d-flex .generic-button {
    margin-top: 0px !important;
}

.completed-event {
    display: none;
}

.task-checkbox {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

/* Checkmark */
.task-checkbox::after {
    content: '';
    position: absolute;
    left: 10px;
    top: 6px;
    width: 6px;
    height: 12px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    opacity: 0;
    transition: opacity 0.2s;
}

/* Show the checkmark when the checkbox is checked */
.task-checkbox:checked::after {
    opacity: 1;
}

.session-selected {
    border-color: #ff8c43;
    box-shadow: 0px 0px 25px 5px rgba(255, 140, 67, 0.08);
}

.single-lesson-top-bar-nav,
.complete-lesson-bar {
    z-index: 1000 !important;
}

.card-orange-standard,
.hero-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 20px;
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    background: url("../assets/img/UpFlip Academy Section Header Background Image V5.jpg") center / cover;
}


.upgrade-slider .carousel-indicators {
    bottom: -45px;

}

.upgrade-slider .carousel-indicators [data-bs-target] {
    background-color: #353941;
}

.upgrade-trial {
    height: 160px !important;
}

.pro-user-badge {
    background-color: rgb(255, 225, 254) !important;
    border: 1px solid #b660e0 !important;
    color: #b660e0 !important;
    margin-left: 5px !important;
    padding-top: 4px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
}

.other-textbox{
    display: none;
}

#fileToUpload, .question-section, #submit-assessment-form, #back-btn-assessment, .radio-hidden {
    display: none;
}

.question-section.question-section-background{
    display: flex;
}

#submit-div-container{
    height: 78VH;
}

#submit-div-container-inner{
    height: 100%;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.border-highlight{
    border: 1px solid rgb(53,57,65);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.08);
}

.onboarding-choice-card-text {

    font-weight: 400 !important;
  }

  #generating{
    display: none;
}
.custom-progress-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    /* Center the progress bar */
    padding: 20px 0;
}

.custom-progress {
    position: relative;
    width: 100%;
    height: 20px;
    background-color: #e0e0e0;
    border-radius: 5px;
}

.custom-progress-fill {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    background-color: #353941;
    /* Progress color */
    transition: width 2.2s ease;
    /* Adjusted to be slower */
    border-radius: 5px;
    /* Ensure smooth progress bar */
}

.custom-step {
    width: 24px;
    height: 24px;
    background-color: #e0e0e0;
    border: 2px solid #353941;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    color: #353941;
    font-weight: bold;
    z-index: 1;
    position: absolute;
    top: -2px;
    /* Align step circles vertically with the bar */
    transform: translateX(-50%);
}

.custom-step.active {
    background-color: #353941;
    color: #fff;
}

.custom-step-labels {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 10px auto;
    /* Center the labels */
    color: #666;
    font-size: 14px;
}

.custom-loading-screen-button {
    display: block;
    /* Changed from 'none' to ensure it's present in the DOM */
    align-content: center;
    height: 55px;
    background-color: #353941;
    /* Corrected button color */
    color: white;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    margin: 30px auto;
    width: 100%;
    opacity: 0;
    transition: opacity 1.5s ease;

}

.custom-loading-screen-button.visible {
    opacity: 1;
    /* Fade in the button */
}

.custom-loading-screen-button:hover {
    background-color: #4a4f55;
}

.animate-lottie{
    width: 25px;
    height: 10px;
}

.btn-success {
    background-color: #27cd42 !important;
    border-color: #27cd42 !important;
    color: #ffffff !important;
  }

  .more-info-button{
    margin-right: 20px;
  }

.subscription-plan-card{
    border: 1px solid #353941 !important;
}

#go-back{
    display: none;
}

.headings, .anwsers, .journey_single_div{
    width: 700px;
    margin: 10px auto;
}

.badge.rounded-circle.number-badge{
    padding: 0 !important;
}

.main-content-div {
    min-height: 100%;
}

.circle-count{
    display: flex;
    width: 20px;
    height: 20px;
   border: 2px solid;
   border-radius: 5px;
   font-weight: bold;
   margin-right: 5px;
   padding: 0px 8px;
   align-items: center;
   justify-content: center;
}


.onboarding-div{
    display: none;
}
#onboarding-back{
    display: none;
}
.onboarding-choice-card input{
    display: none;
}

.slider.domain-length{
    width: auto;
    height: auto;
}

.business-name-rating-col {
    max-width: 135px !important;
  }

.thumbs-up-button:hover {
background-color: #5fad56!important;
border-color: #5fad56!important;
color: #ffffff !important;
}
  
.business-name-card:hover {
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.06);
    border-color: rgba(169,144,247,0.1);
  }

  .heart-button:hover {
    background-color: rgb(244,1,163) !important;
    border-color: rgb(244,1,163)!important;
    color: #ffffff !important;
  }
  
  .thumbs-down-button:hover {
    background-color: rgb(246,82,60)!important;
    border-color: rgb(246,82,60)!important;
    color: #ffffff !important;
  }
  .result-returned{
    display: none;
  }

  #registration-form{
    display: none;
  }

  /* #assesment-body-container{
    min-height: 78VH;
  } */

  #generating,.result-returned{
    margin-top: 50px;
    margin-bottom: 100px;
  }

  .pricing-row {
    background-color: rgb(238 238 238);
    padding: 50px;
    border-radius: 20px;
    border: 1px solid #d7d7d7;
    margin-top: 50px;
}

.assessment-main-container{
    justify-content: space-between;
}

#module-first-container{
    display: none;
}

.add-resource{
    display: none;
}
.quicktags-toolbar {
    display: flex;
}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
    background-color: #343941;
}

.form-control-lg {
    height: 150px;
    padding-top: 15px;
}
hr {
    height: 0px;
}

.course-creator-search-input {
    width: 100%;
    background-color: rgba(0,0,0,0);
    border: none !important;
    padding: 10px !important;
    margin-left: 10px;
    border-radius: 12px;
  }



.accordion-item {
    background-color: #fbfbfb !important;
    margin-top: 20px;
    border-radius: 15px !important;
  }
  
  .accordion-button {
    border: 1px solid #f2f2f2;
  
  }
  .accordion-button.single-blueprint-accordion-button.collapsed{
    background-color: #fbfbfb !important;
  }
  .accordion-item{
    border-radius: 20px !important;
    overflow: hidden;
  }


  /* .network */

  .single-network-post-avatar-image-col{
    max-width: 45px !important;
    min-width: 45px;
  }
  .single-post-replies-div-counter:hover{
        cursor: pointer;
  }

  .new-network-sidebar-thread {
    max-width: 500px !important;
    position: sticky;
    top: 103px;
  }

  .network-channel-sidebar-category-title-div{
    flex-direction: column;
  }
  .network-feed-post-input-field{
    background: #fbfbfb !important;
    min-height: 37px !important;
  }

  .new-network-sidebar-members {
    max-width: 300px !important;
  }

  .landing-page-video {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    aspect-ratio: 16 / 9;
    box-shadow: 0px 0px 20px 10px rgba(255,255,255,0.33);
    /* border: 2px solid rgba(255,255,255,0.31); */
    border-radius: 10px;
}

.landing-page-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

/* .slider */
.owners-slider {
    position: relative;
    width: calc(100vw - 60px);
    max-width: calc(100vw - 60px);
    margin: 0 auto;
    overflow: hidden;
    min-height: 590px;
    background: none;
}

.slider-arrows {
    position: absolute;
    top: 41.5%;
    justify-content: space-between;
    width: 96%;
}

.next.slick-arrow,
.next-owner.slick-arrow,
.next-results.slick-arrow {
    margin-right: -4.3%;

}

.prev.slick-arrow,
.prev-owner.slick-arrow,
.prev-results.slick-arrow {
    margin-left: -4.3%;
}


.slick-slide img {
  overflow: hidden;
  border-radius: 20px;
}
.owners-slider.slider::before {
    content: none;
    
}
.owners-slider .slick-dots{
    min-height: 50px;
}
.owners-slider .slick-dots li button::before {
    font-size: 50px;
    color: #fff;
}

.instructor-images-row::before {
    content: '';
    position: absolute;
    top: 10;
    left: 0;
    width: 400px; /* Width of the transparent overlay */
    height: 84.5%;
    z-index: 2;
    pointer-events: none; /* So it doesn't block interactions */
    background: linear-gradient(to right, rgb(0,0,0), rgba(255, 255, 255, 0));
}
.instructor-images-row::after {
    content: '';
    position: absolute;
    top: 10;
    right: 0;
    width: 400px; /* Width of the transparent overlay */
    height: 84.5%;
    z-index: 2;
    pointer-events: none; /* So it doesn't block interactions */
    background: linear-gradient(to left, rgb(0,0,0), rgba(255, 255, 255, 0));
}

.slick-slider-container {
  width: calc(100vw - 30px);
  max-width: calc(100vw - 30px);
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

.slider-btn {
  position: absolute;
  z-index: 100;
  border: none !important;
  background: #d9d9d9;
  width: 40px;
  height: 40px;
  border-radius: 40px !important;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.button-with-icon {
  padding: 10px;
}

@media (max-width: 575.98px) {
  /* Your mobile styles here */
  .instructor-images-row::before, .instructor-images-row::after {
    content: none; /* Example: hide the overlay on mobile */
  }

  .owners-slider .slick-dots {
    min-height: 62px;
    }
}