:root {
  --primary-green: #164236;
  --primary-orange: #E7551A;
}

h1,h2,h3,h4,h5,h6 {
  font-family: 'Play-fair display';
}

.ant-layout-header .flex.align-center.h-100.c-pointer.no-select.p-10.hoverable:first-of-type .ant-btn-circle.bg-gray-3 {
  background-color: var(--primary-orange) !important;
  color: #ffffff !important;
}

.ant-layout-header .flex.align-center.h-100.c-pointer.no-select.p-10.hoverable:nth-of-type(2) .ant-btn-circle.bg-gray-3 {
  background-color: white !important;
  border: 2px solid var(--primary-green) !important;
  color: var(--primary-green) !important;
}

.ant-btn-primary.flex.flex-center.bg-blue-1.border-blue-2.h-fit.br-xxs.color-gray-8.p-8.flex.gap-5.fw-500 {
  background-color: white !important;
  border: 2px solid var(--primary-green) !important;
  border-radius: 40px !important;
  color: var(--primary-green) !important;
}

.material-card-btns .ant-btn-primary.material-card-main-btn .anticon-caret-right {
  display: none !important;
}

.material-card-btns .ant-btn-primary.material-card-main-btn span:first-of-type {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.material-card-btns .ant-btn-primary.material-card-main-btn span:first-of-type::after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 20C40 31.0457 31.0457 40 20 40C8.95431 40 0 31.0457 0 20C0 8.95431 8.95431 0 20 0C31.0457 0 40 8.95431 40 20Z' fill='white' /%3E%3Cpath d='M18.2823 16.0742C17.7432 16.0742 17.3062 15.6371 17.3062 15.0981C17.3062 14.559 17.7432 14.122 18.2823 14.122L25.6444 14.122C26.1834 14.122 26.6205 14.559 26.6205 15.0981L26.6205 22.4601C26.6205 22.9992 26.1834 23.4362 25.6444 23.4362C25.1053 23.4362 24.6683 22.9992 24.6683 22.4601L24.6683 17.4545L15.7516 26.3712C15.3704 26.7524 14.7524 26.7524 14.3712 26.3712C13.99 25.99 13.99 25.372 14.3712 24.9908L23.2879 16.0742L18.2823 16.0742Z' fill='%235F998A' /%3E%3C/svg%3E");
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-left: 12px;
  vertical-align: middle;
}

.material-card-btns .ant-btn-primary.material-card-main-btn {
  border-radius: 40px !important;
  height: 60px !important;
  background: var(--primary-green) !important;
  border-color: var(--primary-green) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px !important;
  margin-top: 20px;
  margin-bottom: 35px;
 transition: all 0.3s ease !important;
}

.material-card-btns .ant-btn-primary.material-card-main-btn:hover {
  background: var(--primary-orange) !important;
  border-color: var(--primary-orange) !important;
}

.material-card-btns .ant-btn-primary.material-card-main-btn[disabled],
.material-card-btns .ant-btn-primary.material-card-main-btn:disabled {
  color: #fff !important;
  opacity: 0.7 !important;
}

.material-card-btns .ant-btn-primary.material-card-main-btn[disabled] span:first-of-type::after,
.material-card-btns .ant-btn-primary.material-card-main-btn:disabled span:first-of-type::after {
  display: none !important;
}


.material-card-btns .ant-btn-default.material-card-main-green-btn {
  border-radius: 40px !important;
  height: 60px !important;
  background: var(--primary-green) !important;
  border-color: var(--primary-green) !important;
  color: #fff !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px !important;
  margin-top: 20px;
  margin-bottom: 35px;
  transition: all 0.3s ease !important;
}


.material-card-btns .ant-btn-default.material-card-main-green-btn:hover {
  background: var(--primary-orange) !important;
  border-color: var(--primary-orange) !important;
}


.material-card-btns .ant-btn-default.material-card-main-green-btn[disabled],
.material-card-btns .ant-btn-default.material-card-main-green-btn:disabled {
  color: #fff !important;
  opacity: 0.7 !important;
}

.material-card-btns .ant-btn-default.material-card-main-green-btn span::after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 20C40 31.0457 31.0457 40 20 40C8.95431 40 0 31.0457 0 20C0 8.95431 8.95431 0 20 0C31.0457 0 40 8.95431 40 20Z' fill='white' /%3E%3Cpath d='M18.2823 16.0742C17.7432 16.0742 17.3062 15.6371 17.3062 15.0981C17.3062 14.559 17.7432 14.122 18.2823 14.122L25.6444 14.122C26.1834 14.122 26.6205 14.559 26.6205 15.0981L26.6205 22.4601C26.6205 22.9992 26.1834 23.4362 25.6444 23.4362C25.1053 23.4362 24.6683 22.9992 24.6683 22.4601L24.6683 17.4545L15.7516 26.3712C15.3704 26.7524 14.7524 26.7524 14.3712 26.3712C13.99 25.99 13.99 25.372 14.3712 24.9908L23.2879 16.0742L18.2823 16.0742Z' fill='%235F998A' /%3E%3C/svg%3E");
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-left: 12px;
  vertical-align: middle;
}


.shadow-sm.material-card {
  border-radius: 20px !important;
  box-shadow: 0 4px 20px 0 rgba(128, 128, 128, 0.15) !important;
  overflow: hidden;
}


.shadow-sm.material-card .material-card-image {
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}

.material-card[data-testid="course-folder-card"] {
  border-radius: 20px !important;
  box-shadow: 0 4px 20px 0 rgba(128, 128, 128, 0.15) !important;
  overflow: hidden;
}


.material-card[data-testid="course-folder-card"] .material-card-image {
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}

.material-card-progress .ant-progress-bg, 
.material-card-progress .ant-progress-success-bg {
  background-color: var(--primary-orange) !important;
}

.material-card-progress-current-name span {
  color: var(--primary-green) !important;
}

.material-card-progress .ant-progress-text {
  color: var(--primary-green) !important;
}

.material-card-content [data-testid="lib-desc"] .fw-600.secondary-text {
  color: var(--primary-green) !important;
}



.ant-breadcrumb-link .anticon-home svg {
  display: none !important;
}


.ant-breadcrumb-link .anticon-home {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.1601 11.9999C20.1601 16.5119 16.5121 20.1599 12.0001 20.1599C7.48809 20.1599 3.84009 16.5119 3.84009 11.9999C3.84009 7.48791 7.48809 3.83991 12.0001 3.83991C16.5121 3.83991 20.1601 7.48791 20.1601 11.9999ZM4.80009 11.9999C4.80009 15.9839 8.01609 19.1999 12.0001 19.1999C15.9841 19.1999 19.2001 15.9839 19.2001 11.9999C19.2001 8.01591 15.9841 4.79991 12.0001 4.79991C8.01609 4.79991 4.80009 8.01591 4.80009 11.9999Z' fill='%235F998A'/%3E%3Cpath d='M12.816 8.01601L8.83204 12L12.816 15.984L12.144 16.656L7.48804 12L12.144 7.344L12.816 8.01601Z' fill='%235F998A'/%3E%3Cpath d='M8.15991 12.48V11.52H16.3199V12.48H8.15991Z' fill='%235F998A'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 34px 34px !important;
  display: inline-block !important;
  width: 34px !important;
  height: 34px !important;
  vertical-align: middle !important;
}




.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-active, 
.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-open, 
.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-selected, 
.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item:hover, 
.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-active, 
.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-open, 
.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-selected, 
.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu:hover {
    color: var(--primary-green) !important;
}


.ant-menu-item:hover .ant-menu-title-content {
    color: var(--primary-green) !important;
}


.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-active:after, 
.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-open:after, 
.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-selected:after, 
.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item:hover:after, 
.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-active:after, 
.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-open:after, 
.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-selected:after, 
.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu:hover:after {
    border-bottom: 2px solid var(--primary-green) !important;
}



.ant-input-group-wrapper {
  border-radius: 60px !important;
  height: 59px !important;
  border: 1px solid #E6E6E3 !important;
  overflow: hidden !important;
}

.ant-input-group-wrapper .ant-input-wrapper {
  height: 100% !important;
  background: #E6E6E3 !important;
}

.ant-input-group-wrapper .ant-input-affix-wrapper {
  height: 100% !important;
  background: #E6E6E3 !important;
  border: none !important;
  box-shadow: none !important;
}

.ant-input-group-wrapper .ant-input {
  background: #E6E6E3 !important;
  height: 100% !important;
  border: none !important;
  color: rgba(39, 2, 54, 0.6) !important;
}

.ant-input-group-wrapper .ant-input-group-addon {
  height: 100% !important;
  background: #E6E6E3 !important;
  border: none !important;
  border-left: 1px solid rgba(39, 2, 54, 0.2) !important;
}

.ant-input-group-wrapper .ant-select {
  height: 100% !important;
  background: #E6E6E3 !important;
}

.ant-input-group-wrapper .ant-select-selector {
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  background: #E6E6E3 !important;
  border: none !important;
}

.ant-input-group-wrapper .ant-select-selection-item,
.ant-input-group-wrapper .ant-select-selection-search,
.ant-input-group-wrapper .ant-select-arrow {
  color: rgba(39, 2, 54, 0.6) !important;
}

.course-sidebar .anticon-search svg {
  fill: black;
}

.course-sidebar .anticon-search + span {
  color: black!important;
}

.ant-input-group-wrapper .anticon {
  color: rgba(39, 2, 54, 0.6) !important;
}

.ant-input-group-wrapper .ant-input-affix-wrapper:focus,
.ant-input-group-wrapper .ant-input-affix-wrapper-focused,
.ant-input-group-wrapper .ant-input:focus,
.ant-input-group-wrapper .ant-select-focused .ant-select-selector,
.ant-input-group-wrapper .ant-select-open .ant-select-selector {
  box-shadow: none !important;
  border-color: transparent !important;
}

.ant-input-group-wrapper .ant-input-prefix {
  background: #E6E6E3 !important;
}

.ant-select.ant-select-single.ant-select-show-arrow {
  background: #E6E6E3 !important;
}

.ant-input-group-wrapper .ant-input::placeholder {
  color: rgba(39, 2, 54, 0.6) !important;
}

.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background-color: rgba(95, 153, 138, 0.7) !important;
}


.mt-30 > .mb-20.fw-500.fs-30 {
  color: transparent;
  position: relative;
}

.mt-30 > .mb-20.fw-500.fs-30::after {
  content: "Trainings";
  color: rgba(0, 0, 0, .85);
  position: absolute;
  top: 0;
  left: 0;
  font-size: 30px;
  font-weight: 500;
}

.custom-box {
  padding-top: 15px;
}

.custom-box > a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
}

.custom-box.no-club > a {
  text-align: center;
  border: 1px solid var(--primary-green);
  padding: 15px;
  border-radius: 40px;
  max-width: 180px;
  margin: 0 auto;

}

.custom-box.no-club > a > img {
  display: none;
}

.custom-box > a p {
  margin-bottom: 0;
  color: var(--primary-green);
}

.custom-box.no-club > a p {
  text-transform: uppercase;
}



/**/


.license-card {
  border-radius: 20px !important;
  box-shadow: 0 4px 20px 0 rgba(128, 128, 128, 0.15) !important;
  overflow: hidden;
}

.license-card-preview-placeholder,
.license-card-preview-image {
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}


.license-card-navigate-button {
  border-radius: 40px !important;
  height: 60px !important;
  background: var(--primary-green) !important;
  border-color: var(--primary-green) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px !important;
  margin-top: 20px;
  margin-bottom: 15px;
  transition: all 0.3s ease !important;
  color: white !important;
}


.license-card-navigate-button:hover {
  background: var(--primary-orange) !important;
  border-color: var(--primary-orange) !important;
}


.license-card-navigate-button span {
  position: relative;
  display: inline-flex;
  align-items: center;
}


.license-card-navigate-button span::after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 20C40 31.0457 31.0457 40 20 40C8.95431 40 0 31.0457 0 20C0 8.95431 8.95431 0 20 0C31.0457 0 40 8.95431 40 20Z' fill='white' /%3E%3Cpath d='M18.2823 16.0742C17.7432 16.0742 17.3062 15.6371 17.3062 15.0981C17.3062 14.559 17.7432 14.122 18.2823 14.122L25.6444 14.122C26.1834 14.122 26.6205 14.559 26.6205 15.0981L26.6205 22.4601C26.6205 22.9992 26.1834 23.4362 25.6444 23.4362C25.1053 23.4362 24.6683 22.9992 24.6683 22.4601L24.6683 17.4545L15.7516 26.3712C15.3704 26.7524 14.7524 26.7524 14.3712 26.3712C13.99 25.99 13.99 25.372 14.3712 24.9908L23.2879 16.0742L18.2823 16.0742Z' fill='%235F998A' /%3E%3C/svg%3E");
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-left: 12px;
  vertical-align: middle;
}


.license-card-navigate-button[disabled],
.license-card-navigate-button:disabled {
  color: #fff !important;
  opacity: 0.7 !important;
}


.license-card-navigate-button[disabled] span::after,
.license-card-navigate-button:disabled span::after {
  display: none !important;
}


.license-card-title {
  color: #333 !important;
  font-weight: 500 !important;
}


.license-card-activity-label[data-active="true"] {
  color: var(--primary-green) !important;
}

.license-card-activity-label[data-active="true"] .color-success {
  color: var(--primary-green) !important;
}


.license-card .anticon {
  color: var(--primary-green) !important;
}


#licenses .ant-typography,
#subscriptions .ant-typography,
#orders .ant-typography {
  color: #333 !important;
  margin-bottom: 20px !important;
}


.ant-switch.ant-switch-checked {
  background-color: var(--primary-green) !important;
}


.ant-switch.ant-switch-checked:hover {
  background-color: #4c8576 !important;
}


.ant-switch.ant-switch-checked:focus {
  box-shadow: 0 0 0 2px rgba(95, 153, 138, 0.2) !important;
}


.ant-switch.ant-switch-checked .ant-click-animating-node {
  background-color: var(--primary-green) !important;
}


.subscription-card {
  border-radius: 20px !important;
  box-shadow: 0 4px 20px 0 rgba(128, 128, 128, 0.15) !important;
  overflow: hidden;
}


.subscription-card-preview-placeholder,
.subscription-card-preview-image {
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}


.subscription-card-pay-button {
  border-radius: 40px !important;
  height: 60px !important;
  background: var(--primary-green) !important;
  border-color: var(--primary-green) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px !important;
  margin-top: 20px;
  margin-bottom: 15px;
  transition: all 0.3s ease !important;
  color: white !important;
}


.subscription-card-pay-button:hover {
  background: var(--primary-orange) !important;
  border-color: var(--primary-orange) !important;
}


.subscription-card-pay-button[disabled],
.subscription-card-pay-button:disabled {
  color: #fff !important;
  opacity: 0.7 !important;
}


.subscription-card-activity-label[data-active="true"] .color-success {
  color: var(--primary-green) !important;
}

.subscription-card-title {
  color: #333 !important;
  font-weight: 500 !important;
}


.order-card {
  border-radius: 20px !important;
  box-shadow: 0 4px 20px 0 rgba(128, 128, 128, 0.15) !important;
  overflow: hidden;
}


.order-card-preview-placeholder,
.order-card-preview-image {
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}


.order-card-pay-button {
  border-radius: 40px !important;
  height: 60px !important;
  background: var(--primary-green) !important;
  border-color: var(--primary-green) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px !important;
  margin-top: 20px;
  margin-bottom: 15px;
  transition: all 0.3s ease !important;
  color: white !important;
}


.order-card-pay-button:hover {
  background: var(--primary-orange) !important;
  border-color: var(--primary-orange) !important;
}


.order-card-pay-button[disabled],
.order-card-pay-button:disabled {
  color: #fff !important;
  opacity: 0.7 !important;
  background: #D9D9D9 !important;
  border-color: #BCBCBC !important;
}


.order-card-activity-label[data-paid="true"] .color-success {
  color: var(--primary-green) !important;
}

.order-card-title {
  color: #333 !important;
  font-weight: 500 !important;
}




/* PAGINATION - START  */

.page-content ._il_1iut6_1 {
  padding-bottom: 55px;
}

.page-content ._il_pagination_1iut6_13 {
  top: auto;
  bottom: 20px;
  right: 0;
}

.pagination .ant-pagination-item-active {
  border-color: var(--primary-green) !important;
}

.pagination .ant-pagination-item-active a {
  color: var(--primary-green) !important;
}

.pagination .ant-btn:hover {
  color: var(--primary-orange) !important;
  border-color: var(--primary-orange) !important;
}

/* PAGINATION - END  */








.ant-table-wrapper._noRowBorder_1ftkt_24 {
  position: relative;
   background-color: rgba(229, 229, 229, 0.5) !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 20px rgba(128, 128, 128, 0.15) !important;
  padding: 21px 24px 21px 130px !important;
  transition: background-color 0.3s ease !important; 
  width: 100% !important; 
  box-sizing: border-box !important; 
}


.ant-table-wrapper._noRowBorder_1ftkt_24 table {
  width: 100% !important;
  table-layout: fixed !important; 
}


.ant-table-wrapper._noRowBorder_1ftkt_24 .ant-spin-nested-loading,
.ant-table-wrapper._noRowBorder_1ftkt_24 .ant-spin-container,
.ant-table-wrapper._noRowBorder_1ftkt_24 .ant-table,
.ant-table-wrapper._noRowBorder_1ftkt_24 .ant-table-container,
.ant-table-wrapper._noRowBorder_1ftkt_24 .ant-table-content {
  width: 100% !important;
}


.ant-table-wrapper._noRowBorder_1ftkt_24 .ant-table-row {
  width: 100% !important;
}


@media screen and (max-width: 768px) {
  .ant-table-wrapper._noRowBorder_1ftkt_24 {
    width: 100% !important;
    overflow: hidden !important; 
  }
}


.ant-table-wrapper._noRowBorder_1ftkt_24:hover {
  background-color: rgba(229, 229, 229, 0.5) !important;
}


.ant-table-wrapper._noRowBorder_1ftkt_24:hover .ant-spin-nested-loading,
.ant-table-wrapper._noRowBorder_1ftkt_24:hover .ant-spin-container,
.ant-table-wrapper._noRowBorder_1ftkt_24:hover .ant-table,
.ant-table-wrapper._noRowBorder_1ftkt_24:hover .ant-table-container,
.ant-table-wrapper._noRowBorder_1ftkt_24:hover .ant-table-content,
.ant-table-wrapper._noRowBorder_1ftkt_24:hover .ant-table-row,
.ant-table-wrapper._noRowBorder_1ftkt_24:hover thead,
.ant-table-wrapper._noRowBorder_1ftkt_24:hover tbody,
.ant-table-wrapper._noRowBorder_1ftkt_24:hover tr,
.ant-table-wrapper._noRowBorder_1ftkt_24:hover th,
.ant-table-wrapper._noRowBorder_1ftkt_24:hover td {
  background-color: transparent !important;
}


.ant-table-wrapper._noRowBorder_1ftkt_24 .ant-spin-nested-loading,
.ant-table-wrapper._noRowBorder_1ftkt_24 .ant-spin-container,
.ant-table-wrapper._noRowBorder_1ftkt_24 .ant-table,
.ant-table-wrapper._noRowBorder_1ftkt_24 .ant-table-container,
.ant-table-wrapper._noRowBorder_1ftkt_24 .ant-table-content,
.ant-table-wrapper._noRowBorder_1ftkt_24 .ant-table-row,
.ant-table-wrapper._noRowBorder_1ftkt_24 table,
.ant-table-wrapper._noRowBorder_1ftkt_24 colgroup,
.ant-table-wrapper._noRowBorder_1ftkt_24 thead,
.ant-table-wrapper._noRowBorder_1ftkt_24 tbody,
.ant-table-wrapper._noRowBorder_1ftkt_24 tr,
.ant-table-wrapper._noRowBorder_1ftkt_24 th,
.ant-table-wrapper._noRowBorder_1ftkt_24 td {
  background-color: transparent !important;
  background-image: none !important;
}


.ant-table-wrapper._noRowBorder_1ftkt_24::before {
  content: "";
  position: absolute;
  top: 21px;
  bottom: 21px;
  left: 24px;
  width: 90px;
  background-image: url("https://cdn.accelonline.io/WcWfHEjcdk2BCr7W486wPg/images/eErPZVGSZEiEcrzF-J4vAw.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 10; 
  border-radius: 8px;
  display: block !important;  
}


.ant-table-wrapper._noRowBorder_1ftkt_24 colgroup,
.ant-table-wrapper._noRowBorder_1ftkt_24 .ant-table-thead {
  display: none !important;
}


.ant-table-wrapper._noRowBorder_1ftkt_24 .ant-table-cell:nth-child(1) {
  font-weight: 600 !important;
  font-size: 16px !important;
  padding: 0 !important;
  text-transform: uppercase !important;
}


.ant-table-wrapper._noRowBorder_1ftkt_24 .ant-table-cell:nth-child(2) {
  font-size: 14px !important;
  color: #333 !important;
  padding: 0 !important;
  margin-top: 8px !important;
  margin-right: 8px !important;
}


.ant-table-wrapper._noRowBorder_1ftkt_24 .ant-table-cell:nth-child(2)::before {
  content: "Commission" !important;
  font-weight: 400 !important;
  color: #333 !important;
  margin-bottom: 4px;
}


.ant-table-wrapper._noRowBorder_1ftkt_24 .ant-table-cell:nth-child(2) .ant-statistic-content {
  content: "" !important;
  display: block !important;
  margin-top: 4px !important;
  color: rgba(0, 0, 0, 0.6) !important;
}


.ant-table-wrapper._noRowBorder_1ftkt_24 .ant-table-cell:nth-child(3) {
  display: none !important;
}


.ant-table-wrapper._noRowBorder_1ftkt_24 .ant-table-cell:nth-child(4) {
  padding: 0 !important;
  text-align: right !important;
}

.ant-table-wrapper._noRowBorder_1ftkt_24 .ant-table-cell:nth-child(4) a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px 16px !important;
  background-color: var(--primary-green) !important;
  color: #fff !important;
  border-radius: 20px !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  transition: background-color 0.3s ease !important; 
}


.ant-table-wrapper._noRowBorder_1ftkt_24 .ant-table-cell:nth-child(4) a:hover {
  background-color: #4a8679 !important; 
}

.ant-table-wrapper._noRowBorder_1ftkt_24 .ant-table-cell:nth-child(4) a::after {
  content: "" !important;
  width: 16px !important;
  height: 16px !important;
  margin-left: 8px !important;
  background-image: url("https://cdn.accelonline.io/WcWfHEjcdk2BCr7W486wPg/images/_l4WFkGg-U-8xfAHX1_gmA.png") !important;
  background-position: center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}

@media screen and (max-width: 768px) {
  .ant-table-wrapper._noRowBorder_1ftkt_24 {
    padding: 16px!important;
    margin: 0 auto!important;
    width: auto!important;
  }
  .ant-table-wrapper._noRowBorder_1ftkt_24 .ant-table-cell {
    display: block!important;
    width: 100%!important;
    padding: 8px 0!important;
    margin: 0!important;
    text-align: center!important;
    box-sizing: border-box!important;
  }
  .ant-table-wrapper._noRowBorder_1ftkt_24::before {
    display: none!important;
  }
  .ant-table-wrapper._noRowBorder_1ftkt_24 .ant-table-cell:nth-child(1) {
    position: relative!important;
    padding-top: 140px!important;
  }
  .ant-table-wrapper._noRowBorder_1ftkt_24 .ant-table-cell:nth-child(1)::before {
    content: ""!important;
    position: absolute!important;
    top: 0!important;
    left: 50%!important;
    transform: translateX(-50%)!important;
    width: 120px!important;
    height: 120px!important;
    background: url("https://cdn.accelonline.io/WcWfHEjcdk2BCr7W486wPg/images/eErPZVGSZEiEcrzF-J4vAw.png") center/contain no-repeat!important;
    border-radius: 8px!important;
  }
  .ant-table-wrapper._noRowBorder_1ftkt_24 .ant-table-cell:nth-child(1) > * {
    margin-top: 8px!important;
    line-height: 1.3!important;
  }
  .ant-table-wrapper._noRowBorder_1ftkt_24 .ant-table-cell:nth-child(1) h3 {
    font-size: 18px!important;
    font-weight: 600!important;
    text-transform: uppercase!important;
    color: #333!important;
  }
  .ant-table-wrapper._noRowBorder_1ftkt_24 .ant-table-cell:nth-child(1) p {
    font-size: 14px!important;
    color: #666!important;
  }
  .ant-table-wrapper._noRowBorder_1ftkt_24 .ant-table-cell:nth-child(2) .ant-space.ant-space-horizontal {
    display: flex!important;
    width: 100%!important;
    justify-content: center!important;
    margin: 0!important;
    padding: 0!important;
  }
  .ant-table-wrapper._noRowBorder_1ftkt_24 .ant-table-cell:nth-child(2) .ant-space-item {
    margin: 0!important;
  }
  .ant-table-wrapper._noRowBorder_1ftkt_24 .ant-table-cell:nth-child(3) a {
    display: inline-block!important;
    width: auto!important;
    max-width: 100%!important;
    margin: 16px auto 0!important;
    padding: 12px 16px!important;
    white-space: normal!important;
    word-break: break-word!important;
    text-align: center!important;
    border-radius: 20px!important;
    background-color: var(--primary-green)!important;
    color: #fff!important;
  }
  
  .ant-table-wrapper._noRowBorder_1ftkt_24 .ant-table-cell:nth-child(4) a {
    display: inline-block !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 16px auto 0 !important;
    padding: 12px 16px !important;
    white-space: normal !important;
    word-break: break-word !important;
    text-align: center !important;
  }
 
  .ant-table-wrapper._noRowBorder_1ftkt_24
    .ant-table-cell:nth-child(4)
    .fs-10.text-gray-6 {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin: 0 auto !important;
  }
}






.mb-40:first-of-type .ant-btn-default {
    
  border-radius: 40px !important;
  padding: 0 20px !important;
  height: 40px !important;
  transition: all 0.3s ease !important;
}

.mb-40:first-of-type .ant-btn-default:hover {
  color: var(--primary-green) !important;
  border-color: var(--primary-green) !important;
}


.mb-40:first-of-type .ant-card.ant-card-bordered {
 border: 1px solid #CCCCCC;
  border-radius: 20px !important;
  box-shadow: 0 4px 20px 0 rgba(128, 128, 128, 0.15) !important;
  overflow: hidden;
  transition: all 0.3s ease !important;
}


.mb-40:first-of-type .ant-card-body {
  background-color: #ffffff !important;
  padding: 20px !important;
  position: relative !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 20px !important;
}


.mb-40:first-of-type .ant-card-body::before {
  content: '';
  display: block !important;
  min-width: 50px !important;
  height: 50px !important;
  background-color: var(--primary-green);
  border-radius: 10px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 24px !important;
  flex-shrink: 0 !important;
}


.mb-40:first-of-type .ant-card-body .ant-statistic {
  display: flex !important;
  flex-direction: column-reverse !important;
  flex-grow: 1 !important;
}


.mb-40:first-of-type .ant-statistic-title {
  font-size: 14px !important;
  color: rgba(0, 0, 0, 0.6) !important;
  margin-top: 5px !important;
  margin-bottom: 0 !important;
}

.mb-40:first-of-type .ant-statistic-content {
  font-size: 28px !important;
  font-weight: 600 !important;
  color: #333 !important;
  margin-bottom: 0 !important;
  line-height: 1.2 !important;
}


.mb-40:first-of-type .ant-card-body .ant-space {
  flex-grow: 1 !important;
}


.mb-40:first-of-type .flex.flex-wrap.gap-20 .ant-card:nth-child(1) .ant-card-body::before {
  background-image: url("https://cdn.accelonline.io/WcWfHEjcdk2BCr7W486wPg/images/i8Un577bTUiTWAfC4ukoAA.png");

}


.mb-40:first-of-type .flex.flex-wrap.gap-20 .ant-card:nth-child(2) .ant-card-body::before {
  background-image: url("https://cdn.accelonline.io/WcWfHEjcdk2BCr7W486wPg/images/GzHHi1PoX0Gryi7aCy6HDw.png");
  
}


.mb-40:first-of-type .flex.flex-wrap.gap-20 .ant-card:nth-child(3) .ant-card-body::before {
  background-image: url("https://cdn.accelonline.io/WcWfHEjcdk2BCr7W486wPg/images/Fk0s08g3eEuqlsXJ1lpaUA.png");
  
}


.mb-40:first-of-type .flex.flex-wrap.gap-20 .ant-card:nth-child(4) .ant-card-body::before {
  background-image: url("https://cdn.accelonline.io/WcWfHEjcdk2BCr7W486wPg/images/JRAy2l1XU0irEfP98_q7Xw.png");
 
}


.mb-40:first-of-type .flex.flex-wrap.gap-20 .ant-card:nth-child(5) .ant-card-body::before {
  background-image: url("https://cdn.accelonline.io/WcWfHEjcdk2BCr7W486wPg/images/4ETw4mwti0OYkGidlI-v1Q.png");
  
}


.mb-40:first-of-type .ant-card.ant-card-bordered:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px 0 rgba(128, 128, 128, 0.2) !important;
}


.mb-40:first-of-type > div > h2.ant-typography {
  font-size: 24px !important;
  font-weight: 600 !important;
  color: #333 !important;
}


.mb-40:not(:first-of-type) .ant-card-body::before {
  content: none !important;
  display: none !important;
}


.mb-40:first-of-type .ant-statistic-content .ant-space {
  justify-content: flex-start !important;
}


.mb-40 .mb-24.flex.gap-10 + .mb-24 .ant-card.ant-card-bordered,
.mb-40 h2.ant-typography + .mb-24 .ant-card.ant-card-bordered {
  border: 1px solid #CCCCCC;
  border-radius: 20px !important;
  box-shadow: 0 4px 20px 0 rgba(128, 128, 128, 0.15) !important;
  overflow: hidden;
  transition: all 0.3s ease !important;
}


.mb-40 .mb-24.flex.gap-10 + .mb-24 .ant-card-body,
.mb-40 h2.ant-typography + .mb-24 .ant-card-body {
  background-color: #ffffff !important;
  padding: 20px !important;
  position: relative !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 20px !important;
}


.mb-40 .mb-24.flex.gap-10 + .mb-24 .ant-card-body::before,
.mb-40 h2.ant-typography + .mb-24 .ant-card-body::before {
  content: '' !important;
  display: block !important;
  min-width: 50px !important;
  height: 50px !important;
  background-color: var(--primary-green); 
  border-radius: 10px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 24px !important;
  flex-shrink: 0 !important;
}


.mb-40 .mb-24.flex.gap-10 + .mb-24 .ant-card-body .ant-statistic,
.mb-40 h2.ant-typography + .mb-24 .ant-card-body .ant-statistic {
  display: flex !important;
  flex-direction: column-reverse !important;
  flex-grow: 1 !important;
}


.mb-40 .mb-24.flex.gap-10 + .mb-24 .ant-statistic-title,
.mb-40 h2.ant-typography + .mb-24 .ant-statistic-title {
  font-size: 14px !important;
  color: rgba(0, 0, 0, 0.6) !important;
  margin-top: 5px !important;
  margin-bottom: 0 !important;
}

.mb-40 .mb-24.flex.gap-10 + .mb-24 .ant-statistic-content,
.mb-40 h2.ant-typography + .mb-24 .ant-statistic-content {
  font-size: 28px !important;
  font-weight: 600 !important;
  color: #333 !important;
  margin-bottom: 0 !important;
  line-height: 1.2 !important;
}


.mb-40 .mb-24.flex.gap-10 + .mb-24 .ant-card-body .ant-space,
.mb-40 h2.ant-typography + .mb-24 .ant-card-body .ant-space {
  flex-grow: 1 !important;
}


.mb-40 .mb-24.flex.gap-10 + .mb-24 .flex.flex-wrap.gap-20 .ant-card:nth-child(1) .ant-card-body::before,
.mb-40 h2.ant-typography + .mb-24 .flex.flex-wrap.gap-20 .ant-card:nth-child(1) .ant-card-body::before {
  background-image: url('https://cdn.accelonline.io/WcWfHEjcdk2BCr7W486wPg/images/ljvHLfJULkSHMtg40idYYQ.png') !important;
}


.mb-40 .mb-24.flex.gap-10 + .mb-24 .flex.flex-wrap.gap-20 .ant-card:nth-child(2) .ant-card-body::before,
.mb-40 h2.ant-typography + .mb-24 .flex.flex-wrap.gap-20 .ant-card:nth-child(2) .ant-card-body::before {
  background-image: url('https://cdn.accelonline.io/WcWfHEjcdk2BCr7W486wPg/images/MIpdtC_dfE-d-pxQE5U9uQ.png') !important;
}


.mb-40 .mb-24.flex.gap-10 + .mb-24 .flex.flex-wrap.gap-20 .ant-card:nth-child(3) .ant-card-body::before,
.mb-40 h2.ant-typography + .mb-24 .flex.flex-wrap.gap-20 .ant-card:nth-child(3) .ant-card-body::before {
  background-image: url('https://cdn.accelonline.io/WcWfHEjcdk2BCr7W486wPg/images/lj-mObXqJU-58Kt4MJ4NFw.png') !important;
}


.mb-40 .mb-24.flex.gap-10 + .mb-24 .flex.flex-wrap.gap-20 .ant-card:nth-child(4) .ant-card-body::before,
.mb-40 h2.ant-typography + .mb-24 .flex.flex-wrap.gap-20 .ant-card:nth-child(4) .ant-card-body::before {
  background-image: url('https://cdn.accelonline.io/WcWfHEjcdk2BCr7W486wPg/images/poD7sSCGdU2kLBVCDbMD_A.png') !important;
}


.mb-40 .mb-24.flex.gap-10 + .mb-24 .ant-card.ant-card-bordered:hover,
.mb-40 h2.ant-typography + .mb-24 .ant-card.ant-card-bordered:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px 0 rgba(128, 128, 128, 0.2) !important;
}


.mb-40 .mb-24.flex.gap-10 + .mb-24 ._right_icon_z0nuh_15,
.mb-40 h2.ant-typography + .mb-24 ._right_icon_z0nuh_15 {
  position: absolute;
  right: 20px;
  color: #3498db;
}


.mb-40 .mb-24.flex.gap-10 + .mb-24 .ant-statistic-content .ant-space,
.mb-40 h2.ant-typography + .mb-24 .ant-statistic-content .ant-space {
  justify-content: flex-start !important;
}


.flex.gap-10.w-100.mt-20 .ant-card.ant-card-bordered.stat_card_1csvf_1 {
  border: 1px solid #CCCCCC !important;
  border-radius: 20px !important;
  box-shadow: 0 4px 20px 0 rgba(128, 128, 128, 0.15) !important;
  overflow: hidden;
  transition: all 0.3s ease !important;
  
}


.flex.gap-10.w-100.mt-20 .ant-card-body {
  background-color: #ffffff !important;
  padding: 20px !important;
  position: relative !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 20px !important;
  
}


.flex.gap-10.w-100.mt-20 .ant-card:first-child .ant-card-body::before {
  content: '' !important;
  display: block !important;
  min-width: 50px !important;
  height: 50px !important;
  background-image: url('https://cdn.accelonline.io/WcWfHEjcdk2BCr7W486wPg/images/MooQyUgCZ0CDvUUuH4Dbbw.png') !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  flex-shrink: 0 !important;
  
}

.flex.gap-10.w-100.mt-20 .ant-card:last-child .ant-card-body::before {
  content: '' !important;
  display: block !important;
  min-width: 50px !important;
  height: 50px !important;
  background-image: url('https://cdn.accelonline.io/WcWfHEjcdk2BCr7W486wPg/images/0x-6k-8sSESyv99E-ul6gA.png') !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  flex-shrink: 0 !important;
  
}

.flex.gap-10.w-100.mt-20 .ant-card-body .ant-statistic {
  display: flex !important;
  flex-direction: column-reverse !important;
  flex-grow: 1 !important;
}


.flex.gap-10.w-100.mt-20 .ant-statistic-title {
  font-size: 14px !important;
  color: rgba(0, 0, 0, 0.6) !important;
  margin-top: 5px !important;
  margin-bottom: 0 !important;
}


.flex.gap-10.w-100.mt-20 .ant-statistic-content {
  font-size: 28px !important;
  font-weight: 600 !important;
  color: #333 !important;
  margin-bottom: 0 !important;
  line-height: 1.2 !important;
}


[class*="ant-card"][class*="ant-card-bordered"][class*="stat_card_1csvf_1"] {
  border: 1px solid #CCCCCC !important;
  border-radius: 20px !important;
  box-shadow: 0 4px 20px 0 rgba(128, 128, 128, 0.15) !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
}

[class="flex gap-10 w-100 mt-20"] {
  margin-bottom: -20px !important;
}






/* ---- GEMIFICATION - START ----  */

.ant-layout-content > div > .ant-row {
  row-gap: 70px!important;
}

.gamification-achievement {
  background: rgba(229, 229, 229, 0.5) !important;
  border-radius: 20px;
  padding: 15px;
  margin-bottom: 10px;
}

.ant-card.ant-card-bordered.gamification-card {
  border: 1px solid #CCCCCC !important;
  border-radius: 20px !important;
  box-shadow: 0 4px 20px 0 rgba(128, 128, 128, 0.15) !important;
  overflow: hidden;
  transition: all 0.3s ease !important;
  height: 100%;
  padding: 15px;
}

.gamification-achievement .fw-700.color-success.fs-24 {
  color: var(--primary-green) !important;
}


.gamification-achievement .gamification-achievement__image {
  border-radius: 10px;
}

.gamification-achievement .fw-600.color-gray-9 {
  font-weight: 600;
  margin-bottom: 5px;
}

.gamification-achievement .fs-12.color-gray-8 {
  opacity: 0.9;
}

.gamification-product {
  background: rgba(229, 229, 229, 0.5);
  border-radius: 20px;
  padding: 20px;
}

.gamification-product-card-remain-label {
  border-radius: 10px !important;
}

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


.absolute.r-0.b-0 {
  position: absolute;
  right: 0;
  bottom: 0;
}


@media screen and (min-width: 1100px) {
  .absolute.r-0.b-0 {
    position: absolute;
    right: 20px; 
    top: 50%; 
    transform: translateY(-50%); 
    bottom: auto; 
  }
}


.ant-col .gamification-product .gamification-product-card-pay-button.bg-success,
.ant-col .gamification-product .ant-btn[data-testid="pay-btn"] {
  background-color: transparent !important;
  border-radius: 40px !important;
}

.ant-col .gamification-product .ant-btn[data-testid="pay-btn"]:not([disabled]) {
  background-color: var(--primary-green) !important;
}

/* ---- GEMIFICATION - END ----   */


/* ---- ANT MENU STYLES - START ---- */

.ant-progress-bg, .ant-progress-success-bg {
  background-color: var(--primary-orange)!important;
}

.ant-progress-status-success .ant-progress-bg {
  background-color: var(--primary-green)!important;
}


._course_item_18ox6_1:not(.ant-menu-submenu), ._course_item_18ox6_1 .ant-menu-submenu-title {
    padding-bottom: 20px !important;
    padding-top: 20px !important;
}

.ant-menu-inline .ant-menu-item:after, .ant-menu-vertical-left .ant-menu-item:after, .ant-menu-vertical-right .ant-menu-item:after, .ant-menu-vertical .ant-menu-item:after {

border-right: 3px solid var(--primary-orange) !important;

}

/* Стиль для активных/выбранных/наведенных элементов горизонтального меню */
.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-active,
.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-open,
.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-selected,
.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item:hover,
.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-active,
.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-open,
.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-selected,
.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu:hover {
  color: #000 !important;
}

/* Цвет текста в меню при наведении */
.ant-menu-item:hover .ant-menu-title-content {
  color: #000 !important
}

/* Нижняя линия для активных/выбранных/наведенных элементов меню */
.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-active:after,
.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-open:after,
.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-selected:after,
.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item:hover:after,
.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-active:after,
.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-open:after,
.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-selected:after,
.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu:hover:after {
  border-bottom: 2px solid #000 !important;
}

.bg-success {
    background-color: #5e9b8a;
}

._tabs_tab_activity_bar_bz015_39 {
    border-bottom: 2px solid #5e9b8a;
}

.ant-btn-link {
    color: black !important;
}

.bg-primary {
    background-color: #fda356;
}

aside .ant-btn-link {
    color: #000000 !important;
}

.ant-input-affix-wrapper-focused, .ant-input-affix-wrapper:focus {
    border-color: var(--primary-green);
    box-shadow: 0 0 0 2px #d7e7e3;
    border-right-width: 1px;
    outline: 0;
}
/* Цвет sidebar если урок завершен */
.ant-menu ._course_item_18ox6_1[data-completed=true] {
    color: #fff !important;
    background-color: #5e9c8a !important;
}

/* Цвет sidebar если урок не завершен*/
._course_item_18ox6_1, ._course_item_18ox6_1 .ant-menu-submenu-title {
    background-color: #ffffff !important;
    color: #0c0d19 !important;
    transition: color 0.2s ease, background-color 0.2s ease;
}

/* Цвет выделенного урока*/
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
    background-color: #fbe4d1 !important;
}

/* Общий стиль для всех пунктов */
.ant-menu-item.course-item-wrapper {
  border: 1px solid #e0e0e0;
  border-radius: 10px !important;
  margin: 12px 0 !important; /* промежуток между уроками */
  padding: 12px 16px !important;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  display: flex !important;
  align-items: center;
  transition: all 0.25s ease !important;
  margin-left: 12px !important; /* отступ от левого края */
  margin-right: 12px !important; /* отступ от правого края */
}

/* Hover — лёгкое подпрыгивание */
.ant-menu-item.course-item-wrapper:hover {
  border-color: #3CA28C !important;
  box-shadow: 0 6px 14px rgba(60,162,140,0.2) !important;
  transform: translateY(-4px) !important; /* подпрыгивание */
}

/* Активный урок (зелёный фон) */
.ant-menu-item.course-item-wrapper.ant-menu-item-active {
  border-color: #3CA28C !important;
  color: #fff !important;
  transform: translateY(-2px) !important;
}

._learn_sidebar_1gst3_1 {
    background: #ffffff;
}

/* ---- ANT MENU STYLES - END ---- */


/* ---- COURSE - STYLES - START ---- */

._course_item_18ox6_1.ant-menu-item-selected {
    font-weight: 500 !important;
    background-color: #5e9a8a !important;
    color: #fff !important;
}

/* Основной фон и текст по умолчанию */
._course_item_18ox6_1,
._course_item_18ox6_1 .ant-menu-submenu-title {
  background-color: #5e9b8a !important;
  color: #fff !important;
  transition: color 0.2s ease, background-color 0.2s ease;
}


/* При наведении — чёрный текст */
._course_item_18ox6_1:hover {
    color: var(--black) !important;
}

/* При выборе — белый фон и чёрный текст */
._course_item_18ox6_1.ant-menu-item-selected {
  font-weight: 500 !important;
  background-color: #fff !important;
  color: #000 !important;
}

/* Кнопки-ссылки в сайдбаре — белые */
aside .ant-btn-link {
  color: #fff !important;
}

.ant-btn-link {
color: #fff !important;
}

/* Завершённый элемент — черный */
.ant-menu ._course_item_18ox6_1[data-completed=true] {
  color: black !important;
}

/* Завершённый элемент при наведении — чёрный */
.ant-menu ._course_item_18ox6_1[data-completed=true]:hover {
  color: #000 !important;
}

.mr-30:hover {
color: black !important;
}
/* Меняем цвет на мегающий индикатор в модулях */
.ant-badge-status-processing {
    background-color: #fca356;
}

/* ---- COURSE - STYLES - END ---- */


/* ---- FAVORITES STYLES - START ----  */

/* Стили для кнопки избранного */
.mindbodyface-favorite-button {
    position: absolute;
    left: 7px;
    top: 50%;
    height: 25px;
    width: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    fill: white;
    background: transparent;
    border: none;
    cursor: pointer;
    transition: all 0.3s;
    z-index: 9;
    transform: translateY(-50%);
}


.mindbodyface-favorite-button svg {
    stroke: black;
    stroke-width: 1px;
}

.mindbodyface-favorite-button svg {
  fill: transparent;
}

/* Эффект при наведении */
.mindbodyface-favorite-button:hover svg {
    transform: scale(1.1);
}

/* Изменение цвета иконки при добавлении в избранное */
.mindbodyface-favorite-button.favorited svg path {
  fill: #ff0000; /* Красный цвет */
}

/* Стили для кнопки избранного в пункте меню */
li[role="menuitem"].ant-menu-item-selected .mindbodyface-favorite-button svg {
    stroke: #000;
}

._course_item_uh9hy_1 ._course_item_title_uh9hy_1 {
    white-space: normal;
    padding-left: 30px !important;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-family: 'Montserrat'; 
}


/* Стили для счётчика избранных курсов */
.favorite-counter-button {
    border: none;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 16px;
    padding: 0 10px;
    transition: all 0.3s;
}

.favorite-counter-button svg {
    fill: #ff5d5d;
}

.favorite-counter-button:hover {
    background: rgba(24, 144, 255, .08);
}

/* Стили для всплывающего окна со списком избранных курсов */
.favorites-list-popup {
    position: absolute;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    padding: 8px 12px;
    max-width: 320px;
    max-height: 500px;
    overflow-y: auto;
    z-index: 10000;
    display: none;
}

.favorites-list-popup a {
    display: block;
    margin-bottom: 6px;
    color: #000;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.favorites-list-popup a:hover {
    text-decoration: underline;
}

.favorites-list-popup.show {
    display: block;
}

/* Адаптация для мобильных устройств */
@media screen and (max-width: 480px) {
    .favorites-list-popup.show {
        max-width: 280px !important;
    }
}

/* ---- FAVORITES STYLES - END ----  */


/* ---- OTHER STYLES - START ----  */

.toggle-button-title {
  font-size: 10px;
  color: #c5d6d6;
  margin: 0;
  padding: 0;
  color: gray;
  text-align: center;
  margin-bottom: 5px;
  line-height: 1.2em;
}

.toggle-button-cover {
  display: table-cell;
  position: relative;
  height: 40px;
  box-sizing: border-box;
}

.button-cover {
  height: 100px;
  margin: 20px;
  background-color: #fff;
  box-shadow: 0 10px 20px -8px #c5d6d6;
  border-radius: 4px;
}

.button-cover:before {
  counter-increment: button-counter;
  content: counter(button-counter);
  position: absolute;
  right: 0;
  bottom: 0;
  color: #d7e3e3;
  font-size: 12px;
  line-height: 1;
  padding: 5px;
}

.button-cover,
.knobs,
.layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.button {
  position: relative;
  top: 50%;
  width: 64px;
  height: 30px;
  margin: -20px auto 0 auto;
  overflow: hidden;
}

.checkbox {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 3;
}

.knobs {
  z-index: 2;
}

.layer {
  width: 100%;
  background-color: #fcebeb;
  transition: 0.3s ease all;
  z-index: 1;
}

.button.r,
.button.r .layer {
  border-radius: 100px;
}

#button-3 .knobs:before {
  content: "OFF";
  position: absolute;
  top: 4px;
  left: 6px;
  width: 21px;
  height: 21px;
  color: #fff;
  font-size: 8px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  padding: 7px 3px;
  background-color: #f44336;
  border-radius: 50%;
  display: block;
  transition: 0.3s ease all, left 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15);
}

#button-3 .checkbox:active + .knobs:before {
  width: 46px;
  border-radius: 100px;
}

#button-3 .checkbox:checked:active + .knobs:before {
  margin-left: -26px;
}

#button-3 .checkbox:checked + .knobs:before {
  content: "ON";
  left: 36px;
  background-color: #1890ff;
}

#button-3 .checkbox:checked ~ .layer {
  background-color: #ebf7fc;
}

.course-sidebar.translate-x .sidebar-toggle-btn img {
  transform: rotate(0deg);
}

section.ant-layout {
  transition: 0.3s all;
}

section.translate-x {
  margin-left: 0 !important;
}

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

.sidebar-toggle-btn {
  border: none;
  width: 30px;
  height: 30px;
  background-color: #fca356;
  cursor: pointer;
  padding: 0;
  border-radius: 5px;
}

.sidebar-toggle-icon {
  width: 20px;
  height: 20px;
}

.sidebar-toggle-btn img {
  transform: rotate(-180deg);
}

.toggle-fixed {
  position: fixed;
  top: 18px;
  left: 0;
  z-index: 9999;
}

.course-sidebar.translate-x {
  left: -100%;
  z-index: 99999;
}

[data-device=desktop] ._header_1pv17_1 {

padding-left: 50px !important;

}

  #licenses {
   display:none;
  }

  .order-last {
    order: 10;
  }

  .mt-30 > .mb-20.fw-500.fs-30::after {
    content: "Daily Training";
    color: rgba(0, 0, 0, .85);
    position: absolute;
    top: 0;
    left: 0;
    font-size: 30px;
    font-weight: 500;
  }

  /* СКРЫТЬ ТЕКСТ ПОДКЛЮЧАЮСЬ К СЕРВЕРУ */
.ant-notification-bottomLeft, .ant-notification-topLeft {
display: none !important;
}

.ez-wrapper .ez-zoom-image-holder {
    background: rgba(0, 0, 0, 0.8);
    transition: background 0.3s ease;
}

.ez-wrapper .ez-zoom-image-holder.show {
    background: rgba(0, 0, 0, 0.9);
}

.ez-wrapper .ez-zoom-image-holder img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 95%;
    height: auto;
    width: auto;
    box-shadow: 0 0 15px rgba(0, 0, 0, .35);
    animation: scaleInImage 0.3s ease-in-out;
    object-fit: contain;
}

@keyframes scaleInImage {
    from {
        transform: translate(-50%, -50%) scale(0.8);
        opacity: 0;
    }
    to {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
}


@media (max-width: 768px) {
  /* Скрываем баллы на мобильном устройстве */  
  .ant-btn-primary.flex.flex-center.bg-blue-1.border-blue-2.h-fit.br-xxs.color-gray-8.p-8.flex.gap-5.fw-500 {
    display: none !important;
  }

  .ant-table-wrapper._noRowBorder_1ftkt_24 .ant-table-cell:nth-child(4) {
    text-align: center!important;
  }


  /* Скрываем Search Bar */

  .ant-input-group-wrapper {
      display: none !important;
      width: 100%;
      text-align: start;
      vertical-align: top;
  }
}

.material-card-btns .ant-btn-primary.material-card-main-btn span:first-of-type::after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 20C40 31.0457 31.0457 40 20 40C8.95431 40 0 31.0457 0 20C0 8.95431 8.95431 0 20 0C31.0457 0 40 8.95431 40 20Z' fill='white' /%3E%3Cpath d='M18.2823 16.0742C17.7432 16.0742 17.3062 15.6371 17.3062 15.0981C17.3062 14.559 17.7432 14.122 18.2823 14.122L25.6444 14.122C26.1834 14.122 26.6205 14.559 26.6205 15.0981L26.6205 22.4601C26.6205 22.9992 26.1834 23.4362 25.6444 23.4362C25.1053 23.4362 24.6683 22.9992 24.6683 22.4601L24.6683 17.4545L15.7516 26.3712C15.3704 26.7524 14.7524 26.7524 14.3712 26.3712C13.99 25.99 13.99 25.372 14.3712 24.9908L23.2879 16.0742L18.2823 16.0742Z' fill='%235F998A' /%3E%3C/svg%3E");
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-left: 12px;
    vertical-align: middle;
    transition: transform 0.3s ease;
}

/* Эффект при наведении */
.material-card-btns .ant-btn-primary.material-card-main-btn:hover span:first-of-type::after {
    transform: rotate(45deg);
}

.material-card-progress-current-name span {
    color: var(--primary-green) !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.material-card-title-wrapper {
  display: none !important;
}

@media (max-width: 674px) {

 .material-page-container-r-col {
    order: -1;
    padding-top: 20px;
 }

  .material-page-container-r-col > div {
    margin: 0!important;
  }

}

/* ---- OTHER STYLES - END ----  */



/* ---- COURSE STYLES - START ----  */


.course-prev-button {

border-radius: 30px !important;
border-color: var(--primary-green) !important
}

.ant-btn .course-next-button {

background: var(--primary-green) !important;
border-radius: 30px !important;
border-color: var(--primary-green) !important
}
.ant-btn-primary {
background: var(--primary-green) !important;
border-radius: 30px !important;
border-color: var(--primary-green) !important

}
.course-complete-theory-button {
background: var(--primary-green) !important;
border-radius: 30px !important;
border-color: var(--primary-green) !important
}


.castom-menu {  
    position: fixed !important; /* Закрепляем элемент */  
    
    z-index: 10; /* Устанавливаем высокий уровень z-index */  
      top: 15% !important;
  right: 1% !important;
}  
.club-btn {
  background: #E17D7D !important;
}
.custom-box.club > a {
border: 1px solid var(--primary-green);
    border-radius: 20px;
    padding: 8px;
}
.club-btn .ezb-icon.left {
    background-image: url('https://cdn.xlcrm.ai/WcWfHEjcdk2BCr7W486wPg/images/o2QsVgPMOUmh1mX6hU6Vmw.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 20px; /* Устанавливаем ширину иконки */
   }
.club-btn svg {
    display: none; /* Скрываем текущий SVG */
}
.course-btn {
  background: linear-gradient(279.19deg, #0490BC 0%, #209FC9 54.4%, #048CBB 100%) !important;
}
.course-btn .ezb-icon.left {
    background-image: url('https://cdn.xlcrm.ai/WcWfHEjcdk2BCr7W486wPg/images/o2QsVgPMOUmh1mX6hU6Vmw.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 20px; /* Устанавливаем ширину иконки */
   }
.course-btn svg {
    display: none; /* Скрываем текущий SVG */
}


.all-course-btn {
  background: linear-gradient(109.3deg, #BBFBEB 0.38%, #45A991 100%) !important;
}

.all-course-btn .ezb-icon.left {
    background-image: url('https://cdn.xlcrm.ai/WcWfHEjcdk2BCr7W486wPg/images/o2QsVgPMOUmh1mX6hU6Vmw.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 20px; /* Устанавливаем ширину иконки */
   }

.all-course-btn svg {
    display: none; /* Скрываем текущий SVG */
}

@media (max-width: 760px) {
.castom-menu {  
         top: 15% !important;
  right: 0% !important;
}  
}

/* ---- COURSE STYLES - END ----  */

/* ---- CALENDAR STYLES - START ----  */

#mbf-calendar {
  width: 100%;
  min-height: 650px;
  margin-bottom: 24px;
  background: #fff;
  border: 1px solid #e5e7eb;
  box-sizing: border-box;
}

/* Сброс стилей для заголовков календаря */
.fc table thead th {
    padding: unset !important;
}

/* Сброс стилей для ссылок внутри календаря */
.fc a {
    color: unset !important;
    text-decoration: unset !important;
    background-color: unset !important;
    outline: unset !important;
    cursor: unset !important;
    transition: unset !important;
    -webkit-text-decoration-skip: unset !important;
}

/* Сброс границ для последней строки */
.fc table tr:last-child td {
    border: unset !important;
}

/* Сброс стилей для ячеек календаря */
.fc table tbody td {
    font-size: unset !important;
    font-weight: unset !important;
    padding: unset !important;
}

/* ---- CALENDAR STYLES - END ----  */


/* ---- FORUM - STYLES - START ----  */
  ._topic_comment_extra_actions_1eumc_12 button,
  ._comment_bottom_btn_1flia_12 {
    color: var(--primary-green)!important;
  }
/* ---- FORUM - STYLES - END ----  */