body{
    top:0px!important;
    font-family: 'Open Sans', sans-serif !important;
}
.dropdown-menu-custom .dropdown-item.active,
.dropdown-menu-custom .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: inherit!important;
}
input:placeholder-shown {
    width: 100%;
    font-size: 14px;
    text-overflow: ellipsis;
}

/*.page.page-current {*/
/*    padding-top: 40px;*/
/*}*/
.fs-14{
    font-size: 14px!important;
}

.popupPColor{
      color: #A3ABBB;
  }

.fs-12{
    font-size: 12px!important;
}
.grey {
    color: grey !important;
}

.fw-6 {
    font-weight: 600 !important;
}

.fs-16{
    font-size: 16px!important;
}
.form-control:focus,
.form-select:focus {
    border-color: none !important;
    outline: 0 !important;
    box-shadow: none !important;
}
.bolder{
    font-weight: 700!important;
}
.textBgColor {
    background-color: #F5F6F8;
}
.link.menuLink .fa-bars{
    font-size: 24px;
}
.menuItems{
    padding: 9px 16px 4px 16px;
    width: 100%;
    border-top: 1px solid rgba(171, 171, 171, 0.50);

}
span.meinTitleSection {
    display: flex;
}
.menuIcon{
    text-align: left;
    display: inline-flex;
    flex-shrink: 0;
    width: 30px;
}
.menuMainTitle{
    color: #000;
  padding-left: 16px;
    padding-right: 16px;
    font-family: Open Sans;

    font-style: normal;
    font-weight: 600;
    line-height: 22px; /* 157.143% */
    letter-spacing: -0.41px;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px; /* 137.5% */
    letter-spacing: -0.41px;
}
.custom-user-btn{
    display: none;
}
.connectDeviceLogoSection p.logoText{
    display: none;
}
#healthReportModal .selectTypeRadioButton>li{
    display: flex;
  align-items: flex-start;
}
.quiz-section.programsQuiz .selectTypeRadioButton>li input{
   top:-3px;
    margin-right: 5px;
    position: relative;
}
.programsLessonnew  h6{
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.quiz-section.articleQuiz .selectTypeRadioButton>li input{
    top:3px;
    margin-right: 5px;
    position: relative;
}
/*.selectTypeRadioButton>li>label{*/
/*    width: 100%;*/
/*    display: inline-block;*/
/*}*/
/*.selectTypeRadioButton>li>div{*/
/*    width: 100%;*/

/*}*/
.menuTitle{
     color: #000;
    font-family: Open Sans;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px; /* 157.143% */
    letter-spacing: -0.41px;
}
.customFormSelect {
    padding: 3px 36px 3px 10px !important;
}
.btn-h-50{
    height: 50px;

}
.customFormControl {
    padding: 3px 5px 3px 5px !important;
}

.p-4 {
    padding: 20px !important;
}

.px-4 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.mx--8 {
    margin-left: -8px !important;
    margin-right: -8px !important;
}
.rounded-pill{
    padding: 4px 12px;
    font-size: 14px;
    font-weight: 600;
}
.bg-blue {
    background-color: #18AEFC;
}
.btn.bg-blue:hover{
    color: #ffffff;
}

.height-100 {
    height: 100% !important;
}

.w-30 {
    width: 30% !important;
}

.lowBg {
    background-color: #4CD964 !important;
    ;
}

.mediumBg {
    background-color: #FFCC00 !important;
}

.highBg {
    background-color: #FF9500 !important;
}

.veryHighBg {
    background-color: #FF3B30 !important;
}

/*Smallheader*/
.custmNavBar {
    font-size: 14px;
    width: 100%;
   background-color: #fff!important;
    height: 45px;
    top: 0px;
    z-index: 2!important;
}

a.link.back {
    color: #000;
    font-size: 20px;
}

    a.link.back-btn {
    color: #000;
    font-size: 20px;
}

.morebttonIcons{
    color: #000;
}
.morebttonIcons img{
    width: 28px!important;
    height: 28px!important;
}
.navbar-inner.sliding {
    padding: 0px 12px!important;
    display: flex;
background-color: #fff;
    height: 45px;
    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
    flex-direction: row;
    justify-content: flex-start;
    padding-left: 12px;
    padding-right: 12px;
}
.navbar-inner.sliding .titl,
.navbar-inner.sliding .title{
    font-size: 18px!important;
    font-weight: 700;
}

/*dynamicColor code*/
.modal {
    background-color: rgba(0, 0, 0, .2) !important;
}

.custom-modal-content {
    padding: 20px !important;
    top: 50%!important;
    transform: translateY(-50%);
}

.modal-dialog {
    height: 100%;
}
.border-radius50 {
    border-radius: 30px !important;
}

.textF1 {
    color: #13D022 !important;
}

.textB1 {
    background-color: #13D022 !important;
}

.textF2 {
    color: #2BAEF1 !important;
}

.textB2 {
    background-color: #2BAEF1 !important;
}

.textF3 {
    color: #FFCC00 !important;
}

.textB3 {
    background-color: #FFCC00 !important;
}

.textF4 {
    color: #000 !important;
}

.textB4 {
    background-color: #000 !important;
}

.textF5 {
    color: #505765 !important;
}

.textB5 {
    background-color: #505765 !important;
}

.textF6 {
    color: #737A89 !important;
}

.textB6 {
    background-color: #737A89 !important;
}

.textF7 {
    color: #A3ABBB !important;
}

.textB7 {
    background-color: #A3ABBB !important;
}

.textF8 {
    color: #DAE0EB !important;
}

.textB8 {
    background-color: #DAE0EB !important;
}

.textF9 {
    color: #F5F6F8 !important;
}
.workout-a.workoutActive{
    background-color: #18AEFC;
    color: #fff !important;
}
.card.card-workout{
    padding: 15px;
}
.textB9 {
    background-color: #F5F6F8 !important;
}

.textF10 {
    color: #13D022 !important;
}

.textB10 {
    background-color: #13D022 !important;
}

.textF11 {
    color: #13D022 !important;
}

.textB11 {
    background-color: #13D022 !important;
}


a:hover {
    color: inherit;
}

.custom-slider-1 .icons,
.icons {
    width: 22px;
    color: #fff;
}

.bearnIcons {
    width: 50px;
}

.discoveryProductTitle {
    margin-right: auto !important;
    margin-left: auto !important;
    width: 110px;
    white-space: nowrap;
    overflow-x: clip;
    text-overflow: ellipsis;
    line-height: 16px;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    margin-bottom: 5px !important;
}

.discoveryProductDescription {
    font-size: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card.custom-model {
    text-align: left;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0px !important;
    padding: 5px;
    width: 85%;
}

span.textTag {
    margin-left: 5px;
    display: inline-flex;
    width: 18px;
    height: 18px;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 5px;
    align-items: center;
    justify-content: center;
}

.textTag>.fa-heart {
    font-size: 8px;

}

.healthListItem {
    display: flex;
    border-radius: 4px;
    border: 1px solid #D8D8D8;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 6.27px;
    border: 0.784px solid #D8D8D8;
    background: #FFF;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10);
}

.boxIcons i,
.boxIcons img {
    width: 30px !important;
}

.boxTilte {
    text-align: center;
}

a.tab-link {
    height: 31px;
}

.button.tab-link {
    margin-bottom: -1px;
    border-bottom: 3px solid transparent;
}

.button.tab-link-active {
    border-bottom: 3px solid #18AEFC !important;
}

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

.tabTitleBarSection a:first-child {
    padding-left: 20px !important;
}

.tabTitleBarSection a:last-child {
    padding-right: 20px !important;
}

a.tab-link.button.tab-link-active {
    color: #000 !important;
}

a.tab-link.button {
    color: rgba(0, 0, 0, 0.4) !important;
}

span.tabTilteName {
    font-size: 20px;
    font-weight: 600;
}

span.rightIcon,
span.leftIcon {
    color: #ccc;
}

.tabTitle {
    padding-right: 20px;
    padding-left: 20px;
    background-color: #F5F6F8 !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 52px;
}

.cardSection {
    margin-bottom: 10px !important;
    padding: 15px;
    border-radius: 7px;
    border: 1px solid #ccc;
    width: auto;

    flex-shrink: 0;
    border-radius: 6.928px;
    border: 0.78px solid #D8D8D8;
    background: #FFF;
}

.cardImg {
    flex-shrink: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #505765;
    position: relative;
    width: 46px;
    height: 46px;
    border-radius: 100%;
}

.cardImg img {
    width: 20px !important;
}

span.cardNumber {
    text-align: center;
    width: 15px;
    font-size: 10px;
    color: #fff;
    height: 15px;
    line-height: 15px;
    border-radius: 100%;
    background: #FFCC00;
    position: absolute;
}

.textSectionTitle {
    font-size: 20px;
    font-weight: 600;
}
.cardsGroup .cardSection .textSection .textSectionTitle {
    font-size: 18px;
    font-weight: 600;
}
.price{
    color: #13D022;
    font-weight: 600;
}

span.time {
    margin-right: 10px !important;
    font-weight: 600;
    font-size: 15px;
    color: #18AEFC;
}
i.time-icon {
    font-size: 16px !important;
    color: #18AEFC;
}


.CardTopSection {
    display: flex;
    justify-content: flex-start;
}

span.textSection {
    padding-left: 10px;
    padding-right: 10px;
}

span.morebttonIcons {
    margin-left: auto;
}

.cardLargeButton {
    line-height: 45px;
    height: 46.186px;
    flex-shrink: 0;
    border-radius: 9px;
    font-weight: 600;
    text-align: center;
    display: block;
    background-color: #F5F6F8;
    border: 1px solid #ccc;
    color: #000;
    font-size: 14px !important;
}

.cardsGroup {
    padding-left: 20px;
    padding-right: 20px;
}

.morebttonIcons {
    background-color: transparent;
    border: none;
}
.dropdown-menu-custom li .dropdown-item{
    font-weight: 600;
    font-size: 12px;
}

.dropdown-menu-custom .dropdown-item img {
    width: 15px !important;
}

.cardBottomSection {
    margin-top: 15px;
}

span.iconBgColor {
    margin-right: 5px !important;
    border-radius: 100%;
    background-color: #18AEFC;
    display: inline-flex;
    height: 24px;
    line-height: 24px;
    width: 24px;
    justify-content: center;
    align-items: center;
}

.bellIcons {
    width: 20px !important;
}

.iconBgColor img,
.iconBgColor .fa-list {
    color: #fff;
    width: 15px;
    font-size: 14px !important;
}

.bottomTextTabSection {
    font-size: 13px !important;
    color: #919191;
}

.cardLargeButton.progressBtnColor {
    color: #fff!important;
    background-color: #18AEFC !important;
}

.cardLargeButton.completedBtnColor {
    color: #fff!important;
    /*background-color: #13D022;*/
}

.sendBtn {
    font-size: 14px !important;
    padding: 0px 5px;
    color: #FFF;
    display: flex!important;
    align-items: center;
    justify-content: center;
    font-family: Open Sans;
    height: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    /*background-color: #13D022*/
}

.sendBtn.activeBtn {
    background-color: #fff;
    /*color: #13D022;*/
}

.closeBtn {
    padding: 0px;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    text-transform: uppercase;
    color: #A4ADAE;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
button.close-btn{
    position: absolute;
    top:3px;
    right:-8px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 25px;
    width: 25px;
}
.navbar.custmNavBar {
    z-index: 499 !important;
}

span.sendPopupIcon {
    width: 100%;
    padding-bottom: 20px;
    display: block;
    text-align: center;
}

span.sendPopupIcon img {
    width: 120px !important;
    margin: auto !important;
}

.modal-body p {
    color: #737A89 !important;
}

.w-70 {
    width: 70%;
}

.w-65 {
    width: 65%;
}

.w-35 {
    width: 35%;
}

.alertButton {
    font-size: 12px;
    margin-top: 20px !important;
    border-radius: 8px;
    border: none;
    color: #fff;
    background-color: #18AEFC !important;
}

.alertButton img {
    width: 20px !important;
}

.healthRiskListItem .leftSection {
    color: #505765 !important;
    font-size: 12px;
}

.healthRiskListItem .rightSection {
    color: #000;
    text-align: end;
    font-weight: 600;
    font-size: 12px;
}

.healthRiskFactorsSection .title {
    font-size: 16px !important;
    font-weight: 600;
}

.healthRiskFactorsSection ul {
    padding: 15px !important;
    background: #F5F6F8;
    margin-bottom: 8px !important;
    list-style: none !important;
    border-radius: 8px 8px 0px 0px !important;
}

.healthRiskFactorsSection ul:last-child {
    border-radius: 0px 0px 8px 8px !important;
}

.healthRiskListItem {
    padding: 5px 0px;
    border-bottom: 1px solid #DAE0EB;
}

.healthRiskListItem:last-child {
    padding-bottom: 0px !important;
    border-bottom: none !important;
}

span.button.none {
    font-size: 12px !important;
    text-transform: capitalize;
    border-radius: 30px;
    background: #A3ABBB;
    display: inline-block;
    color: #fff;
    line-height: 24px;
    height: 24px;
}

span.button.none.good {
    background-color: #13D022 !important;
}

.letsGoDetailSection p.textBgColor {
    background-color: #F5F6F8;
}

.tagline {
    color: #A3ABBB;
    font-size: 13px;
}

input.form-control {
    background-color: #F5F6F8 !important;
    border-radius: 5px !important;
    height: 32px !important;
}

label.input-label {
    font-size: 14px;
    font-weight: 500;
    color: #000;
}

.btn-check:focus+.btn,
.btn:focus {
    outline: 0 !important;
    box-shadow: none !important;
}

.bodyScanHealthSection {
    margin-top: -22px;
}

.healthReportTitle {
    color: #289FCC !important;
}

.sexyearweightSection {
    color: rgba(0, 0, 0, .4);
}

.card-section-face .card,
.recommendationBtn,
.listItem {
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px;
}

.cardsGroup h5 {
    font-size: 18px !important;
}

.high {
    background-color: #FF3B30 !important;
}

.progress-bar.progress-bar-warning {
    position: relative;
}

span.waringValueSection {
    display: flex;
    position: absolute;
    bottom: -25px;
    flex-direction: column;
}

.multipleProgressBar {
    margin-bottom: 35px;
    overflow: visible !important;
}

.multipleProgressBar .progress-bar.progress-bar-warning {
    overflow: visible !important;
    color: #000 !important;
}

.aboveBtn {
    left: 0px;
    position: absolute;
    right: 0px;
    bottom: -2px;
}

.tableBtn {
    font-size: 12px;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.tableBtn {
    border-radius: 30px !important;
    width: 70px;
    font-weight: 700;
    letter-spacing: 0.16px;
    font-size: 10px;
    color: #fff;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.bodyfat-section .table tr td,
.bodyfat-section .table tr th {
    padding: 4px !important;
    color: #000 !important;
}

.bodyfat-section .table {
    border-color: #000 !important;
    font-size: 12px !important;
}

.bodySkinContent {
    padding: 8px 4px 0px !important;
    border-radius: 6px !important;
    background-color: #F5F6F8;
}

ul.radio-buttons {

    width: 100%;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

li.radioItemsSelect {
    margin-bottom: 5px !important;
    width: 25%;
    padding: 0px 4px;
}

li.radioItemsSelect label {

    width: 100%;
    display: inline-block;
}

.selectTypeRadioBtn input {
    display: none;
}

.selectTypeRadioBtn .radio-btn {
    width: 100%;
    display: inline-block;
    border-radius: 10px;
    position: relative;
    text-align: center;
    cursor: pointer;
}

.selectTypeRadioBtn .radio-btn .hobbies-icon img {
    border-radius: 6px !important;
    display: block;
    height:56px;
    width: 100%;
}

.selectTypeRadioBtn input:checked+.radio-btn .hobbies-icon {
    border-radius: 10px !important;
    border: 3px solid #000;
}

.pageBottomBtnGroup {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 50px;
}

.page-content{
    padding-top: 40px;
}

.sub-page-content {
    padding-bottom: 50px !important;
    height: 100% !important;
}

.bodyShapeImg img {
    width: auto !important;
    height: 37px !important;
}

.hobbies-icon.bodyShapeImg {
    border-radius: 10px;
    height: 111px;
    background-color: #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
}

.setMealPlanBtn {
    color: #000;
}

.currentGoalSection {
    border-right: 1px solid #DAE0EB;
}

.greyBg {
    background-color: #F5F6F8 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

span.transforItemsName {
    color: #A3ABBB !important;
}

.dropdown-item {

    display: inline-flex;
    width: 100%;
    padding: 0.25rem 1rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    align-items: center;
}

.measurementAccordian .accordion-item {
    margin-bottom: 10px !important;
    border-radius: 8px !important;
    border: 1px solid #DAE0EB !important;
}
.accordion-button{
    background-color: #ffffff !important;
    color: #000000 !important;
}
.measurementAccordian .accordion-button:focus {
    z-index: 3;
    border-color: transparent !important;
    outline: 0;
    box-shadow: none !important;
}

.measurementAccordian .accordion-button {
    font-size: 18px !important;
    background-color: transparent !important;
}

.measurementAccordian .accordion-button:not(.collapsed) {
    color: #000;
    background-color: transparent;
    box-shadow: none;
}

.accordion-body .table thead tr th {
    border-bottom: 1px solid #ccc !important;
}

.accordion-body .table tbody tr td:first-child,
.accordion-body .table thead tr th:first-child {
    text-align: left;
}

.practitionerTabSection a.tab-link.button {
    height: 31px !important;
    border: 2px solid transparent !important;
}

.practitionerTabSection a.button.tab-link-active {
    border: 2px solid #13D022 !important;
    border-radius: 30px;
    height: 31px !important;
}

ul.specialities {
    margin-bottom: 16px !important;
    list-style: none;
    flex-wrap: wrap;
}

li.specialitiesName {
    border-radius: 6px;
    font-size: 12px;
    padding: 6px;
    margin: 0px 10px 10px 0px;
    background: #F5F6F8;
}

ul.contactsItems {
    padding-left: 0px;
    margin: 20px 0px 0px 0px;

    list-style: none;
    display: flex;
}

li.contactitem {
    text-align: center;
    margin-right: 20px;
}

.contactitem a .fs-20 {
    font-size: 20px !important;
}

.contactitem a p {
    margin-top: 0px !important;
}

span.starSection {
    display: flex;
    padding-right: 10px !important;
}

span.starSection img {
    width: 14px !important;
}

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

.paginationSection span a img {
    width: 40px !important;
}

.customCards {
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 15px;
}

.paginationSection {
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
    padding: 10px 0px;
}

.paginationSection span a {
    margin-left: -15px;
}

.paginationSection span a:first-child {
    margin-left: 0px !important;
}

.textareaCustom {
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 6px;
    text-align: center;
}

.appointmentCalenderdate th{
    text-align: center;
    padding: 7px !important;
}
.appointmentCalenderdate td {
    text-align: center;
    padding: 1px !important;
}

span.activeDate {
    width: 22px;
    color: #fff;
    line-height: 22px;
    height: 22px;
    display: inline-block;
    background-color: #13D022;
    border-radius: 100%;
}

.selectTimeBtn {
    text-align: center;
    color: #000;
    border-radius: 5px;
    background-color: #F5F6F8;
    padding: 5px 6px !important;
}

.selectTimeBtn.active {
    color: #fff;
    background-color: #13D022;
}

.selectTimeBtnGroup li {
    width: 25%;
    display: flex;
    padding-right: 10px;
    margin-bottom: 10px;
}

.selectTimeBtnGroup li :nth-child(4) {
    padding-right: 0px !important;
}

.selectTimeBtnGroup {
    margin-right: -10px;

}
.filterButton {
    margin-left: 5px;
    width: 100px;
    display: flex;
    padding: 10px;
    height: 45px !important;
    border-radius: 55px !important;
    border: 2px solid #cccccc;
    justify-content: space-between;
    align-items: center;
}

.modal-content.filter-modal-content {
    top: 19%;
    overflow: hidden;
    margin-right: 0px;
    border: none;
    margin-left: auto;
    width: 250px;
}
.filteritems{
    max-height: 400px;
    overflow-y: scroll;
    width: 100%;
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px!important;

}
.filteritems .filteritem{
    width: 100%;
    display: inline-block;
    padding: 10px 20px 10px;
    font-size: 14px;
    color: #505765!important;
}
.filteritems .filteritem.active{
    color: #13D022;
    font-weight: 700;
}

.filteritems li{
    border-bottom: 1px solid #F5F6F8;
}

.filteritems .filteritem [data-bs-dismiss="modal"]{
    color: #13D022;
}
.logo{
    padding: 9px 10px;
}
.logo img {
    max-width: 180px!important;
    object-fit: contain;
    max-height: 50px!important;
}

.companyLogo{
    height: 60px;
    width: 50%;
}
.companyLogo img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}
.fixButton {
    z-index: 499;
    position: fixed;
    bottom: 56px;
    left: 0px;
    right: 0px;
    padding-bottom: 20px;
    padding-top: 20px;
    background: rgb(255,255,255);
    background: linear-gradient(360deg, rgba(255,255,255,1) 43%, rgba(255,255,255,0.7) 84%, rgba(255,255,255,0.2) 98%);
}

.fixButtonNutrition {
    z-index: 499;
    position: fixed;
    bottom: 25px;
    left: 0px;
    right: 0px;
    padding-bottom: 10px;
    padding-top: 20px;
    /*background: rgb(255,255,255);*/
    /*background: linear-gradient(360deg, rgba(255,255,255,1) 43%, rgba(255,255,255,0.7) 84%, rgba(255,255,255,0.2) 98%);*/
}

.left,
.sliding .left{
    margin-right: 0px!important;
    line-height: 13px!important;
}
.todaypage{
    position: relative;
    top:2px;
}
a.morebttonIcons {
 min-width: 17.5px!important;
}
.custom-search {
    width: 100%;
    border: 2px solid #c9c9c9;
    height: 45px;
    padding: 10px;
    border-radius: 50px;
}
.Body-Measurement{
    padding-bottom: 50px!important;
}


/* custom accordain css here started  */
  /* Accordion ================================================== */
.acc {
    padding-bottom: 5px;
    max-height: calc(100vh - 160px);
    overflow-y: scroll;
    margin: 0 auto;
    width: 100%;
}
.acc__card {
    margin: 0px 0px!important;
    position: relative;
}
.acc__title {
   border-bottom: 1px solid #F5F6F8;
   background: #fff;
   /* box-shadow: 0 0 20px rgba(0, 0, 0, .2); */
   color: #000;
   cursor: pointer;
   font-size: 16px;
   letter-spacing: 0.5px;
   display: block;
   padding: 16px 24px 16px 20px;
   position: relative;
   text-align: left;
    font-weight: 600;
}
.acc__title::after {
   width: 8px;
   height: 8px;
   border-right: 2px solid #000;
   border-bottom: 2px solid #000;
   position: absolute;
   right: 15px;
   content: " ";
   top: 22px;
   transform: rotate(46deg);
   transition: all 0.2s ease-in-out;
}
.acc__title.active::after {
    transform: rotate(-135deg);
    transition: all 0.2s ease-in-out;
}
.acc__panel {
    background: #fff;
    color: #212121;
    display: none;
    margin: 0;

    text-align: left;
}
.tagLineAccessCode{
    color: #000!important;
    opacity: 0.4;
    font-weight: 600;
    font-size: 14px;

}
.signCustomInput::placeholder {
    color: #000;
    opacity: 0.4; /* Firefox */
    font-size: 14px;
}

.signCustomInput ::-ms-input-placeholder {
    color: #000;
    font-size: 14px;

}
/* custom accordain css here end  */
.form-check-input:focus {
    border-color: #13D022;
    outline: 0;
    box-shadow: none;
}
.buttons-row .tab-link{

    text-align: center!important;
}

img.cornerStyle {
    right: 0px;
    bottom: 28px;
    position: absolute;
}
.p-btn span h5{
    font-size: 16px;
    font-weight: 700;
    line-height: 31px;
    letter-spacing: 0.5px;
    margin-bottom: 0px;
}
.p-btn {
    position: absolute;
    bottom: 0px;
    right: 0px;
    background-color: #13D022;
    color: #fff;
    font-size: 14px;
    border: 2px solid black;
    width: 30%;
    border: none;
    line-height: 25;
    height: 25px;
    text-align: center;
    border-radius: 15px 0px 0px 0px;
}
h4.signText {
    font-size: 24px;
    font-weight: 700;
    margin: 80px 0px 100px;
}
.signButton {
    text-transform: uppercase;
    letter-spacing: 0.5px!important;
    background-color: #2BAEF1;
    color: #fff;
}


.signCustomInput {
    height:50px;
    font-size: 18px!important;
    width: 100%;
    background-color: #fff;
    padding: 5px 10px 5px 42px!important;
    margin: 10px;
    border-radius: 48px!important;
    letter-spacing: 0.5px!important;
}
.custom-input .inputIcons {
    position: absolute;
    left: 15px;
    top: 15.5px;
    color: #aeaeae;
    font-size: 20px;
}

.termsSection {
    display: flex;
    align-items: center;
     justify-content: center;
}
.termsSection label{
    letter-spacing: 0.5px;
    font-size: 16px;
    color: #000000;
    font-weight: 600;
}
.termsInput{
    height: 18px!important;
    width: 18px!important;
    margin-right: 10px!important;
}
.privacyText{
    font-size: 16px!important;
}
.modal-dialog.getConfirmEmail-modal {
    padding-top: 10px!important;
    overflow: hidden;
    top: 55%;
    margin: 0px!important;

}
.getConfirmEmail-modal-content {
    align-items: center;
    width: 800px!important;
    left: 50%;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 1px 10px;
    transform: translateX(-50%);
    height: 800px!important;
    background: rgb(255,255,255);
    border-radius: 100%!important;
}
div#confirmEmailModal {
    overflow: hidden;
}
.subContentDiv {
    width: 44%;
    display: inline-block;
}
.popupCheckIcon{
    display: inline-block;
    margin: -30px auto 0px;
    width: 40px;
    background-color: #b5ffe5;
    height: 40px;
    color: #6cb043;
    line-height: 40px;
    font-size: 16px;
    border-radius: 100%;
}




.popupOkbtn{
    background-color:#6cb043!important;
}

.cardDesignTextElement h5{
    font-size: 16px;
    font-weight: 600;
}
.cardDesignTextElement p{
    font-size: 14px;
    font-weight: 600;
    color: #505765;
}
.sectionSubText{
    color: #505765;
    font-family: Open Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}
.custom-icons-today .fa-circle-check {
    border-radius: 100%;
    background: #fff;
}
span.imgBgStyle {
    border-radius: 8px;
    background: #F5F6F8;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.getStartcardDesign {
    padding: 12px;
}
.getStartcardDesign .cardDesignTextElement h5 a:first-child,
.getStartcardDesign .cardDesignTextElement h5{
    color: #000;
    font-family: Open Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}


.getStartcardDesign .cardDesignTextElement p{
    color: rgba(163, 171, 187, 0.70);
    font-family: Open Sans;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.getStartPage .card-custom{
    border-radius: 10px;
    background: #FFF;
    border: none;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
}
.pageBottomText{
    margin-top: 20px;
    color: #A3ABBB;
    text-align: center;
    font-family: Open Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */
    letter-spacing: 0.15px;
}
.page-content.getStartPage{
    background-color: #F5F6F8
}
.imgSectionRadio{

    display: flex;
    align-items: center;
    justify-content: center;
}
div.radio-with-Icon p.radioOption-Item{

}
.labelname{
    color: #000;
    margin-left: 15px;
    font-family: Open Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.sectionTitleNmae{
    color: #000;
    font-family: Open Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.imgSectionRadio img{
    width: 24px;
}
.inputValueSection .labelName{
    color: #000;
    font-family: Open Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 137.5% */
}
.inputValueSection .sectionTitleNmae{
    max-width: 90px;
}
span.usrIcon {
    color: #000;
    font-family: Open Sans;
    font-size: 12.634px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    text-transform: capitalize;
}

.bearnInputType {
    border: none;
    width: 100%;
    border-bottom: 1px solid #A3ABBB!important;
    padding-bottom: 5px!important;
}
select.bearnInputType{
    border: none;
    width: 100%;
    border-bottom: 1px solid #A3ABBB!important;
    padding-bottom: 5px!important;
    padding: 0px 36px 5px 0px!important;
}
a.paginationbox {
    margin-right: 12px;
    padding: 8px;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.10);
    color: #000;
    text-align: center;
    /* H/6 Bold */
    font-family: Open Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 120% */
    letter-spacing: 0.15px;
}
a.paginationbox.active {
    background: #13D022;
}
a.paginationbox sup{
    color:#A3ABBB;
    /* …/Caption */
    font-family: Open Sans;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    letter-spacing: 0.4px;
}
.marketPlaceBalanceBox{
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.10);
    padding: 16px 24px;
}
.subtitleBalance{
    color: rgba(0,0,0,.2);
    text-align: center;
    font-family: Open Sans;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 14px; /* 140% */
    letter-spacing: 1.5px;
    text-transform: uppercase;
}
.balanceValue{
    color:#000;
    text-align: center;
    font-family: Open Sans;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.868px;
}
.chooseBalance{
    color: #DAE0EB;
    text-align: center;
    font-family: Open Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}
.input-label h6{
    color:#000;
    font-family: Open Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 150% */
    letter-spacing: 0.15px;
}
.inactiveBg{
    background-color: #DAE0EB!important;
}
.IconInvite{color: #2BAEF1;!important;}
.IconInvite,
.inviteText{
    color: rgba(0,0,0,.2);
    font-family: Open Sans;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 14px; /* 140% */
    letter-spacing: 1.5px;
    text-transform: uppercase;
}
.inviteCard{
    border-radius: 40px;
    background: #FFF;
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.10);
}
.invitedName{
    color: #000;


    font-family: Open Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: 0.15px;
}
.invitedTag{
    color: #2BAEF1;


    font-family: Open Sans;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px; /* 133.333% */
    letter-spacing: 0.75px;
    text-transform: uppercase;
}
.invitedCheckbox {
    font-size: 22px;
    color: #fff;
    line-height: 51px;
    text-align: center;
    width: 50px;
    height: 51px;
    border-radius: 100%;
    position: absolute;
    top: 0;
    left: 0px;
    background: rgb(41,155,219);
    background: radial-gradient(circle, rgba(41,155,219,0.5) 0%, rgba(19,208,34,0.5) 100%);
    border: 1px solid #fff;
    filter: drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.10));
}
.inviteCard .w-icons{
    border-radius: 100%;

    background: lightgray;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.10);

}
.w-icons {
    border-radius: 12px;
    border: 1px solid #A3ABBB;
    background: rgba(163, 171, 187, 0.10);
    box-shadow: 0px 1.8121546506881714px 43.4917106628418px 0px rgba(0, 0, 0, 0.04);
    width: 44px;
    flex-shrink: 0;
    height: 44px;
    text-align: center;
    line-height: 40px;
    font-size: 28px;

}
.fixButtonBg{
    padding: 15px;
    background: rgb(255,255,255);
    background: linear-gradient(360deg, rgba(255,255,255,1) 43%, rgba(255,255,255,0.7) 84%, rgba(255,255,255,0.2) 98%);
}
.userShortDetailBox {
    position: relative;
    z-index: 10;
    margin:auto 15px;
    margin-top: -60px!important;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.10);
}

.leftSectionUserShortDetail{
    border-right: 1px solid #DAE0EB;
}
.textUser{
    color: rgba(0,0,0,.2);
    font-family: Open Sans;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 14px; /* 140% */
    letter-spacing: 1.5px;
    text-transform: uppercase;
}
.ImpText{
    color: #2BAEF1;
}
.iconUser{
    margin-bottom: 10px;
}
.editButton{
    color: #13D022;
    font-size: 18px;
    cursor: pointer;
    background-color: #F5F6F8;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    margin-right: 15px;
    display: flex;justify-content: center;align-items: center;
}
.accordion-button:focus {

    border-color: transparent;
    outline: 0;
    box-shadow: none;
}
.reportAccordion .accordion-item{
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.10);
}
.reportAccordion .accordion-item .accordion-button:not(.collapsed) {
    color: #000;
    background-color: #fff;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}
.notePoint li{
color: #A3ABBB;
}
.reportPoint{
    margin-top: 20px;
    padding-left: 0px;
    list-style: none;
}
.reportPoint li{
    text-align: left;
    padding: 5px 30px 5px 10px;
    position: relative;
    cursor: pointer;
    background-color:transparent;
    border-radius: 30px;
    margin-bottom: 15px;
}
.reportPoint li:hover{
    background-color: #DAE0EB;
}
.reportPoint li:after{
    content: "\f054";
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-family: 'FontAwesome';
    position: absolute;
}
.creatorBox{
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    border-radius: 20px;
    padding: 15px 20px;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
}
.creatorImg{
    width: 40px;
    height: 40px;
    border-radius: 100%;
    margin-right: 10px;
}
.time{
    color: #13D022;
}
.getRankSection{
    margin-top: -50px;
    margin-bottom: 15px;
}
.getRankButton{
    position: relative;
    border-radius: 93.178px;
    background: #13D022;
    color: #fff;
    margin-top: 0px;
    padding: 10px 20px;

}
.getRankNumber{
    font-size: 24.574px;
    font-style: normal;
    font-weight: 700;
    line-height: 32.766px; /* 133.333% */
}
.winner1RankSection,
.winner3RankSection,
.winner2RankSection{
    padding: 0px 8px;
}
.crownBox{
    width: 17.066px;
    height: 17.066px;
    flex-shrink: 0;
    position: absolute;
    left: -6px;
    top: 50%;
    border-radius: 100%;
    transform: translateY(-50%);
    line-height: 18px;
    background-color: #FFA800;
}
span.winner1Img,
span.winner3Img,
span.winner2Img {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 120px;
    position: relative;
    flex-direction: column;
}
.winnerName{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 100%;
    color: #000;
    text-align: center;
    font-family: Open Sans;
    font-size: 14.335px;
    font-style: normal;
    font-weight: 700;
    line-height: 24.574px; /* 171.429% */
    letter-spacing: 0.102px;
    text-align: center;
    display: inline-block;
}
.winnerTakeMinute{
    width: 100%;
    text-align: center;
    color: #2BAEF1;
    text-align: center;
    font-family: Open Sans;
    font-size: 14.335px;
    font-style: normal;
    font-weight: 700;
    line-height: 24.574px; /* 171.429% */
    letter-spacing: 0.102px;
    display: inline-block;
}
.getPosition3,
.getPosition1,
.getPosition2{
    z-index: 10;
    margin-bottom: -12px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    text-align: center;

    font-size: 8.191px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 100% */
    letter-spacing: 1.024px;
    border-radius: 100%;
}
.getPosition2{ background-color: #13D022;}
.getPosition1{ background-color: #FFA800;}
.getPosition3{ background-color: #2BAEF1;}
.getRankButton {

    margin: auto;
    display: flex;
    width: 147px;
    position: relative;
    border-radius: 93.178px;
    background: #13D022;
    color: #fff;
    margin-top: 0px;
    padding: 10px 20px;
    align-items: center;
    justify-content: center;
}
.shareBtn{
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 100%;

    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.10);
    text-align: center;
    line-height: 30px;
 margin-right: 10px;

}
.shareSectionDiv{
    margin-top: 15px;
    color: #A3ABBB;
    text-align: center;

    /* Body/2 */
    font-family: Open Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 114.286% */
    letter-spacing: 0.25px;
}

.winnerPopupSection {
    text-align: left;
    height: 233px;
    object-fit: contain;
    background-image: url(/assets/img/leaderpopup.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: block;
    background-position: center;
}


.winnerPopupSection .titleText{
    color: #fff;
margin: 15px;
display: inline-block;
    font-family: Open Sans;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0.75px;
    text-transform: uppercase;
}
.winnerPriceAmountSection {
    display: inline-block;
    margin: 10px 0px 10px -0.5px;
    border-radius: 0px 80px 80px 0px;
    background: #13D022;
    padding: 10px 30px;
    position: relative;
}
.winnerPriceAmount{
    color: #FFF;
    text-align: center;
    font-family: Open Sans;
    font-size: 18.767px;
    font-style: normal;
    font-weight: 700;
    line-height: 25.023px; /* 133.333% */
}
span.winnerCrown {
    width: 14px;
    top: -6px;
    border-radius: 100%;
    background-color: #FFA800;
    right: 12px;
    position: absolute;
    height: 14px;
    text-align: center;
    line-height: 14px;
}
.bottomText P{
    color: #fff!important;
    /* …/ 2 BUTTON */
    font-family: Open Sans;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px; /* 133.333% */
    letter-spacing: 0.75px;
    text-transform: uppercase;
}
span.bottomText {
    display: inline-block;
    margin: 30px 0px 0px 15px;
}
.vsText{
    color: #737A89;
    font-family: Open Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.1px;
}
.xButton {
    display: inline-block;
    width: 32px;
    background: #fff;
    border-radius: 100%;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #A3ABBB!important;
    box-shadow: 0px 4px 4px 0px rgba(163, 171, 187, 0.17);
}
.timeZones{
    color: #000;
    text-align: center;
    font-family: Open Sans;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px; /* 140% */
    letter-spacing: 1.5px;
    text-transform: uppercase;
    opacity: 0.4;

}
.winPriceelement{
    color: #13D022;
 font-family: Open Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px; /* 150% */
    height: 25px;
    display: inline-block;
    letter-spacing: 0.15px;
}
.activeElement{

    color:#2BAEF1!important;
}
.activeElement .xButton{
    background: #2BAEF1;

}
.winnerTakeMinute svg{
    border-radius: 100%;
    background: #2BAEF1;
}
.activeUserElement .number{
  width: 18px;
    height: 18px;
    border-radius: 100%;
    background: #fff;
    color: #2BAEF1;
    text-align: center;
    line-height: 18px;
}
.activeUserElement .invitedName{
    color: #fff;
}
.activeUserElementSection .time{

    height: 32px;
    padding: 5px 12px;
    border-radius: 20px;
    background: #fff;
    color: #2BAEF1;
    text-align: center;
    line-height: 22px;
}
.section2Element h2{
    color: #000;
    font-family: Open Sans;
    font-size: 23.412px;
    font-style: normal;
    font-weight: 400;
    line-height: 31.216px; /* 133.333% */
}
.section3Element h6,
.section2Element h6{
    color: #A3ABBB;
    font-family: Open Sans;
    font-size: 11.706px;
    font-style: normal;
    font-weight: 700;
    line-height: 15.608px; /* 133.333% */
    letter-spacing: 0.732px;
    text-transform: uppercase;
}
.section1Element{
    color: rgba(163, 171, 187, 0.50);
    font-family: Open Sans;
    font-size: 13.657px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.calenderInsight table tbody td {
    border: 1px solid #ccc;
}
.calenderInsight span.activeDate {
    width: 100%;
    color: #000;
    line-height: 22px;
    height: 22px;
    margin-bottom: 10px;
    display: inline-block;
    background-color: transparent!important;
    border-radius: 0px!important;
}
.calendertime {
    color: #000;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Open Sans;
    font-size: 14.083px;
    font-style: normal;
    font-weight: 600;
    line-height: 14.083px;
    letter-spacing: 0.402px;
}
.card-insights h6{
    font-size: 14px!important;
}
button.reqBtn {
    min-width: 102px;
    cursor: pointer;
    border: none;
    line-height: 30px;
    padding: 0px 20px;
    border-radius: 30px;
    color: #000;
    text-align: center;
    font-family: Open Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;

    letter-spacing: 0.15px;
}
.bsTSection h6{
    color: #000;
    text-align: center;
    font-family: Open Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px; /* 123.077% */
    width: 80%;
    position: absolute;
    top:40px;
    left: 50%;
    transform: translateX(-50%);
}
.bsTSection img{
    width: 100% !important;
    height: 100vh!important;
}
.bottombuttonFixed {
    position: absolute;
    bottom:30px;
    left: 50%;
    width: 70%;
    transform: translateX(-50%);
}
.bstTextSlider{
    background-color: #000;
    padding: 60px 30px 0px 30px;
}

.bstTextSlider h3{
    color: #fff;
    text-align: center;
    font-family: Open Sans;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 41px; /* 120.588% */
}

.bstTextSlider p{
    color: #fff;
    text-align: center;
    font-family: Open Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px; /* 120.588% */
}
.sdkSection h6{
    color: #fff;
    text-align: center;
    font-family: Open Sans;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px; /* 120.588% */
}
.sdkSection p{
    color: #fff;
    text-align: center;
    font-family: Open Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 25.2px */
}
.logoText{
    padding-left: 8px;
    color: #000;
     text-align: left;
    font-family: Open Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.mt-12{
    margin-top: 12px!important;
}
.md .range-knob-active-state .range-knob {
    transform: scale(1) !important;
}
.fixed-icon a .fa-circle-plus{
    background-color: #fff;
    border-radius: 100%;
}
.tagNew{
    margin-left: 6px;
    display: inline-block;
    color: #fff!important;
    background-color: #FC0;
    height: 18px;
    padding: 0px 10px;
    line-height: 18px;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    border-radius: 10px 0px 10px 0px;
}
.card.subCustomCard {
    background-color: #fff;
    margin: 0px;
}
.row.card-workoutRow {
    margin: 15px 0px 0px;
}
.subCustomCard{
    padding: 10px 8px;
}
.subCustomCard h6{
    font-size: 14px;
    font-weight: 600;
    padding: 5px 0px 0px;
}
.subCustomCard img {
    width: 30px;
    margin: auto;
}
.workout-p{
    font-size: 13px!important;
}
.accordion-opposite .accordion-item>.item-content:before{
    margin-left: -6px!important;
    font-size: 28px!important;

}
.detailPlayPageMainTitle{
    font-size: 18px!important;
    margin-bottom: 0px;
}
.detailPlayPageMainDescription{
    font-size: 14px!important;
    color: #737A89;

}
.customSliderCardTitle {
   font-weight: 600;
    font-size: 12px;
    color: #000;
}
.customSliderCardDiscrept{
    font-size: 10px;
    color: #000;
}
.stepTable tr td {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}
.stepTable tr:last-child .steps-container {
    border-left: none!important;
}
.groceryIconD svg{
    height: 20px!important;
}
.suggestExclusionList .textContent{
    width: calc(100% - 40px);
    flex-shrink: 0;
}
/*responsive css for min mobile screen */
@media only screen and (max-width: 360px) {
    .workout-p{
        font-size: 13px!important;
    }

    .form-check.check-w{
        padding-left: 10px!important;
    }
    .px-3 {
        padding-right: 6px!important;
        padding-left: 6px!important;
    }
    .subCustomCard h6{
        font-size: 14px;
        padding: 5px 0px 0px;
    }
    .row.card-workoutRow {
        margin: 15px 0px 0px;
    }
    .listInvite .card.inviteCard .form-check.check-w{
        padding-left: 0px!important;
    }
    .px-4 {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    .getStartcardDesign .cardDesignTextElement h5{
  margin-bottom: 0px!important;
    }
    .cardDesignTextElement{
        padding-right: 0px!important;
    }
    .content-img-1{
        /*width: 47px!important;*/
        object-fit: contain;
        max-height: 36px!important;
    }
    .logoText {
        padding-left: 5px!important;
        color: #000;
        text-align: left;
        font-family: Open Sans;
        font-size: 13px!important;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }
    .content-btn {
        font-size: 12px;
        width: 135px!important;
    }
    .content-card .px-3{
        padding-right: 12px!important;
        padding-left: 12px!important;
    }
    .fa-grip-vertical.px-2{
        padding-right: 6px!important;
        padding-left: 4px!important;
    }
    .card-section-face .card .p-3{
        padding:16px 12px!important;
    }
    .detailPageHeadingElement h5{

        font-size: 14px!important;
    }
    .detailPageContentElement h5{
        font-size: 14px!important;
        font-weight: 600!important;
    }
    .preparationTopSection,
    .ingredientTopSection p,
    .ingredientTopSection h6{
        margin: 0px!important;
        font-size: 14px!important;
    }
    .custon-icon{
        margin-left: 8px!important;
    }
    .main-sleep{
        padding: 10px 8px!important;
    }
    span.text-1{
        font-size: 12px!important;
    }
    span.textTag{
        margin-left: 3px!important;
        display: inline-flex;
        width: 14px!important;
        height: 14px!important;
    }
    .custon-p{
        font-size: 14px!important;
    }
    .custon-icon-2{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 48px!important;
        padding: 6px;
        flex-shrink: 0;
        height: 48px!important;
    }
    .custon-icon-2 .starIcon{
        width: 40px!important;
        height: 41px!important;
    }

    .achieveText{
        font-size: 14px!important;
    }
    .round label{
        left: 0px!important;
    }
    .custon-p-1 {
        margin-bottom: 5px!important;
        font-size: 14px!important;
    }
    .cardsGroup .cardSection .textSection .textSectionTitle {
        font-size: 16px;
        font-weight: 600;
    }
    span.price,
    span.time {

        font-size: 12px;}
    span.price{
        color: #13D022;
        font-weight: 600;
    }
.cardSection{
    padding-left: 8px!important;
    padding-right: 8px!important;
}

    .cardImg{
        width: 36px!important;
        height: 36px!important;
        line-height: 36px!important;
    }
    .cardImg img {
        width: 18px !important;
    }

    .price svg {
        width: 14px !important;
    }
    .card.card-workout{
        padding: 15px 8px!important;
    }
    .card.subCustomCard {
        padding: 10px 5px;

        margin: 0px;
    }
    .placeholderText{
        width:145px ;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
	}
    .px-3.py-2.cardPercentage {
        padding: 10px 12px!important;
    }

}


.custom-modal-content{
    max-height: calc(100vh - 140px) !important;
    overflow: auto;
}
.owl-carousel .card.card-pro p:first-child {
    font-weight: 600;
    font-size: 13px;
}
.owl-carousel .card.card-pro p:last-child {
    font-size: 11px;
}
.owl-carousel .card.card-pro p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.swiper-slide .card.card-pro p:first-child {
    font-weight: 600;
    font-size: 13px;
}
.swiper-slide .card.card-pro p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.swiper-slide .card.card-pro p:last-child {
    font-size: 11px;
}
.alert-success {
    color: #ffffff;
    background-color: #39cd8a;
    border-color: #39cd8a;
    font-size: 15px;
}
.alert-yellow {
    color: #ffffff;
    background-color: #f5c514;
    border-color: #f5c514;
    font-size: 15px;
}
.alert-danger {
    color: #ffffff;
    background-color: #e30b1e;
    border-color: #f8d7da;
    font-size: 15px;
}
.disabled-day {
    pointer-events: none;
    opacity: 0.5;
}
.privacy_policy_content p{
    margin-left: 0 !important;
    margin-right: 0 !important;
}


.nutritionFoodItemName {
    color: #000!important;
}
p.m-0.fs-14 {
    color: #A3ABBB;
}
.article_image_section .image-wrapper img{
    max-height: 50vh;
    width: 100%;
    object-fit: cover;
}
#saveUserName{
    position: absolute;
    right: 5px;
    top: 28px;
    background-color: #13d022;
    color: white!important;
    padding: 0.2rem 0.4rem !important;
}
.v-desc p{
    font-size: 14px;
}
.v-details .v-desc table{
    width: 100% !important;
    font-size: 14px!important;
}
.MsoNormalTable{
    width: 100%;
}
.MsoNormalTable tr h5{
  font-size: 14px;
}
.MsoNormalTable tr td{
    text-align: -moz-center;
    text-align: center;
    font-size: 14px;
}
font {
    font-size: 14px!important;
}
p.MsoNormal {
    font-size: 14px;
}
.modal-body>text-align-center>.sendPopupIcon{
    padding-bottom: 10px;
}
#healthReportModal .modal-header{
    padding-bottom: 0px;
    padding-top: 0px;
}
#healthReportModal .modal-body .text-center.mt-4.mb-4{
   margin-bottom: 0px!important;
}
/*.toast-content-su{*/
/*    background-color: green!important;*/
/*    color: #fff!important;*/
/*    border-radius: 12px!important;*/
/*}*/
a button.sendBtn{
    color:#fff;
}

.faceScanTitle{
    top: -10px!important;
}

a button.btn:hover{
    color:inherit!important;
}

.not-selected-circle{
    border: 1px solid #505765;
    width: 22px;
    height: 22px;
    border-radius: 100%;
    float: right;
}
.btn-close {
    box-sizing: content-box;
    width: 0.7em;
    height: 0.7em;
    padding: .25em .25em;
    color: #000;
    /*background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center / 1em auto no-repeat;*/
    background: transparent url("/assets/img/close-icon.png") center / 0.7em auto no-repeat;
    border: 0;
    border-radius: 50%;
    opacity: 1;
}
.pagination ul{
    align-items: center;
}
.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 1.1em;
}
.modal-content{
    border-radius: 1rem !important;
}