.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: #fca355 !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 #5f998a !important;
  color: #5f998a !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 #5f998a !important;
  border-radius: 40px !important;
  color: #5f998a !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: #5f998a !important;
  border-color: #5f998a !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: #FCA355 !important;
  border-color: #FCA355 !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: #5f998a !important;
  border-color: #5f998a !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: #FCA355 !important;
  border-color: #FCA355 !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: #FCA355 !important;
}

.material-card-progress-current-name span {
  color: #5F998A !important;
}

.material-card-progress .ant-progress-text {
  color: #5F998A !important;
}

.material-card-content [data-testid="lib-desc"] .fw-600.secondary-text {
  color: #5F998A !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: #5F998A !important;
}


.ant-menu-item:hover .ant-menu-title-content {
    color: #5F998A !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 #5F998A !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;
}

.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 #5f998a;
  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: #5f998a;
}

.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: #5f998a !important;
  border-color: #5f998a !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: #FCA355 !important;
  border-color: #FCA355 !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: #5F998A !important;
}

.license-card-activity-label[data-active="true"] .color-success {
  color: #5F998A !important;
}


.license-card .anticon {
  color: #5F998A !important;
}


.pagination .ant-pagination-item-active {
  border-color: #5F998A !important;
  
  
}

.pagination .ant-pagination-item-active a {
  color: #5F998A !important;
}

.pagination .ant-btn:hover {
  color: #FCA355 !important;
  border-color: #FCA355 !important;
}


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


.ant-switch.ant-switch-checked {
  background-color: #5F998A !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: #5F998A !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: #5f998a !important;
  border-color: #5f998a !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: #FCA355 !important;
  border-color: #FCA355 !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: #5F998A !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: #5f998a !important;
  border-color: #5f998a !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: #FCA355 !important;
  border-color: #FCA355 !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: #5F998A !important;
}

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













.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;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !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-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}


.ant-table-wrapper._noRowBorder_1ftkt_24 .ant-table-cell:nth-child(1) {
  flex: 1 1 auto !important;
  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) {
  display: flex !important;
  flex-direction: column !important;
  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: #5F998A !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-row {
    display: flex!important;
    flex-direction: column!important;
    align-items: center!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: #5F998A!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: #5F998A !important;
  border-color: #5F998A !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: #5F998A;
  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: #5F998A; 
  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;
}









.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;
  
}


.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;
}












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


.gamification-achievement .fw-700.color-success.fs-24 {
  color: #5F998A !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: #5F998A !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: #5f998a !important;
}