@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');


@font-face {
    font-family: f100;
    src        : url('./assets/fonts/EncodeSansNormal-100.ttf');
}

@font-face {
    font-family: f200;
    src        : url('./assets/fonts/EncodeSansNormal-200.ttf');
}

@font-face {
    font-family: f300;
    src        : url('./assets/fonts/EncodeSansNormal-300.ttf');
}

@font-face {
    font-family: f400;
    src        : url('./assets/fonts/EncodeSansNormal-400.ttf');
}

@font-face {
    font-family: f500;
    src        : url('./assets/fonts/EncodeSansNormal-500.ttf');
}

@font-face {
    font-family: f600;
    src        : url('./assets/fonts/EncodeSansNormal-600.ttf');
}

@font-face {
    font-family: f700;
    src        : url('./assets/fonts/EncodeSansNormal-700.ttf');
}

@font-face {
    font-family: f800;
    src        : url('./assets/fonts/EncodeSansNormal-800.ttf');
}

@font-face {
    font-family: f900;
    src        : url('./assets/fonts/EncodeSansNormal-900.ttf');
}

body,
ul,
ol,
p,
html {
    margin    : 0px;
    list-style: none;
    padding   : 0px;
}

*:focus,
a:hover {
    text-decoration: none;
}

img {
    display  : block;
    max-width: 100%;
}

.positionIntial {
    position: initial;
}

.positionRelative {
    position: relative;
}

@media only screen and (min-width: 1600px) {
    .container {
        max-width: 1440px
    }
}

main {
    /* margin-top: 80px; */
    /* padding-top: 60px; */
}

header {
    display      : flex;
    border-bottom: 1px solid #cccc;
    position     : fixed;
    box-shadow   : 4px 4px 4px 4px #00000008;
    width        : 100%;
    top          : 0;
    z-index      : 9999;
    background   : #fff
}

html {
    font-family                : sans-serif;
    line-height                : 1.15;
    -webkit-text-size-adjust   : 100%;
    -webkit-tap-highlight-color: transparent;
}

@font-face {
    font-family: EncodeSans-Black;
    src        : url('./assets/font/EncodeSans-Black.ttf');
}

@font-face {
    font-family: EncodeSans-Bold;
    src        : url('./assets/font/EncodeSans-Bold.ttf');
}

@font-face {
    font-family: EncodeSans-ExtraBold;
    src        : url('./assets/font/EncodeSans-ExtraBold.ttf');
}

@font-face {
    font-family: EncodeSans-ExtraLight;
    src        : url('./assets/font/EncodeSans-ExtraLight.ttf');
}

@font-face {
    font-family: EncodeSans-Light;
    src        : url('./assets/font/EncodeSans-Light.ttf');
}

@font-face {
    font-family: EncodeSans-Medium;
    src        : url('./assets/font/EncodeSans-Medium.ttf');
}

@font-face {
    font-family: EncodeSans-Regular;
    src        : url('./assets/font/EncodeSans-Regular.ttf');
}

@font-face {
    font-family: EncodeSans-SemiBold;
    src        : url('./assets/font/EncodeSans-SemiBold.ttf');
}

.headerlogoCOntainer {
    padding: 15px 0px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin            : 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

input:focus {
    outline: none;
}

.displayFlex {
    display  : flex;
    flex-wrap: wrap;
}

.alignCenter {
    align-items: center;
}

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

header a {
    color         : rgba(0, 0, 0, 0.4);
    transition    : 0.3s all ease-in-out;
    font-size     : 16px;
    font-weight   : 400;
    display       : flex;
    align-items   : center;
    height        : 100%;
    text-transform: capitalize;
    border-bottom : 2px solid transparent;
}

header a:hover {
    color        : #000;
    transition   : 0.3s all ease-in-out;
    border-bottom: 2px solid #75A9C6;
}

.mainMenu {
    margin-left: auto;
    display    : flex;
}

header li {
    height     : 100%;
    margin-left: 40px;
}

.mainMenu ul {
    height: 100%;
}

.headerlogoCOntainer a:hover,
.headerlogoCOntainer a {
    border: none;
}

.headerlogoCOntainer img {
    max-width : 226px;
    max-height: 53px;
    object-fit: cover;
}

header li.active a {
    color        : #75A9C6;
    transition   : 0.3s all ease-in-out;
    border-bottom: 2px solid #75A9C6;
}

.FixedCOlumnImahge {
    position  : absolute;
    right     : 0px;
    max-width : 55%;
    height    : 100%;
    max-height: 100%;
    overflow  : hidden;
}

.registrationWrapper {
    height: 100vh
}

.heightFull {
    height: 100%;
}

.FixedCOlumnImahge img {
    height         : 100%;
    object-position: bottom;
    object-fit     : cover;
}

.headingForm {
    font-weight   : 700;
    margin-bottom : 50px;
    text-transform: capitalize;
    font-size     : 35px;
}

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

.RadioContainers label {
    display      : block;
    padding      : 10px 20px;
    width        : 100%;
    border       : 1px solid #969696;
    margin-bottom: 15px;
    cursor       : pointer;
    user-select  : none;
    border-radius: 6px;
    position     : relative;
    padding-left : 50px;
    font-size    : 16px;
    font-weight  : 500;
}

.RadioContainers input~label::before {
    content      : "";
    width        : 20px;
    height       : 20px;
    display      : block;
    border       : 4px solid #F4F4F4;
    border-radius: 50%;
    position     : absolute;
    left         : 15px;
    background   : #E6E6E6;
}

.RadioContainers input:checked~label::after {
    content      : "";
    display      : block;
    display      : none;
    width        : 12px;
    height       : 12px;
    background   : #000;
    position     : absolute;
    left         : 19px;
    top          : -3px;
    bottom       : 0;
    margin       : auto;
    border-radius: 50%;
    border       : 2px solid #000;
}

.RadioContainers input:checked~label {
    background: #000;
    color     : #fff;
}

.RadioContainers input:checked~label::before {
    border-color: #ffff;
    border-width: 4px;
    background  : #000;
}

.formCOntainerRegistration {
    width          : 100%;
    display        : flex;
    /* align-items : center; */
    justify-content: center;
    padding-top    : 100px;
}

.formCOntainerRegistration form {
    width: 100%;
}

input[type="file"] {
    display: none;
}

input~label {
    cursor: pointer;
}

.formGroupFull {
    flex: 0 100%;
}

.containerradios label {
    display       : block;
    margin        : 0px;
    text-transform: capitalize;
    font-size     : 13px;
    position      : relative;
    font-weight   : 500;
    margin-bottom : 10px;
    padding-left  : 26px;
    margin-right  : 100px;
}

.containerradios input~label::before {
    content      : "";
    display      : block;
    width        : 15px;
    height       : 15px;
    border       : 2px solid #F4F4F4;
    border-radius: 50%;
    position     : absolute;
    left         : 0px;
    top          : 0;
    margin       : auto;
    bottom       : 0;
    background   : #E6E6E6;
}

.containerradios {
    margin-right: 50px;
}

.containerradios input:checked~label::before {
    background  : #75A9C6;
    border-width: 3px;
}

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

.daysName {
    background     : #f7f7f7;
    min-width      : 90px;
    text-align     : center;
    color          : #000;
    margin-right   : 20px;
    font-size      : 14px;
    font-weight    : 400;
    min-height     : 50px;
    display        : flex;
    align-items    : center;
    border-radius  : 5px;
    justify-content: center;
}

.inputTypeDays input {
    border    : none;
    height    : 40px;
    padding   : 0px 20px;
    text-align: center;
    font-size : 12px;
    width     : 100%;
}

.inputTypeDays {
    border     : 1px solid #E0E0E0;
    position   : relative;
    max-width  : 40%;
    display    : flex;
    align-items: center;
}

.inputTypeDays::before {
    content   : "";
    display   : block;
    width     : 1px;
    height    : 60%;
    margin    : auto;
    top       : 0;
    bottom    : 0;
    left      : 0;
    right     : 0;
    background: #E0E0E0;
    position  : absolute;
    opacity   : 1;
}

.daysName.active {
    background: #68aefb;
    color     : #fff;
}

.daysName.editSelected {
    background: #378CE8;
    color     : #fff;
}

.formfinshed {
    margin-top: 50px;
}

.listCOntainer {
    margin-top   : 40px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 40px;
}

.listingTabs {
    padding    : 0px;
    display    : flex;
    align-items: center;
}

.listingTabs li {
    padding-left : 15px;
    padding-right: 15px;
}

.listingTabs li {
    padding-bottom: 14px;
    text-transform: capitalize;
    font-size     : 18px;
    font-weight   : 400;
    color         : rgba(0, 0, 0, 0.3);
    cursor        : pointer;
    user-select   : none;
    position      : relative;
    border-bottom : 2px solid transparent;
}

.listingTabs li.active {
    border-bottom: 4px solid #75A9C6;
    color        : #000;
}

.sortingMapVIew {
    user-select: none;
    margin-left: auto;
}

.sortingMapVIew select {
    min-width     : 110px;
    font-size     : 14px;
    min-height    : 40px;
    padding-left  : 6px;
    border-radius : 5px;
    text-transform: capitalize;
    margin-left   : 20px;
    border        : 1px solid #969696;
    border-radius : 3px;
    padding       : 0px 12px;
}

.sortingMapVIew span {
    min-width      : 100px;
    font-size      : 14px;
    min-height     : 40px;
    padding-left   : 6px;
    text-transform : capitalize;
    margin-left    : 20px;
    border         : 1px solid #cccc;
    display        : flex;
    align-items    : center;
    justify-content: center;
    width          : auto;
    border-radius  : 5px;
    padding        : 0px 20px;
}

.sortingMapVIew .active {
    border-color: #75A9C6;
    background  : #F5FDFF;
}

.filterbY span {
    margin-right: 20px;
    font-family : EncodeSans-Regular;
    font-size   : 16px;
    display     : flex;
    align-items : center;
    font-weight : 400;
}

.filterbY select {
    margin-right  : 20px;
    font-size     : 12px;
    text-transform: capitalize;
    min-height    : 40px;
    padding       : 0px 40px 0px 10px;
    border        : 1px solid #ccc;
    border-radius : 3px;
    font-weight   : 500;
}

.filterbY input {
    margin-right  : 20px;
    background    : none;
    font-size     : 12px;
    text-transform: capitalize;
    min-height    : 40px;
    padding       : 0px 40px 0px 40px;
    border        : 1px solid #ccc;
    border-radius : 3px;
    width         : 100%;
}

.starscontainerreview i {
    color: #C8C8C8;
}

.starscontainerreview i.checked {
    color: orange;
}

.imageContainerBOx {
    min-height: 170px;
    max-width : 100%;
    background: #f1f1f1;
    max-height: 170px;
    overflow  : hidden;
}

.imageContainerBOx img {
    width             : 100%;
    object-fit        : cover;
}

.innerCOntainerBox {
    background: #fff;
    box-shadow: 0px 9px 26px -10px #cccc;
    padding   : 10px 20px;
}

.boxContainer {
    margin-bottom: 36px;
}

.cateogryTrainer {
    font-size     : 15px;
    text-transform: capitalize;
    font-weight   : 300;
    display       : block;
    margin-bottom : 13px;
    font-style    : normal;
}

.innerCOntainerBox h6 {
    font-size      : 24px;
    text-transform : capitalize;
    font-weight    : 400;
    display        : flex;
    align-items    : center;
    justify-content: space-between;
    margin-bottom  : 14px;
    padding-right  : 20px;
    position       : relative;

}

.sortingMapVIew span img {
    margin-right: 10px;
}

.addressTrainee {
    font-size    : 13px;
    font-weight  : 400;
    color        : rgba(0, 0, 0, 0.8);
    margin-bottom: 10px;
    line-height  : normal;
}

.startchecekr {
    font-size    : 14px;
    margin-bottom: 10px;
}

.startchecekr .numberogReview {
    font-size  : 14px;
    display    : inline-block;
    margin-left: 4px;
    font-weight: 400;
    color      : #000;
}

.startchecekr span {
    color: #f5f5f5;
}

.startchecekr .checked {
    color: orange;
}

.innerCOntainerBox h6 .active {
    display      : inline-block;
    width        : 10px;
    height       : 10px;
    background   : #75A9C6;
    border-radius: 50%;
    position     : absolute;
    right        : 0px;
}

.innerCOntainerBox a {
    transition     : 0.3s all;
    display        : flex;
    width          : 100%;
    align-items    : center;
    justify-content: center;
    min-height     : 50px;
    background     : #4671C6;
    color          : #fff;
    border         : 2px solid;
    border-radius  : 5px;
    font-size      : 15px;
    text-transform : capitalize;
    font-weight    : 400;
    margin         : 20px 0px 0px;
}

.innerCOntainerBox a:hover {
    color       : #4671C6;
    border-color: #4671C6;
    background  : none;
}

.porductCpntainer {
    margin: 40px -15px;
}

.ImageBannerCOntainer {
    min-height: 500px;
    background: #ffff;
    max-height: 500px;
    overflow  : hidden;
}

.ImageBannerCOntainer img {
    width     : 100%;
    object-fit: cover;
}

.mainCOntainertop {
    margin-top: -100px;
    z-index   : 9;
    position  : relative;
}

.mainCOntainertop .container {
    background                : #fff;
    border-radius             : 20px;
    padding                   : 20px 40px;
    border-bottom-left-radius : 0px;
    border-bottom-right-radius: 0px;
}

.BUtton {
    display    : flex;
    align-items: center;
    flex-wrap  : wrap;
}

.BUtton a {
    flex           : 0 100%;
    justify-content: center;
    min-height     : 50px;
    display        : flex;
    align-items    : center;
    color          : #fff;
    background     : #378CE8;
    border-radius  : 3px;
    border         : 1px solid #378CE8;
    transition     : 0.3s all;
}

.BUtton a:hover {
    color       : #378CE8;
    border-color: #378CE8;
    background  : none;
}

.startsRating {
    margin-left: 23px;
    font-size  : 14px;
}

.BUtton span {
    text-align     : right;
    display        : flex;
    align-items    : flex-end;
    flex           : 0 100%;
    justify-content: flex-end;
    margin         : 10px 0px 0px;
    color          : #75A9C6;
    font-size      : 15px;
    font-weight    : 500;
    user-select    : none;
}

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


.cols1 {
    display    : flex;
    align-items: center;
    font-size  : 13px;
}

.cols2 {
    display        : flex;
    align-items    : center;
    justify-content: space-between;
    font-size      : 13px;
    color          : #000;
}

.cols2 a {
    color: #000;
}

.cols2 i {
    margin-right: 9px;
}

.cols1 p {
    padding       : 0px 30px;
    text-transform: capitalize;
}

.cols1 p:not(:last-child) {
    border-right: 1px solid #cccc;
}

.cols1 p:first-child {
    padding-left: 0px;
}

.ReviewContainerelist p {
    font-size  : 14px;
    line-height: 20px;
    font-weight: 100;
    margin-top : 15px;
}

.ReviewContainerelist {
    max-width: 80%;
}

.starchecker {
    width    : fit-content;
    width    : -moz-fit-content;
    width    : -o-fit-content;
    width    : -webkit-fit-content;
    margin   : 10px 0px;
    font-size: 14px;
}

.startsw {
    margin-right: 50px;
    /* font-size: 13px; */
}

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

.ReviewContainerelist li {
    margin-bottom: 30px;
}

.dateOfReview {
    /* font-size: 12px; */
    color: rgba(0, 0, 0, 0.4);
}

.ImageAvatarCOntainer img {
    width             : 50px;
    height            : 50px;
    border-radius     : 50%;
    display           : block;
    overflow          : hidden;
    object-fit        : cover;
    /* display        : flex; */
    /* align-items    : center; */
    /* justify-content: center; */
}

.nameReviewer {
    font-size     : 15px;
    text-transform: capitalize;
    margin-left   : 10px;
    font-weight   : 500;
}

.nameReviewer span {
    display    : block;
    font-size  : 12px;
    color      : rgba(0, 0, 0, 0.3);
    font-weight: 400;
}

.ReviewOnCOachProfile h2 {
    font-size     : 25px;
    text-transform: capitalize;
    font-weight   : 400;
    /* margin     : 40px 0px; */
    margin-bottom : 30px;
}

.ReviewOnCOachProfile {
    margin: 40px 0px;
}


ul.submenu {
    position  : absolute;
    z-index   : 999;
    background: #131512;
    display   : none;
    padding   : 0px;
    height    : fit-content;
    height    : -moz-fit-content;
    height    : -o-fit-content;
    height    : -webkit-fit-content;
    right     : 0px;
    min-width : 100%;
    padding   : 25px;
}

ul.submenu li {
    padding      : 0px;
    margin       : 0;
    margin-bottom: 15px;
    height       : fit-content;
    height       : -moz-fit-content;
    height       : -o-fit-content;
    height       : -webkit-fit-content;
}

header li {
    position: relative;
}

ul.submenu li:last-child {
    margin-bottom: 0px;
}

ul.submenu a {
    color : #fff;
    border: none !important;
}

header li.hasChildren.active span::before {
    transform   : rotate(225deg);
    top         : 7px;
    border-color: #fff;
    transition  : 0.3s all;
}

header li.hasChildren.active ul li a {
    color: #fff;
}

header li.hasChildren.active ul li a:hover {
    color: #75A9C6;
}

header li.hasChildren {
    padding    : 0px 20px;
    margin-left: 20px;
}

header li.hasChildren.active {
    background: #131512;
}

.rows1 {
    border-bottom : 1px solid #ccc;
    padding-bottom: 20px;
    align-items   : center;
}

.circleActive {
    position     : relative;
    width        : 10px;
    height       : 10px;
    background   : #75A9C6;
    display      : block;
    display      : inline-block;
    margin-left  : 30px;
    border-radius: 50%;
}
.joined {
    color: #75A9C6;
}

.invited {
    color: #A1A1A1;
}

.bookingSuccessfull .modal-body {
    padding      : 28px 40px;
    border-radius: 20px;
}

.bookingSuccessfull .modal-content {
    border-radius: 15px;
}

.bookingSuccessfull p {
    width      : 100%;
    text-align : center;
    font-size  : 12px;
    font-weight: 100;
}

.bookingSuccessfull .modal-dialog {
    max-width: 349px;
}

.bookingSuccessfull h6 {
    font-size     : 20px;
    font-weight   : 400;
    text-align    : center;
    text-transform: capitalize;
    color         : #75A9C6;
}

.bookingSuccessfull a {
    position       : relative;
    display        : flex;
    align-items    : center;
    justify-content: center;
    min-height     : 40px;
    background     : #75A9C6;
    color          : #fff;
    text-transform : capitalize;
    font-size      : 12px;
    margin         : 40px 0px 0px;
}

.timetogo {
    flex       : 0 100%;
    margin-left: 73px;
    font-size  : 14px;
    color      : rgba(0, 0, 0, 0.4);
    margin-top : -28px;
}

.notifitation {
    font-size  : 18px;
    font-weight: 400;
}

.submenu {
    position  : absolute;
    width     : 100%;
    background: #fff;
    padding   : 0px;
    right     : 0px;
    min-width : 390px;
    top       : 100%;
    padding   : 0px 10px;
}

.submenu li {
    padding: 0px;
    margin : 0px;
}

ul.notificationMenu .imageCOntaienrdropdownnotifcation {
    /* width: 20px; */
    height       : 20px;
    display      : block;
    border-radius: 50%;
    border       : 1px solid #cccc;
    flex         : 0 10%;
    height       : 33px;
}

ul.notificationMenu li {
    display    : flex;
    align-items: flex-start;
    flex-wrap  : wrap;
    /* width   : 90%; */
}

.mesegesubmenu {
    font-size    : 13px;
    line-height  : normal;
    font-weight  : 400;
    padding-right: 30px;
}

.conten {
    margin-left: 11px;
    flex       : 0 80%;
}

.timingsubmenu {
    font-size  : 10px;
    display    : block;
    color      : rgba(0, 0, 0, 0.2);
    font-weight: 400;
}

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

.headingnotification {
    font-size     : 14px;
    text-transform: capitalize;
}

.headignmenuNotfication {
    padding-bottom: 10px;
    margin-bottom : 10px;
    border-bottom : 1px solid #cccc;
}

.headignmenuNotfication a {
    margin-left: auto;
    color      : #75A9C6;
}

.submenu {
    display: none;
}

div#writeAreview h6 {
    text-align    : center;
    font-size     : 20px;
    font-weight   : 400;
    font-family   : EncodeSans-Medium;
    text-transform: capitalize;
    margin        : 0px;
}

div#writeAreview textarea {
    width        : 100%;
    min-height   : 130px;
    resize       : none;
    border       : 1px solid #cccc;
    padding      : 10px;
    font-size    : 12px;
    border-radius: 0px;
}

div#writeAreview input[type="submit"] {
    margin         : auto;
    display        : flex;
    align-items    : center;
    justify-content: center;
    min-width      : 110px;
    background     : #378CE8;
    border         : 2px solid #378CE8;
    color          : #fff;
    font-size      : 12px;
    text-transform : capitalize;
    min-height     : 40px;
    border-radius  : 5px;
    margin         : 20px auto 0px;
}

.starscontainerreview {
    width        : fit-content;
    margin       : auto;
    background   : #F0F0F0;
    padding      : 4px 20px;
    border-radius: 30px;
    margin       : 23px auto;
}

div#writeAreview form {
    width : 90%;
    margin: auto;
}

div#cancelBooking {
    text-align: center;
}

div#cancelBooking h2 {
    font-weight   : 400;
    text-transform: capitalize;
}

div#cancelBooking h6 {
    font-size     : 22px;
    margin-bottom : 20px;
    text-transform: capitalize;
    font-family   : EncodeSans-Medium;
    font-weight   : 400;
}

div#cancelBooking .modal-body {
    padding: 40px;
}

div#cancelBooking p {
    font-size    : 14px;
    line-height  : 25px;
    margin-bottom: 20px;
}

.buttoncanceltaion {
    display        : flex;
    align-items    : center;
    justify-content: center;
    /* width       : fit-content; */
    /* padding     : 0px 30px; */
    text-align     : center;
}

.buttoncanceltaion a {
    width          : fit-content;
    padding        : 10px 30px;
    display        : flex;
    align-items    : center;
    justify-content: center;
    /* background  : red; */
    margin-right   : 20xpx;
}

a.cancelAgrrmeent {
    background    : orange;
    color         : #fff;
    text-transform: capitalize;
    font-size     : 12px;
}

a.canclBUtton {
    background    : #ffa5003d;
    font-size     : 12px;
    text-transform: capitalize;
    color         : #000;
    margin-left   : 10px;
}

div#cancelBooking .close {
    position: absolute;
    top     : 10px;
    right   : 30px;
    color   : red;
    opacity : 1;
}

.MembersPage-19 li {
    display      : flex;
    align-items  : center;
    font-size    : 17px;
    font-weight  : 400;
    margin-bottom: 20px;
}

.MembersPage-19 li img {
    width       : 50px;
    height      : 50px;
    object-fit  : cover;
    margin-right: 15px;
}

.MembersPage-19 h6 {
    padding      : 30px 0px;
    border-bottom: 1px solid #cccc;
    font-size    : 20px;
    font-weight  : 400;
    margin-bottom: 40px;
}

.TabProfile ul {
    display: block;
    border : none;
}

.TabProfile .nav-tabs .nav-link {
    border        : none;
    color         : rgba(0, 0, 0, 0.4);
    font-size     : 14px;
    text-transform: capitalize;
    font-weight   : 400;
}

.TabProfile li.nav-item {
    border       : none;
    margin-bottom: 10px;
}

.TabProfile .nav-tabs .nav-link.active {
    background : #cccccc4d;
    color      : #000;
    font-weight: 500;
}

.TabProfile {
    padding: 40px 0px;
}

.formGroupFull h6 {
    text-transform: capitalize;
    margin-bottom : 20px;
}

.fileUploaderImage {
    display           : flex;
    align-items       : center;
    /* justify-content: center; */
    margin            : 20px 0px;
}

.fileUploaderImage laebl {
    display: block;
}

.fileUploaderImage span {
    display       : block;
    font-size     : 12px;
    color         : #B9B9B9;
    font-weight   : 400;
    text-transform: capitalize;
}

.fileUploaderImage label span strong {
    font-size     : 11px;
    font-weight   : 500;
    color         : #000;
    text-transform: none;
}

.fileUploaderImage label strong {
    font-size     : 16px;
    text-transform: capitalize;
    font-weight   : 500;
    margin-bottom : 10px;
}

.fileUploaderImage label>strong {
    display: block;
}

.fileUploaderImage label {
    margin-left: 30px;
}

.Form textarea {
    width     : 70%;
    flex      : 0 100%;
    min-height: 188px;
    resize    : none;
    border    : 1px solid #969696;
    padding   : 10px 20px;
}

.formGroupFull label {
    display       : block;
    margin        : 0px;
    text-transform: capitalize;
    font-weight   : 400;
    margin-bottom : 10px;
}

.Form textarea::placeholder {
    color: rgba(0, 0, 0, 0.4);
}

.lightBg {
    background     : #EEEEEE;
    width          : 46px;
    display        : inline-block;
    height         : 46px;
    display        : flex;
    align-items    : center;
    justify-content: center;
    font-size      : 20px;
    font-weight    : 700;
    border-radius  : 50%;
}

.addMOre {
    display    : flex;
    align-items: center;
    margin     : 30px 0px 0px;
}

.textAdd {
    margin-left: 20px;
    font-size  : 18px;
    font-weight: 500;
}

.imageContainerBOx {
    position: relative;
}

.totalNoMembers:hover {
    color     : #fff;
    background: #75A9C6;
    transition: 0.3s all ease-in-out;
}

.totalNoMembers {
    position     : absolute;
    z-index      : 2;
    transition   : 0.3s all ease-in-out;
    background   : red;
    right        : 15px;
    bottom       : 15px;
    cursor       : pointer;
    user-select  : none;
    background   : #fff;
    font-size    : 12px;
    color        : #75A9C6;
    font-weight  : 500;
    padding      : 5px 20px;
    border-radius: 40px;
}

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

.cateogryTrainer img {
    margin-right: 10px;
}

.customer {
    display: flex;
}

.customer .col-md-6 {
    padding  : 0px;
    /* margin: 0px; */
}

.customer .row {
    margin: 0;
}

.fa-envelope,
.fa-map-marker {
    color: #378CE8;
}

.fa-phone {
    color: #75A9C6;
}

.BookNowbutton {
    display        : flex;
    align-items    : center;
    justify-content: space-between;
    max-width      : 80%;
    margin-bottom  : 50px;
}

.BookNowbutton a:hover {
    color       : #378CE8;
    background  : none;
    border-color: #378CE8;
}

.BookNowbutton a {
    min-width      : 169px;
    transition     : 0.3s all ease-in-out;
    background     : #378CE8;
    color          : #fff;
    border         : 2px solid #378CE8;
    justify-content: center;
    display        : flex;
    align-items    : center;
    min-height     : 59px;
    border-radius  : 6px;
}

.TextBookeding {
    color      : #75A9C6;
    font-size  : 25px;
    font-weight: 400;
}

.customer {
    margin-bottom: 80px;
}

.tabsContainersigle nav a {
    color      : #000000;
    opacity    : 0.3;
    font-weight: 500;
    font-size  : 18px;
}

.tabsContainersigle a.active {
    color       : #000;
    opacity     : 1;
    border      : none;
    position    : relative;
    /* font-size: 30px; */
}

.tabsContainersigle a.active::after {
    content   : "";
    display   : block;
    width     : 100%;
    height    : 3px;
    background: #75A9C6;
    position  : absolute;
    bottom    : 0px;
    left      : 0px;
}

.subHJeading {
    color        : #2D2D2D;
    opacity      : 0.41;
    font-weight  : 400;
    margin-bottom: 30px;
}

div#nav-tabContent {}

.tabsContainersigle #nav-tabContent {
    padding: 30px 0px;
}

.headings {
    font-size    : 20px;
    font-weight  : 400;
    color        : #000000;
    margin-bottom: 20px;
}

.tabsContainersigle p {
    margin-bottom: 30px;
    color        : rgba(0, 0, 0, 0.6);
    width        : 90%;
}

.tabsContainersigle p.displayFlex.flows span {
    color      : rgba(45, 45, 45, 0.6);
    font-family: EncodeSans-Medium;
}

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

.bigger {
    color    : #000000;
    font-size: 18px;
}

.small {}

.columns .small {
    color      : #75A9C6;
    display    : inline-block;
    margin-left: 0px;
    font-family: EncodeSans-Medium;
    font-size  : 16px;
}

p.displayFlex.flows {
    display        : flex;
    align-items    : center;
    justify-content: space-between;
    flex-wrap      : wrap;
    width          : 100%;
}

.columns:nth-child(even) {
    margin: 0px 100px;
}

.columns {
    min-width    : 20%;
    border-bottom: 1px solid #cccc;
}

.Gyms {
    width: 100%;
}

.yorRbooked {
    color        : #75A9C6;
    font-size    : 34px;
    display      : block;
}

.column1Info {
    display    : flex;
    align-items: center;
    margin-right: 50px;
}

.smallTYetx {
    font-size: 20px;
    margin   : 0px;
}

.smallTYetx span {
    font-size: 14px;
}

.infocontainerMore h2 {
    font-size     : 40px;
    text-transform: capitalize;
    font-weight   : 400;
    line-height   : normal;
    margin        : 10px 0px;
}

.infocontainerMore .startsRating {
    margin: 0px;
}

.page17 {
    display       : flex;
    flex-wrap     : wrap;
    border-bottom : 1px solid #dededecc;
    margin-bottom : 10px;
}

h2 span.active {
    width        : 10px;
    height       : 10px;
    display      : block;
    background   : #75A9C6;
    border-radius: 50%;
    position     : absolute;
    right        : -30px;
    top          : 0;
    bottom       : 0px;
    margin       : auto;
}

.infocontainerMore h2 {
    position: relative;
}

img.modlaimgae {
    margin       : auto;
    margin-bottom: 30px;
}

/*media*/

@media only screen and (max-width: 1500px) {

    .customer {
        flex-wrap: wrap;
    }
}

div#Plans {
    /*height: 100vh;*/
    display        : flex;
    align-items    : center;
    justify-content: center;
}

.boxContainerPlan {
    text-align     : center;
    justify-content: center;
}

.paName:hover {
    background: #75A9C6;
    color     : #fff;
    cursor    : pointer;
    transition: 0.3s all ease-in-out;
}

.paName {
    min-width      : 182px;
    min-height     : 45px;
    border         : 2px solid #75A9C6;
    display        : flex;
    align-items    : center;
    justify-content: center;
    font-size      : 20px;
    text-transform : uppercase;
    font-weight    : 300;
    color          : #75A9C6;
    width          : fit-content;
    width          : -webkit-fit-content;
    width          : -moz-fit-content;
    width          : -o-fit-content;
    margin         : auto;
    margin-bottom  : 40px;
    letter-spacing : 3px;
}

.packge li.active a {
    color: #75A9C6;
}

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

.packge a {
    font-size     : 18px;
    text-transform: capitalize;
    color         : #161616;
}

.packge li {
    padding-bottom: 20px;
}

.packge li.active a {
    position: relative;
}

.packge li.active a::before {
    content      : "";
    width        : 6px;
    height       : 6px;
    background   : #75A9C6;
    display      : block;
    position     : absolute;
    bottom       : -13px;
    left         : 0;
    right        : 0;
    margin       : auto;
    border-radius: 50%;
}

.boxContainerPlan h2 {
    font-size    : 40px;
    font-weight  : 400;
    margin-bottom: 6px;
    line-height  : normal;
    font-family  : EncodeSans-Medium;
}

.startingat {
    font-size     : 18px;
    text-transform: capitalize;
    font-weight   : 600;
    color         : #000;
}

.listPlabs li {
    padding     : 19px 0px;
    border      : 1px solid #D8D8D8;
    border-left : 0;
    border-right: 0;
    font-size   : 18px;
}

.listPlabs {
    margin-top   : 20px;
    margin-bottom: 30px;
}

.Addmores {
    display        : flex;
    align-items    : center;
    justify-content: center;
    width          : fit-content;
    margin         : auto;
    border         : 1px solid #FAA521;
    min-height     : 55px;
    margin-bottom  : 40px;
    padding        : 0px 20px;
    font-size      : 15px;
    color          : #000;
    background     : none;
    opacity        : 1;
}

.boxContainerPlan {
    box-shadow   : 0px 0px 27px -3px #cccc;
    padding      : 30px 10px;
    border-radius: 10px;
}

.TabProfile .nav-tabs .nav-link {
    padding: 15px 20px;
}

a.upgardePlan {
    background    : #F7B500;
    color         : #fff;
    font-size     : 16px;
    text-transform: capitalize;
    min-height    : 45px;
    min-width     : 200px;
    margin-bottom : 10px;
}

a.cancelMemberShip {
    border    : 1px solid #C0C0C0;
    min-height: 45px;
}

.monthlyoryearly {
    border        : 1px solid #FAA521;
    font-size     : 10px;
    padding       : 5px 19px;
    border-radius : 40px;
    font-weight   : 400;
    text-transform: capitalize;
    margin-left   : 10px;
    display       : inline-block;
}

.currentPlan {
    font-size     : 12px;
    color         : #000;
    opacity       : 0.4;
    text-transform: capitalize;
    margin-bottom : 10px;
    display       : block;
}

.salarypermonth {
    font-size    : 17px;
    color        : #378CE8;
    margin-bottom: 20px;
}

.totalpermonth {
    opacity: 0.4;
    color  : #000;
}

.contentledt h3 {
    font-size  : 36px;
    font-weight: 400;
}

.payementMEthods span {
    color         : rgba(24, 24, 24, 0.4);
    font-size     : 12px;
    text-transform: capitalize;
    margin-bottom : 10px;
}

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

.payementImage {
    width       : 30px;
    margin-right: 10px;
    height      : 20px;
}

.payementMEthods .CardNumber {
    color        : #000;
    margin-bottom: 0px;
    font-size    : 14px;
    font-weight  : 400;
}

.Lockers {
    width : 12px;
    height: 14px;
}

.lightHeadings {
    font-size     : 24px;
    flex          : 0 100%;
    border-bottom : 1px solid #cccc;
    padding-bottom: 20px;
    margin-bottom : 30px;
    margin-top    : 50px;
    font-weight   : 400;
}

span.naems {
    color       : #000;
    font-size   : 15px;
    margin-right: 50px;
}

#noPad {
    padding: 0px;
}

main.pageId-01 {
    overflow: hidden;
    height  : 90vh;
}

.inputlabelsearc {
    position: relative;
}

.inputlabelsearc label {
    position: absolute;
    left    : 11px;
    top     : 10px;
}

.filterbY select {
    flex: 0 25%;
}

.filterbY {
    flex: 0 60%;
}

.inputlabelsearc {
    width: 27%;
}

.row.rows1 {
    margin       : 0px;
    margin-bottom: 30px;
}

.cols2 a {
    font-size: 15px;
}

.bookingCoach.row {
    margin: 0;
}

.bookingCoach.row .col-md-6:nth-child(2) {
    padding-right: 0px;
}

.quranter {
    margin-bottom: 20px;
}

















@media only screen and (min-width: 800px) and (max-width: 1024px) {

    div#Plans .col {
        max-width: 33%
    }



}










@media only screen and (max-width: 1024px) {
    .row.porductCpntainer {
        display: block;
    }

    .row.porductCpntainer .col-md-3 {
        max-width: 70%;
        margin   : auto;
    }

    .sortingMapVIew {
        margin-left: 0px;
        margin-top : 30px;
        width      : 100%;
    }

    .sortingMapVIew .active {
        margin-left: 0px
    }

    #burgerIcon {
        width            : 25px;
        height           : 20px;
        position         : relative;
        margin           : auto;
        -webkit-transform: rotate(0deg);
        transform        : rotate(0deg);
        transition       : .5s ease-in-out;
        cursor           : pointer;
        position         : absolute;
        top              : 10px;
        right            : 40px;
        position         : fixed;
        margin-right     : 0;
        top              : 40px;
    }

    #burgerIcon {
        overflow: hidden;
    }

    #burgerIcon span {
        display          : block;
        position         : absolute;
        height           : 2px;
        width            : 100%;
        background       : #444;
        border-radius    : 2px;
        opacity          : 1;
        left             : 0;
        -webkit-transform: rotate(0deg);
        transform        : rotate(0deg);
        transition       : .25s ease-in-out;
    }

    #burgerIcon span:nth-child(1) {
        top: 0;
    }

    #burgerIcon span:nth-child(2),
    #burgerIcon span:nth-child(3) {
        top: 6px;
    }

    #burgerIcon span:nth-child(4) {
        top: 12px;
    }

    #burgerIcon span:nth-child(5) {
        top: 18px;
    }

    .rotate_45 {
        transform: rotate(48deg) !important;
        top      : 11px !important;
        left     : 1px !important;
        width    : 100% !important;
    }

    .rotate_minus_45 {
        transform: rotate(-48deg) !important;
        top      : 9px !important;
        left     : 1px !important;
        width    : 90% !important;
    }

    .mainMenu ul {
        display: block;
        width  : 100%;
        height : fit-content;
    }

    .mainMenu {
        width     : 100%;
        margin-top: 54px;
        background: #ffff;
        z-index   : 9;
        position  : absolute;
        left      : 0px;
        right     : 0;
        display   : none;
        padding   : 20px 0px;
    }

    header li {
        margin: 0px;
    }

    header a {
        font-size: 14px;
        padding  : 10px;
        margin   : 0px 20px;
    }

    header li.hasChildren {
        padding: 0px;
        margin : 0px;
    }

    main {
        padding   : 0px;
        margin-top: 80px;
    }

    .TabProfile {
        padding-top: 0px;
    }

    .mainMenu ul.submenu {
        position         : relative;
        /* overflow      : auto; */
        max-height       : 200px;
        margin-bottom    : 50px;
        /* padding-bottom: 110px; */
        overflow         : auto;
        min-height       : fit-content;
        height           : fit-content;
    }

    header li.hasChildren {
        overflow: auto;
    }

    ul.submenu li {
        height: fit-content;
    }

    .submenu {
        position : relative;
        min-width: 100%;
        width    : 100%;
        height   : 200px;
        overflow : auto;
    }

    .headignmenuNotfication {
        padding: 0px;
    }

    .mesegesubmenu {
        font-size  : 10px;
        line-height: normal;
    }

    ul.notificationMenu li {
        align-items: center;
        height     : fit-content;
    }

    .mainMenu ul.notificationMenu {
        overflow: auto;
        height  : 80%;
        padding : 20px 0px;
    }

    ul.submenu a {
        padding: 0px;
    }

    .infocontainerMore h2 {
        position     : relative;
        width        : fit-content;
        margin       : auto;
        margin-bottom: 20px;
    }

    .headerlogoCOntainer a:hover,
    .headerlogoCOntainer a {
        margin: 0px;
    }

    header .container {
        margin: 0;
    }

    header {
        position  : relative;
        box-shadow: none;
    }


    .view-sorting {
        margin: 40px 0px 0px;
    }
}

/*media*/

@media only screen and (max-width: 767px) {
    .mobile-div {
        position        : absolute;
        top             : 42px;
        right           : 10px;
        width           : 20px;
        height          : 20px;
        background-color: #75a9c6;
        border-radius   : 50%;
        display         : inline-flex;
        align-items     : center;
        justify-content : center;
        color           : #fff;
        margin-left     : 5px;
    }

    header {
        display : block;
        position: fixed;
        height  : 54px;
    }

    .row.porductCpntainer .col-md-3 {
        max-width: 100%
    }

    .Form textarea {
        margin-left: 0px;
        width      : 100%;
    }

    .formGroup label,
    .formGroupFull h6 {
        text-align: left;
    }

    .mainMenu {
        display: none;
    }

    .headerlogoCOntainer img {
        position: absolute;
        left    : 10px;
        top     : 10px;
        width   : 120px;
    }

    .formGroupsContainer {
        width: 100%;
    }

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

    .FixedCOlumnImahge {
        display: none;
    }

    .RadioContainers label {
        font-size: 14px;
    }

    .daysName {
        flex: 0 30%;
    }

    .inputTypeDays {
        flex     : 0 60%;
        max-width: 100%;
    }

    .customrow {
        display: block;
    }

    .filterbY {
        display      : block;
        margin-bottom: 20px;
    }

    .filterbY select {
        width        : 100%;
        margin-bottom: 20px;
    }

    .inputlabelsearc {
        width: 100%;
    }

    .sortingMapVIew span {
        width : 45%;
        margin: 0px;
    }

    .sortingMapVIew select {
        width: 48%;
    }

    .imageContainerBOx {
        min-height: 220px;
    }

    .boxContainer {
        max-width    : 100%;
        margin       : auto;
        margin-bottom: 36px;
    }

    .cateogryTrainer {
        font-size    : 12px;
        margin-bottom: 5px;
    }

    .innerCOntainerBox h6 {
        font-size: 20px;
    }

    .innerCOntainerBox {
        padding: 30px 20px;
    }

    .cutsomRow {
        display: block;
    }

    .cols1 {
        display: block;
    }

    .cols1 p {
        text-align   : center;
        margin-bottom: 10px;
        border       : none;
    }

    .cols2 {
        display   : block;
        text-align: center;
    }

    .cols1 p:first-child {
        padding: 0;
        border : navajowhite;
    }

    .BUtton span {
        text-align: center;
        display   : block;
    }

    .ReviewContainerelist {
        max-width: 100%;
    }

    .ReviewContainerelist p {
        font-size  : 14px;
        line-height: 24px;
    }

    .ImageBannerCOntainer {
        min-height: 300px;
    }

    .ImageBannerCOntainer img {
        height    : 100%;
        width     : 100%;
        object-fit: cover;
        width     : auto;
    }

    .mainCOntainertop {
        padding: 0px 10px;
    }

    .mainCOntainertop .container {
        padding: 20px;
    }

    .phoneno {
        text-align: center;
    }

    .bookingSuccessfull .modal-dialog {
        max-width: 78%;
        margin   : auto;
    }

    .notifitation {
        flex     : 0 65%;
        font-size: 14px;
    }

    .timetogo {
        margin-top : 0px;
        margin-left: 46px;
        font-size  : 12px;
    }

    .tabsContainersigle p {
        width      : 100%;
        font-size  : 14px;
        line-height: 22px;
    }

    .headings {
        font-size: 18px;
    }

    .BookNowbutton {
        display: block;
    }

    .BookNowbutton {
        width        : 100%;
        max-width    : 100%;
        margin-bottom: 20px;
    }

    .BookNowbutton a {
        margin    : 20px 0px 0px;
        display   : flex;
        min-height: 50px;
        width     : 70%;
        margin    : 20px auto 0px;
    }

    .TextBookeding {
        font-size: 15px;
    }

    .columns.displayFlex {
        display: block;
    }

    .quranter {
        display: block;
    }

    .columns:nth-child(even) {
        margin: 20px 0px;
    }

    .startsRating {
        justify-content: center;
    }

    .column1Info {
        margin-right: 0px;
        display: block;
        width  : 100%;
    }

    .ImaageContainer {
        margin       : auto;
        margin-bottom: 10px;
    }

    .infocontainerMore {
        text-align: center;
    }

    h2 span.active {
        position: absolute;
        right   : -30px;
        top     : 15px;
    }

    #burgerIcon {
        width            : 25px;
        height           : 20px;
        position         : relative;
        margin           : auto;
        -webkit-transform: rotate(0deg);
        transform        : rotate(0deg);
        transition       : .5s ease-in-out;
        cursor           : pointer;
        position         : absolute;
        top              : 10px;
        right            : 10px;
        position         : fixed;
        margin-right     : 0;
    }

    #burgerIcon {
        overflow: hidden;
    }

    #burgerIcon span {
        display          : block;
        position         : absolute;
        height           : 2px;
        width            : 100%;
        background       : #444;
        border-radius    : 2px;
        opacity          : 1;
        left             : 0;
        -webkit-transform: rotate(0deg);
        transform        : rotate(0deg);
        transition       : .25s ease-in-out;
    }

    #burgerIcon span:nth-child(1) {
        top: 0;
    }

    #burgerIcon span:nth-child(2),
    #burgerIcon span:nth-child(3) {
        top: 6px;
    }

    #burgerIcon span:nth-child(4) {
        top: 12px;
    }

    #burgerIcon span:nth-child(5) {
        top: 18px;
    }

    .rotate_45 {
        transform: rotate(48deg) !important;
        top      : 11px !important;
        left     : 1px !important;
        width    : 100% !important;
    }

    .rotate_minus_45 {
        transform: rotate(-48deg) !important;
        top      : 9px !important;
        left     : 1px !important;
        width    : 90% !important;
    }

    .mainMenu ul {
        display: block;
        width  : 100%;
        height : fit-content;
    }

    .mainMenu {
        width     : 100%;
        margin-top: 54px;
        background: #ffff;
        z-index   : 9;
        position  : absolute;
        left      : 0px;
        right     : 0;
        padding   : 20px 0px;
    }

    header li {
        margin: 0px;
    }

    header a {
        font-size: 14px;
        padding  : 10px;
        margin   : 0px 20px;
    }

    header li.hasChildren {
        padding: 0px;
        margin : 0px;
    }

    main {
        padding   : 0px;
        margin-top: 80px;
    }

    .TabProfile {
        padding-top: 0px;
    }

    .mainMenu ul.submenu {
        position         : relative;
        /* overflow      : auto; */
        max-height       : 200px;
        margin-bottom    : 50px;
        /* padding-bottom: 110px; */
        overflow         : auto;
        min-height       : fit-content;
        height           : fit-content;
    }

    header li.hasChildren {
        overflow: auto;
    }

    ul.submenu li {
        height: fit-content;
    }

    .submenu {
        position : relative;
        min-width: 100%;
        width    : 100%;
        height   : 200px;
        overflow : auto;
    }

    .headignmenuNotfication {
        padding: 0px;
    }

    .mesegesubmenu {
        font-size  : 10px;
        line-height: normal;
    }

    ul.notificationMenu li {
        align-items: center;
        height     : fit-content;
    }

    .mainMenu ul.notificationMenu {
        overflow: auto;
        height  : 80%;
        padding : 20px 0px;
    }

    ul.submenu a {
        padding: 0px;
    }

    .infocontainerMore h2 {
        position     : relative;
        width        : fit-content;
        margin       : auto;
        margin-bottom: 20px;
    }
}

div#offerrow label {
    font-size     : 20px;
    display       : block;
    font-weight   : 500;
    text-transform: capitalize;
    margin-bottom : 25px;
}

div#offerrow input {
    font-size: 14px;
    border   : 1px solid #cccc;
    padding  : 6px 20px;
}

div#offerrow label.labelsnew {
    font-size     : 14px;
    text-transform: capitalize;
    font-weight   : 400;
    margin-bottom : 10px;
}

div#offerrow a {
    display        : flex;
    align-items    : center;
    margin-right   : 30px;
    min-width      : 170px;
    min-height     : 55px;
    align-items    : center;
    justify-content: center;
    color          : #ffff;
    text-transform : capitalize;
    font-size      : 13px;
    border-radius  : 10px;
    border         : 2px solid;
    transition     : 0.3s all;
    background     : #378CE8;
    border-radius  : 0px;
    max-width      : 200px;
    margin-top     : 60px;
}

label textarea {
    width: 100%;
}

div#offerrow textarea {
    width            : 100%;
    height           : 250px;
    border-radius    : 4px;
    display          : block;
    resize           : none;
    padding          : 10px;
}

.labels {
    margin-bottom: 50px;
}

main#noPadd {
    padding-top: 30px;
}

.imagecontonerfiul {
    padding-right: 50px;
}

p.displayFlex.flows p span:nth-child(even) {
    margin : 0px 50px;
    display: inline-block;
}

p.displayFlex.flows span:nth-child(even) {
    margin: 0px 60px;
}

select {
    overflow           : hidden;
    -moz-appearance    : none;
    /* Firefox */
    -webkit-appearance : none;
    /* Safari and Chrome */
    appearance         : none;
    overflow           : -moz-hidden-unscrollable;
    background         : url(./assets/images/select.png);
    background-size    : 23px;
    background-repeat  : no-repeat;
    background-color   : #fff;
    background-position: 97% center;
}

header li:last-child {
    padding-right: 0px;
}

.innerCOntainerBox h6 {
    width: fit-content;
    width: -moz-fit-content;
    width: -o-fit-content;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    display           : flex;
    align-items       : center;
    /* justify-content: center; */
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice {
    background  : #EDEDED;
    color       : #5D5D5D;
    font-size   : 14px;
    padding     : 2px 15px;
    margin      : 0px;
    margin-right: 10px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border      : 1px solid #969696;
    padding-left: 20px;
}

span.select2.select2-container.select2-container--default.select2-container--below {
    width: 100% !important;
}

.select2-hidden-accessible {
    width: 100% !important;
}

.select2-container {
    width: 100% !important;
}

button.close {
    color  : red;
    opacity: 1;
}

span.ops {
    color  : #000;
    opacity: 0.7;
}

/*index pages*/
body,
ul,
ol {
    margin    : 0px;
    list-style: none;
    color     : #000;
    padding   : 0px;
}

@font-face {
    font-family: EncodeSans-Black;
    src        : url('./assets/font/EncodeSans-Black.ttf');
}

@font-face {
    font-family: EncodeSans-Bold;
    src        : url('./assets/font/EncodeSans-Bold.ttf');
}

@font-face {
    font-family: EncodeSans-ExtraBold;
    src        : url('./assets/font/EncodeSans-ExtraBold.ttf');
}

@font-face {
    font-family: EncodeSans-ExtraLight;
    src        : url('./assets/font/EncodeSans-ExtraLight.ttf');
}

@font-face {
    font-family: EncodeSans-Light;
    src        : url('./assets/font/EncodeSans-Light.ttf');
}

@font-face {
    font-family: EncodeSans-Medium;
    src        : url('./assets/font/EncodeSans-Medium.ttf');
}

@font-face {
    font-family: EncodeSans-Regular;
    src        : url('./assets/font/EncodeSans-Regular.ttf');
}

@font-face {
    font-family: EncodeSans-SemiBold;
    src        : url('./assets/font/EncodeSans-SemiBold.ttf');
}

a:hover {
    text-decoration: none;
    color          : inherit;
}

*:focus {
    outline: none;
}

img {
    max-width: 100%;
    display  : block;
}

p {
    font-weight: 100;
}

.align-center {
    align-items: center;
}

.rating {
    --active       : #FFED76;
    --active-pale  : rgba(255, 237, 118, .36);
    --inactive     : #121621;
    --face-active  : #121621;
    --face-inactive: #1C212E;
    display        : flex;
    position       : relative;
}

.rating ul {
    margin    : 0;
    padding   : 0;
    list-style: none;
    display   : flex;
    color     : var(--inactive);
}

.rating ul li {
    --face  : var(--face-inactive);
    cursor  : pointer;
    position: relative;
}

.rating ul li:before,
.rating ul li:after {
    content   : '';
    position  : absolute;
    z-index   : 2;
    transition: all .2s ease;
}

.rating ul li:before {
    --r              : 0deg;
    width            : 2px;
    height           : 2px;
    border-radius    : 1px;
    top              : 15px;
    left             : 13px;
    -webkit-transform: rotate(var(--r));
    transform        : rotate(var(--r));
    -webkit-filter   : drop-shadow(8px 0 0 var(--face));
    filter           : drop-shadow(8px 0 0 var(--face));
}

.rating ul li span {
    width            : 2px;
    height           : 2px;
    display          : block;
    position         : absolute;
    left             : 50%;
    top              : 50%;
    border-radius    : 50%;
    margin           : -1px 0 0 -1px;
    -webkit-transform: scale(0.6);
    transform        : scale(0.6);
    opacity          : 0;
    box-shadow       : 16px -16px 0 var(--active-pale), -16px -16px 0 var(--active-pale), -21px 8px 0 var(--active-pale), 21px 8px 0 var(--active-pale), 0 22px 0 var(--active-pale);
}

.rating ul li:nth-child(1):after {
    width           : 10px;
    height          : 10px;
    top             : 20px;
    left            : 13px;
    border-radius   : 50%;
    border          : 1px solid transparent;
    border-top-color: var(--face);
}

.rating ul li:nth-child(3):after {
    width     : 6px;
    left      : 15px;
    top       : 20px;
    height    : 1px;
    background: var(--face);
}

.rating ul li:nth-child(4):after {
    width              : 10px;
    height             : 10px;
    top                : 12px;
    left               : 13px;
    border-radius      : 50%;
    border             : 1px solid transparent;
    border-bottom-color: var(--face);
}

.rating ul li:nth-child(4).current {
    -webkit-animation: active-4 .4s ease;
    animation        : active-4 .4s ease;
}

.rating ul li:nth-child(4).current span {
    -webkit-animation: active-span .32s ease;
    animation        : active-span .32s ease;
}

.rating ul li:nth-child(5):after {
    width        : 6px;
    height       : 3px;
    left         : 15px;
    top          : 20px;
    border-radius: 0 0 3px 3px;
    background   : var(--face);
}

.rating ul li:nth-child(5).current {
    -webkit-animation: active-5 .72s ease;
    animation        : active-5 .72s ease;
}

.rating ul li:nth-child(5).current span {
    -webkit-animation: active-span .32s ease;
    animation        : active-span .32s ease;
}

.rating ul li.current {
    --face: var(--face-active);
}

.rating ul li.current svg {
    color: var(--active);
    fill : rgba(0, 0, 0, 0.2);
}

.rating ul li:not(.current) svg {
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
}

.rating ul li:not(.current):active svg {
    -webkit-transform: scale(0.9);
    transform        : scale(0.9);
}

.rating ul li:not(:last-child) {
    margin: 0 0px 0 0;
}

.rating ul li:not(:last-child):before {
    background: var(--face);
}

.rating ul li:not(:last-child).current:before {
    -webkit-animation: blink 3s linear infinite;
    animation        : blink 3s linear infinite;
}

.rating ul li:last-child:before {
    --r           : -45deg;
    width         : 3px;
    height        : 3px;
    border-top    : 1px solid var(--face);
    border-right  : 1px solid var(--face);
    border-radius : 0 1px 0 0;
    left          : 12px;
    -webkit-filter: drop-shadow(6px 6px 0 var(--face));
    filter        : drop-shadow(6px 6px 0 var(--face));
}

.rating svg {
    width  : 36px;
    height : 34px;
    display: block;
    fill   : rgba(0, 0, 0, 0.04);
}

.rating>div {
    left             : 0;
    top              : 0;
    position         : absolute;
    display          : none;
    -webkit-transform: translateX(var(--x));
    transform        : translateX(var(--x));
    transition       : -webkit-transform 0.3s cubic-bezier(0, 0, 0.265, 1.1) 0.24s;
    transition       : transform 0.3s cubic-bezier(0, 0, 0.265, 1.1) 0.24s;
    transition       : transform 0.3s cubic-bezier(0, 0, 0.265, 1.1) 0.24s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.265, 1.1) 0.24s;
}

.rating>div span {
    display: block;
}

.rating>div span svg {
    color: var(--active);
    fill : rgba(0, 0, 0, 0.2);
}

.rating.animate-left>div,
.rating.animate-right>div {
    display: block;
}

.rating.animate-left>div span,
.rating.animate-right>div span {
    -webkit-animation: scale .28s linear .24s;
    animation        : scale .28s linear .24s;
}

.rating.animate-left li.move-to:before {
    -webkit-animation: move-to-left .31s ease .36s;
    animation        : move-to-left .31s ease .36s;
}

.rating.animate-left li.move-from:before {
    -webkit-animation: move-to-right .28s ease;
    animation        : move-to-right .28s ease;
}

.rating.animate-left>div {
    -webkit-animation: double-left .32s linear .24s;
    animation        : double-left .32s linear .24s;
}

.rating.animate-left>div span svg {
    -webkit-animation: left .3s ease, right-end .4s ease .4s;
    animation        : left .3s ease, right-end .4s ease .4s;
}

.rating.animate-right li.move-to:before {
    -webkit-animation: move-to-right .31s ease .36s;
    animation        : move-to-right .31s ease .36s;
}

.rating.animate-right li.move-from:before {
    -webkit-animation: move-to-left .28s ease;
    animation        : move-to-left .28s ease;
}

.rating.animate-right>div {
    -webkit-animation: double-right .32s linear .24s;
    animation        : double-right .32s linear .24s;
}

.rating.animate-right>div span svg {
    -webkit-animation: right .3s ease, left-end .4s ease .4s;
    animation        : right .3s ease, left-end .4s ease .4s;
}

@-webkit-keyframes active-4 {
    40% {
        -webkit-transform: scale(1.25);
        transform        : scale(1.25);
    }
}

@keyframes active-4 {
    40% {
        -webkit-transform: scale(1.25);
        transform        : scale(1.25);
    }
}

@-webkit-keyframes active-span {
    60% {
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1.16);
        transform        : scale(1.16);
        opacity          : 0;
    }
}

@keyframes active-span {
    60% {
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1.16);
        transform        : scale(1.16);
        opacity          : 0;
    }
}

@-webkit-keyframes active-5 {
    15% {
        -webkit-transform: rotate(180deg) scale(1.1);
        transform        : rotate(180deg) scale(1.1);
    }

    30% {
        -webkit-transform: rotate(360deg) scale(1.2);
        transform        : rotate(360deg) scale(1.2);
    }

    70% {
        -webkit-transform: rotate(360deg) translateY(14%) scaleY(0.72);
        transform        : rotate(360deg) translateY(14%) scaleY(0.72);
    }

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

@keyframes active-5 {
    15% {
        -webkit-transform: rotate(180deg) scale(1.1);
        transform        : rotate(180deg) scale(1.1);
    }

    30% {
        -webkit-transform: rotate(360deg) scale(1.2);
        transform        : rotate(360deg) scale(1.2);
    }

    70% {
        -webkit-transform: rotate(360deg) translateY(14%) scaleY(0.72);
        transform        : rotate(360deg) translateY(14%) scaleY(0.72);
    }

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

@-webkit-keyframes double-right {
    60% {
        -webkit-filter: drop-shadow(-5px 0 1px var(--active-pale)) drop-shadow(4px 0 1px var(--active-pale));
        filter        : drop-shadow(-5px 0 1px var(--active-pale)) drop-shadow(4px 0 1px var(--active-pale));
    }
}

@keyframes double-right {
    60% {
        -webkit-filter: drop-shadow(-5px 0 1px var(--active-pale)) drop-shadow(4px 0 1px var(--active-pale));
        filter        : drop-shadow(-5px 0 1px var(--active-pale)) drop-shadow(4px 0 1px var(--active-pale));
    }
}

@-webkit-keyframes scale {
    60% {
        -webkit-transform: scaleX(1.32);
        transform        : scaleX(1.32);
        -webkit-filter   : blur(0.5px);
        filter           : blur(0.5px);
    }
}

@keyframes scale {
    60% {
        -webkit-transform: scaleX(1.32);
        transform        : scaleX(1.32);
        -webkit-filter   : blur(0.5px);
        filter           : blur(0.5px);
    }
}

@-webkit-keyframes blink {

    0%,
    5%,
    15%,
    100% {
        -webkit-transform: scaleY(1);
        transform        : scaleY(1);
    }

    10% {
        -webkit-transform: scaleY(0.4);
        transform        : scaleY(0.4);
    }
}

@keyframes blink {

    0%,
    5%,
    15%,
    100% {
        -webkit-transform: scaleY(1);
        transform        : scaleY(1);
    }

    10% {
        -webkit-transform: scaleY(0.4);
        transform        : scaleY(0.4);
    }
}

@-webkit-keyframes double-left {
    60% {
        -webkit-filter: drop-shadow(5px 0 1px var(--active-pale)) drop-shadow(-4px 0 1px var(--active-pale));
        filter        : drop-shadow(5px 0 1px var(--active-pale)) drop-shadow(-4px 0 1px var(--active-pale));
    }
}

@keyframes double-left {
    60% {
        -webkit-filter: drop-shadow(5px 0 1px var(--active-pale)) drop-shadow(-4px 0 1px var(--active-pale));
        filter        : drop-shadow(5px 0 1px var(--active-pale)) drop-shadow(-4px 0 1px var(--active-pale));
    }
}

@-webkit-keyframes right {

    0%,
    100% {
        -webkit-transform-origin: 17% 100%;
        transform-origin        : 17% 100%;
    }

    50% {
        -webkit-transform: rotate(-12deg) skewX(12deg);
        transform        : rotate(-12deg) skewX(12deg);
    }
}

@keyframes right {

    0%,
    100% {
        -webkit-transform-origin: 17% 100%;
        transform-origin        : 17% 100%;
    }

    50% {
        -webkit-transform: rotate(-12deg) skewX(12deg);
        transform        : rotate(-12deg) skewX(12deg);
    }
}

@-webkit-keyframes left {

    0%,
    100% {
        -webkit-transform-origin: 83% 100%;
        transform-origin        : 83% 100%;
    }

    50% {
        -webkit-transform: rotate(12deg) skewX(-12deg);
        transform        : rotate(12deg) skewX(-12deg);
    }
}

@keyframes left {

    0%,
    100% {
        -webkit-transform-origin: 83% 100%;
        transform-origin        : 83% 100%;
    }

    50% {
        -webkit-transform: rotate(12deg) skewX(-12deg);
        transform        : rotate(12deg) skewX(-12deg);
    }
}

@-webkit-keyframes right-end {

    0%,
    100% {
        -webkit-transform-origin: 17% 100%;
        transform-origin        : 17% 100%;
    }

    40% {
        -webkit-transform: rotate(-6deg) skewX(4deg) scaleX(0.92);
        transform        : rotate(-6deg) skewX(4deg) scaleX(0.92);
    }

    70% {
        -webkit-transform: rotate(1deg) skewX(-8deg) scaleX(1.04);
        transform        : rotate(1deg) skewX(-8deg) scaleX(1.04);
    }
}

@keyframes right-end {

    0%,
    100% {
        -webkit-transform-origin: 17% 100%;
        transform-origin        : 17% 100%;
    }

    40% {
        -webkit-transform: rotate(-6deg) skewX(4deg) scaleX(0.92);
        transform        : rotate(-6deg) skewX(4deg) scaleX(0.92);
    }

    70% {
        -webkit-transform: rotate(1deg) skewX(-8deg) scaleX(1.04);
        transform        : rotate(1deg) skewX(-8deg) scaleX(1.04);
    }
}

@-webkit-keyframes left-end {

    0%,
    100% {
        -webkit-transform-origin: 83% 100%;
        transform-origin        : 83% 100%;
    }

    40% {
        -webkit-transform: rotate(6deg) skewX(-4deg) scaleX(0.92);
        transform        : rotate(6deg) skewX(-4deg) scaleX(0.92);
    }

    70% {
        -webkit-transform: rotate(-1deg) skewX(8deg) scaleX(1.04);
        transform        : rotate(-1deg) skewX(8deg) scaleX(1.04);
    }
}

@keyframes left-end {

    0%,
    100% {
        -webkit-transform-origin: 83% 100%;
        transform-origin        : 83% 100%;
    }

    40% {
        -webkit-transform: rotate(6deg) skewX(-4deg) scaleX(0.92);
        transform        : rotate(6deg) skewX(-4deg) scaleX(0.92);
    }

    70% {
        -webkit-transform: rotate(-1deg) skewX(8deg) scaleX(1.04);
        transform        : rotate(-1deg) skewX(8deg) scaleX(1.04);
    }
}

@-webkit-keyframes move-to-right {
    40% {
        -webkit-transform: translateX(3px) rotate(var(--r));
        transform        : translateX(3px) rotate(var(--r));
    }
}

@keyframes move-to-right {
    40% {
        -webkit-transform: translateX(3px) rotate(var(--r));
        transform        : translateX(3px) rotate(var(--r));
    }
}

@-webkit-keyframes move-to-left {
    40% {
        -webkit-transform: translateX(-3px) rotate(var(--r));
        transform        : translateX(-3px) rotate(var(--r));
    }
}

@keyframes move-to-left {
    40% {
        -webkit-transform: translateX(-3px) rotate(var(--r));
        transform        : translateX(-3px) rotate(var(--r));
    }
}

.rating ul li {
    width       : 12px;
    height      : 12px;
    margin-right: 0px;
}

.rating svg {
    width : 11px;
    height: 14px;
}

.rating ul li:before {
    display: none;
}

.rating ul li:before,
.rating ul li:after {
    display: none;
}

.rating ul li:not(:last-child) {
    margin: 0 4px 0px 0px;
}

.box-main-container {
    max-width: 25%;
    min-width: 25%;
}

.contianer-box-homepage img {
    width     : 100%;
    height    : 100%;
    object-fit: cover;
}

.image-container {
    max-height: 269px;
    overflow  : hidden;
    position  : relative;
}

.tag-ability {
    position      : absolute;
    bottom        : 20px;
    left          : 20px;
    background    : #75A9C6;
    color         : #fff;
    text-transform: capitalize;
    padding       : 3px 17px;
    border-radius : 4px;
    cursor        : pointer;
}

.tag-ability:hover {
    color     : #75A9C6;
    background: #00000080;
}

.container-text-box {
    padding: 23px;
}

.tags span:nth-child(1) {
    color         : #9B9B9B;
    text-transform: capitalize;
}

.tags span {
    display: inline-block;
}

.tags span:nth-child(2) {
    margin-left   : auto;
    font-size     : 11px;
    text-transform: capitalize;
    float         : right;
}

.tags {
    display       : block;
    padding-bottom: 12px;
    border-bottom : 3px solid #ccccccbf;
    margin-bottom : 20px;
    font-size     : 12px;
}

.Name h5 {
    font-size    : 22px;
    color        : #3E3737;
    max-width    : 70%;
    /* background: red; */
    margin-bottom: 15px;
}

.sessions {
    margin     : 20px 0px;
    color      : #75A9C6;
    font-size  : 17px;
    font-weight: 600;
}

.buttons-ontainerbooking a {
    display        : block;
    background     : #4671C6;
    height         : 50px;
    display        : flex;
    align-items    : center;
    justify-content: center;
    color          : #fff;
    text-transform : capitalize;
    font-size      : 16px;
    border-radius  : 5px;
    margin-top     : 40px;
}

.container-text-box {
    box-shadow: 0px 0px 13px -1px #cccc;
}

.box-main-container {
    margin-bottom: 70px;
}

.heading h2 {
    font-size: 36px;
}

.heading {
    width         : 100%;
    padding-bottom: 30px;
    border-bottom : 2px solid #cccccc91;
}

.seciton2-homepage {
    margin-top: 80px;
}

.filters {
    width      : 100%;
    display    : flex;
    align-items: center;
    margin     : 40px 0px;
}

.filters span {
    font-size     : 21px;
    text-transform: capitalize;
    margin-right  : 40px;
}

.filters input,
.filters select {
    height        : 50px;
    padding-left  : 10px;
    margin-right  : 15px;
    text-transform: capitalize;
}

.filters input {
    min-width   : 50%;
    padding-left: 30px;
}

.filters input::placeholder {
    font-size        : 17px;
    /* text-transform: capitalize; */
    color            : #000;
}

.image-box-container-reserved {
    max-width : 700px;
    max-height: 600px;
    overflow  : hidden;
    position  : relative;
}

.image-box-container-reserved img {
    width     : 100%;
    height    : 100%;
    object-fit: cover;
}

.Name-withimage {
    position  : absolute;
    bottom    : 40px;
    right     : 0px;
    width     : 80%;
    background: #E02020;
    padding   : 20px 60px;
    color     : #fff;
}

.Name-withimage h5 {
    font-size  : 30px;
    font-weight: 700;
}

.Name-withimage p {
    font-size: 17px;
}

.seciton2-homepage {
    margin-bottom: 140px;
}

.text-container-reserved h2 {
    max-width    : 232px;
    color        : #000;
    opacity      : 1;
    font-size    : 40px;
    margin-bottom: 50px;
}

.text-container-reserved p {
    max-width  : 601px;
    font-size  : 18px;
    line-height: 32px;
}

p.Btn-roereserved a {
    min-width     : 232px;
    display       : inline-block;
    background    : #414042;
    text-align    : center;
    height        : 47px;
    line-height   : 2.5;
    color         : #ffff;
    text-transform: capitalize;
    font-weight   : 600;
    margin        : 70px 0px;
}

.row-reserved {
    display  : flex;
    flex-wrap: wrap;
}

.reservred-row {
    flex-direction: row-reverse;
}

.insta-section .heading-container h2 {
    font-size     : 50px;
    text-transform: capitalize;
    color         : #000;
    opacity       : 0.2;
    margin        : 0px 0px 10px;
}

.insta-section .heading-container p {
    font-size: 20px;
    color    : #000;
}

.insta-section .heading-container p a {
    color: #000;
}

.insta-section img {
    margin: 40px 0px;
}

body {}

.insta-section {
    position: relative;
    display : block;
    padding : 60px 0px;
}

.insta-section::before {
    background   : #F6F6F6;
    content      : "";
    display      : block;
    width        : 100%;
    height       : 80%;
    position     : absolute;
    top          : 0;
    max-height   : 100%;
    /* min-height: 50%; */
    z-index      : -1;
}

.heading-container {
    padding: 40px 0px 0px;
}

.row.filters-become-a-coach {
    display    : flex;
    align-items: center;
}

.filters-become-a-coach .filters {
    max-width: 50%;
}

.view-sorting {
    display    : flex;
    align-items: center;
    margin-left: auto;
}

.sort-by select {
    height        : 40px;
    border-radius : 5px;
    padding       : 0px 20px;
    text-transform: capitalize;
    border        : 1px solid #969696
}

.views-option {
    background    : #F5FDFF;
    border        : 1px solid #969696;
    border-radius : 5px;
    display       : flex;
    align-items   : center;
    min-height    : 40px;
    text-transform: capitalize;
    font-weight   : 400;
    margin-right  : 11px;
    padding       : 0px 11px;
    border-radius : 3px;
    cursor        : pointer;
    user-select   : none;
}

.views-option img {
    margin-right: 10px;
}

.map-container-coach {
    display: none;
}

.list-container-main-coach {
    display  : flex;
    flex-wrap: wrap;
}

.map-container-coach.active {
    display: block;
}

.list-container-main-coach.deactive .box-main-container {
    min-width: 50%;
}

.list-container-main-coach.deactive {
    padding: 0px;
}

.list-container-main-coach.deactive .col:nth-child(odd) {
    padding-left: 0px;
}

.list-container-main-coach.deactive .col:nth-child(even) {
    padding-right: 0px;
}

header.other {
    box-shadow: 4px -12px 14px 14px #ccc;
}

.map-container-coach.active img {
    /* width: 100%; */
    margin-left: auto;
}

.title-plasn h4 {
    font-size     : 24px;
    text-transform: capitalize;
}

.container-yearlyplans span {
    border         : 1px solid #cccc;
    padding        : 4px 20px;
    text-transform : capitalize;
    border-radius  : 30px;
    cursor         : pointer;
    user-select    : none;
}

.container-yearlyplans {
    display        : flex;
    justify-content: center;
    margin         : 20px 0px;
}

.container-yearlyplans span:first-child {
    margin-right: 17px;
}

.button-container-plans {
    padding   : 30px 0px;
    display   : block;
    position  : relative;
    text-align: center;
    margin    : 0;
}

.button-container-plans a {
    display       : inline-block;
    min-width     : 200px;
    min-height    : 40px;
    border        : 1px solid #414042;
    border-radius : 30px;
    /* display    : flex; */
    line-height   : 39px;
    color         : #414042;
    text-transform: capitalize;
    font-size     : 14px;
}

.container-yearlyplans span.active {
    background  : #75A9C6;
    color       : #fff;
    border-color: #75A9C6;
}

.button-container-plans a:hover {
    background  : #75A9C6;
    color       : #fff;
    border-color: #75A9C6;
    transition  : 0.3s all;
}

.fixed-coach-name {
    position      : absolute;
    flex-wrap     : wrap;
    bottom        : 40px;
    width         : fit-content;
    right         : 0;
    display       : inline-block;
    min-width     : 80%;
    background    : #75A9C6c2;
    color         : #fff;
    text-transform: capitalize;
    padding       : 20px 40px;
    min-height    : 129px;
    display       : flex;
    align-items   : center;
}

.fixed-coach-name p {
    margin     : 0px;
    font-family: EncodeSans-Light;
}

.fixed-coach-name h6 {
    font-size  : 20px;
    font-family: EncodeSans-Regular;
    flex       : 0 100%;
    font-weight: 700;
}

.leader-ship-team h2 {
    margin        : 70px 0px;
    text-transform: capitalize;
}

.coach-about {
    margin-bottom: 100px;
}

.shop-banner {
    background     : url('./assets/images/shop.png');
    background-size: cover;
}

.shop-banner h2 {
    color         : #fff;
    font-size     : 54px;
    text-transform: capitalize;
}

.image-container-product {
    max-width : 100%;
    max-height: 469px;
    padding   : 30px;
    border    : 1px solid #ccc;
    text-align: center;
    margin    : auto;
    position  : relative;
}

.image-container-product img {
    width : 190px;
    margin: auto;
}

span.add-to-cart {
    position       : absolute;
    top            : 0;
    bottom         : 0;
    margin         : auto;
    width          : 100%;
    left           : 0;
    right          : 0;
    display        : flex;
    align-items    : center;
    justify-content: center;
    background     : #ffffff6b;
    display        : none;
}

span.add-to-cart a {
    background    : #75A9C6;
    color         : #fff;
    padding       : 13px 60px;
    text-transform: capitalize;
    font-weight   : 500;
}

.infot-products {
    text-align: center;
}

.infot-products h6 {
    font-size: 20px;
    margin   : 30px 0px 10px;
}

.infot-products p {
    margin-bottom: 80px;
}

.products-container {
    margin-top: 80px;
}

.image-container-product:hover .add-to-cart {
    display: flex;
}

form.forms-signingin {
    width  : 50%;
    display: flex;
}

form.forms-signingin label {
    display      : block;
    flex         : 0 100%;
    font-size    : 17px;
    font-family  : EncodeSans-Regular;
    margin-bottom: 11px;
}

form.forms-signingin input {
    max-width    : 377px;
    width        : 100%;
    height       : 40px;
    border-radius: 4px;
    border       : 1px solid #969696;
    padding-left : 20px;
    margin-bottom: 30px;
}

form.forms-signingin .login-button input {
    min-width     : 170px;
    display       : inline-block;
    background    : #75A9C6;
    width         : fit-content;
    color         : #fff;
    text-transform: capitalize;
    height        : 50px;
    padding       : 0px;
    font-size     : 18px;
    font-weight   : 600;
    border        : none;
    margin-bottom : 30px;
}

.social-logins p {
    color         : #000;
    text-transform: capitalize;
    font-weight   : 400;
    margin        : 0px;
    margin-bottom : 20px;
}

.social-logins ul {
    display    : flex;
    align-items: center;
}

.social-logins li {
    margin-right: 14px;
}

.social-logins i {
    width          : 35px;
    height         : 35px;
    border-radius  : 50%;
    display        : flex;
    align-items    : center;
    justify-content: center;
    background     : #F6F6F6;
}

i.fa.fa-twitter {
    color: #00B9F0;
}

i.fa.fa-google {
    color: #FA6400;
}

i.fa.fa-facebook {
    color: #217FE7;
}

form#Facility-register input {
    display: none;
}

form#Facility-register input~label {
    border        : 1px solid #707070;
    max-width     : 40%;
    padding       : 10px 50px;
    text-transform: none;
    font-weight   : 400;
    font-weight   : 500;
    position      : relative;
    border-radius : 3px;
}

form#Facility-register input~label::before {
    display      : block;
    content      : "";
    width        : 20px;
    height       : 20px;
    background   : #E6E6E6;
    border-radius: 50%;
    position     : absolute;
    left         : 15px;
    top          : 0;
    bottom       : 0;
    margin       : auto;
    border       : 4px solid #e2e2e2;
}

form#Facility-register input:checked~label::before {
    background  : transparent;
    border-color: #fff;
}

form#Facility-register input:checked~label {
    background  : #75A9C6;
    color       : #fff;
    border-color: #75A9C6;
}

form#Facility-register h2 {
    margin-bottom: 60px;
}

.registration-facility h2 {
    font-size     : 40px;
    text-transform: capitalize;
    font-weight   : 700;
}

registration-facility .heading-container p {
    opacity: 0.5;
    color  : #000;
}

.registration-facility .heading-container p {
    font-size: 17px;
    opacity  : 0.5;
    color    : #000;
}

form#facilty-registrations input {
    width        : 100%;
    height       : 40px;
    border       : 1px solid #969696;
    border-radius: 3px;
    padding-left : 20px;
    margin-bottom: 25px;
}

form#facilty-registrations {
    max-width: 54%;
}

.input-container-image-uploader-facility input {
    display: none;
}

.input-container-image-uploader-facility span {
    display    : block;
    margin-left: 40px;
}

.input-container-image-uploader-facility span:first-child {
    text-transform: capitalize;
    font-weight   : 500;
}

.avatar {
    width : 80px;
    height: 80px;
}

.avatar img {
    width     : 100%;
    height    : 100%;
    object-fit: cover;
}

.image-uploader-facility .row1 {
    margin     : 50px 0px;
    align-items: center;
}

form#facilty-registrations .row1 {
    margin: 50px 0px;
}

.input-container-image-uploader-facility span:last-child {
    font-size: 11px;
    opacity  : 0.5;
    margin   : 10px 45px;
}

.input-container-image-uploader-facility span:last-child b {
    opacity: 1;
}

form#facilty-registrations label {
    font-size  : 15px;
    color      : #000;
    font-weight: 500;
}

.radio-registration-location input {
    display: none;
}

.radio-registration-location input~label {
    position    : relative;
    width       : fit-content;
    padding-left: 30px;
}

.radio-registration-location input~label::before {
    content      : "";
    display      : block;
    width        : 20px;
    height       : 20px;
    border       : 5px solid #f1f1f1;
    border-radius: 50%;
    position     : absolute;
    left         : 0px;
    top          : 0;
    bottom       : 0;
    margin       : auto;
    background   : #56565638;
}

.radio-registration-location {
    display     : flex;
    margin-right: 20px;
}

.radios-container {
    display      : flex;
    margin-bottom: 30px;
}

.form-inputss h6 {
    padding  : 0px 15px;
    margin   : 40px 0px 30px;
    font-size: 21px;
}

.radio-registration-location input:checked~label::before {
    background: #75A9C6;
}

form#facilty-registration .login-button input {
    padding     : 0;
    min-width   : 190px;
    padding-left: 0px;
    display     : inline-block;
}

.login-button {
    width   : 100%;
    display : block;
    position: relative;
}

form#facilty-registrations .login-button input[type=submit] {
    padding       : 0;
    min-width     : 120px;
    display       : inline-block;
    max-width     : 40px;
    height        : 50px;
    background    : #75A9C6;
    border-color  : #75A9C6;
    color         : #fff;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    font-weight   : 600;
    margin        : 40px 0px;
}

.registration-facility {
    background-image   : url('./assets/images/11.png');
    background-size    : auto;
    background-position: bottom right;
    background-repeat  : no-repeat;
}

.heading-enroll h2 {
    font-size     : 40px;
    text-transform: capitalize;
    font-weight   : 700;
    display       : flex;
    align-items   : flex-start;
}

.heading-enroll span {
    background   : #F3F2F2;
    font-size    : 12px;
    padding      : 10px;
    border-radius: 2px;
    color        : #00000054;
    font-weight  : 400;
    display      : inline-block;
    margin-left  : 30px;
    margin-top   : 6px;
}

.heading-enroll {
    display: flex;
}

.heading-enroll a {
    margin-left    : auto;
    background     : #4671C6;
    display        : flex;
    align-items    : center;
    justify-content: center;
    color          : #fff;
    text-transform : uppercase;
    font-weight    : 600;
    font-size      : 13px;
    padding        : 10px 30px;
    height         : fit-content;
    border-radius  : 3px;
}

.rating-and-info-container-clubs {
    display    : flex;
    align-items: center;
    margin     : 40px 0px;
}

.rating-by-10 {
    display     : flex;
    align-items : center;
    margin-right: 20px;
}

.location-coach-view {
    display    : flex;
    align-items: center;
}

.location-coach-view {
    margin-right: 20px;
}

.avaible-seats-text {
    margin-left: auto;
}

.rating-and-info-container-clubs p {
    margin   : 0px;
    font-size: 13px;
}

.rating-and-info-container-clubs img {
    margin-right: 10px;
}

.rating-and-info-container-clubs img {
    max-width : 24px;
    max-height: 24px;
    object-fit: cover;
}

span.totla-rating-value {
    font-weight: 700;
    color      : #000;
}

span.rating-value {
    color: #ccc;
}

span.number-n-revies-onthe-teacher {
    font-size: 12px;
}

.avaible-seats-text p {
    font-size     : 18px;
    text-transform: capitalize;
}

.rating-and-info-container-clubs {
    border-bottom : 1px solid #cccc;
    padding-bottom: 40px;
}

span.title-coach-ship {
    display       : block;
    text-transform: capitalize;
    color         : #A7A7A7;
    font-weight   : 400;
    letter-spacing: 0.4px;
}

.heading-container-left-coach-detail h5 {
    font-size    : 30px;
    margin-bottom: 20px;
}

p.telAndMail a {
    color: #000;
}

p.telAndMail span {
    margin-right: 20px;
    display     : flex;
}

p.telAndMail i {
    margin-right   : 10px;
    color          : #75A9C6;
    background     : #e2e2e2;
    width          : 34px;
    height         : 34px;
    display        : flex;
    align-items    : center;
    justify-content: center;
    border-radius  : 50%;
}

p.telAndMail {
    display    : flex;
    align-items: center;
}

p.telAndMail span {
    align-items: center;
}

.content-container-left-coach-detail h6 {
    margin     : 40px 0px 20px;
    font-size  : 21px;
    font-weight: 600;
}

.content-container-left-coach-detail p {
    opacity      : 0.7;
    line-height  : 32px;
    font-size    : 18px;
    width        : 70%;
    margin-bottom: 40px;
}

.heading-container-weeks label {
    display       : block;
    width         : 100%;
    color         : #75A9C6;
    text-transform: capitalize;
    font-weight   : 600;
    font-size     : 20px;
}

.heading-container-weeks .row {
    border-bottom : 1px solid #cccc;
    padding-bottom: 15px;
    margin-bottom : 20px;
}

.box-container-weeks-timgnins {
    position: relative;
}

.box-container-weeks-timgnins::before {
    content   : "";
    display   : block;
    width     : 2px;
    height    : 100%;
    background: #97979738;
    position  : absolute;
    left      : -60px;
}

.container-days-and-timings span {
    text-transform: capitalize;
    opacity       : 0.6;
}

.container-days-and-timings span:last-child {
    opacity         : 1;
    margin-left     : 43px;
    /* margin-bottom: 30px; */
    font-weight     : 600;
    font-size       : 15px;
}

.container-days-and-timings {
    display      : block;
    width        : 100%;
    margin-bottom: 6px;
}

.box-bottom-content-coach-contaienr {
    width        : 100%;
    box-shadow   : 0px 0px 17px -1px #cccc;
    padding      : 30px;
    border-radius: 3px;
    margin       : 100px 0px;
}

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

span.number-bottom-box-coach {
    font-size   : 60px;
    color       : #75A9C6 !important;
    margin-right: 30px;
}

.fless span {
    font-weight: 400;
    color      : #000;
}

.image-container-uplaoder-right-basic-information {
    flex: 0 100%;
}

.arearclass {
    padding: 0px 15px;
}

.image-container-uplaoder-right-basic-information {
    display    : flex;
    align-items: center;
}

.image-container-uplaoder-right-basic-information input {
    display: none;
}

.image-container-uplaoder-right-basic-information label span {
    display       : block;
    /* margin-left: 20px; */
}

.image-container-uplaoder-right-basic-information label>span {
    margin-left: 20px;
}

.image-container-uplaoder-right-basic-information label span span {
    font-size  : 10px;
    font-weight: 100;
    margin     : 10px 0px;
}

.image-container-uplaoder-right-basic-information label span span b {
    font-weight: 700;
}

.image-container-uplaoder-right-basic-information {
    padding: 0px 15px;
    margin : 50px 0px;
}

.radois-container input {
    display: none;
}

.radois-container {
    display    : flex;
    align-items: center;
}

.radois-container span {
    margin-right: 30px;
}

.radois-container input~label::before {
    content      : "";
    display      : block;
    width        : 20px;
    height       : 20px;
    background   : #e8e8e8;
    border-radius: 50%;
    position     : absolute;
    left         : 0px;
}

.radois-container span label {
    position    : relative;
    padding-left: 30px;
}

.radois-container input:checked~label::after {
    content      : "";
    width        : 10px;
    height       : 10px;
    background   : #75A9C6;
    display      : block;
    position     : absolute;
    left         : 5px;
    top          : -4px;
    bottom       : 0;
    margin       : auto;
    border-radius: 50%;
}

.radois-container {
    margin: 20px 0px 30px;
}

.image-container-uplaoder-profile-coaches {
    display    : flex;
    align-items: center;
}

.image-container-uplaoder-profile-coaches label span {
    display    : flex;
    align-items: center;
    margin-left: 20px;
}

.image-container-uplaoder-profile-coaches label span img {
    margin-right: 10px;
}

.image-container-uplaoder-profile-coaches input {
    display: none;
}

.image-container-uplaoder-profile-coaches label span:first-child {
    font-size     : 24px;
    font-weight   : 700;
    color         : #000;
    text-transform: capitalize;
}

.container-image-uploader-coaches-profiles label span:nth-child(2) {
    border        : 2px solid #414042;
    padding       : 6px 12px;
    margin        : 20px 20px;
    border-radius : 4px;
    text-transform: capitalize;
}

.tabs-container-list-items-profile-coaches li {
    margin-bottom: 20px;
    cursor       : pointer;
    user-select  : none;
}

.tabs-container-list-items-profile-coaches li.active {
    font-weight: 600;
}

.tabs-container-list-items-profile-coaches {
    margin: 40px 0px;
}

.container-0inner-main-single-content-right0side {
    max-width: 670px;
    margin   : auto;
}

.tab-content-profile-coach {
    padding    : 30px 0px;
    display    : none;
    font-size  : 17px;
    line-height: 32px;
}

.tab-content-profile-coach.active {
    display: block;
}

.align-lat {
    align-items: flex-end;
}

.box-container-price-single-coach {
    width          : 100%;
    display        : flex;
    justify-content: space-around;
}

.box-container-price-single-coach span {
    font-size  : 40px;
    font-weight: 700;
    display    : flex;
    align-items: flex-end;
    position   : relative;
}

.box-container-price-single-coach span sub {
    font-size  : 12px;
    font-weight: 100;
    position   : relative;
    bottom     : 21px;
    position   : absolute;
    right      : -43px;
}

.box-container-price-single-coach a {
    min-width      : 140px;
    display        : flex;
    align-items    : center;
    justify-content: center;
    color          : #000;
    background     : #fff;
    border-radius  : 7px;
    padding        : 0;
    height         : 40px;
    text-transform : capitalize;
    font-weight    : 500;
}

.box-container-price-single-coach {
    display    : flex;
    align-items: center;
}

.container-0inner-main-single-content-right0side {
    padding-bottom: 100px;
}

.slider-images-coach-single .slick-prev {
    width     : 40px;
    height    : 40px;
    position  : absolute;
    background: #ffff;
    display   : block;
    left      : 0;
    z-index   : 999;
    bottom    : -20px;
    top       : auto;
    right     : 0;
    margin    : auto;
}

.slider-images-coach-single {
    /* width: fit-content; */
}

.slider-images-coach-single .slick-next {
    height    : 40px;
    width     : 40px;
    display   : block;
    position  : absolute;
    background: #fff;
    right     : 0;
    bottom    : -20px;
    top       : auto;
    left      : -83px;
    margin    : auto;
}

.slider-images-coach-single .slick-next::before {
    content     : "";
    display     : block;
    width       : 15px;
    height      : 15px;
    border      : 2px solid #000;
    display     : block;
    position    : absolute;
    left        : 0;
    right       : 0;
    top         : 0;
    bottom      : 0;
    margin      : auto;
    transform   : rotate(45deg);
    border-right: 0;
    border-top  : 0;
    left        : 7px;
}

.slider-images-coach-single .slick-prev::before {
    content     : "";
    display     : block;
    width       : 15px;
    height      : 15px;
    border      : 2px solid #000;
    display     : block;
    position    : absolute;
    left        : 0;
    right       : 0;
    top         : 0;
    bottom      : 0;
    margin      : auto;
    transform   : rotate(-135deg);
    border-right: 0;
    border-top  : 0;
    left        : -4px;
}

.similar-coaches .col.box-main-container {
    max-width: 100%;
}

.similar-coaches h2 {
    margin        : 80px 0px 40px;
    text-transform: capitalize;
    padding       : 0 30px;
}

div#Biography {
    opacity: 0.6;
}

.heading-tab-content h5 {
    margin : 0px 0px 30px;
    color  : #000;
    opacity: 1;
}

ul.overfloewwd-list li {
    display    : flex;
    align-items: center;
}

ul.overfloewwd-list li span b {
    text-transform: capitalize;
    color         : #000;
}

ul.overfloewwd-list li span:nth-child(3) {
    margin-left: auto;
}

ul.overfloewwd-list li {
    padding-bottom: 10px;
    border-bottom : 1px solid #e0e0e0cc;
    padding-top   : 10px;
}

ul.overfloewwd-list li img {
    margin-right: 10px;
}

ul.overfloewwd-list li span:nth-child(3) b {
    font-weight: 600;
}

ul.overfloewwd-list li span:nth-child(2) {
    font-size: 18px;
    color    : #ababab;
}

.stars-container-profile-coaches .checked {
    color: orange;
}

span.commentor-reviewer {
    display    : flex;
    align-items: center;
}

span.commentor-reviewer img {
    margin-right: 10px;
}

span.commentor-reviewer span {
    font-weight: 600;
}

span.commentor-reviewer img {
    max-width    : 37px;
    height       : 37px;
    object-fit   : cover;
    border-radius: 50%;
}

.container-overfloed-revieew {
    max-height: 310px;
    overflow  : auto;
    overflow-x: hidden;
}

.rveiews-container-profile-coaches {
    padding-bottom: 20px;
    border-bottom : 1px solid rgba(216, 216, 216, 0.1);
    margin-bottom : 20px;
}

.container-overfloed-revieew::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color  : rgba(216, 216, 216, 0.1);
}

.container-overfloed-revieew::-webkit-scrollbar {
    width           : 6px;
    background-color: rgba(216, 216, 216, 0.1);
}

.container-overfloed-revieew::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
}

.content-pills {
    display: none;
}

.content-pills.active {
    display: block;
}

ul.pillsCoachesList {
    display      : flex;
    align-items  : center;
    border-bottom: 1px solid #ccc;
}

ul.pillsCoachesList a {
    padding-bottom  : 10px;
    display         : block;
    /* border-bottom: 3px solid #000; */
    font-weight     : 600;
    text-transform  : capitalize;
    color           : #000;
    opacity         : 0.5;
}

ul.pillsCoachesList li a.active {
    border-bottom: 3px solid #000;
    opacity      : 1;
}

ul.pillsCoachesList li {
    margin-right: 40px;
}

div#bio p {
    font-size: 18px;
    opacity  : 0.6;
}

.content-pills {
    padding: 40px 0px;
}

div#Teams .col-md-6:nth-child(odd),
div#Stats .col-md-6:nth-child(odd) {
    padding-left: 0px;
}

div#Achievements p {
    line-height: 29px;
    color      : #000;
    opacity    : 1;
    font-weight: 400;
}

div#academic h6 {
    margin        : 0;
    margin-right  : 70px;
    min-width     : 140px;
    font-size     : 18px;
    text-transform: capitalize;
}

div#academic .row {
    margin-bottom: 30px;
}

div#academic span b {
    display    : block;
    font-weight: 600;
    color      : #000;
    opacity    : 1;
    margin     : 4px 0px 0px;
}

.headinglevel6 {
    margin-bottom: 30px;
    font-size    : 20px;
}

.team-memeber-profile {
    display      : flex;
    align-items  : center;
    width        : 100%;
    background   : #F8F8F8;
    margin-bottom: 20px;
    padding      : 15px 21px;
    position     : relative;
}

span.eidted-tem-member {
    position   : absolute;
    margin-left: auto;
    right      : 20px;
}

span.trash-tem-member {
    position       : absolute;
    right          : 56px;
    background     : #fff;
    width          : 30px;
    height         : 30px;
    border-radius  : 50%;
    display        : flex;
    justify-content: center;
    align-items    : center;
}

span.eidted-tem-member i {
    color: #0091FF;
}

span.eidted-tem-member {
    width          : 30px;
    height         : 30px;
    background     : #fff;
    border-radius  : 50%;
    display        : flex;
    align-items    : center;
    justify-content: center;
}

span.trash-tem-member i {
    color: #FF6565;
}

.team-memeber-profile span {
    cursor: pointer;
}

.team-memeber-profile h6 {
    font-size: 16px;
}

.powerbase-banner {
    min-height: 600px;
    max-height: 600px;
}

.conainer-body-wrapper-with-banner {
    margin-top: 50px;
}

.add-an-other-team {
    display    : flex;
    align-items: center;
    margin     : 40px 0px;
}

span.another-plus {
    width          : 40px;
    height         : 40px;
    background     : #EEEEEE;
    display        : flex;
    align-items    : center;
    justify-content: center;
    border-radius  : 50%;
    margin-right   : 20px;
}

.add-an-other-team span {
    font-size     : 15px;
    text-transform: capitalize;
    color         : #000;
}

.save-changes input {
    background    : #75A9C6;
    display       : inline-block;
    min-width     : 192px;
    height        : 45px;
    color         : #fff;
    text-transform: capitalize;
    border        : none;
    border-radius : 2px;
    margin        : 120px 0px 0px;
}

.Achievements-text {
    background: #F8F8F8;
    padding   : 40px;
    margin-top: 30px;
}

.row .Achievements-text p {
    opacity: 0.6 !important;
    color  : #000;
}

.container-info-membership-profile-tab h2 {
    display    : flex;
    align-items: center;
    align-items: center;
}

.container-info-membership-profile-tab h2 span {
    font-size    : 12px;
    background   : #75A9C6;
    margin-left  : 10px;
    display      : inline-block;
    color        : #fff;
    min-height   : 21px;
    padding      : 0px 16px;
    line-height  : 20px;
    border-radius: 30px;
    font-weight  : 100;
}

.container-info-membership-profile-tab h2 img {
    width       : 32px;
    height      : 25px;
    margin-right: 10px;
}

.container-info-membership-profile-tab h2 {
    font-size     : 20px;
    text-transform: capitalize;
}

p.info-aftertext-under-heading {
    margin   : 40px 0px 0px;
    font-size: 13px;
    opacity  : 0.6;
    width    : fit-content;
}

.current-plans {
    display: block;
    width  : fit-content;
    float  : right;
}

.cancle-plans {
    display   : block;
    min-height: 50px;
    min-width : 182px;
}

.cancle-plans a {
    display        : flex;
    align-items    : center;
    justify-content: center;
    width          : 100%;
    min-height     : 50px;
    border         : 1px solid #000;
    margin-top     : 10px;
    color          : #000;
    text-transform : capitalize;
    font-size      : 12px;
}

.container-info-membership-profile-tab h6 {
    font-size  : 12px;
    color      : #75A9C6;
    font-weight: 100;
}

.cancle-plans a:hover {
    background  : #75A9C6;
    color       : #fff;
    border-color: #75A9C6;
}

.card-info-row {
    margin: 50px 0px;
}

.card-info-row>h2 {
    font-size: 22px;
    padding  : 0px 15px;
}

.card-information h2 {
    display    : flex;
    align-items: center;
    font-size  : 14px;
}

.card-payemtns {
    display    : flex;
    align-items: center;
}

.card-payemtns span {
    margin: 0px 10px;
}

.card-information h2 img {
    margin: 0px 15px;
    width : 37px;
    height: 20px;
}

.card-information label {
    font-size: 12px;
    color    : #000;
    opacity  : 0.8;
}

.container-buttons {
    display    : flex;
    align-items: center;
}

.remove-butotn {
    display     : inline-block;
    min-width   : 109px;
    margin-right: 20px;
}

.remove-butotn a {
    display        : flex;
    align-items    : center;
    justify-content: center;
    min-height     : 50px;
    background     : #FF7A7A;
    border         : 2px solid #FF7A7A;
    border-radius  : 3px;
    color          : #fff;
    text-transform : capitalize;
    font-size      : 13px;
}

.cancle-card {
    min-width: 132px;
}

.cancle-card a {
    display        : flex;
    align-items    : center;
    justify-content: center;
    margin         :0px;
}



.registrationathele2 label {
    display       : block;
    width         : 100%;
    text-transform: capitalize;
}

.registrationathele2 select {
    width        : 100%;
    height       : 40px;
    border       : 1px solid #969696;
    border-radius: 3px;
    font-size    : 12px;
    padding      : 0px 12px;
}

.registrationathele2 input {
    font-size: 12px;
    padding  : 0px 12px;
}

.row.form-inputss.registrationathele2 .row {
    display: flex;
    width  : 100%;
}

.registrationathele2 .range-slider {
    margin: 00px 0 0 0%;
}

.registrationathele2 .range-slider {
    width: 100%;
}

.registrationathele2 .range-slider__range {
    -webkit-appearance: none;
    width             : calc(100% - (73px));
    height            : 10px;
    border-radius     : 5px;
    background        : #fff;
    outline           : none;
    padding           : 0;
    margin            : 0;
}

.registrationathele2 .range-slider__range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance        : none;
    width             : 20px;
    height            : 20px;
    border-radius     : 50%;
    background        : #2c3e50;
    cursor            : pointer;
    -webkit-transition: background .15s ease-in-out;
    transition        : background .15s ease-in-out;
}

.registrationathele2 .range-slider__range::-webkit-slider-thumb:hover {
    background: #1abc9c;
}

.registrationathele2 .range-slider__range:active::-webkit-slider-thumb {
    background: #1abc9c;
}

.registrationathele2 .range-slider__range::-moz-range-thumb {
    width          : 20px;
    height         : 20px;
    border         : 0;
    border-radius  : 50%;
    background     : #2c3e50;
    cursor         : pointer;
    -moz-transition: background .15s ease-in-out;
    transition     : background .15s ease-in-out;
}

.registrationathele2 .range-slider__range::-moz-range-thumb:hover {
    background: #1abc9c;
}

.registrationathele2 .range-slider__range:active::-moz-range-thumb {
    background: #1abc9c;
}

.registrationathele2 .range-slider__range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 3px #fff, 0 0 0 6px #1abc9c;
}

.registrationathele2 .range-slider__value {
    display      : inline-block;
    position     : relative;
    width        : 60px;
    color        : #fff;
    line-height  : 20px;
    text-align   : center;
    border-radius: 3px;
    background   : #2c3e50;
    padding      : 5px 10px;
    margin-left  : 8px;
}

.registrationathele2 .range-slider__value:after {
    position     : absolute;
    top          : 8px;
    left         : -7px;
    width        : 0;
    height       : 0;
    border-top   : 7px solid transparent;
    border-right : 7px solid #2c3e50;
    border-bottom: 7px solid transparent;
    content      : '';
}

::-moz-range-track {
    background: #d7dcdf;
    border    : 0;
}

input::-moz-focus-inner,
input::-moz-focus-outer {
    border: 0;
}

form#facilty-registrations input.range-slider__range {
    border            : none;
    -webkit-appearance: none;
    width             : calc(100% - (73px));
    height            : 5px;
    border-radius     : 5px;
}

.registrationathele2 span.range-slider__value {
    display: none;
}

.range-slider label {
    width       : fit-content;
    margin-right: 50px;
    display     : inline-block;
}

.range-slider {
    display    : flex;
    align-items: center;
}

.range-slider input {
    margin-bottom: 0px !important;
}

.range-slider form#facilty-registrations input.range-slider__range {
    margin-bottom: 0px;
}

.row.form-inputss.registrationathele2.registrationathele4 {
    max-width: 50%;
}

form.forms-signingin {
    padding-top: 100px;
}

.forms-signingin .containerss a {
    color: #75A9C6;
}

.forms-signingin .containerss {
    font-family: EncodeSans-Regular;
    margin-top : 50px;
}

.conainer-body-wrapper.coach-about .heading-container {
    padding    : 0px;
    font-family: EncodeSans-Regular;
}

.fixed-coach-name img {
    width   : auto;
    position: absolute;
    right   : 41px;
    top     : 0;
    bottom  : 0;
    margin  : auto;
    height  : auto;
}

.row.filters-become-a-coach {
    margin: 0px 30px 50px;
}

.listCOntainer {
    margin: 40px 15px 50px;
}

.heading.margin20p {
    margin        : 0px 30px;
    border-bottom : 0px;
    padding-bottom: 0px;
}

.ratign span {
    font-family: EncodeSans-Medium;
    font-size  : 14px;
}

.listCOntainer .container {
    padding: 0px;
}

.customrow.displayFlex.alignCenter {
    margin-bottom: 30px;
}

span.light {
    opacity: 0.5;
}

.plansList .nav-tabs {
    border         : none;
    text-align     : center;
    display        : flex;
    align-items    : center;
    justify-content: center;
    margin-bottom  : 100px;
}

.plansList .nav-tabs .nav-link {
    font-size   : 28px;
    color       : #000;
    margin-right: 51px;
    display     : block;
    border      : none;
}

.plansList .nav-tabs .nav-link.active::before {
    content      : "";
    display      : block;
    width        : 10px;
    height       : 10px;
    background   : #75A9C6;
    position     : absolute;
    position     : absolute;
    bottom       : -20px;
    left         : 0;
    right        : 0;
    margin       : auto;
    border-radius: 50%;
    font-weight  : 400;
}

.plansList .nav-tabs .nav-link {
    position: relative;
}

label.labelsss {
    display       : block;
    text-transform: capitalize;
    font-weight   : 500;
    font-size     : 16px;
    margin-bottom : 20px;
}

.gropupInput input~label {
    display       : block;
    border        : 1px solid #cccc;
    padding       : 8px 20px;
    margin-right  : 14px;
    font-weight   : 500;
    font-size     : 14px;
    text-transform: capitalize;
}

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

.gropupInput input:checked~label {
    background  : #378ce8;
    color       : #fff;
    border-color: #378ce8;
}

span.sessionResults {
    color        : #75A9C6;
    font-size    : 16px;
    font-weight  : 600;
    display      : block;
    margin-bottom: 30px;
    margin-top   : 10px;
}

#datePickers td {
    border-radius: 0 !important;
}

#datePickers tr th {
    font-weight: 500;
}

#datePickers .timepicker {
    max-width    : 100px;
    border-radius: 0;
}

div#datetimepicker12 {
    background: #f2f2f2;
}

div#datetimepicker12 tr {
    margin-bottom: 10px;
    padding      : 10px 0px;
}

div#datetimepicker12 tr td {
    padding: 15px 0px;
}

div#datetimepicker12 tr td {
    /* background: red; */
    border-radius: 50%;
    width        : fit-content;
    display      : table-cell;
    margin       : auto;
    width        : 40px;
    height       : 40px;
}

div#datetimepicker12 tr td:hover {
    background: #337ab7;
    color     : #fff;
}

div#datetimepicker12 thead tr th {
    padding: 30px 0px 0px;
}

div#datetimepicker12 thead tr:nth-child(2) th {
    padding-bottom: 30px;
}

div#datePickers .col-md-12 {
    padding: 0px;
}

form.forms-signingin input {
    margin-bottom: 0px;
}

span.ErrorMessage {
    position   : relative;
    font-size  : 12px;
    font-weight: 500;
}

body {
    background-color: none;
}

.formContainerLoginAndSignIn>span {
    width: 100%;
}

form.forms-signingin label {
    margin-top: 30px;
}

span.ErrorMessage {
    display: block;
}

.formContainerLoginAndSignIn .row {
    margin: 0px;
}

button[data-v-0af1f3c3] {
    font-size      : 0 !important;
    width          : 30px;
    height         : 30px;
    border-radius  : 50%;
    padding        : 0px !important;
    line-height    : normal !important;
    min-width      : auto !important;
    display        : flex;
    align-items    : center;
    justify-content: center;
}

img[data-v-0af1f3c3] {
    left  : 0 !important;
    right : 0;
    top   : 0 !important;
    bottom: 0;
    margin: auto;
    width : 16px !important;
}

.social-logins li>div {
    width  : auto;
    padding: 0px;
}

p {
    font-size: 16px;
}

.formContainerLoginAndSignIn .row span {
    width: 100%;
}

.formContainerLoginAndSignIn #ResetButton {
    margin-top: 40px;
}

.WantToSignIn {
    padding: 0px 15px;
}

.fileUploaderImage img {
    width        : 79px;
    height       : 79px;
    border-radius: 10px;
    object-fit   : cover;
}

.verifyemail>span {
    width: 100%;
}

.margionTOp {
    margin-top: 40px;
}

.contianer-box-homepage {
    margin-bottom: 40px;
}

.maps {
    position: relative;
    height  : 100%;
}

.innerCOntainerBox a {
    padding: 0px 20px;
}

.innerCOntainerBox h6 {
    width    : 100%;
    max-width: 100%;
}

.listCOntainer .container {
    margin-left: 0px;
}

form.forms-signingin .login-button input:hover {
    background: none;
    color     : #75A9C6;
}

form.forms-signingin .login-button input {
    border   : 2px solid;
    font-size: 16px;
}

span.ErrorEncounter {
    display  : block;
    font-size: 12px;
    color    : red;
}

.mainMenu ul li ul.notificationMenu li a {
    color    : #75A9C6;
    flex-wrap: wrap;
    font-size: 13px;
    border   : none;
    padding  : 0px;
    margin   : 0px;
}

.mainMenu ul li ul.notificationMenu li {
    border-bottom: 1px solid #75A9C6;
    padding      : 0px 0px 10px;
    margin       : 0px 0px 20px;
}

.mainMenu ul li ul.notificationMenu li:last-child {
    border: none !important;
}

span.mesegesubmenu {
    position: relative;
    display : block;
}

.row.align-center.reservred-row .col-md-6:nth-child(2)>div>h2 {
    text-align: left;
    width     : 100%;
    max-width : 100%;
    max-width : 362px;
}

.row.align-center.reservred-row .col-md-6:nth-child(2)>div>h2 {
    text-align: left;
    width     : 100%;
    max-width : 100%;
    max-width : 362px;
}

p.Btn-roereserved a {
    border    : 2px solid;
    transition: 0.4s all;
}

p.Btn-roereserved a:hover {
    background: none;
    color     : #414042;
}

.buttons-ontainerbooking a {
    border: 2px solid;
}

.buttons-ontainerbooking a:hover {
    background: none;
    color     : #4671c6;
    transition: 0.4s all;
}

.sessions {
    margin   : 10px 0px 0px;
    font-size: 14px;
}

.sessions span {
    display    : block;
    line-height: normal;
}

.starts .ratign {
    display    : flex;
    align-items: center;
}

.starts .ratign span {
    line-height   : normal;
    font-weight   : 700;
    font-size     : 12px;
    letter-spacing: 2px;
}

.ratign {
    margin-bottom: 20px;
}

.Name h5 a {
    font-size    : 22px;
    color        : #3E3737;
    max-width    : 70%;
    /* background: red; */
    margin-bottom: 15px;
    font-weight  : 700;
}

.container-text-box {
    padding: 15px 25px;
}

.tags {
    border-bottom : 1px solid #cccc;
    padding-bottom: 6px;
}

.heading h2 {
    font-weight: 600;
}

.text-container-reserved h2 {
    font-weight: 600;
}

header li.hasChildren.active {
    padding-right: 20px;
}

header li.hasChildren.active ul li a {
    font-size     : 13px;
    letter-spacing: 0.5px;
    font-weight   : 100;
}

header li:last-child {
    padding-right: 20px;
    margin-left  : 0px;
}

.maps {
    padding-bottom: 70px;
}

ul.listingTabs li a {
    padding-bottom: 14px;
    text-transform: capitalize;
    font-size     : 18px;
    font-weight   : 400;
    color         : rgba(0, 0, 0, 0.3);
    cursor        : pointer;
    user-select   : none;
    position      : relative;
    border-bottom : 2px solid transparent;
}

ul.listingTabs li.active a {}

.listingTabs li:first-child {
    padding-left: 0px;
}

.innerCOntainerBox h6 a {
    max-width : fit-content;
    font-size : 14px;
    padding   : 10px 20px;
    min-height: 1px;
}

.cateogryTrainer {
    font-weight: 400;
}

.innerCOntainerBox h6 {
    font-size  : 20px;
    font-weight: 600;
}

.col.box-main-container {
    /* background: #ffff; */
    /* box-shadow: 0px 9px 26px -10px #cccc; */
}

.boxContainer {
    margin-bottom: 0px;
    background   : #ffff;
    position     : relative;
    box-shadow   : 0px 9px 26px -10px #cccc;
    height       : 100%;
}

.innerCOntainerBox {
    box-shadow: none;
    background: none;
    height    : 100%;
    display   : block;
    position  : relative;
}

.imageContainerBOx {
    height : 40%;
    display: block;
}

.image-container-uplaoder-profile-coaches .image img {
    width : 60px;
    height: 60px;
}

.container-image-uploader-coaches-profiles label span:nth-child(2) {
    font-size: 14px;
}

.containerradios label {
    font-size: 15px;
}

.cancle-plans a {
    font-size     : 15px;
    letter-spacing: 0.3px;
}

.card-information h2 img {
    width: auto;
}

.card-payemtns span {
    line-height    : normal;
    display        : flex;
    align-items    : center;
    justify-content: center;
}

i.fa.fa-bell.active {
    position: relative;
}

i.fa.fa-bell {
    position: relative;
}

i.fa.fa-bell.active::after {
    content      : "";
    display      : block;
    width        : 10px;
    height       : 10px;
    background   : #75A9C6;
    border-radius: 50%;
    top          : -5px;
    right        : -3px;
    position     : absolute;
}

i.fa.fa-not-bell.active::after {
    content      : "";
    display      : block;
    width        : 10px;
    height       : 10px;
    background   : #75A9C6;
    border-radius: 50%;
    top          : 47px;
    right        : 33px;
    position     : absolute;
}

.TextBookeding {
    font-size: 16px;
}

.BookNowbutton a {
    min-height: 45px;
}

.TextBookeding {
    font-size: 16px;
}

.BookNowbutton a {
    min-height: 45px;
}

.SubmitButtons {
    display        : inline-block;
    min-width      : 170px;
    min-height     : 60px;
    background     : #378CE8;
    text-align     : center;
    line-height    : 56px;
    color          : #ffff;
    font-size      : 17px;
    text-transform : capitalize;
    font-weight    : 500;
    margin         : 50px 0px 0px;
    border         : 2px solid #378CE8;
    transition     : 0.3s all ease-in-out;
    border-radius  : 7px;
    margin-bottom  : 20px;
    height         : 45px;
    min-height     : 1px;
    display        : flex;
    align-items    : center;
    justify-content: center;
    line-height    : normal;
    border-radius  : 0px;
}

.imagecontonerfiul {
    height    : 100%;
    width     : 100%;
    overflow  : hidden;
    max-height: 600px;
}

.imagecontonerfiul img {
    width     : 100%;
    height    : 100%;
    object-fit: cover;
}

.startchecekr>span {
    color      : red;
    line-height: normal;
    font-size  : 17px;
    margin-left: 1px;
    display    : inline-block;
}

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

.buttoncanceltaion a:last-child {
    background   : #75A9C6;
    color        : #ffff;
    border       : 2px solid #75A9C6;
    /* min-height: 48px; */
    /* height    : 48px; */
    padding      : 11px 30px;
    margin-left  : 10px;
}

span.notifitation {
    position: relative;
}


ul.notificationMenu .imageCOntaienrdropdownnotifcation {
    width        : 20px !important;
    height       : 36px !important;
    border-radius: 50% !important;
    overflow     : hidden;
}

ul.notificationMenu .imageCOntaienrdropdownnotifcation img {
    width     : 100% !important;
    height    : 100% !important;
    object-fit: cover;
}

.card-info-row span i.fa.fa-plus-square {
    align-items    : center;
    justify-content: center;
    width          : 100%;
    letter-spacing : 0.3px;
}

.card-info-row span i.fa.fa-plus-square {
    display    : flex;
    max-width  : 130px;
    margin-left: 20px;
    font-size  : 15px;
}

.card-info-row h2 {
    display    : flex;
    align-items: center;
}

.card-info-row span i.fa.fa-plus-square {
    padding    : 0px 20px;
    font-family: "Nunito", sans-serif;
}

i.fa.fa-plus-square::before {
    font        : normal normal normal 14px/1 FontAwesome;
    display     : inline-block;
    margin-right: 10px;
}

span.tagManager {
    font-size     : 10px;
    background    : #75A9C6;
    margin-left   : 10px;
    display       : inline-block;
    color         : #fff;
    /* min-height : 21px; */
    padding       : 2px 10px;
    line-height   : 20px;
    border-radius : 30px;
    font-weight   : 100;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    margin-left   : 0px;
    margin-bottom : 9px;
    line-height   : normal;
}

button.ButtonSubmit {
    /* display: inline-block; */
    /* min-height: 50px; */
    /* min-width: 182px; */
    text-align     : center;
    background     : #F7B500;
    display        : flex;
    align-items    : center;
    justify-content: center;
    width          : 100%;
    min-height     : 50px;
    color          : #fff;
    font-size      : 14px;
    font-size      : 15px;
    letter-spacing : 0.3px;
    border         : none;
}

div#modalAdd .v--modal-box.v--modal {
    display        : flex;
    align-items    : center;
    justify-content: center;
    border         : none;
    background     : transparent;
    box-shadow     : none;
}

div#modalAdd .modal-content {
    border   : none;
    max-width: 90%;
    padding  : 30px;
}

div#modalAdd .InputContainer .InputElement {
    border: 1px solid #ccc;
}

div#modalAdd .modal-header {
    padding  : 0px;
    font-size: 20px;
}

div#modalAdd .modal-header h2 {
    font-size     : 20px;
    font-weight   : 700;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

div#modalAdd .modal-body {
    padding: 20px 0px 0px;
}

.mainMenu ul li ul.notificationMenu li:last-child {
    margin : 0px;
    padding: 0px 0px 10px;
}

.mainMenu ul li ul.notificationMenu li strong {
    display: none;
}

header li.hasChildren.active ul li a {
    font-weight: 400;
}

.mainMenu ul li ul.notificationMenu li {
    border-bottom: 1px solid #cccc;
}

.timingsubmenu {
    color  : #000;
    opacity: 0.5;
}

header a {
    font-size: 14px;
}

.headingnotification {
    font-weight: 700;
}

.headignmenuNotfication>a {
    font-size      : 13px !important;
    font-weight    : 200;
    margin         : 0px 20px 0px auto;
    text-decoration: none !important;
    border         : none !important;
}

.labels .row .col-md-6:first-child {
    padding-left: 0px;
}

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

.startsw span {
    line-height: normal;
}

.infocontainerMore h2 a {
    font-size     : 40px;
    text-transform: capitalize;
    font-weight   : 400;
    line-height   : normal;
    margin        : 10px 0px;
    color         : #000;
}

.infocontainerMore .startsRating {
    display    : flex;
    align-items: center;
}

.infocontainerMore .startsRating span {
    line-height: normal;
}

.infocontainerMore .startsRating {
    display    : flex;
    align-items: center;
}

.infocontainerMore .startsRating span {
    line-height: normal;
}

.innerCOntainerBox h6 a {
    background    : none;
    color         : #000;
    border        : none;
    text-transform: capitalize;
    padding       : 0px;
    margin-bottom : 10px;
    font-size     : 22px;
    font-weight   : 700;
}

div#modal-payment .modal-heder {
    padding  : 0px;
    font-size: 20px;
}

div#modal-payment .modal-header.border-0.pb-0 {
    padding: 0px;
    margin : 0px;
    padding: 20px;
}

div#modal-payment .modal-header.border-0.pb-0 h2 {
    font-size     : 22px;
    font-weight   : 700;
    text-transform: uppercase;
}

div#modal-payment .modal-body .form button {
    /* display: inline-block; */
    /* min-height: 50px; */
    /* min-width: 182px; */
    text-align     : center;
    background     : #F7B500;
    display        : flex;
    align-items    : center;
    justify-content: center;
    width          : 100%;
    min-height     : 50px;
    color          : #fff;
    font-size      : 14px;
    font-size      : 15px;
    letter-spacing : 0.3px;
    border         : none;
    margin         : 30px 0px 0px;
}

div#modal-payment .modal-body .form button:hover {
    background: none;
    border    : 2px solid;
    color     : #f7b500;
}

div#modal-payment .modal-header i {
    color    : #f7b500;
    font-size: 18px;
}

div#modal-payment input[type="checkbox"] {
    display: none;
}

div#modal-payment input[type="checkbox"]~label {
    position    : relative;
    font-size   : 15px;
    padding-left: 30px;
    margin      : 0;
}

div#modal-payment input[type="checkbox"]~label::before {
    content : "";
    display : block;
    width   : 15px;
    height  : 15px;
    border  : 1px solid #000;
    position: absolute;
    left    : 0;
    top     : 0;
    bottom  : 0;
    margin  : auto;
}

div#modal-payment input[type="checkbox"]:checked~label::after {
    content    : "";
    display    : block;
    width      : 5px;
    height     : 10px;
    border     : 2px solid #f7b500;
    position   : absolute;
    left       : 5px;
    top        : -2px;
    bottom     : 0;
    margin     : auto;
    border-left: 0;
    border-top : 0;
    transform  : rotate(45deg);
}

div#modal-payment input[type="checkbox"]:checked~label::before {
    border-color: #f7b500;
}

ul.listingTabs li.active a {
    color      : #000;
    opacity    : 1;
    font-weight: 700;
}

.contianer-box-homepage img {
    min-height: 268px;
    object-fit: cover;
    max-height: 268px;
}

.forms-signingin .containerss {
    flex: 0 100%;
}

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

.tags span:nth-child(2) {
    margin: 0px;
}

header li.hasChildren.active .conten a {
    color: #000;
}

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

.startsRating span {
    line-height: normal;
}

.cols1 p span {
    display    : block;
    font-weight: 700;
}

.cols1 p span:first-child {
    display: inline-block;
}

main.pageId-6 {
    padding: 0px;
}

span.errorTime {
    display  : block;
    font-size: 10px;
}

span.tagManager {
    margin-left  : 10px;
    line-height  : 21px;
    padding      : 3px 20px;
    font-size    : 9px;
    margin-bottom: 0px;
    height       : auto;
    min-height   : auto;
    width        : auto;
}

/* active Status */

.ActiveStatus input~label {
    display      : block;
    width        : 50px;
    height       : 20px;
    background   : white;
    border-radius: 20px;
    box-shadow   : 0px 0px 4px 4px #cccc;
    position     : relative;
    margin-bottom: 0px;
    transition   : 0.4s all;
}

.ActiveStatus input~label::before {
    content      : "";
    display      : block;
    width        : 20px;
    height       : 10px;
    background   : #C5C5C3;
    position     : absolute;
    left         : 0;
    top          : 0;
    bottom       : 0;
    height       : 100%;
    border-radius: 50%;
    transition   : 0.4s all;
}

.ActiveStatus input:checked~label::before {
    left      : auto;
    right     : 0;
    transition: 0.4s all;
    background: #ffffff;
    height    : 90%;
    width     : 17px;
    top       : 0;
    bottom    : 0;
    margin    : auto;
}

.ActiveStatus input:checked~label {
    background: #28a745;

}

.labelCls {
    font-size    : 18px;
    font-weight  : 700;
    margin-bottom: 0px;
}

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

.ActiveStatus input {
    display: none;
}

.ActiveStatus {
    margin : 0px 0px 20px;
    padding: 0px 40px;
}

label.labelCls {
    margin-right: 20px;
    font-size   : 14px;
}

span.fa.fa-star.checked {
    color: orange;
}

.vc-container.vc-reset.vc-min-w-full.vc-text-gray-900.vc-bg-white.vc-border.vc-border-gray-400.vc-rounded-lg {
    background: #f2f2f2;
    border    : 2px solid #f2f2f2;
}

.vc-header.vc-text-gray-900>div {
    min-height   : 40px;
    display      : flex;
    align-items  : center;
    margin-bottom: 30px;
    margin-top   : 20px;
}

.vc-svg-icon[data-v-5572e632] {
    margin-top: 21px;
}

.vc-header .vc-title {
    color      : #545454;
    font-weight: 700;
    font-size  : 15px;
}

.vc-bg-blue-600 {
    background: #689bac;
}

.vc-bg-blue-600 {
    background: #689bac !important;
}

.login-button {
    width     : 100%;
    max-width : 100%;
    background: none;
}

.social-logins {
    max-width : 376px;
    text-align: center;
}

.social-logins ul {
    width : -moz-fit-content;
    width : -webkit-fit-content;
    width : fit-content;
    width : -o-fit-content;
    margin: auto;
}

.forms-signingin .containerss {
    max-width : 376px;
    text-align: center;
    margin-top: 15px;
}

.col.map-container-coach.active {
    flex  : 0 100%;
    order : 1;
    height: 400px;
}

.col.list-container-main-coach.deactive {
    flex : 0 100%;
    order: 2;
}

.list-container-main-coach.deactive .box-main-container {
    min-width: 25%;
}

.list-container-main-coach.deactive .col:nth-child(odd) {
    padding: 0px 15px;
}

.list-container-main-coach.deactive .col:nth-child(even) {
    padding: 0px 15px;
}

.list-container-main-coach.deactive .box-main-container img {
    height    : 200px;
    min-height: 200px;
}

.innerCOntainerBox h6 {
    overflow          : hidden;
    text-overflow     : ellipsis;
    display           : -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.innerCOntainerBox h6 a {
    overflow          : hidden;
    text-overflow     : ellipsis;
    display           : -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.Name h5 a {
    overflow          : hidden;
    text-overflow     : ellipsis;
    display           : -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-width         : 100%;
}



.image-container {
    min-height: 200px;
    max-height: 200px;
}

.container-text-box {
    padding: 15px 15px;
}

.sessions span {
    overflow          : hidden;
    text-overflow     : ellipsis;
    display           : -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.tags span:nth-child(1) {
    overflow          : hidden;
    text-overflow     : ellipsis;
    display           : -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.addressTrainee {
    overflow          : hidden;
    text-overflow     : ellipsis;
    display           : -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.imageContainerBOx img {
    height: 100%;
}

.Name h5 {
    width    : 100%;
    max-width: 100%;
}

.Name h5 a {
    font-size  : 18px;
    font-weight: 1000;
}

.buttons-ontainerbooking a {
    font-size: 14px;
}

.inputlabelsearc i.fa-close {
    position: absolute;
    right   : 10px;
    left    : auto;
    top     : 12px;
    color   : #75A9C6;
    display : none;
}

.inputlabelsearc i.fa-close:hover {
    color : red;
    cursor: pointer;
}

.inputlabelsearc i.fa-close.active {
    display: inline-block;
}

.row.inputlabelsearc {
    width      : 100%;
    display    : flex;
    align-items: center;
}

.row.inputlabelsearc label {
    padding-left: 0px 1im;
}

.row.inputlabelsearc i.fa-close {
    top: 40px;
}

.row.inputlabelsearc label {
    left: 0;
}

form.forms-signingin .login-button input {
    margin   : auto;
    display  : block;
    width    : 100%;
    max-width: 100%;
}

.login-button {
    max-width    : 380px;
    margin-bottom: 30px;
}

span.cateogryTrainer img {
    width       : 13px;
    max-width   : 20px;
    margin-right: 8px;
    height      : auto !important;
    max-height  : auto !important;
}

ul.packge {
    display: none;
}

.contianer-box-homepage img {
    height    : 100%;
    max-height: 100%;
    width     : 100%;
    object-fit: cover;
}

.tags span:nth-child(2) {
    overflow          : hidden;
    text-overflow     : ellipsis;
    display           : -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-width         : 70%;
    margin-left       : auto;
    text-align        : right;
}

form.forms-signingin label {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size  : 14px;
}

form.forms-signingin input::placeholder {
    font-size: 13px;
}

form.forms-signingin .login-button input {
    font-family: 'Roboto', sans-serif;
}

.social-logins p {
    font-family: 'Roboto', sans-serif;
}

* {
    font-family: f400;
}

.forms-signingin .containerss a {
    font-weight: 500;
}

.forms-signingin .containerss a:hover {
    color: #f98899;
}

.heading h2 {
    font-size: 30px;
}

.heading {
    padding-bottom: 10px;
    border-width  : 1px;
}

.Name h5 a {
    font-size: 16px;
}

.sessions span {
    font-weight: 400;
    font-size  : 13px;
}

.tags span:nth-child(1) {
    font-size: 11px;
}

.tags span:nth-child(1) {
    max-width: 40%;
}

.tags span:nth-child(2) {
    max-width: 50%;
    color    : #9B9B9B;
}

.tag-ability {
    font-weight   : 300;
    letter-spacing: 0.1px;
}

.text-container-reserved p {
    font-size: 15px;
}

header a {
    color: rgba(0, 0, 0, 0.5);
}

header li.hasChildren.active .conten a {
    overflow          : hidden;
    text-overflow     : ellipsis;
    display           : -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-width         : 100%;
    max-width         : 80%;
}

.headignmenuNotfication>a {
    margin-right: 0px;
}

ul.listingTabs li a {
    font-size     : 16px;
    padding-bottom: 0px;
}

.listingTabs li {
    padding-bottom: 9px;
}

.filterbY select {
    font-weight: 300;
}

.filterbY span {
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}

.paName {
    font-weight: 500;
}

.startingat {
    font-size: 15px;
}

.listPlabs li {
    font-size: 16px;
}

.Addmores {
    font-size: 14px;
}

.card-info-row span i.fa.fa-plus-square {
    height    : 33px;
    min-height: 20px;
}

div#ChangePassword .formGroupsContainer.displayFlex {
    width: 100%;
}

div#ChangePassword .formGroupsContainer.displayFlex span {
    width: 100%;
}

div#ChangePassword .formGroupsContainer.displayFlex span form {
    width: 100%;
}

div#ChangePassword .formGroupsContainer.displayFlex span span {
    font-size  : 11px;
    font-weight: 300;
    display    : block;
}

.container-image-uploader-coaches-profiles label span:nth-child(2) {
    margin-bottom: 0px;
}

.image-container-uplaoder-profile-coaches {
    align-items: inherit;
}

.image-container-uplaoder-profile-coaches .image img {
    height    : 60px;
    width     : 100%;
    max-width : 70px;
    object-fit: cover;
}

.ActiveStatus {
    padding-left: 10px;
}

span.tagManager {
    background: rgba(104, 156, 172, 0.25);
    color     : #75A9C6;
}

ul.submenu {
    background: #3d4551;
}

.tagManager.pending {
    color           : #FAA521;
    background-color: rgba(250, 165, 33, 0.25);
}

.tagManager.cancelled {
    color           : #FF6262;
    background-color: rgba(255, 98, 98, 0.25);
}

.tagManager.completed {
    color           : #75A9C6;
    background-color: rgba(21, 186, 142, 0.25);
}

span.tagManager {
    font-weight: 600;
}

span.cateogryTrainer img {
    min-height: auto !important;
}

.no-record {
    background     : #fff;
    display        : block;
    min-height     : 50px;
    width          : 100%;
    display        : flex;
    align-items    : center;
    justify-content: center;
    font-size      : 22px;
    text-transform : capitalize;
    font-weight    : 500;
    color          : #75A9C6;
}

.toaster {
    position     : fixed;
    top          : 110px;
    right        : 0px;
    max-width    : fit-content;
    /* background: #75A9C6; */
    z-index      : 999999;
    padding      : 30px;
    color        : #fff;
    box-shadow   : 0 0 13px 0 rgba(0, 0, 0, .3);
    right        : -100%;
    transition   : 0.4s all ease-in-out;
}

.toaster.active {
    right     : 0px;
    transition: 0.4s all ease-in-out;
}

.toaster h2 {
    overflow          : hidden;
    text-overflow     : ellipsis;
    display           : -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size         : 18px;
    font-weight       : 700;
}

.toaster p {
    overflow          : hidden;
    text-overflow     : ellipsis;
    display           : -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size         : 14px;
    line-height       : normal;
}

.inputNameSearch {
    display: none !important;
}

ul.submenu li.actives a {
    color: #ffa500 !important;
}

ul.submenu li.actives a {
    color: #ffa500 !important;
}

header li.hasChildren.active {
    background: #3d4551;
}

span.vue__time-picker.time-picker {
    display: block !important;
    width  : 100% !important;
}

.inputTypeDays>span {
    width: 94% !important;
    flex : 0 48%;
}

span.vue__time-picker.time-picker input {
    width: 100% !important;
}

.inputTypeDays::before {
    display: none;
}

.inputTypeDays {
    align-items    : flex-start;
    flex-wrap      : wrap;
    justify-content: space-between;
    border         : navajowhite;
}

span.errorTime {
    font-size: 12px;
    color    : red;
    display  : block;
    margin   : 7px 0px 0px;
}

main.pageId-C17.pageCreateBooking .page17 {
    border: none;
}

#maxis {
    max-width : 460px;
    margin-top: 20px;
}

.pageCreateBooking .page17 {
    display: block;
}

main.pageId-C17.pageCreateBooking span.sessionResults {
    margin: 0px;
}

.mx-calendar-content .cell.active {
    background   : #75A9C6 !important;
    border-radius: 50% !important;
}

button#confirmbookingnew {
    width     : 100%;
    background: #75A9C6;
    border    : 2px solid #75A9C6;
}

.toaster.active {
    background: #fff;
}

.toaster h2 {
    color      : #000;
    font-weight: 400;
    font-size  : 17px;
}

.MessageToaster {
    display    : block;
    align-items: center;
    flex-wrap  : wrap;
}

.MessageToaster p {
    color: #000;
}

.MessageToaster img {
    width        : 100%;
    height       : 100%;
    border-radius: 50%;
    object-fit   : cover;
}

.imagesi {
    width    : 50px;
    /* flex  : auto; */
    height   : 50px;
    max-width: 100%;
}

.contents {
    flex       : 0 73%;
    margin-left: auto;
}

.closeToaster {
    color      : red;
    position   : absolute;
    right      : 10px;
    top        : 0;
    bottom     : 0;
    margin     : auto;
    display    : block;
    display    : flex;
    align-items: center;
}

.closeToaster i {
    width          : 25px;
    height         : 25px;
    background     : #F44336;
    color          : #fff;
    display        : flex;
    align-items    : center;
    justify-content: center;
    border-radius  : 50%;
}

.toaster.active {
    padding-left: 20px;
}

.inputSearch input[type="submit"] {
    display: none;
}

.inputSearch input {
    background  : #F5F5F5;
    border      : 1px solid #ccc;
    height      : 40px;
    width       : 100%;
    padding-left: 10px;
}

.inputSearch {
    max-width: 359px;
    position : relative;
}

.inputSearch label {
    display    : block;
    position   : absolute;
    top        : 0;
    right      : 11px;
    bottom     : 0;
    margin     : auto;
    display    : flex;
    align-items: center;
}

#flexedsi {
    display        : flex;
    align-items    : center;
    justify-content: space-between;
}

.inputSearch {
    min-width : 200px;
    margin-top: -20px;
}

.no-record {
    flex-wrap: wrap;
}

.no-record p {
    flex      : 0 100%;
    text-align: center;
    display   : block;
}

.no-record {
    padding: 100px 0px 100px;
}

.no-record img {
    margin: auto;
}

.no-record p {
    color : #000;
    margin: 20px 0px 0px;
}

div#exampleModalCenter .modal-body {
    text-align: center;
}

div#exampleModalCenter .modal-body img {
    margin: auto;
}

div#exampleModalCenter {
    /* max-width: 617px; */
    /* margin: auto; */
}

div#exampleModalCenter .modal-content {
    max-width  : 400px;
    margin     : auto;
    min-height : 400px;
    display    : flex;
    align-items: center;
}

div#exampleModalCenter .modal-body {
    display        : flex;
    align-items    : center;
    flex-wrap      : wrap;
    justify-content: center;
}

div#exampleModalCenter .modal-body a {
    background     : #FAA521;
    display        : flex;
    width          : 100%;
    height         : 50px;
    align-items    : center;
    justify-content: center;
    color          : #fff;
}

div#exampleModalCenter .modal-body p {
    font-size: 14px;
}

div#exampleModalCenter .modal-body p span:first-child {
    color: #FF5252;
}

div#exampleModalCenter .modal-body p span:nth-child(2) {
    color: #75A9C6;
}

div#popup main {
    margin : 0px;
    padding: 0;
}

div#popup .modal-content,
div#popup .modal-body {
    max-width: 100%;
    width    : 100%;
}

div#popup .modal.show .modal-dialog {
    max-width: 100%;
    width    : 100%;
    flex     : 0 100%;
}

div#popup .modal-dialog {
    max-width : 80%;
    margin-top: 120px;
}

div#popup .plansList .nav-tabs .nav-link.active::before {
    width : 100%;
    height: 1px;
    bottom: 0;
}

div#popup .boxContainerPlan {
    border  : 1px solid transparent;
    position: relative;
}

div#popup .boxContainerPlan:hover {
    border: 1px solid #FAA521;
}

div#popup .boxContainerPlan:hover::before {
    content      : "";
    width        : 30px;
    height       : 30px;
    display      : block;
    position     : absolute;
    top          : -14px;
    left         : 0;
    right        : 0;
    background   : red;
    display      : block;
    margin       : auto;
    border-radius: 50%;
    background   : none;
    border       : 1px solid #faa521;
    background   : #fff;
}

div#popup .boxContainerPlan:hover::after {
    content    : "";
    display    : block;
    width      : 7px;
    height     : 15px;
    border     : 1px solid #faa521;
    position   : absolute;
    top        : -8px;
    left       : 0px;
    right      : 0;
    margin     : auto;
    border-left: 0;
    border-top : 0;
    transform  : rotate(45deg);
}

div#popup .boxContainerPlan:hover>a {
    color       : #fff;
    background  : #faa521;
    border-color: #faa521;
}

div#popup .col {
    max-width: 25%;
}

div#popup .boxContainerPlan .paName {
    font-size: 13px;
    display  : flex;
    max-width: 100%;
    width    : 70%;
    min-width: 100%;
}

div#popup .boxContainerPlan h2 {
    font-size: 30px;
}

div#popup .boxContainerPlan {
    padding: 20px 10px;
}


div#popup .container {
    max-width: 100%;
    width    : 100%;
    margin   : 0px;
    padding  : 0px;
}

.toaster.active {
    top   : 110px;
    bottom: auto;
    right : 10px;
}

#flexedsi {
    max-width: 100%;
}

.inputSearch img {
    width: 15px;
}

.UpgradePlan {
    font-size: 24px;
    color    : #060606;
}

.toaster.active {
    width        : 419px;
    max-width    : 100%;
    box-shadow   : 0px 0px 40px -13px #cccc;
    border-radius: 12px;
    right        : 60px;
}

.imagesi {
    width  : 60px;
    height : 60px;
    display: inline-block;
}

.contents {
    display     : inline-block;
    width       : auto;
    margin-left : 0;
    padding-left: 20px;
}

header li.hasChildren.active .conten a {
    max-width: 100%;
}

span.mesegesubmenu {
    padding-right: 0px;
}

.MembersPage-19 li img {
    border-radius: 50%;
}

span.daysName.selected {
    background: #378CE8;
    color     : #fff;
}

div#popup main .row {
    justify-content: center;
}

div#popup .plansList .nav-tabs .nav-link.active {
    background: none;
}

div#popup h6 {
    text-align : center;
    font-size  : 24px;
    font-weight: 300;
    margin     : 50px 0px 30px;
}

div#popup .plansList .nav-tabs .nav-item:last-child .nav-link {
    margin-right: 0px;
    /* font-size: 18px; */
}

div#popup .plansList .nav-tabs .nav-link {
    color    : rgba(6, 6, 6, 0.4);
    font-size: 18px;
}

div#popup .plansList .nav-tabs .nav-link.active {
    color: #000;
}

div#popup div#modal-payment.modal.show .modal-dialog {
    max-width: 500px;
}

div#popup div#modal-payment.modal.show {
    background: rgba(0, 0, 0, 0.57);
}

div.optimusPrime {
    font-size: 14px;
}

div.optimusPrime span {
    display       : block;
    margin        : 0px 0px 10px;
    /* color      : #75A9C6; */
    /* font-weight: 500; */
    font-size     : 14px;
}

div.optimusPrime p {
    font-size  : 14px;
    font-weight: 400;
}

.heading.displayFlex.alignCenter.justifyB {
    display        : flex;
    align-items    : center;
    justify-content: space-between;
}

.heading.displayFlex.alignCenter.justifyB .inputSearch {
    margin-top: 0;
}

.nameAndChange {
    display        : flex;
    align-items    : center;
    justify-content: space-between;
    border-bottom  : 1px solid #cccc;
    margin-bottom  : 20px;
    max-width      : 640px;
}

.nameAndChange h4 span {
    display    : block;
    font-size  : 13px;
    font-weight: 400;
    color      : rgba(0, 0, 0, 0.4);
    margin-top : 6px;
}

.nameAndChange h4 {
    font-size    : 20px;
    font-weight  : 400;
    margin-bottom: 10px;
}

.changeTheDate {
    color         : #75A9C6;
    text-transform: capitalize;
    user-select   : none;
    cursor        : pointer;
}

.ActiveStatus.preferenceStatus label {
    font-size  : 20px;
    text-align : left;
    font-weight: 400;
}

.ActiveStatus.preferenceStatus span {
    font-size: 14px;
}

.ActiveStatus.preferenceStatus {
    padding-left   : 0px;
    border-bottom  : 1px solid #cccc;
    max-width      : 640px;
    margin-top     : 20px;
    padding-bottom : 20px;
    display        : flex;
    align-items    : center;
    justify-content: space-between;
    padding-right  : 0px;
}

.ActiveStatus.preferenceStatus input~label {
    width     : 51px;
    height    : 27px;
    box-shadow: inset 0px 0px 34px -11px #cccc;
}

.ActiveStatus.preferenceStatus input~label::before {
    width  : 28px;
    height : 28px;
    /* top : -3px; */
    /* left: -2px; */
}

.AddBlockDay {
    display        : flex;
    align-items    : center;
    justify-content: flex-start;
    margin         : 20px 0px;
    user-select    : none;
    cursor         : pointer;
}

.AddBlockDay h6 {
    font-size     : 18px;
    text-transform: capitalize;
    font-weight   : 400;
    margin-left   : 20px;
    margin-bottom : 0;
}

.plusAdd {
    width          : 36px;
    height         : 36px;
    border-radius  : 50%;
    background     : #EEEEEE;
    text-align     : center;
    display        : flex;
    align-items    : center;
    justify-content: center;
    font-size      : 21px;
    line-height    : normal;
}

.blockedOutDays {
    opacity   : 0;
    visibility: hidden;
    transition: 0.4s all;
}

.blockedOutDays.active {
    opacity   : 1;
    visibility: visible;
    transition: 0.4s all;
}

div#AddPreferncePopup,
div#updatePrefModal .modal-header {
    border: none;
}

div#AddPreferncePopup,
div#updatePrefModal h5 {
    font-weight: 400;
    font-size  : 27px;
}

div#AddPreferncePopup,
div#updatePrefModal label {
    display       : block;
    text-transform: capitalize;
    font-weight   : 400;
    font-size     : 13px;
    color         : #A3A3A3;
}

div#AddPreferncePopup,
div#updatePrefModal input {
    border       : none;
    border-bottom: 1px solid #ccc;
    display      : block;
    width        : 100%;
    height       : 40px;
    margin-bottom: 30px;
}

div#AddPreferncePopup,
div#updatePrefModal .row {
    max-width: 50%;
}

.checkboxcontainerModal input[type="checkbox"] {
    display: none !important;
}

div#AddPreferncePopup,
div#updatePrefModal .checkboxcontainerModal input~label {
    font-size   : 16px;
    padding-left: 30px;
    position    : relative;
}

div#AddPreferncePopup,
div#updatePrefModal .checkboxcontainerModal input~label::before {
    width        : 20px;
    height       : 20px;
    border       : 2px solid #FF1616;
    position     : absolute;
    left         : 0;
    top          : 0;
    bottom       : 0;
    margin       : auto;
    display      : block;
    /* background: red; */
    border-radius: 4px;
}

div#AddPreferncePopup,
div#updatePrefModal .checkboxcontainerModal input~label::before {
    content: "";
}

div#AddPreferncePopup,
div#updatePrefModal .checkboxcontainerModal input:checked~label::after {
    content    : "";
    display    : block;
    width      : 7px;
    height     : 13px;
    border     : 2px solid red;
    position   : absolute;
    left       : 7px;
    top        : -3px;
    bottom     : 0;
    margin     : auto;
    border-left: 0;
    border-top : 0;
    transform  : rotate(45deg);
}

div#AddPreferncePopup,
div#updatePrefModal .checkboxcontainerModal input:checked~label {
    color: red;
}

div#AddPreferncePopup,
div#updatePrefModal .modal-footer button {
    background   : #378CE8;
    border       : none;
    border-radius: 0;
    margin-left  : 0;
    min-width    : 204px;
    min-height   : 50px;
}

div#AddPreferncePopup,
div#updatePrefModal .modal-footer {
    display        : flex;
    justify-content: center;
    border         : none;
}

div#AddPreferncePopup,
div#updatePrefModal .modal-header .close {
    font-size: 40px;
    position : absolute;
    right    : 11px;
    top      : 0;
}

div#NewPhone {
    background     : rgba(21, 186, 142, 0.10);
    padding        : 15px 20px;
    border-radius  : 50px;
    color          : #75A9C6;
    margin-right   : 10px;
    border-radius  : 60px;
    color          : #000;
    height         : 50px;
    padding        : 0px;
    width          : 155px;
    display        : flex;
    align-items    : center;
    justify-content: center;
    font-size      : 14px;
}

div#NewPhone a {
    color: #75A9C6;
}

div#SednMessage {
    border         : 1px solid #000;
    padding        : 15px 20px;
    border-radius  : 60px;
    color          : #000;
    height         : 50px;
    padding        : 0px;
    width          : 155px;
    display        : flex;
    align-items    : center;
    justify-content: center;
    font-size      : 14px;
}

div#SednMessage i {
    color: #000;
}

div#SednMessage a {
    font-size: 13px;
}

#justifyfl {
    justify-content: flex-start;
}

.test-emoji {
    position  : relative;
    text-align: center;
    font-size : 2rem;
    left      : 0%;
    width     : 100%;
    top       : 20%;
}

.intercom-composer-popover-input {
    font-size-adjust            : none;
    font-size                   : 100%;
    font-style                  : normal;
    letter-spacing              : normal;
    font-stretch                : normal;
    font-variant                : normal;
    font-weight                 : 400;
    font                        : normal normal 100% "intercom-font", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align                  : left;
    text-align-last             : auto;
    text-decoration             : none;
    -webkit-text-emphasis       : none;
    text-emphasis               : none;
    text-height                 : auto;
    text-indent                 : 0;
    text-justify                : auto;
    text-outline                : none;
    text-shadow                 : none;
    text-transform              : none;
    text-wrap                   : normal;
    alignment-adjust            : auto;
    alignment-baseline          : baseline;
    -webkit-animation           : none 0 ease 0 1 normal;
    animation                   : none 0 ease 0 1 normal;
    -webkit-animation-play-state: running;
    animation-play-state        : running;
    -webkit-appearance          : normal;
    -moz-appearance             : normal;
    appearance                  : normal;
    azimuth                     : center;
    -webkit-backface-visibility : visible;
    backface-visibility         : visible;
    background                  : none 0 0 auto repeat scroll padding-box transparent;
    background-color            : transparent;
    background-image            : none;
    baseline-shift              : baseline;
    binding                     : none;
    bleed                       : 6pt;
    bookmark-label              : content();
    bookmark-level              : none;
    bookmark-state              : open;
    bookmark-target             : none;
    border                      : 0 none transparent;
    border-radius               : 0;
    bottom                      : auto;
    box-align                   : stretch;
    -webkit-box-decoration-break: slice;
    box-decoration-break        : slice;
    box-direction               : normal;
    box-flex                    : 0.0;
    box-flex-group              : 1;
    box-lines                   : single;
    box-ordinal-group           : 1;
    box-orient                  : inline-axis;
    box-pack                    : start;
    box-shadow                  : none;
    box-sizing                  : content-box;
    -webkit-column-break-after  : auto;
    break-after                 : auto;
    -webkit-column-break-before : auto;
    break-before                : auto;
    -webkit-column-break-inside : auto;
    break-inside                : auto;
    caption-side                : top;
    clear                       : none;
    clip                        : auto;
    color                       : inherit;
    color-profile               : auto;
    -webkit-column-count        : auto;
    -moz-column-count           : auto;
    column-count                : auto;
    -webkit-column-fill         : balance;
    -moz-column-fill            : balance;
    column-fill                 : balance;
    -webkit-column-gap          : normal;
    -moz-column-gap             : normal;
    column-gap                  : normal;
    -webkit-column-rule         : medium medium #1f1f1f;
    -moz-column-rule            : medium medium #1f1f1f;
    column-rule                 : medium medium #1f1f1f;
    -webkit-column-span         : 1;
    -moz-column-span            : 1;
    column-span                 : 1;
    -webkit-column-width        : auto;
    -moz-column-width           : auto;
    column-width                : auto;
    -webkit-columns             : auto auto;
    -moz-columns                : auto auto;
    columns                     : auto auto;
    content                     : normal;
    counter-increment           : none;
    counter-reset               : none;
    crop                        : auto;
    cursor                      : auto;
    direction                   : ltr;
    display                     : inline;
    dominant-baseline           : auto;
    drop-initial-after-adjust   : text-after-edge;
    drop-initial-after-align    : baseline;
    drop-initial-before-adjust  : text-before-edge;
    drop-initial-before-align   : caps-height;
    drop-initial-size           : auto;
    drop-initial-value          : initial;
    elevation                   : level;
    empty-cells                 : show;
    fit                         : fill;
    fit-position                : 0 0;
    float                       : none;
    float-offset                : 0 0;
    grid-columns                : none;
    grid-rows                   : none;
    hanging-punctuation         : none;
    height                      : auto;
    hyphenate-after             : auto;
    hyphenate-before            : auto;
    hyphenate-character         : auto;
    hyphenate-lines             : no-limit;
    hyphenate-resource          : none;
    -webkit-hyphens             : manual;
    -ms-hyphens                 : manual;
    hyphens                     : manual;
    icon                        : auto;
    image-orientation           : auto;
    image-rendering             : auto;
    image-resolution            : normal;
    inline-box-align            : last;
    left                        : auto;
    line-height                 : inherit;
    line-stacking               : inline-line-height exclude-ruby consider-shifts;
    list-style                  : disc outside none;
    margin                      : 0;
    marks                       : none;
    marquee-direction           : forward;
    marquee-loop                : 1;
    marquee-play-count          : 1;
    marquee-speed               : normal;
    marquee-style               : scroll;
    max-height                  : none;
    max-width                   : none;
    min-height                  : 0;
    min-width                   : 0;
    move-to                     : normal;
    nav-down                    : auto;
    nav-index                   : auto;
    nav-left                    : auto;
    nav-right                   : auto;
    nav-up                      : auto;
    opacity                     : 1;
    orphans                     : 2;
    outline                     : medium none invert;
    outline-offset              : 0;
    overflow                    : visible;
    overflow-style              : auto;
    padding                     : 0;
    page                        : auto;
    page-break-after            : auto;
    page-break-before           : auto;
    page-break-inside           : auto;
    page-policy                 : start;
    -webkit-perspective         : none;
    perspective                 : none;
    -webkit-perspective-origin  : 50% 50%;
    perspective-origin          : 50% 50%;
    pointer-events              : auto;
    position                    : static;
    presentation-level          : 0;
    punctuation-trim            : none;
    quotes                      : none;
    rendering-intent            : auto;
    resize                      : none;
    right                       : auto;
    rotation                    : 0;
    rotation-point              : 50% 50%;
    ruby-align                  : auto;
    ruby-overhang               : none;
    ruby-position               : before;
    ruby-span                   : none;
    size                        : auto;
    string-set                  : none;
    table-layout                : auto;
    top                         : auto;
    -webkit-transform           : none;
    -ms-transform               : none;
    transform                   : none;
    -webkit-transform-origin    : 50% 50% 0;
    -ms-transform-origin        : 50% 50% 0;
    transform-origin            : 50% 50% 0;
    -webkit-transform-style     : flat;
    transform-style             : flat;
    transition                  : all 0 ease 0;
    unicode-bidi                : normal;
    vertical-align              : baseline;
    white-space                 : normal;
    white-space-collapse        : collapse;
    widows                      : 2;
    width                       : auto;
    word-break                  : normal;
    word-spacing                : normal;
    word-wrap                   : normal;
    z-index                     : auto;
    text-align                  : start;
    -ms-filter                  : "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
    -webkit-font-smoothing      : antialiased;
    -moz-osx-font-smoothing     : grayscale;

}

.intercom-composer-popover {
    z-index            : 2147483003;
    position           : relative;
    bottom             : 50px;
    right              : calc(50% - 165px);
    box-shadow         : 0 1px 15px 1px rgba(0, 0, 0, .08);
    background-color   : #fff;
    border-radius      : 6px;
    transition-duration: 200ms;
    transition-delay   : 0ms;
    transform-style    : flat;
    transform-origin   : 50% 50% 0;
    opacity            : 0;
    transition         : all 0.2s linear;
    visibility         : hidden;
}

.intercom-composer-popover.active {
    visibility: visible;
    opacity   : 1;
    bottom    : 70px;
}

.intercom-emoji-picker {
    width : 330px;
    height: 260px;
}

.intercom-composer-popover-header {
    position     : relative;
    top          : 0;
    left         : 20px;
    right        : 20px;
    height       : 40px;
    border-bottom: 1px solid #edeff1;
}

.intercom-composer-popover-input {
    background-image   : url(https://js.intercomcdn.com/images/search.7ae40c25.png);
    background-size    : 16px 16px;
    background-repeat  : no-repeat;
    background-position: 0 12px;
    font-weight        : 400;
    font-size          : 14px;
    color              : #6e7a89;
    padding-left       : 25px;
    height             : 40px;
    width              : 100%;
    box-sizing         : border-box;
    background-image   : url(https://js.intercomcdn.com/images/search@2x.9f02b9f3.png);
    border             : none;
    outline            : none;
}

.intercom-composer-popover-body {
    position  : relative;
    top       : 40px;
    left      : 0;
    right     : 0;
    bottom    : 5px;
    padding   : 0 20px;
    overflow-y: scroll;
}

.intercom-emoji-picker-group {
    margin: 10px -5px;
}

.intercom-emoji-picker-group {
    margin: 10px -5px;
}

.intercom-emoji-picker-group-title {
    color      : #b8c3ca;
    font-weight: 400;
    font-size  : 13px;
    margin     : 5px;
}

.intercom-emoji-picker-emoji {
    padding         : 5px;
    width           : 30px;
    line-height     : 30px;
    display         : inline-table;
    text-align      : center;
    cursor          : pointer;
    vertical-align  : middle;
    font-size       : 28px;
    transition      : -webkit-transform 60ms ease-out;
    transition      : transform 60ms ease-out;
    transition      : transform 60ms ease-out, -webkit-transform 60ms ease-out;
    transition-delay: 60ms;
    font-family     : Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Segoe UI Symbol, Android Emoji, EmojiSymbols;
}

.intercom-emoji-picker-emoji:hover {
    transition-delay : 0ms;
    -webkit-transform: scale(1.4);
    -ms-transform    : scale(1.4);
    transform        : scale(1.4);
}

.intercom-composer-popover-caret {
    position    : relative;
    bottom      : -8px;
    right       : 0;
    width       : 0;
    height      : 0;
    border-left : 8px solid transparent;
    border-right: 8px solid transparent;
    border-top  : 8px solid #fff;
    left        : 20px;
}

.chat-input-tool {
    background-color: #32A8E6;
    padding         : 10px;
    border          : none;
    border-radius   : 5px;
    position        : relative;
    bottom          : 20px;
    left            : 50%;
    outline         : none;
}


.timeOfChat {
    font-size  : 13px;
    margin-left: auto;
    font-weight: 400;
}

.onlineMember {
    display      : block;
    width        : 10px;
    height       : 10px;
    background   : #75A9C6;
    border-radius: 50%;
    position     : absolute;
    top          : 36px;
    /* bottom    : 0; */
    margin       : auto;
    left         : 12px;
    display      : none;
}

.chatMessages ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color  : #fff;
}

.chatMessages ul::-webkit-scrollbar {
    width           : 6px;
    background-color: #fff;
}

.chatMessages ul::-webkit-scrollbar-thumb {
    background-color: #75A9C6;
}

.Chat {
    border    : 1px solid #D8D8D8;
    /* padding: 20px; */
}

.headerChat {
    border-bottom  : 1px solid #D8D8D8;
    padding        : 20px;
    display        : flex;
    align-items    : center;
    justify-content: space-between;
    flex-wrap      : wrap;
}

.headerChat h2 {
    font-size     : 18px;
    text-transform: capitalize;
    position      : relative;
}

.headerChat h2.active::before {
    content      : "";
    width        : 10px;
    height       : 10px;
    background   : #75A9C6;
    display      : block;
    position     : absolute;
    left         : 0;
    top          : 0;
    bottom       : 0;
    margin       : auto;
    border-radius: 50%;
}

.headerChat h2.active {
    padding-left: 23px;
}

.deLchat {
    width        : 20px;
    height       : 20px;
    /* background: red; */
    position     : relative;
}

.deLchat span::before {
    content    : "";
    display    : block;
    width      : 12px;
    height     : 12px;
    border     : 2px solid #414042;
    transform  : rotate(45deg);
    border-left: 0;
    border-top : 0;
    cursor     : pointer;
    margin     : auto;
    display    : none
}

.chatDel {
    width        : 20px;
    height       : 20px;
    display      : block;
    /* background: red; */
    cursor       : pointer;
}

.chatMessages ul {
    height  : 80vh;
    overflow: auto;
    list-style: none;
    margin-bottom: 60px;
    padding-bottom: 65px
}

.containerMessageSend {
    position       : fixed;
    bottom         : 0;
    display        : flex;
    align-items    : center;
    background     : #F4F4F4;
    width          : 64%;
    justify-content: space-between;
    padding        : 0px 20px;
}
/* set the width of text area For mobile phones: */
@media only screen and (max-width: 768px) {
    .containerMessageSend {
        width: 100%;
    }
}

.intercom-composer-popover.intercom-composer-emoji-popover {
    display: none;
}

.intercom-composer-popover.intercom-composer-emoji-popover.active {
    display   : block;
    position  : absolute;
    bottom    : 50px;
    overflow  : auto;
    overflow-x: hidden;
    width     : 100%;
    right     : 0;
    min-width : 350px;
}

.intercom-composer-popover-body {
    overflow: hidden;
}

.Chat {
    position: relative;
}

.containerMessageSend input[type="submit"] {
    color     : #75A9C6;
    border    : none;
    background: none;
}

.attachFile {
    width: 30px;
}

.submitMessge {
    width: 50px;
}

.inputContainermessage {
    width   : 100%;
    flex    : 0 100%;
    position: relative;
}

.test-emoji {
    /* border: 1px solid #ccc; */
    position: relative;
}

.attachFile input {
    display: none;
}

.emoji-panel {
    position   : absolute;
    right      : 0;
    top        : 0;
    bottom     : 0;
    margin     : auto;
    display    : flex;
    align-items: center;
}

button#emoji-picker {
    position: relative;
    top     : auto;
    bottom  : auto;
    right   : auto;
    left    : auto;
}

button#emoji-picker {
    background: none;
    color     : red;
}

button#emoji-picker svg {
    /* fill: red; */
    /* color: red; */
    filter: invert(1);
}

.test-emoji {
    text-align: left;
    padding   : 0px 10px;
    font-size : 13px;
}

.test-emoji:focus {
    border : none;
    outline: none;
}

.containerMessageSend {
    padding: 20px 20px;
}

[contentEditable=true]:empty:not(:focus):before {
    content: attr(data-text)
}

.attachFile {
    display        : flex;
    align-items    : center;
    justify-content: center;
}

.attachFile label {
    margin: 0px;
}

.chatMessages li {
    display           : flex;
    max-width         : 80%;
    position          : relative;
    margin            : 40px 0px;
}

.timeOfSendingtheMessage {
    position: absolute;
    bottom  : 0;
}

.itsYou p {
    background   : #fff;
    border       : 2px solid #75A9C6;
    /* max-width : 400px; */
    font-size    : 13px;
    padding      : 20px;
    border-radius: 10px;
}

.ImagecontainerSender img {
    width        : 40px;
    height       : 40px;
    border-radius: 50%;
    max-width    : max-content;
    object-fit   : cover;
}

.ImagecontainerSender {
    margin-right: 30px;
}

li.itsMe {
    margin-left   : auto;
    flex-direction: row-reverse;
}

li.itsMe p {
    background   : #F5F5F5;
    padding      : 20px;
    border-radius: 10px;
    margin-right : 20px;
}

li.itsMe span {
    left     : 6px;
    bottom   : -23px;
    font-size: 13px;
}

li.itsYou span {
    right    : 6px;
    bottom   : -24px;
    font-size: 13px;
}

li.itsMe p {
    font-size: 13px;
}

.dropDownChat {
    position                  : absolute;
    right                     : 0;
    list-style                : none;
    background                : #ffff;
    box-shadow                : 0px 0px 24px -6px #cccc;
    min-width                 : 200px;
    top                       : 26px;
    z-index                   : 99;
    border-bottom-left-radius : 10px;
    border-bottom-right-radius: 10px;
    visibility                : hidden;
    opacity                   : 0;
    border-radius             : 10px;
}

.dropDownChat ul {
    list-style   : none;
    /* background: #ffff; */
    padding      : 0;
    margin-bottom: 0px;
}

.dropDownChat a {
    text-transform   : capitalize;
    color            : #75A9C6;
    font-size        : 13px;
    /* text-transform: capitalize; */
    display          : block;
    padding          : 10px;
}

.dropDownChat a:hover {
    color          : #ffff;
    background     : #414042;
    text-decoration: none;
}

.dropDownChat,
.deLchat span::before {
    transition: 0.4s all;
}

.deLchat.active .dropDownChat {
    visibility: visible;
    opacity   : 1;
}

.deLchat.active span::before {
    transform : rotate(225deg);
    margin-top: 7px;
}

.itsYou p,
li.itsMe p {
    font-size: 12px;
}

.timeOfChat {
    font-size: 11px;
}

span.chatDel {
    display        : flex;
    align-items    : center;
    justify-content: center;
}

.ImagesContainer li {
    display     : flex;
    position    : relative;
    margin-right: 15px;
}

.ImagesContainer ul {
    list-style   : none;
    display      : flex;
    align-items  : center;
    margin       : 0;
    border-bottom: 1px solid #D8D8D8;
    padding      : 10px 20px;
}

.ImagesContainer img {
    width        : 60px;
    height       : 60px;
    border       : 2px solid transparent;
    border-radius: 8px;
    overflow     : hidden;
    object-fit   : cover;
}

.ImagesContainer li span {
    position     : absolute;
    right        : 0;
    background   : #fff;
    color        : red;
    font-weight  : 700;
    /* border    : 2px solid red; */
    border-radius: 50%;
    width        : 20px;
    height       : 20px;
    line-height  : 18px;
    text-align   : center;
    font-size    : 9px;
}

.ImagesContainer li span:hover {
    background: red;
    color     : #ffff;
    cursor    : pointer;
}

.ImagesContainer {
    position  : absolute;
    top       : 150%;
    background: #f4f4f4;
    left      : 0;
    right     : 0;
    transition: 0.4s all;
}

.ImagesContainer.active {
    top       : -121%;
    transition: 0.4s all;
}

div#messagePopup .modal-header {
    border: none;
}

div#messagePopup h5 {
    font-weight: 400;
}

div#messagePopup input {
    width        : 100%;
    height       : 40px;
    padding      : 0px 10px;
    margin-bottom: 20px;
}

div#messagePopup input[type="file"] {
    display: none;
}

div#messagePopup textarea {
    display: block;
    width  : 100%;
    height : 240px;
    padding: 10px;
}

.attachPopup label {
    margin : 0;
    border : 1px solid #75A9C6;
    color  : #75A9C6;
    padding: 10px 16px;
    margin : 20px 0px 0px;
}

div#messagePopup .modal-footer button {
    background   : #378CE8;
    border-radius: 0px;
    font-size    : 14px;
    padding      : 11px 40px;
}

div#messagePopup .modal-footer {
    border: none;
}

div#messagePopup input,
div#messagePopup textarea {
    border: 1px solid #D8D8D8;
}

div#messagePopup input::placeholder,
div#messagePopup textarea::placeholder {
    color: rgba(0, 0, 0, 0.4);
}

div#messagePopup .modal-content {
    margin-top: 100px;
}

.attachPopup label {
    padding      : 10px 20px;
    display      : flex;
    align-items  : center;
}

.attachPopup label img {
    margin-right: 10px;
}

.headignmenuNotfication.displayFlex.alignCenter.jsutifyB {
    display        : flex;
    align-items    : center;
    justify-content: space-between;
}

div#containerouters {
    display        : flex;
    align-items    : center;
    justify-content: space-between;
}

div#containerouters a {
    margin-left    : 20px;
    font-size      : 13px;
    color          : #3d4551;
    border         : none !important;
    text-decoration: none !important;
}

div#containerouters a:hover {
    color: #75A9C6;
}

#tiny-icon {
    width              : 50px;
    height             : 50px;
    background-repeat  : no-repeat;
    background-size    : cover;
    background-position: center;
}

.icon-close {
    position        : absolute;
    color           : red;
    top             : 10px;
    right           : 10px;
    width           : 15px;
    height          : 15px;
    background-color: #fff;
    display         : flex;
    align-items     : center;
    justify-content : center;
    border-radius   : 50%;
    font-size       : 18px;
    cursor          : pointer;
    box-shadow      : 0px 1px 1px 3px rgba(0, 0, 0, 0.04);
}

.uploaded_file {
    position    : relative;
    margin-right: 20px;
    padding     : 15px;
}

.video-uploaders video {
    max-width: 180px;
}

.video-here {
    max-width: 200px;
    display  : block;
}

.video-uploaders .icon-close {
    left : auto;
    right: 0;
}

/* new css */

.boxCOntainerSignupInfo {
    border       : 2px solid #E7E4E4;
    text-align   : center;
    min-height   : 300px;
    max-width    : 300px;
    transition   : 0.3s all;
    border-radius: 10px;
    padding      : 40px;
    /* background: #fff; */
}

.boxCOntainerSignupInfo h6 {
    color         : #000;
    opacity       : 0.4;
    text-transform: capitalize;
    font-size     : 18px;
    font-weight   : 300;
}

.boxCOntainerSignupInfo:hover {
    background: #fff;
    cursor    : pointer;
    transition: 0.3s all;
    border    : 2px solid #75A9C6;
}

.boxCOntainerSignupInfo:hover h6 {
    opacity: 1;
}

.boxCOntainerSignupInfo {
    display        : flex;
    align-items    : center;
    justify-content: center;
    flex-wrap      : wrap;
}

a.NextButtonSignUp {
    /* min-width: 100%; */
    max-width      : 380px;
    background     : #75A9C6;
    display        : flex;
    align-items    : center;
    justify-content: center;
    height         : 50px;
    margin         : 50px auto 100px;
    color          : #fff;
    font-size      : 18px;
    width          : 100%;
    border         : 2px solid #75A9C6;
    border-radius  : 110px;
}

a.NextButtonSignUp:hover {
    background: none;
    color     : #75A9C6;
}

li#AddAthleet {
    display       : flex;
    align-items   : center;
    text-transform: capitalize;
}

li#AddAthleet img {
    width        : 60px;
    height       : 60px;
    border-radius: 15px;
    margin-right : 10px;
}

li#AddAthleet {
    cursor: pointer;
}

.ManagerProfilerNetflix ul li {
    /* display: flex; */
    /* align-items: center; */
    text-align  : center;
    margin-right: 30px;
}

.ManagerProfilerNetflix img {
    width        : 70px;
    height       : 70px;
    border-radius: 14px;
    margin       : auto;
    display      : block;
}

.ManagerProfilerNetflix ul {
    display        : flex;
    align-items    : center;
    justify-content: center;
}

.ManagerProfilerNetflix {
    min-height     : 100vh;
    display        : flex;
    align-items    : center;
    justify-content: center;
}

.ManagerProfilerNetflix h6 {
    font-size  : 14px;
    font-weight: 300;
    margin     : 14px 10px 15px;
}

.ManagerProfilerNetflix li span {
    color: #75A9C6;
}

a#manageNetflixProfile {
    margin         : auto;
    display        : flex;
    align-items    : center;
    justify-content: center;
    background     : #75A9C6;
    color          : #fff;
    height         : 50px;
    border-radius  : 40px;
    max-width      : 195px;
    border         : 2px solid #75A9C6;
}

a#manageNetflixProfile:hover {
    color     : #669aac;
    background: none;
}

div#AddPreferncePopup {
    position       : relative;
    display        : flex;
    align-items    : center;
    justify-content: center;
    height         : 100vh;
    width          : 100%;
    margin         : auto;
    background     : none;
}

.inputContainerModal .col-md-6:first-child {
    padding-left: 0px;
}

.inputContainerModal {
    margin-bottom: 20px;
}

form.Form.formfinshed input {
    height   : 40px;
    width    : 100%;
    border   : 1px solid #cccc;
    padding  : 0px 10px;
    font-size: 13px;
}

form.Form.formfinshed label {
    font-size  : 13px;
    font-weight: 500;
    color      : #000;
}

div#AddPreferncePopup .modal-header {
    border: none;
}

div#AddPreferncePopup .modal-headerh5 {
    color: #000;
}

div#AddPreferncePopup h5#exampleModalLongTitle {
    color    : #000;
    font-size: 23px;
}

div#AddPreferncePopup .modal-dialog {
    margin: 70px auto 0px;
}

.inputContainerModal span>span {
    font-size  : 11px;
    line-height: normal;
    display    : block;
    margin     : 10px 0px 0px;
    font-weight: 100;
}

div#AddPreferncePopup .modal-footer {
    display        : flex;
    align-items    : flex-start;
    border         : none;
    justify-content: center;
}

div#AddPreferncePopup .modal-footer button {
    background    : #75A9C6;
    max-width     : 200px;
    width         : 100%;
    border        : 2px solid;
    height        : 50px;
    text-transform: uppercase;
    font-weight   : 700;
    letter-spacing: 1px;
}

div#AddPreferncePopup .modal-footer button:hover {
    background: none;
    color     : #75A9C6;
}

div#AddPreferncePopup {
    transform: none !important;
}

button.NextButtonSignUp {
    background   : #75A9C6;
    border       : 2px solid #75A9C6;
    color        : #fff;
    width        : 100%;
    max-width    : 200px;
    height       : 50px;
    border-radius: 60px;
    margin       : 60px 0px 0px;
}

button.NextButtonSignUp:hover {
    color     : #75A9C6;
    background: none;
}

button.NextButtonSignUp {
    background   : #75A9C6;
    border       : 2px solid #75A9C6;
    color        : #fff;
    width        : 100%;
    max-width    : 200px;
    height       : 50px;
    border-radius: 60px;
    margin       : 60px 0px 0px;
}

button.NextButtonSignUp:hover {
    color     : #75A9C6;
    background: none;
}

div#AddPreferncePopup {
    display: none;
}

.RadioContainers input:checked~label {
    background: #414042;
}

button#confirmbookingnew:hover {
    color: #75A9C6;
    background: #FFF;
}

.containerChatNoChat {
    border         : 2px solid #E6E0E0;
    display        : flex;
    align-items    : center;
    justify-content: center;
    height         : 100%;
}

.containerChatNoChat {
    text-align: center;
}

.containerChatNoChat img {
    margin       : auto;
    margin-bottom: 40px;
    max-width    : 126px;
    max-height   : 110px;
}

.containerChatNoChat a {
    margin-bottom  : 20px;
    display        : block;
    border         : 1px solid #414042;
    color          : #414042;
    max-width      : 184px;
    height         : 50px;
    display        : flex;
    align-items    : center;
    justify-content: center;
    border-radius  : 60px;
    margin         : 50px auto 0px;
}

.containerChatNoChat p {
    font-size  : 20px;
    line-height: 28px;
}

.chat {
    height: 100%;
}

div#messagePopup .modal-footer {
    display        : flex;
    align-items    : center;
    justify-content: space-between;
}

div#messagePopup .attachPopup label {
    margin       : 0;
    border-radius: 40px;
}

div#messagePopup .modal-footer button {
    background   : #75A9C6;
    border-radius: 50px;
}

div#messagePopup textarea {
    resize: none;
}

div#messagePopup .modal-dialog {
    max-width: 834px;
}

div#messagePopup input[type="text"] {
    max-width: 477px;
    display  : block;
}

span.vc-text-gray-400 {
    pointer-events: none;
    user-select   : none;
}

.newCalender .vc-container.vc-reset.vc-text-gray-900.vc-bg-white.vc-border.vc-border-gray-400.vc-rounded-lg {
    max-width: 400px;
    width    : 100%;
}

.newCalender .vc-title-layout.align-left {
    margin: 0px !important;
}

.newCalender .vc-svg-icon[data-v-5572e632] {
    margin: 7px 0px;
}

.gropupInput input~label {
    background: #fff;
}

.gropupInput input:checked~label {
    background  : #414042;
    color       : #fff;
    border-color: #414042;
}

form.Form.formfinshed label {
    font-size  : 14px;
    font-weight: 400;
}

form.Form.formfinshed {
    max-width: 400px;
}

.containerInputSLots {
    display        : flex;
    display        : flex;
    align-items    : center;
    justify-content: space-between;
    width          : 190px;
}

.formGroupFull.daysofWeek {
    flex-wrap      : wrap;
    justify-content: space-between;
}

form.Form.formfinshed .containerInputSLots input~label {
    background     : #fff;
    border         : 1px solid #EDEDED;
    font-size      : 12px;
    flex           : 0 50%;
    max-width      : 134px;
    height         : 41px;
    display        : flex;
    align-items    : center;
    justify-content: center;
    margin-bottom  : 0px;
    border         : none;
}

form.Form.formfinshed .containerInputSLots input:checked~label {
    background: #75A9C6;
    color     : #fff;
}

.containerInputSLots input[class="notavable"]~label {
    background: #EDEDED !important;
    color     : rgba(0, 0, 0, 0.2);
}

main.pageId-C17.pageCreateBooking .page17 .column1Info {
    align-items: flex-start;
}

main.pageId-C17.pageCreateBooking .page17 .column1Info .infocontainerMore h2 a {
    margin     : 0px;
    font-size  : 32px;
    line-height: normal;
}

main.pageId-C17.pageCreateBooking .page17 .column1Info .infocontainerMore h2 {
    font-size    : inherit;
    margin       : 0;
    margin-bottom: 10px;
}

main.pageId-C17.pageCreateBooking .page17 .column1Info .infocontainerMore p {
    font-size  : 15px;
    line-height: normal;
}

main.pageId-C17.pageCreateBooking .page17 .column1Info {
    margin-bottom: 30px;
}

.newBokingCreate .col:first-child {
    padding-left: 0px;
}

.newBokingCreate h6 {
    font-size  : 22px;
    color      : #75A9C6;
    font-weight: 300;
}

.newBokingCreate h6 small {
    font-size  : 11px;
    color      : #AFAFAF;
    font-weight: 100;
}

.numbernadchat a:first-child {
    border       : 1px solid #D1D1D1;
    padding      : 10px 20px;
    border-radius: 50px;
    color        : #000;
    font-size    : 12px;
}

.numbernadchat a:first-child i {
    color       : #000;
    margin-right: 10px;
    display     : inline-block;
}

.newBokingCreate .col {
    max-width: max-content;
    width    : max-content;
    flex     : auto;
}

.newBokingCreate .row {
    align-items: center;
}

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

a.chatIconoNthi img {
    width      : 30px;
    margin-left: auto;
    display    : block;
}

.newBokingCreate .col:last-child {
    padding-right: 0px;
    padding-left : 0px;
}

a.chatIconoNthi {
    margin-left: 20px;
}

.newBokingCreate .col:first-child {
    padding-right: 0px;
}

.newBokingCreate .col {
    margin-bottom: 20px;
}

.newBokingCreate {
    border-bottom: 1px solid #cccc;
    margin-bottom: 30px;
}

.bibography p {
    font-size  : 15px;
    line-height: 32px;
}

.bibography label {
    font-size  : 18px;
    font-weight: 400;
}

.formGroupFull.daysofWeek .inputTypeDays {
    width    : 100%;
    max-width: 260px;
    color    : red;
}

.vc-popover-content[data-v-88de91da] {
    background : #fff;
    border     : none;
    box-shadow : 0px 0px 24px -5px #cccc;
    padding    : 10px;
    max-width  : 162px;
    min-height : 70px;
    display    : flex;
    align-items: center;
    font-weight: 400;
    font-size  : 11px;
    color      : #000;
}

ul.popOvers span {
    display    : block;
    font-size  : 11px;
    color      : #000;
    opacity    : 0.4;
    font-weight: 400;
    margin-top : 5px;
}

ul.popOvers h6 {
    font-size  : 13px;
    display    : block;
    margin     : 0px;
    font-weight: 500;
}

.container-text-box {
    background: none;
    box-shadow: none;
    padding   : 20px 0px;
}

.creditesrowsNew>span:last-child {
    flex : 0 100% !important;
    color: #75A9C6 !important;
}

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

ul.pagination.justify-content-center li {
    margin-right   : 11px;
    border-radius  : 50%;
    overflow       : hidden;
    width          : 26px;
    height         : 26px;
    display        : flex;
    align-items    : center;
    justify-content: center;
    background     : none;
}

ul.pagination.justify-content-center li a {
    background     : none;
    font-size      : 13px;
    line-height    : normal;
    display        : flex;
    align-items    : center;
    justify-content: center;
    color          : #000;
    opacity        : 0.4;
}

ul.pagination.justify-content-center li.active a {
    background: #75A9C6;
    color     : #fff;
    opacity   : 1;
}

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

.biblography {
    width    : 100%;
    max-width: 508px;
}

label.displayFlex.alignCenter.justifyB span {
    font-weight: 300;
    font-size  : 14px;
}

label.displayFlex.alignCenter.justifyB {
    padding-bottom: 15px;
    margin-bottom : 15px;
    border-bottom : 1px solid #cccc;
    margin-top    : 15px;
}

.biblography+.newBokingCreate .col {
    margin-right: 20px;
}

.biblography+.newBokingCreate {
    margin: 30px 0px 0px;
}

.displayFLex.alignCenter.justifyB {
    display        : flex;
    align-items    : center;
    justify-content: space-between;
}

.displayFLex.alignCenter.justifyB>div a img {
    width      : 38px;
    margin-left: 20px;
}

.displayFLex.alignCenter.justifyB {
    max-width: 500px;
}

a.BookNOwNew {
    background   : #75A9C6;
    width        : 100%;
    max-width    : max-content;
    padding      : 10px 40px;
    color        : #ffff;
    border-radius: 50px;
    border       : 2px solid;
}

a.BookNOwNew:hover {
    background: none;
    color     : #75A9C6;
}

.biblography+.newBokingCreate {
    max-width: 500px;
}

.newBokingCreate {
    border: none;
}

.imagecontonerfiul {
    height    : 100%;
    max-height: 100%;
}

.header nav ul {
    display        : flex;
    align-items    : center;
    justify-content: center;
}

.header nav ul li {
    margin-left: 22px;
}

.header nav ul li a {
    color         : #000;
    text-transform: capitalize;
    font-weight   : 400;
    font-size     : 14px;
    display       : block;
}

.header nav ul li.GetStarted>a {
    color: #fff;
}

.header nav ul li.GetStarted {
    background   : #414042;
    padding      : 10px 24px;
    border-radius: 70px;
    font-size    : 14px;
}

.header {
    background: #fff;
    padding   : 14px 0px;
}

.header .logoCOntainers img {
    width : 201px;
    height: 47px;
}

.header {
    box-shadow: 0px 0px 22px -17px #000;
}

.header nav ul li a:hover {
    color: #75A9C6;
}

.header nav ul li.active:not(.notIncluded) a {
    color: #75A9C6;
}

.header nav ul li.active:not(.notIncluded)::after {
    content   : "";
    display   : block;
    width     : 100%;
    height    : 2px;
    background: #75A9C6;
    position  : absolute;
    bottom    : -10px;
}

.header nav ul li {
    position: relative;
}

.header {
    /* height: 75px; */
    padding: 0px;
}

li#notificationHeader a>img {
    width: 18px;
}

li#UserHeader>a {
    display        : flex;
    align-items    : center;
    justify-content: center;
}

li#UserHeader h6 span {
    display  : block;
    font-size: 11px;
}

li#UserHeader>a img {
    width     : 40px !important;
    height    : 40px !important;
    object-fit: cover;
}

li#UserHeader>a {
    display        : flex;
    align-items    : center;
    justify-content: center;
}

li#UserHeader span {
    display      : block;
    font-size    : 11px;
    color        : #DA9600;
    margin-bottom: 5px;
    font-weight  : 300;
}

li#UserHeader>a>img {
    margin-right: 11px;
}

li#UserHeader>a>h6 {
    font-size  : 15px;
    font-weight: 400;
    margin     : 0px;
}

.header nav ul li ul {
    display   : block;
    position  : absolute;
    top       : 100%;
    height    : fit-content;
    right     : 0px;
    z-index   : 9;
    color     : #fff;
    min-width : 230px;
    background: #414042;
}

.header nav ul li ul a {
    display      : flex;
    align-items  : center;
    /* background: #414042; */
    /* min-width : 297px; */
    right        : 0px;
    /* position  : absolute; */
    /* top       : 0; */
    /* height    : max-content; */
}

.header nav ul li {
    position: relative;
    padding : 20px 0px;
}

li#UserHeader {
    /* padding: 20px 0px; */
}

.header nav ul li ul a,
.header nav ul li#UserHeader ul a span {
    color: #fff;
}

.membersOfUserDropDown a {
    padding: 10px 20px;
}

ul.SubmenuDropDown div a img {
    width        : 30px;
    height       : 30px;
    border-radius: 20px;
    display      : inline-block;
    margin-right : 10px;
}

.header nav ul li#UserHeader ul a span {
    color      : #fff;
    opacity    : 0.7;
    font-weight: 400;
    font-size  : 14px;
}

.LIstAnchoreTags {
    border-top: 1px solid #D8D8D8;
}

.LIstAnchoreTags a {
    padding: 15px 20px 0px;
}

.membersOfUserDropDown a:first-child {
    padding-top: 0px;
}

.SubmenuDropDown {
    padding: 20px 0px;
}

a.redCOlorAnchor {
    color: #FF4040 !important;
}

.header nav ul li ul:before {
    content   : "";
    display   : block;
    width     : 13px;
    height    : 13px;
    background: #414042;
    position  : absolute;
    top       : -7px;
    right     : 30px;
    transform : rotate(45deg);
}

.header nav ul li ul {
    display: none;
}

.header nav ul li ul.active {
    display: block;
}

.header nav ul li ul.active#MessageScreenDropDown {
    font-weight  : 400;
    background   : #fff;
    color        : #000;
    min-width    : 400px;
    display      : none;
    z-index      : 2;
    padding      : 20px;
    border-radius: 10px;
    box-shadow   : 31px 0px 70px -22px #cccc;
}

.header nav ul li ul.active#MessageScreenDropDown::before {
    background   : #fff;
    /* box-shadow: 0px 0px 22px 4px #cccc; */
    z-index      : -1;
}

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

.Rightisi a {
    color      : #000 !important;
    display    : block !important;
    margin-left: 20px;
    font-size  : 14px !important;
}

.Rightisi a:hover {
    color: #75A9C6 !important;
}

.Rightisi {
    cursor: pointer;
}

.headerSubemnuS h6 {
    margin     : 0px;
    font-weight: 400;
    font-size  : 14px;
}

.headerSubemnuS {
    padding-bottom: 10px;
    border-bottom : 1px solid #cccc;
}

.Rightisi span {
    color    : #75A9C6;
    font-size: 14px;
}

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

.ImageCOntainerSubMenuMessage {
    flex: 0 17%;
}

.contentSubMenuNew {
    flex           : 0 83%;
    display        : flex;
    align-items    : center;
    justify-content: space-between;
    position       : relative;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 16px;
    max-height: 32px;
    -webkit-line-clamp: 2; /* number of lines to show */
    -webkit-box-orient: vertical;
}

.ImageCOntainerSubMenuMessage img {
    width        : 50px !important;
    height       : 50px !important;
    border-radius: 50% !important;
}

.contentSubMenuNew p {
    font-size  : 12px;
    line-height: normal;
    max-width  : 81%;
    line-height: normal;
}

.contentSubMenuNew p span {
    display  : block;
    font-size: 10px;
    opacity  : 0.3;
}

.Mesagei:last-child {
    margin-bottom: 0px;
}

.Mesagei:first-child {
    margin-top: 20px;
}

.Mesagei {
    color: #000 !important;
}

span.GreenDOTNEW {
    width        : 10px;
    height       : 10px;
    position     : absolute;
    background   : #75A9C6;
    position     : absolute;
    right        : 0;
    top          : 0;
    bottom       : 0;
    margin       : auto;
    border-radius: 50%;
}

ul#MessageScreenDropDown.active {
    right: -30px;
    top  : 110%;
}

main.Plans {
    padding: 0px;
    margin : 31px 0px;
}

div#countreOfferModal label {
    width        : 100%;
    display      : block;
    margin-bottom: 10px;
    font-size    : 14px;
    font-weight  : 500;
}

div#countreOfferModal .row:not(:last-child) {
    margin-bottom: 30px;
}

div#countreOfferModal textarea {
    width : 100%;
    border: 1px solid #cccc;
    height: 150px;
    resize: none;
}

div#countreOfferModal .modal-footer {
    display        : flex;
    justify-content: flex-start;
    border         : none;
}

div#countreOfferModal .modal-footer button {
    width        : max-content;
    padding      : 10px 40px;
    border-radius: 70px;
    background   : #75A9C6;
    border       : 2px solid #75A9C6;
    font-weight  : 500;
}

div#countreOfferModal .modal-dialog {
    max-width: 700px;
}

div#countreOfferModal .modal-dialog .modal-content {
    padding: 0px 20px;
}

div#countreOfferModal .modal-header {
    border: none;
}

div#countreOfferModal .col {
    padding: 0px;
}

div#countreOfferModal img {
    width        : 40px;
    height       : 40px;
    display      : inline-block;
    border-radius: 10px;
    border       : 1px solid #cccc;
    margin-right : 14px;
}

label.prefernceNew {
    color: #75A9C6;
}

span.TypeGroupNew {
    text-transform: capitalize;
    font-size     : 16px;
    font-weight   : 300;
}

.imgeContainerofferCounterNew {
    display    : flex;
    align-items: center;
    font-weight: 300;
}

.numbernadchat img {
    width      : 40px;
    margin-left: 20px;
}

.chatMessages p {
    position: relative;
}

li.itsMe span {
    font-size  : 10px;
    font-weight: 400;
    line-height: normal;
    display    : block;
    color      : #75A9C6;
}

.files_upload_box {
    position       : absolute;
    top            : -80px;
    background     : #f4f4f4;
    width          : 100%;
    left           : 0px;
    right          : 0px;
    display        : flex;
    align-items    : center;
    justify-content: flex-start;
    border-bottom  : 1px solid #cccc;
}

.header nav ul li ul.active {
    display: none;
}

header nav ul li ul.SubmenuDropDown.active {
    display: block !important;
}

.header nav ul li ul.active {
    display: block;
}

.BUtton a {
    background   : #75A9C6;
    border-radius: 3px;
    border       : 1px solid #75A9C6;
    transition   : 0.3s all;
    border-radius: 60px;
}

.BUtton span {
    font-weight: 300;
}

.newAdressinline {
    flex       : 0 100%;
    font-size  : 14px;
    font-weight: 300 !important;
    margin     : 20px 0px 0px;
}

div#AddPreferncePopup {
    position: absolute;
    top     : 0;
    bottom  : 0;
    margin  : auto;
    height  : max-content;
    margin  : 40px auto 0px;
    overflow: scroll;
}

div#AddPreferncePopup span {
    display    : block;
    width      : 100%;
    line-height: normal;
    max-width  : 100%;
}

div#AddPreferncePopup form.Form.formfinshed {
    max-width: 100%;
    width    : 100%;
    margin   : 0px;
}

div#AddPreferncePopup .modal-dialog {
    margin: 0px auto;
}

.inputContainerModal .mx-input-wrapper {
    position: relative;
    height  : max-content;
}

.inputContainerModal .mx-input-wrapper i {
    height  : max-content;
    position: absolute;
    top     : 30px;
    bottom  : 0;
    margin  : auto;
}

div#AddPreferncePopup .mx-datepicker {
    height: max-content;
    width : 100%;
}

div#AddPreferncePopup .modal-footer button {
    border-radius: 60px;
}

.header {
    margin-bottom: 0px;
}

li.itsYou span {
    min-width  : auto;
    left       : auto;
    font-size  : 11px;
    font-weight: 400;
    right      : 0px;
    text-align : right;
}

.chatMessages p {
    min-width: 50%;
}

.chatMessages li.itsYou {
    margin-left: 20px;
}

div#AddPreferncePopup,
div#updatePrefModal .checkboxcontainerModal input:checked~label {
    font-size: 12px;
}

div#updatePrefModal .inputContainerModal .row {
    max-width: 100%;
    width    : 100%;
}

div#updatePrefModal .modal-dialog {
    max-width: 600px;
}

div#updatePrefModal .modal-dialog span {
    max-width: 100%;
    width    : 100%;
    display  : block;
}

div#updatePrefModal .modal-dialog form {
    max-width: 100%;
    width    : 100%;
}

.inputContainerModal .mx-input-wrapper input {
    border    : none;
    box-shadow: none;
}

.inputContainerModal .mx-input-wrapper input {
    margin: 0px !important;
}

div#updatePrefModal .modal-footer button {
    text-transform: capitalize;
    background    : #75A9C6;
    border-radius : 60px;
    font-size     : 16px;
}

div#updatePrefModal .modal-content {
    padding: 0px 20px;
}

div#AddPreferncePopup,
div#updatePrefModal .checkboxcontainerModal input:checked~label {
    font-size: 12px;
}

div#updatePrefModal .inputContainerModal .row {
    max-width: 100%;
    width    : 100%;
}

div#updatePrefModal .modal-dialog {
    max-width: 600px;
}

div#updatePrefModal .modal-dialog span {
    max-width: 100%;
    width    : 100%;
    display  : block;
}

div#updatePrefModal .modal-dialog form {
    max-width: 100%;
    width    : 100%;
}

.inputContainerModal .mx-input-wrapper input {
    border    : none;
    box-shadow: none;
}

.inputContainerModal .mx-input-wrapper input {
    margin: 0px !important;
}

div#updatePrefModal .modal-footer button {
    text-transform: capitalize;
    background    : #75A9C6;
    border-radius : 60px;
    font-size     : 16px;
}

div#updatePrefModal .modal-content {
    padding: 0px 20px;
}

form.Form.formfinshed .checkboxcontainerModal input~label {
    color       : red;
    position    : relative;
    padding-left: 30px;
    margin      : 0px;
}

form.Form.formfinshed .checkboxcontainerModal input~label::before {
    content : "";
    display : block;
    width   : 20px;
    height  : 20px;
    border  : 1px solid red;
    position: absolute;
    left    : 0px;
}

form.Form.formfinshed .checkboxcontainerModal input:checked~label::after {
    content      : "";
    display      : block;
    width        : 13px;
    height       : 5px;
    border       : 2px solid red;
    transform    : rotate(135deg);
    border-left  : 0;
    border-bottom: 0;
    position     : absolute;
    left         : 3px;
    top          : 6px;
}

.plansList .nav-tabs .nav-link {
    font-size  : 20px;
    font-weight: 300;
}

.plansList .nav-tabs .nav-link.active {
    color: #75A9C6;
}

.plansList .nav-tabs .nav-link.active::before {
    width        : 20px;
    height       : 2px;
    border-radius: 0;
    bottom       : 0;
    background   : #75A9C6;
}

.boxContainerPlan .paName {
    position  : absolute;
    top       : -22px;
    left      : 0;
    right     : 0;
    background: #fff;
}

.boxContainerPlan h2 {
    margin     : 40px 0px 10px;
    font-weight: 1000;
    font-size  : 48px;
}

.listPlabs li {
    border            : none;
    display           : flex;
    align-items       : center;
    /* justify-content: center; */
}

.listPlabs li .imgConainer {
    width          : 40px;
    height         : 40px;
    border-radius  : 50%;
    border         : 1px solid #cccc;
    margin-right   : 20px;
    display        : flex;
    align-items    : center;
    justify-content: center;
}

.listPlabs li span {
    font-size : 12px;
    text-align: left;
    max-width : 75%;
    display   : block;
    text-align: left;
}

.Addmores {
    width        : 100%;
    margin-bottom: 20px;
}

.header nav ul li ul.SubmenuDropDown.active {
    display: block !important;
}

li.notIncluded>a {
    pointer-events: none;
    cursor        : pointer;
}

li.notIncluded {
    cursor: pointer;
}

.LIstAnchoreTags {
    border-top: 0px;
}

li#UserHeader>a>img {
    border-radius: 11px;
}

div#countreOfferModal .modal-dialog>span {
    width    : 100%;
    max-width: 100%;
    display  : block;
}

div#countreOfferModal span form {
    max-width: 100%;
    width    : 100%;
    margin   : auto;
}

div#countreOfferModal {
    overflow: auto;
}

.listPlabs li .imgConainer img {
    width: 14px;
}

.boxContainerPlan.selected {
    background: #414042;
    color     : #fff;
}

.boxContainerPlan.selected * {
    color     : #fff;
    /* opacity: 1; */
}

.boxContainerPlan .paName {
    color      : #000;
    font-weight: 400;
    font-size  : 17px;
}

.boxContainerPlan.selected button.Addmores {
    border: 1px solid;
}

.containeractuallLIst {
    display        : flex;
    align-items    : center;
    justify-content: flex-start;
}

.containeractuallLIst img {
    width        : 20px;
    height       : 20px;
    border       : 1px solid #ccc;
    border-radius: 50%;
    margin-right : 10px;
}

ul.popOvers .containeractuallLIst h6 {
    font-size  : 14px;
    font-weight: 400;
}

ul.popOvers span.timing {
    margin        : 0px;
    font-size     : 16px;
    color         : #000;
    opacity       : 1;
    border-bottom : 1px solid#cccc;
    padding-bottom: 10px;
    margin-bottom : 11px;
}

ul.popOvers li>div>label {
    font-size     : 13px;
    text-transform: capitalize;
    color         : #000;
    opacity       : 0.4;
    margin        : 0px;
}

.vc-popover-content[data-v-88de91da] {
    padding  : 20px 14px;
    max-width: 100%;
    min-width: 100px;
    left     : 0;
    right    : 0;
    margin   : auto;
}

div#countreOfferModal .col-md-6:first-child {
    padding-left: 0px;
}

form#newDaysFinides {
    max-width: 550px;
}

form#newDaysFinides span input {
    background: none;
    border    : none;
}

form#newDaysFinides span.vue__time-picker.time-picker {
    position: relative;
}

form#newDaysFinides span.vue__time-picker.time-picker::before {
    content    : '\f017';
    font-family: 'FontAwesome';
    position   : absolute;
    top        : 0;
    bottom     : 0;
    margin     : auto;
    height     : max-content;
    color      : #000;
    opacity    : 0.4;
}

span#chnageNowTimings a {
    color     : #000;
    position  : relative;
    margin-top: -9px;
    display   : block;
}

.daysName {
    background  : none;
    position    : relative;
    min-height  : auto;
    min-width   : auto;
    margin-right: 40px;
    position    : relative;
}

.daysName.editSelected {
    background   : none;
    color        : #000;
    /* min-height: auto; */
    /* min-width : auto; */
}

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

.daysName::before {
    content      : "";
    display      : block;
    width        : 15px;
    height       : 15px;
    background   : white;
    position     : absolute;
    left         : 0px;
    border-radius: 4px;
    /* border    : 1px solid #ccc; */
    top          : 0;
    bottom       : 0;
    margin       : auto;
    /* height    : max-content; */
}

.daysName {
    padding-left: 30px;
}

.daysName.active {
    background: none;
    color     : #000;
}

.daysName.active::before {
    /*background: #75A9C6;*/
    /*border: 2px solid #75A9C6;*/
}

.daysName.active::after {
    content    : "";
    display    : block;
    position   : absolute;
    left       : 0;
    width      : 7px;
    height     : 14px;
    border     : 2px solid #75A9C6;
    transform  : rotate(45deg);
    border-left: 0;
    border-top : 0;
    left       : 6px;
    top        : 2px;
}

.daysName.active+.inputTypeDays input {
    border-bottom: 1px solid #ccc !important;
}

.header nav ul li.GetStarted.active::after {
    display: none;
}

.header nav ul li.GetStarted.active a {
    color: #fff;
}

.editSelected1::after {
    content    : "";
    display    : block;
    position   : absolute;
    left       : 0;
    width      : 7px;
    height     : 14px;
    border     : 2px solid #75A9C6;
    transform  : rotate(45deg);
    border-left: 0;
    border-top : 0;
    left       : 6px;
    top        : 2px;
}

.dayename1 {
    padding-left: 30px;
    margin-right: 20px;
}

span.daysName.editSelected::after {
    /*content: "";content: "";display: block;position: absolute;left: 0;width: 4px;height: 8px;border: 2px solid #ffff;transform: rotate(45deg);border-left: 0;border-top: 0;left: 6px;top: 5px;*/
    content    : "";
    display    : block;
    position   : absolute;
    left       : 0;
    width      : 7px;
    height     : 14px;
    border     : 2px solid #75A9C6;
    transform  : rotate(45deg);
    border-left: 0;
    border-top : 0;
    left       : 6px;
    top        : 2px;
}

span.daysName.editSelected::before {
    /*background: #75A9C6;*/
    /*border: 2px solid #75A9C6;*/
}

ul.popOvers span.timing {
    font-size     : 12px;
    padding       : 0px;
    border        : none;
    margin-bottom : 0;
    padding-bottom: 10px;
}

.containeractuallLIst {
    margin-bottom : 10px;
    border-bottom : 1px solid #cccc;
    padding-bottom: 10px;
}

ul.popOvers li:last-child .containeractuallLIst {
    border : navajowhite;
    padding: 0 15px;
    margin : 0;
}

.modal {
    overflow: auto !Important;
}

.test-emoji {
    max-height: 30px;
    overflow  : hidden;
}

textarea.test-emoji {
    background   : none;
    border       : none;
    max-width    : 94%;
    /* background: red; */
    /* color     : #fff; */
    overflow-wrap: break-word;
    word-break   : break-all;
    /* height    : 60px; */
    max-height   : initial;
    display      : block;
    word-break   : break-word;
    height       : 23px;
    resize       : none;
}

.headerChat h2.active {
    color: #000 !important;
}

.biblography pre {
    font-size     : 14px;
    text-transform: normal;
    margin-bottom : 10px;
    word-break    : break-all;
    max-width     : 510px;
    white-space   : pre-wrap;
    white-space   : -moz-pre-wrap;
    white-space   : -pre-wrap;
    white-space   : -o-pre-wrap;
    word-wrap     : break-word;
}

.chatMessages li pre {
    margin: 0px;
}

.contentSubMenuNew p strong {
    display    : block;
    font-size  : 12px;
    font-weight: 500;
}

.contentSubMenuNew p {
    font-size: 11px;
}

ul.SubmenuDropDown div a img {
    object-fit: cover;
}

li#notificationHeader a.active {
    position: relative;
}

li#notificationHeader>a.active::before {
    content      : "";
    display      : block;
    position     : absolute;
    background   : #75A9C6;
    width        : 10px;
    height       : 10px;
    border-radius: 50%;
    left         : auto;
    right        : 0;
    margin       : auto;
    top          : auto;
    bottom       : 0;
}

.membersOfUserDropDown a:last-child {
    border-bottom: 1px solid #cccc;
}

.membersOfUserDropDown a.active span {
    color: #75A9C6 !important;
}

.containerInputSLots {
    margin-right: 8px;
}

.boxCOntainerSignupInfo h6 {
    font-weight: 500;
}

button:focus {
    outline: none !important;
}

main.pageId-C17.pageCreateBooking label {
    font-weight: 500;
}

.numbernadchat {
    flex-wrap: wrap;
}

.numbernadchat a {
    margin-bottom: 13px;
}

.newBokingCreate .row {
    display        : flex;
    align-items    : center;
    justify-content: space-around;
}

.biblography pre {
    font-weight   : 300;
    letter-spacing: normal;
    font-family   : sans-serif;
    line-height   : normal;
}

.biblography+.newBokingCreate .row {
    justify-content: flex-start;
}

span.yorRbooked+.page17 {
    display        : flex;
    align-items    : center;
    justify-content: space-between;
    max-width      : 1140px;
}

main#finalVUE .column1Info {
    margin-bottom: 30px;
}

main.pageId-6 {
    margin: 0px;
}

.container-image-uploader-coaches-profiles label span:nth-child(2) {
    max-width: 162px;
}

.containerCompletedornotNew {
    flex: 0 100%;
}

.containerCompletedornotNew h2 {
    color    : #53a200;
    font-size: 16px;
    margin   : 0px 0px 20px;
}

.containerCompletedornotNew label {
    margin: 0px;
}

.headerNewSessionPage>h2 {
    color      : #75A9C6;
    font-weight: 400;
    font-size  : 31px;
}

.ratingandNameContaineNew {
    display           : flex;
    align-items       : center;
    /* justify-content: space-between; */
    margin-right      : 60px;
}

.containerTextHeadingNewPageSession {
    display       : flex;
    align-items   : center;
    border-bottom : 1px solid #cccc;
    border-top    : 1px solid #cccc;
    padding       : 20px 0;
    margin-bottom : 20px;
}

.statusCheckeerCompleteOrNot label {
    width      : 100%;
    display    : block;
    font-size  : 13px;
    font-weight: 300;
    margin     : 0;
    color      : #AFAFAF;
}

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

.imageContainerNewSession img {
    width        : 62px;
    height       : 62px;
    border       : 1px solid #cccc;
    margin-right : 20px;
    border-radius: 9px;
}

.statusCheckeerCompleteOrNot .numbernadchat {
    margin: 13px 0px 0px;
}

.statusCheckeerCompleteOrNot .numbernadchat a:first-child {
    padding    : 5px 20px;
    font-weight: 500;
}

.statusCheckeerCompleteOrNot .numbernadchat a img {
    width: 30px;
}

.statusCheckeerCompleteOrNot>span {
    font-size: 20px;
    color    : green;
}

.statusCheckeerCompleteOrNot {
    margin-left: 50px;
}

html {
    scroll-behavior: smooth;
}

.multiselect__tag {
    background: #75A9C6;
}

.ratingandNameContaineNew .rating {
    display       : flex;
    flex-direction: row-reverse;
    align-items   : flex-end;
}

.daysName {
    cursor: pointer;
}

.formGroupFull.daysofWeek.disableDiv {
    pointer-events: none;
    touch-action  : none;
    user-select   : none;
}

.boxCOntainerSignupInfo {
    margin: auto;
}

.profileImageNew img {
    width: 100%;
}

main#newProfilePage {
    margin: 0px;
}

.blueComputerNew {
    padding: 0px 40px;
}

main#newProfilePage .col-md-4 {
    background: #75A9C6;
    padding   : 0px;
}

.blueComputerNew label {
    margin-top    : 40px;
    color         : #ffff;
    text-transform: capitalize;
    font-weight   : 300 !important;
}

main#newProfilePage .col-md-8 {
    padding: 40px 50px;
}

.titleNew {
    display        : flex;
    align-items    : center;
    justify-content: space-between;
    max-width      : 592px;
}

.positionCoachProfileNew {
    color      : #75A9C6;
    font-weight: 300;
    font-size  : 13px;
    display    : block;
    margin     : 10px 0px;
}

.titleNew h2 {
    margin-bottom: 0px;
}

.universityNew {
    border-top: 1px solid #7070703d;
    padding   : 20px 0px;
    margin    : 20px 0px 20px;
}

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

.universityNew+.newBokingCreate .row {
    justify-content: flex-start;
}

.universityNew+.newBokingCreate .row .col:not(:last-child) {
    margin-right: 90px;
}

main#newProfilePage label {
    text-transform: capitalize;
    font-weight   : 500;
}

main#newProfilePage .col-md-8>.container {
    padding: 0px;
    margin : 0px;
}

main#newProfilePage p.displayFlex.flows {
    font-size: 13px;
}

.blueComputerNew pre {
    color         : #fff;
    font-weight   : 100 !important;
    font-size     : 13px;
    margin-bottom : 0px;
    padding       : 20px 0px;
    font-family   : "Nunito", sans-serif;
    letter-spacing: 0.2px;
}

.listPlabs li {
    padding: 10px 0px;
}

.listPlabs li span {
    font-size  : 14px;
    line-height: normal;
    font-weight: 100;
}

.boxContainerPlan {
    max-width: 350px;
    margin   : auto;
    padding  : 10px 20px 30px;
}

.plansList>h2 {
    font-size     : 42px;
    text-align    : center;
    text-transform: uppercase;
    color         : #75A9C6;
    margin-left   : -40px;
    margin-bottom : 40px;
}

div#asd .row,
div#monthlyTab .row {
    flex-wrap: wrap;
}

div#asd .row .col {
    min-width    : 400px;
    margin-bottom: 40px;
}

div#monthlyTab .row .col {
    min-width    : 400px;
    margin-bottom: 40px;
}

.ratingNewProfile {
    display        : flex;
    align-items    : center;
    justify-content: space-between;
    max-width      : 130px;
}

.blueComputerNew {
    padding-bottom: 40px;
}

.rowfirsthowitworks {
    display   : flex;
    min-height: 583px;
}

.rowfirsthowitworks h2 {
    font-size  : 36px;
    font-weight: 400;
}

.rowfirsthowitworks p {
    font-size  : 17px;
    line-height: 32px;
    margin     : 40px 0px;
    max-width  : 523px;
}

a#getStartedButtonNew {
    background     : #75A9C6;
    border         : 1px solid #fff;
    color          : #fff;
    display        : flex;
    max-width      : 198px;
    min-height     : 50px;
    margin         : 50px 0;
    align-items    : center;
    justify-content: center;
    border-radius  : 70px;
}

.chatMessages li pre {
    white-space: pre-wrap;
    word-break: break-word;
    margin-top    : 10px;
    /* font-family: 'Roboto', sans-serif; */
    font-family   : f500;
    font-size     : 14px;
    margin        : 0px;
}

.card-info-row>h2 {
    justify-content: space-between;
}

main.pageId-C17.pageCreateBooking {
    margin: 0px;
}

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

.creditesrowsNew span {
    margin-bottom: 10px;
}

#BackButotnonMobile {
    display: none;
}

.fixedCOlumnview {
    position  : sticky;
    width     : 40%;
    background: #75A9C6;
    padding   : 40px;
}

.rightCOlumnnotfixed {
    position   : relative;
    right      : 0px;
    max-width  : 60%;
    width      : 60%;
    margin-left: auto;
    padding    : 40px 50px;
}

main#newProfilePage2 {
    margin: 0px;
}

.universityNew {
    display     : flex;
    align-items : center;
    border      : 1px solid #cccc;
    border-left : 0;
    border-right: 0;
}

.universityNew img {
    margin-right: 10px;
}

.ratingNewProfile {
    display        : flex;
    align-items    : center;
    justify-content: space-between;
    max-width      : 100%;
}

.sendmessageandCall {
    display       : flex;
    align-items   : center;
    flex-wrap     : wrap;
    flex-direction: row-reverse;
}

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

.sendmessageandCall a img {
    margin-right: 10px;
    width       : 13px;
}

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

.sendmessageandCall a:not(:last-child) {
    margin-left: 20px;
}

.sendmessageandCall img {
    width: 21px;
}

.sendmessageandCall a {
    color    : #000;
    font-size: 13px;
}

.sendmessageandCall i {
    margin-right: 10px;
    color       : #000;
}

.headecoachesprodifl {
    margin: 20px 0px 15px;
    color : #669bb7;
}

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

.innercontainerpaddingnew h2 a {
    font-size: 13px;
}

span#locationNew {
    display    : flex;
    align-items: center;
    color      : #767676;
    font-size  : 13px;
}

span#locationNew img {
    margin-right: 10px;
}

.newBokingCreate .row {
    justify-content: flex-start;
}

.newBokingCreate .col:not(:first-child) {
    margin-left: 40px;
}

.innercontainerpaddingnew>.container {
    padding: 0px;
    margin : 0px;
}

.fixedCOlumnview {
    position: relative;
}

.conditoinsticky {
    position: sticky;
    top     : 50px;
}

.ImageContainermainbNew img {
    margin       : auto;
    border-radius: 50%;
    width        : 230px;
    height       : 230px;
    object-fit   : cover;
}

span#locationNew {
    margin-bottom: 10px;
}

.biographyNewPosition label {
    display: block;
    width  : 100%;
    color  : #fff;
}

.fixedCOlumnview {
    max-width: 523px;
}

.filterbY select {
    flex     : 0 20%;
    padding  : 0px 10px;
    max-width: 140px;
}

.filterbY.displayFlex {
    flex: 0 72%;
}

.view-sorting {
    flex: 0 24%;
}

.sort-by select {
    /* width: 90%; */
}

.biographyNewPosition p {
    color: #fff;
}

.biographyNewPosition {
    margin: 50px 0px;
}

div#atheltewali {
    justify-content: flex-start;
}

div#atheltewali span {
    margin-right: 5px;
}


main.pageId-C17.pageCreateBooking .column1Info {
    display: block;
    width  : 100%;
}

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

.containerrowNew label {
    font-weight  : 500;
    color        : #689cac;
    margin-bottom: 0px;
}

.containerrowNew .col:first-child {
    padding-left: 0px;
}

.containerrowNew .col:last-child {
    padding-right: 0px;
}

.containerrowNew {
    margin-bottom: 10px;
    background   : #ecececcc;
    padding      : 20px;
    border-radius: 9px;
}

.containerrowNew button {
    border   : none;
    height   : 100%;
    font-size: 13px;
}

.containerrowNew button:last-child {
    color: red;
}

.containerrowNew button:first-child {
    color: #689cac;
}

.containerrowNew .col:last-child {
    display        : flex;
    align-items    : center;
    justify-content: flex-end;
}


main#newProfilePage2 .container {
    max-width     : 1140px !important;
    /* margin-left: 6%; */
}

.universityNew {
    padding: 15px 0px;
}

.newratingprofilenew {
    flex-direction: row-reverse;
}

.newratingprofilenew>span {
    margin-left: 10px;
}

.fixedCOlumnview {
    background: #414042;
    max-width : 30%;
}

.rightCOlumnnotfixed {
    max-width: 70%;
    width    : 70%;
}

.innercontainerpaddingnew h2 {
    font-family: f400;
}

.headecoachesprodifl {
    margin-top: 0px;
}

main#newProfilePage2 label {
    font-weight   : 500;
    margin-bottom : 14px;
    text-transform: capitalize;
}

.fixedCOlumnview p a {
    color          : #75a9c6;
    word-break     : break-all;
    text-decoration: underline;
}

.fixedCOlumnview p {
    font-size  : 14px;
    line-height: 26px;
}

.vc-container.vc-reset.vc-min-w-full.vc-text-gray-900.vc-bg-white.vc-border.vc-border-gray-400.vc-rounded-lg {
    background: #F8F8F8;
    border    : 2px solid #F8F8F8;
}

.newBokingCreate h6 {
    font-weight: 400;
}

.card-info-row span i.fa.fa-plus-square {
    margin-right: 55px;
    min-height  : 42px;
}

.cancle-card a {
    font-size : 13px;
    min-height: 42px;
}

.remove-butotn a {
    font-size : 13px;
    min-height: 42px;
}

.cancle-plans a {
    font-size : 13px;
    min-height: 42px;
}

main#createBooking.pageId-C17.pageCreateBooking .page17 .column1Info .infocontainerMore h2 {
    display        : flex;
    justify-content: space-between;
    align-items    : center;
}

main#createBooking.pageId-C17.pageCreateBooking .page17 .column1Info .infocontainerMore h2 span {
    margin-bottom: 0px;
}

div#newaiasidj {
    width        : 100%;
    /* background: red; */
}

div#newButtonsforbooking {
    width: 100%;
}

a#newButtonForCall {
    /* flex: 0 45%; */
    padding        : 0px;
    background     : #414042;
    display        : flex;
    align-items    : center;
    justify-content: center;
}

a#newButtonForCall img {
    width: auto;
}

a#newButtonForCall1 {
    /* flex: 0 45%; */
    border         : 1px solid #000000;
    border-radius  : 40px;
    display        : flex;
    align-items    : center;
    justify-content: center;
    color          : #000;
}

a#newButtonForCall1 i {
    color       : #000 !important;
    margin-right: 5px;
}

div#newaiasidj a {
    height: 45px;
    flex  : 0 48%;
}


a#newButtonForCall img {
    margin-right: 11px;
}

a#newButtonForCall {
    color: #fff;
}

main#createBooking .page17 {
    max-width: 500px;
    margin   : auto;
}

.boxContainerPlan.selected img {
    filter: invert(1);
}

.rowfirsthowitworks .row {
    height: 100%;
}

.rowfirsthowitworks img {
    height         : 100%;
    width          : 100%;
    object-fit     : contain;
    position       : absolute;
    right          : 0px;
    object-position: left;
}

main#createBooking .yorRbooked {
    max-width    : 500px;
    margin       : auto;
}

.views-option img {
    width: 13px;
}

.map_view.views-option span {
    font-size: 12px;
}

.view-sorting {
    justify-content: flex-end;
}

.header nav ul li ul li a img {
    margin-left: 0px;
}

header nav ul li .membersOfUserDropDown a img {
    margin-left: 0px;
}

.header nav ul li .membersOfUserDropDown a img {
    margin-left : 0px;
    margin-right: 10px;
}

.header nav ul li .membersOfUserDropDown a span {
    margin-left : 0px;
    margin-right: auto;
}

.ratingNewProfile {
    margin: 0px 0px 20px;
}

.ratinghomepage {
    margin-top : 6px;
    display    : flex;
    align-items: center;
}

.ratinghomepage .ratign {
    margin: 0px;
}

.ratinghomepage .ratign {
    display    : flex;
    align-items: center;
}

.ratinghomepage .ratign>span {
    display        : flex;
    align-items    : center;
    justify-content: center;
    line-height    : normal;
    display        : inline-block;
    margin-left    : 5px;
    font-size      : 12px;
    opacity        : 0.8;
    color          : #000000;
}

.ratinghomepage .ratign>span {
    font-family: f400;
}

.heading h2 {
    font-family: f400 !important;
    font-weight: normal;
}

.filterbY select {
    margin-bottom: 30px;
}

.row.filters-become-a-coach {
    align-items: flex-start;
}

.filterbY.displayFlex {
    align-items: flex-start;
}

.filterbY.displayFlex>span {
    margin-top: 7px;
}

.filterbY.displayFlex {
    flex: 0 68%;
}

.view-sorting {
    flex: 0 28%;
}

.insta-section {
    padding-bottom: 0px;
}

.header nav ul li.active:not(.notIncluded) a {
    font-family: f600;
}

.header nav ul li:not(.notIncluded) a {
    font-family: f500;
}

main#newProfilePage2 {
    background: #fff;
}

.innercontainerpaddingnew h2 a {
    height         : 50px;
    display        : flex;
    align-items    : center;
    width          : 198px;
    max-width      : initial;
    justify-content: center;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    background: none;
}

main#newProfilePage2 .newBokingCreate {
    margin-top   : 10px;
    margin-bottom: 0px;
}

ul.popOvers span.timing {
    /* border-bottom: 1px solid #d8d8d8c2; */
    margin-bottom: 9px;
    padding      : 0px 15px 10px;
}

.vc-popover-content[data-v-88de91da] {
    padding: 20px 0px;
}

ul.popOvers li {
    /* padding: 0px 15px; */
}

.containeractuallLIst {
    padding: 0px 15px 10px;
}

ul.popOvers li>div>label {
    padding: 0px 15px;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    font-family: f600;
}

body {
    background: #ffff;
}


.col.map-container-coach.active {
    order: 1;
}

.gymAndFitness {
    margin     : 0px 0px 15px;
    color      : #75A9C6;
    font-family: f400;
}


body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
    background-color  : #F5F5F5;
}

body::-webkit-scrollbar {
    width           : 6px;
    background-color: #F5F5F5;
}

body::-webkit-scrollbar-thumb {
    background-color: #75A9C6;
}

.seciton2-homepage .row.filters-become-a-coach {
    margin-bottom: 0px;
}

.seciton2-homepage .views-option {
    width      : max-content;
    max-width  : max-content;
    margin-left: 20px;
    background : none;
    border     : 1px solid #CDCDCD;
}

.seciton2-homepage input {
    background: none;
}

.seciton2-homepage select {
    border   : 1px solid #CDCDCD;
    width    : 112px;
    max-width: initial;
}

.text-container-reserved p {
    font-size    : 17px;
    line-height  : 32px;
    opacity      : 0.6;
    font-family  : f300;
    margin-bottom: 30px;
}

.row.align-center.reservred-row .text-container-reserved {
    margin-left: 0px;
}

.text-container-reserved {
    max-width  : 80%;
    margin-left: auto;
}

.image-box-container-reserved {
    margin-left: auto;
}

.language {
    margin-top: 60px;
}

.fs-section-col li {
    padding: 0px;
}

.seciton2-homepage .row.filters-become-a-coach {
    margin-left : auto;
    margin-right: 0;
}

.seciton2-homepage>.container:first-child>.row {
    margin-right: 15px;
    background  : transparent;
}

span.resetClassNew {
    height         : 100%;
    display        : flex;
    align-items    : center;
    justify-content: center;
    /* background  : red; */
    margin-right   : 10px;
    color          : #FF2556;
    font-family    : f500;
    cursor         : pointer;
}

.seciton2-homepage .row.filters-become-a-coach {
    align-items: center;
}

.seciton2-homepage .row.filters-become-a-coach#newRow {
    align-items: flex-start;
    margin     : 0px 15px;
}

.inputlabelsearc+span {
    margin-left: 11px;
}

.seciton2-homepage select {
    max-width: max-content;
    padding  : 0px 23px 0px 9px;
}

span.availableClass {
    background   : #70C417;
    position     : absolute;
    top          : 0px;
    z-index      : 9;
    right        : 10px;
    top          : 10px;
    padding      : 4px 10px;
    border-radius: 19px;
    font-size    : 11px;
    color        : #fff;
    font-family  : f400;
}
span.BookedClass {
    background   : #ADADAD;
    position     : absolute;
    top          : 0px;
    z-index      : 9;
    right        : 10px;
    top          : 10px;
    padding      : 4px 10px;
    border-radius: 19px;
    font-size    : 11px;
    color        : #fff;
    font-family  : f400;
}
:root {
    --toggle-color          : #FFF;
    --toggle-bg-color       : #C6C6C6;
    --toggle-bg-color-active: #03a9f4;
    --toggle-width          : 50px;
    --toggle-height         : calc(var(--toggle-width) / 2)
}
form.Form.formfinshed input.toggle-button {
    position          : relative;
    width             : var(--toggle-width);
    height            : var(--toggle-height);
    -webkit-appearance: none;
    background-color  : var(--toggle-bg-color);
    border-radius     : var(--toggle-height);
    box-shadow        : inset 0 0 5px rgba(0, 0, 0, 0.2);
    transition        : background-color .5s;
    cursor            : pointer;
}

form.Form.formfinshed input.toggle-button:checked {
    background-color: var(--toggle-bg-color-active);
}

form.Form.formfinshed input.toggle-button:before {
    content         : '';
    position        : absolute;
    top             : 0;
    left            : 0;
    width           : var(--toggle-height);
    height          : var(--toggle-height);
    background-color: var(--toggle-color);
    border-radius   : calc(var(--toggle-height) / 2);
    transform       : scale(1.1);
    box-shadow      : 0 2px 5px rgba(0, 0, 0, 0.2);
    transition      : .5s;
}

form.Form.formfinshed input.toggle-button:checked:before {
    left: var(--toggle-height);
}

.fixedCOlumnview p {
    font-size  : 12px;
    font-family: f400;
}

main#newProfilePage2 label {
    font-family: f600;
}

.fixedCOlumnview p {
    font-size  : 12px;
    font-family: f400;
}

main#newProfilePage2 label {
    font-family: f600;
}

div.tab-content .headings {
    color      : #7cadc8;
    font-family: f500;
}

.newBokingCreate h6 {
    font-family: f500;
}

.newBokingCreate h6 {
    font-family: f500;
}

.nav-tabs .nav-link,
.nav-tabs .nav-item.show .nav-link {
    margin-right: 50px;
}

.innercontainerpaddingnew h2 {
    font-family: f700;
}

.headecoachesprodifl {
    font-family: f500;
    font-size  : 13px;
}

span#locationNew {
    color        : #767676;
    font-family  : f500;
    margin-bottom: 0px;
}

span#locationNew img {
    width       : 10px;
    margin-right: 6px;
}

.innercontainerpaddingnew h2 a {
    font-size  : 16px;
    font-family: f600;
}

span.resetClassNew img {
    width     : 43px;
    margin-top: 4px;
}

.heading.margin20p h2 {
    font-family: f700 !important;
}

.heading.margin20p {
    margin-left: 15px;
}

.heading.margin20p h2 {
    font-family: f700 !important;
}

.heading.margin20p {
    margin-left: 15px;
}

.listingTabs li.active a {
    color: #75A9C6 !important;
}

ul.listingTabs li a {
    color      : #000;
    opacity    : 1;
    font-family: f400;
}

.Name-withimage a img {
    width: auto;
}

.Name-withimage a {
    display : block;
    position: absolute;
    right   : 50px;
    top     : 0;
    bottom  : 0;
    margin  : auto;
    height  : 20px;
}

.bibography p {
    color      : rgba(0, 0, 0, 0.7);
    font-size  : 14px;
    line-height: 30px;
}

.bibography p a {
    color: #75a9c6;
}

main.pageId-C17.pageCreateBooking .page17 .column1Info .infocontainerMore h2 a {
    position: relative;
}

main#createBooking.pageId-C17.pageCreateBooking .page17 .column1Info .infocontainerMore h2 span.active {
    top   : 0;
    bottom: 0;
    margin: auto;
}

main.pageId-C17.pageCreateBooking .page17 .column1Info {
    margin-bottom: 5px;
}

.infocontainerMore h2 a {
    font-family: f600;
}

.smallTYetx {
    font-size  : 13px;
    color      : #000;
    font-family: f500;
}

.smallTYetx span {
    font-size: 13px;
}

.ois>.container .row {
    margin-left: -15px;
}

.imageContainerNewSession {
    width        : 170px;
    margin-right : 30px;
    height       : 170px;
    overflow     : hidden;
    border-radius: 10px;
}

.imageContainerNewSession a {
    width : 100%;
    height: 100%;
}

.imageContainerNewSession a img {
    height    : 100%;
    width     : 100%;
    object-fit: cover;
    border    : navajowhite;
}

.statusCheckeerCompleteOrNot div#newButtonsforbooking {
    margin   : 0px;
    width    : 100%;
    max-width: 100% !important;
}

.statusCheckeerCompleteOrNot div#newButtonsforbooking a {
    width          : 100% !important;
    max-width      : 100%;
    display        : flex;
    flex           : 0 100%;
    border         : 1px solid #000000;
    border-radius  : 40px;
    display        : flex;
    align-items    : center;
    justify-content: center;
    color          : #000;
    height         : 45px;
    font-size      : 14px !important;
}

.statusCheckeerCompleteOrNot div#newButtonsforbooking a#newButtonForCall {
    /* background: no-repeat; */
    color: #fff;
}

.statusCheckeerCompleteOrNot div#newButtonsforbooking a#newButtonForCall img {
    width       : 32px;
    margin-left : 0px;
    margin-right: 0px;
}

.statusCheckeerCompleteOrNot div#newButtonsforbooking a {
    padding: 0px !important;
}

.fileUploaderImage label>strong {
    font-family: f600;
}

main {
    min-height: calc(100vh - 641px);
}

.image {
    height: 80px;
    width : 80px;
}

.image-container-uplaoder-profile-coaches .image img {
    height       : 100%;
    object-fit   : cover;
    width        : 100%;
    max-width    : 100%;
    border-radius: 8px;
}

.image-container-uplaoder-profile-coaches {
    margin-bottom: 20px;
}

div label[for="container-image-uploader-coaches-profiles"] {
    display: flex !important;
}

.headerChat h2.active {
    font-family: f600;
    line-height: normal;
}

.multiselect__element span {
    display    : flex;
    align-items: center;
}

li.multiselect__element img {
    width        : 30px;
    height       : 30px;
    border-radius: 50%;
    border       : 1px solid #ccc;
    margin-right : 10px;
}

.multiselect__option--highlight {
    background: none;
    color     : #000;
}

li.multiselect__element {
    background : none !important;
    color      : #000;
    font-family: f500;
}

.multiselect__option--selected.multiselect__option--highlight {
    background: none;
    color     : #000;
}

span.multiselect__single img {
    width        : 30px;
    height       : 30px;
    border-radius: 50%;
}

span.multiselect__single {
    display    : flex;
    align-items: center;
}

span.multiselect__single span {
    font-family   : f500;
    margin-left   : 5px;
    font-size     : 14px;
    text-transform: capitalize;
}

.multiselect__option--highlight {
    background: none !important;
    color     : #000 !important;
}

.multiselect__option--selected.multiselect__option--highlight {
    background: none !important;
    color     : #000 !important;
}

.multiselect {
    margin-bottom: 20px;
}


@media only screen and (max-width: 1024px) {

    .filterbY.displayFlex {
        flex: 0 100%;
    }

    .view-sorting {
        flex: 0 100%;
    }

    .inputSearch {
        margin-left: auto;
    }

    .heading.displayFlex.alignCenter.justifyB#newidfornothing .view-sorting {
        flex      : 0 auto;
        margin-top: 0px;
    }

    .view-sorting {
        justify-content: flex-start;
        margin-bottom  : 50px;
        margin-top     : 0px;
    }

    .seciton2-homepage .views-option {
        margin-left: 0px;
    }

}


















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

.fs-section-one {
    width: 40%;
}

.fs-section-one img {
    width: 200px;
}

.fs-section-one p {
    max-width : 300px;
    margin-top: 30px;
    color     : rgba(255, 255, 255, 0.7);
}

.mod-row{
    margin-left: 15px;
}

.language {
    margin-top: 30px;
}

.language .form-control {
    background: transparent;
    border    : none;
    color     : rgba(255, 255, 255, 0.5);
    font-size : 12px;
    padding   : 0px;
    height    : auto;
}

.language .form-control:focus {
    box-shadow: none;
}

.language option {
    color: #000;
}


/* Four Section of Footer*/
.fs-section-col {
    width: 15%;
}

.fs-section-col h3 {
    font-size    : 24px;
    color        : #fff;
    margin-bottom: 20px;
}

.fs-section-col li a {
    font-size: 14px;
    color    : rgba(255, 255, 255, 0.7);
}

.fs-section-col li {
    padding-bottom: 10px;
}



.gol-section {
    width          : 100%;
    display        : flex;
    justify-content: space-between;
    align-items    : flex-end;
    padding        : 30px 0px 23px;
    border-bottom  : 1px solid rgba(216, 216, 216, 0.1);
}

.app-item {
    width: 50%;
}

.app-item p {
    color         : #fff;
    padding-bottom: 15px;
}

.social-link {
    width          : 50%;
    display        : flex;
    justify-content: flex-end;
}

.social-link ul {
    display: flex;
}

.social-link ul li {
    margin-left: 20px;
}

@media(max-width:992px) {
    .fs-section {
        flex-flow: row wrap;
    }

    .fs-section-one {
        width        : 100%;
        margin-bottom: 20px;
    }


    .fs-section-col {
        width: 20%;
    }
}

@media(max-width:552px) {


    .fs-section-col {
        width: 50%;
    }

    .gol-section {
        flex-flow: row wrap;
    }

    .app-item {
        width: 100%;
    }

    .social-link {
        width          : 100%;
        justify-content: flex-start;
        margin-top     : 20px;
    }

    .social-link ul li {
        margin-left : 0px;
        margin-right: 20px;

    }
}


/* new responsive */
@media only screen and (max-width: 767px) {
    .innercontainerpaddingnew{
        padding: 0 15px;
    }

    .mod-row{
        margin-left: 0px;
    }

    .mod-col{
        padding-left: 0px;
    }

    .header nav ul {
        display: block;
    }

    main#noPad {
        margin: 0px;
    }

    main#noPad.pageId-C13 {
        margin: 0px !important;
    }

    .header nav ul li {
        margin    : 0px;
        text-align: center;
    }

    .header nav ul li img {
        margin: auto;
    }

    li#UserHeader>a {
        width : max-content;
        margin: auto;
    }

    .header nav {
        position  : absolute;
        z-index   : 999;
        background: #fff;
        width     : 100%;
        left      : 0;
        top       : 70px;
        border-top: 2px solid #75A9C6;
        background: #00000040;
        height    : 100vh;
        opacity   : 0;
        visibility: hidden;
        transition: 0.3s all;

    }

    .header {
        padding: 20px 0px 20px;
    }

    .header .logoCOntainers img {
        width : 100px;
        height: 30px;
    }

    .header nav ul {
        background: #fff;
    }

    li#UserHeader>a>h6 {
        text-align: left;
    }

    .hamburgerCOnainerNew {
        display      : block;
        position     : absolute;
        width        : 25px;
        height       : 15px;
        /* background: red; */
        position     : absolute;
        right        : 20px;
        top          : 24px;
        bottom       : 0;
        /* margin    : auto; */
    }

    .hamburgerCOnainerNew span {
        position  : absolute;
        top       : 0;
        background: #75A9C6;
        height    : 1px;
        display   : block;
        width     : 100%;
    }

    .hamburgerCOnainerNew span:last-child {
        bottom: 0;
        top   : auto;
    }

    .hamburgerCOnainerNew span:nth-child(2) {
        margin: auto;
        bottom: 0;
    }

    .header nav.active {
        opacity   : 1;
        visibility: visible;
        transition: 0.3s all;
    }

    .seciton2-homepage .container {
        max-width: 100%;
    }

    .seciton2-homepage br {
        display: none;
    }

    .filterbY span {
        max-width    : 100%;
        margin-bottom: 20px;
    }

    .seciton2-homepage .heading h2 {
        display      : block;
        width        : 100%;
        max-width    : 100%;
        text-align   : center;
        margin-bottom: 30px;
        font-size    : 28px;
    }

    .seciton2-homepage .heading.displayFlex.alignCenter.justifyB .inputSearch {
        margin       : auto;
        margin-bottom: 10px;
    }

    #flexedsi {
        display: block;
    }

    .inputSearch {
        margin: 20px 0px;
    }

    .listingTabs {
        max-width : max-content;
        margin    : auto;
        text-align: center;
    }

    .header nav ul li ul.active#MessageScreenDropDown {
        position : relative;
        left     : auto;
        right    : auto;
        max-width: 90%;
        margin   : 50px auto;
        min-width: auto;
    }

    .header nav ul li ul.active#MessageScreenDropDown::before {
        margin       : auto;
        left         : auto;
        right        : auto;
        display      : block;
        /* width     : max-content; */
        /* height    : max-content; */
        position     : absolute;
        /* background: red; */
        left         : 0;
        right        : 0;
    }

    .ImageCOntainerSubMenuMessage img {
        width : 30px !important;
        height: 30px !important;
    }

    .contentSubMenuNew p {
        text-align: left;
        font-size : 14px;
    }

    .header nav ul li ul.SubmenuDropDown.active {
        margin   : auto;
        left     : 0;
        right    : 0;
        max-width: 90%;
    }

    .header nav ul li ul:before {
        left  : 0;
        right : 0;
        margin: auto;
    }

    main.pageId-6 .ImageBannerCOntainer img {
        width: 100%;
    }

    main.pageId-6 .newCalender {
        max-width: 90%;
        margin   : auto;
    }

    .card-info-row h2 {
        display: flex;
    }

    .current-plans {
        clear  : right;
        display: block;
        float  : none;
        width  : 100%;
        margin : 20px 0px 0px;
    }

    .card-info-row {
        display: block;
        width  : 100%;
        flex   : 0 100%;
    }

    div#Membership {
        display  : flex;
        flex-wrap: wrap;
    }

    .card-payemtns span {
        display: block;
    }

    .card-payemtns {
        flex-wrap : wrap;
        /* display: block; */
    }

    ul#newPhone {
        padding-bottom: 30px;
    }

    .header nav ul li.GetStarted {
        max-width    : max-content;
        margin       : auto;
        border-radius: 0;
    }

    main#newProfilePage .col-md-8 {
        padding: 40px 0px;
    }

    .displayFLex.alignCenter.justifyB {
        display: block;
    }

    .numbernadchat {
        display: block;
    }

    .bookNOwwithNumberNew a {
        margin  : 20px 0px;
        position: relative;
        display : block;
    }

    .blueComputerNew pre {
        color         : #fff;
        font-weight   : 100 !important;
        font-size     : 13px;
        margin-bottom : 0px;
        padding       : 20px 0px;
        font-family   : "Nunito", sans-serif;
        letter-spacing: 0.2px;
    }

    main#newProfilePage .row {
        display: block;
    }

    main#newProfilePage .row>div {
        width    : 100%;
        flex     : 01 00%;
        max-width: 100%;
    }

    .numbernadchat a:first-child {
        max-width: max-content;
    }

    main#newProfilePage .container {
        max-width: 100%;
        padding  : 0px;
    }

    main#newProfilePage .row>div.col-md-8 {
        padding: 20px;
    }

    .titleNew {
        display: block;
    }

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

    main.pageId-C17.pageCreateBooking .col-md-7 {
        padding: 0px !important;
    }

    main.pageId-C17.pageCreateBooking .newBokingCreate .row {
        display: block;
    }

    main.pageId-C17.pageCreateBooking .newBokingCreate .row .col {
        padding: 0px;
    }

    main.pageId-C17.pageCreateBooking .newBokingCreate .row .col a {
        display: block;
    }

    .infocontainerMore h2 {
        margin: 20px 0px !important;
        width : 100%;
    }

    main.pageId-C17.pageCreateBooking .col-md-5 {
        padding: 0px !important;
    }

    main.pageId-C17.pageCreateBooking {
        margin: 20px 0px 0px;
    }

    .Chat {
        position  : fixed;
        top       : 0;
        background: #fff;
        left      : 100%;
        right     : 0px;
        transition: 0.4s all;
        height    : 100vh;
    }

    .Chat.active {
        left      : 0;
        transition: 0.4s all;
    }

    #BackButotnonMobile {
        display: block;
    }

    .fixedCOlumnview {
        margin: 0px;
        width : 100%;
    }

    .rightCOlumnnotfixed {
        width        : 100%;
        margin       : 0px;
        max-width    : 100%;
        padding-left : 0px;
        padding-right: 0px;
    }

    .newBokingCreate .col:not(:first-child) {
        margin: 0px;
    }

    .newBokingCreate .col:not(:first-child) {
        margin: 0px;
    }

    main.pageId-C17.pageCreateBooking label {
        display      : block;
        width        : 100%;
        margin-bottom: 10px;
    }

    .view-sorting {
        flex: 0 100%;
    }

    .newBokingCreate .col:not(:first-child) {
        margin: 0px;
    }

    main.pageId-C17.pageCreateBooking label {
        display      : block;
        width        : 100%;
        margin-bottom: 10px;
    }

    .view-sorting {
        flex: 0 100%;
    }

    .filterbY select {
        flex     : 0 100%;
        max-width: 100%;
    }

    .filterbY.displayFlex {
        flex: 0 100%;
    }

    .col.list-container-main-coach {
        display: block;
    }

    .inputSearch {
        margin-left : auto;
        margin-right: auto;
    }

    .LIstAnchoreTags a {
        text-align: center;
        margin    : auto !important;
        width     : max-content;
    }


    .header nav ul li .membersOfUserDropDown a {
        display        : flex;
        align-items    : center;
        justify-content: flex-start;
        width          : max-content;
        margin         : auto;
    }

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

    .newBokingCreate .col:first-child {
        margin-bottom: 0px;
        margin-right : 20px;
    }

    .LIstAnchoreTags a {
        text-align: center;
        margin    : auto !important;
        width     : max-content;
    }

    .view-sorting {
        display        : flex;
        width          : 100%;
        align-items    : center;
        justify-content: space-between;
        margin         : 10px 0px;
    }

    .map_view.views-option {
        width           : 46%;
        max-width       : 100%;
        margin          : auto;
        /* margin-bottom: 10px; */
        display         : flex;
        align-items     : center;
        justify-content : center;
        margin          : 0px;
    }

    .sort-by {
        width: 46%;
    }

    span.resetClassNew {
        display      : block;
        flex         : 0 100%;
        text-align   : center;
        margin-bottom: 0px;
    }

    .seciton2-homepage .heading.displayFlex.alignCenter.justifyB .inputSearch {
        width        : 100%;
        margin-bottom: 0px;
        max-width    : 100%;
        margin-top   : 10px;
    }

    .seciton2-homepage .row.filters-become-a-coach {
        margin-top: 0px;
    }

    .containerTextHeadingNewPageSession {
        display: block;
    }

    .ratingandNameContaineNew {
        margin       : auto;
        width        : 100%;
        max-width    : 100%;
        margin-bottom: 20px;
    }

    .statusCheckeerCompleteOrNot {
        margin-left: 0px;
    }
}

main#noPad label {
    font-weight: 700;
}

.containerInputSLots {
    border       : 1px solid #cccc;
    margin-bottom: 10px;
    position     : relative;
}

.containerInputSLots::after {
    content : "-";
    position: absolute;
    left    : 0;
    right   : 0;
    margin  : auto;
    display : block;
    width   : max-content;
    color   : #000000;
}

.vc-dots span {
    display: none !important;
}

/* new pages */
.maincontainer {
    min-height         : 600px;
    display            : flex;
    align-items        : center;
    background         : url('./assets/newimages/3.JPG');
    background-position: center !important;
}

.maincontainer h2 {
    color         : #fff;
    text-transform: capitalize;
    font-family   : f600;
    position      : relative;
    padding-left  : 50px;
    margin        : 0px;
    user-select   : none;
}

.maincontainer h2::after {
    display   : block;
    width     : 4px;
    height    : 80%;
    background: #fff;
    display   : block;
    position  : absolute;
    left      : 0;
    content   : "";
    top       : 0;
    bottom    : 0;
    margin    : auto;
}

.maincontainer h2 {
    color         : #fff;
    text-transform: capitalize;
    font-family   : f600;
    position      : relative;
    padding-left  : 50px;
    margin        : 0px;
    user-select   : none;
}

.maincontainer h2::after {
    display   : block;
    width     : 4px;
    height    : 80%;
    background: #fff;
    display   : block;
    position  : absolute;
    left      : 0;
    content   : "";
    top       : 0;
    bottom    : 0;
    margin    : auto;
}

.section2about {
    margin     : 100px 0px;
    position   : relative;
    display    : flex;
    align-items: center;
    color      : #fff;
    padding    : 40px 0px;
}

.section2about::after {
    content   : "";
    display   : block;
    width     : 60%;
    background: #75A9C6;
    height    : 100%;
    position  : absolute;
    top       : 0;
    z-index   : -1;
}

.section2about .row {
    align-items: center;
}

.section2about h3,
.section2about p {
    color: #fff;
}

.section2about h3 {
    font-family: f600;
}

.section2about p {
    font-size  : 13px;
    line-height: 24px;
    margin-top : 40px;
}

.section2about img {
    width      : 80%;
    margin-left: auto;
}

.section3 .row {
    align-items: center;
}

.section3 img {
    max-height: 600px;
    margin    : auto;
}

.section3 h3 {
    font-family: f600;
}

.section3 p,
.section4 p {
    font-size  : 13px;
    line-height: 24px;
    margin-top : 30px;
    font-family: f400;
    opacity    : 0.7;
}

.section3 a {
    width          : 188px;
    height         : 45px;
    display        : flex;
    align-items    : center;
    justify-content: center;
    background     : #75a9c6;
    border-radius  : 50px;
    color          : #fff;
    margin-top     : 50px;
    border         : 2px solid;
    transition     : 0.4s;
}

.section3 a:hover {
    background: none;
    color     : #75a9c6;
}

.section4 {
    padding : 100px 0px;
    position: relative;
}

.section4 img {
    position  : absolute;
    top       : 0;
    right     : 0;
    max-width : 40%;
    height    : 100%;
    object-fit: cover;
}

.section4 h3 {
    font-size  : 35px;
    font-family: f600;
}

main#abouPage .container {
    max-width: 1140px !important;
}

div#blog {
    background: url(./assets/page/5.png);
}

div#team {
    background: url(./assets/newimages/5.jpg);
}

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

.blog-signle-image {
    border             : 1px solid #cecece;
    width              : 100%;
    height             : 320px;
    background-repeat  : no-repeat;
    background-size    : contain;
    background-position: center;
    margin-bottom      : 10px;
}

.blog-detail-imgs {
    width              : 100%;
    height             : 450px;
    background-repeat  : no-repeat;
    background-size    : cover;
    background-position: center;
}

.recentpost h2 {
    padding       : 60px 0px;
    text-transform: capitalize;
    font-family   : f600;
    font-size     : 42px;
}

.bannerSingle>img {
    width     : 100%;
    max-height: 600px;
    object-fit: cover;
    z-index   : -1;
}

.bannerSingle .container {
    position  : relative;
    margin-top: -126px;
    background: #fff;
}

.bannerSingle {
    position: relative;
}

.header {
    z-index: 99;
}

.sngkepostcontent {
    padding: 40px;
}

.sngkepostcontent>span {
    display      : block;
    margin-bottom: 20px;
    font-size    : 18px;
    color        : #000;
    font-family  : f500;
}

.sngkepostcontent h1,
.sngkepostcontent h2,
.sngkepostcontent h3,
.sngkepostcontent h4,
.sngkepostcontent h5 {
    font-family  : f600;
    font-size    : 42px;
    margin-bottom: 40px;
}

.sngkepostcontent p {
    margin-top : 30px;
    display    : block;
    font-size  : 13px;
    line-height: 24px;
}

.flexesreversed .row:nth-child(even) {
    flex-direction: row-reverse;
    margin        : 100px 0px;
}

.teammaincontainer .row {
    align-items: center;
}

.teammaincontainer>h2 {
    padding    : 60px 0px;
    font-family: f600;
    font-size  : 42px;
    color      : #75a9c6;
}

.teammaincontainer img {
    max-width    : 460px;
    height       : 430px;
    margin       : auto;
    object-fit   : cover;
    border-radius: 13px;
}

.flexesreversed h3 {
    font-family: f600;
}

.flexesreversed h6 {
    font-size: 14px;
    opacity  : 0.6;
}

.flexesreversed p {
    margin-top : 30px;
    line-height: 25px;
    font-size  : 13px;
}

.imagedsa {
    max-width: max-content;
    margin   : auto;
    position : relative;
}

.imagedsa::after {
    display      : block;
    width        : 100%;
    height       : 100%;
    /* background: red; */
    content      : "";
    position     : absolute;
    top          : 20px;
    right        : -20px;
    z-index      : -1;
    border       : 2px solid #75A9C6;
    border-radius: 10px;
}

main#abouPage {
    /* margin-bottom: 60px; */
}

.teammaincontainer {
    margin-bottom: 80px;
}










.faqsContainer .accordion {
    background-color: #fff;
    color           : #444;
    cursor          : pointer;
    padding         : 18px 0px;
    width           : 100%;
    border          : none;
    text-align      : left;
    outline         : none;
    font-size       : 15px;
    transition      : 0.4s;
}

.faqsContainer .active,
.faqsContainer .accordion:hover {
    background-color: #fff;
}

.faqsContainer .accordion:after {
    content    : '\002B';
    color      : #777;
    font-weight: bold;
    float      : right;
    margin-left: 5px;
}

.faqsContainer .active:after {
    content: "\2212";
}

.faqsContainer .panel {
    padding         : 0 18px;
    background-color: white;
    max-height      : 0;
    overflow        : hidden;
    transition      : max-height 0.2s ease-out;
}

.faqsContainer h2 {
    font-size    : 24px;
    font-family  : f600;
    opacity      : 0.3;
    margin-top   : 50px;
    margin-bottom: 30px;
}

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

.bookingButtonNew label {
    margin: 0 !important;
}

.bioUrlButton {
    display    : flex;
    margin-left: 60px;
    margin-top : 20px;
}

.containerrowstempage .row {
    margin-top : 100px;
    align-items: center;
}

.containerrowstempage .row:nth-child(even) {
    flex-direction: row-reverse;
}

.containerrowstempage img {
    max-width: 80%;
    margin   : auto;
}

.containerrowstempage .row:nth-child(even) img {
    margin-left: auto;
}

.containerrowstempage .row:nth-child(odd) img {
    margin-left : auto;
    margin-right: 0px;
}

.containerrowstempage h4 {
    font-family: f500;
    font-size  : 20px;
}

.containerrowstempage span {
    display  : block;
    font-size: 13px;
    opacity  : 0.6;
}

.containerrowstempage p {
    line-height: 30px;
    margin-top : 30px;
    font-size  : 14px;
}

div#team+.container {
    margin: 60px auto;
}

div#team+.container h2 {
    color      : #75a9c6;
    font-weight: 700;
    font-size  : 36px;
}

div#pravicy p {
    font-size  : 14px;
    line-height: 30px;
    margin-top : 20px;
}

div#pravicy strong {
    /*font-size: 16px;*/
    /*margin-top: 20px;*/
    /*display: block;*/
    /*margin-bottom: -20px;*/
}

div#pravicy br {
    display: block;
    margin : 20px 0px;
}

div#pravicy span {
    display: block;
    margin : 0px 0px 20px;
}

div#pravicy {
    margin: 60px auto;
}

#privacyP {
    background: url('./assets/newimages/pp.jpg');
}

#Help {
    background: url('./assets/newimages/contact.jpg');
}

#terms {
    background: url('./assets/newimages/tt.jpg');
}

.inputcontainerin {
    margin-bottom: 20px;
}

main#locations {
    margin: 60px 0px 0px;
}

main#locations .container {
    margin-bottom: 60px;
}

main#locations h2 {
    font-size  : 24px;
    font-family: f500;
}

.locationsi .col {
    max-width    : 100%;
    width        : 20%;
    flex         : 0 15%;
    margin-bottom: 50px;
}

.locationsi h6 {
    font-size  : 16px;
    font-family: f600;
}

.locationsi li a {
    color        : #000;
    margin-bottom: 10px;
    display      : block;
}

.locationsi {}

.locationsi h4 {
    padding    : 20px 15px;
    color      : #75a9c6;
    font-family: f500;
}

main#locations h2 {
    padding      : 0px 15px;
    margin-bottom: 40px;
}

main#locations label {
    display: block;
    width  : 100%;
}

.inputcontaineris {
    padding      : 0px 15px;
    max-width    : 573px;
    width        : 100%;
    margin-bottom: 40px;
}

.inputcontaineris select {
    width    : 100%;
    height   : 40px;
    border   : 1px solid #DFDFDF;
    padding  : 0px 10px;
    font-size: 13px;
    color    : #000000ad;
}

.bgcolorrow {
    background: #75A9C6;
    padding   : 40px;
    color     : white;
}

.bgcolorrow .row {
    align-items: center;
}

.itemcontainercorusal {
    display    : flex;
    max-width  : 1000px;
    margin     : auto;
    align-items: center;
}

.itemcontainercorusal img {
    width        : 240px !important;
    height       : 200px;
    border-radius: 50%;
    margin-right : 70px;
    object-fit   : cover;
}

.itemcontainercorusal p {
    font-size  : 22px;
    line-height: 38px;
    /* opacity : 0.8; */
    color      : rgb(0 0 0 / 0.8);
}

.itemcontainercorusal span {
    display    : block;
    margin     : 30px 0px 0px;
    font-family: f700;
}

.caorusalrow h2 {
    text-align   : center;
    font-family  : f700;
    margin-bottom: 80px;
}

.caorusalrow {
    padding: 100px 0px;
}

.owl-theme .owl-dots {
    display: none;
}

.owl-prev {
    position  : absolute;
    left      : 0;
    top       : 0 !important;
    bottom    : 0;
    height    : max-content;
    top       : 0;
    margin    : auto !important;
    font-size : 0 !important;
    width     : 40px;
    height    : 40px;
    background: none !important;
}

.owl-prev::after {
    content     : "";
    display     : block;
    width       : 20px;
    height      : 20px;
    border      : 2px solid #000;
    position    : absolute;
    left        : 0;
    right       : 0;
    top         : 0;
    bottom      : 0;
    margin      : auto;
    border-right: 0;
    border-top  : 0;
    transform   : rotate(45deg);
}

.owl-next {
    position  : absolute;
    right     : 0;
    top       : 0 !important;
    bottom    : 0;
    height    : max-content;
    top       : 0;
    margin    : auto !important;
    font-size : 0 !important;
    width     : 40px;
    height    : 40px;
    background: none !important;
}

.owl-next::after {
    content     : "";
    display     : block;
    width       : 20px;
    height      : 20px;
    border      : 2px solid #000;
    position    : absolute;
    left        : 0;
    right       : 0;
    top         : 0;
    bottom      : 0;
    margin      : auto;
    border-right: 0;
    border-top  : 0;
    transform   : rotate(-135deg);
}

div#newRow .multiselect {
    width       : auto;
    height      : 40px;
    margin-right: 20px;
}

div#newRow .multiselect__tags {
    padding       : 2px 50px 0px 10px;
    /* display    : flex; */
    /* align-items: center; */
}

div#newRow span.multiselect__placeholder {
    margin: 0px !important;
}

.chatMessages li p img {
    width     : 260px;
    max-height: 280px;
    object-fit: contain;
}

.section5 {
    text-align: center;
}

.section5 h3 {
    font-size    : 36px;
    font-family  : f700;
    margin-bottom: 40px;
}

.section5 {
    padding: 100px 0px 100px;
}

.bioUrlButton {
    display        : flex;
    margin-left    : 0;
    margin-top     : 20px;
    /* margin      : auto; */
    justify-content: center;
}

.ImageContainermainbNew+.bioUrlButton a {
    background: no-repeat;
}

.accorduancontainer p {
    font-size  : 14px;
    line-height: 23px;
    opacity    : 0.7;
    font-family: f400;
    padding    : 0px !important;
}

.faqsContainer .panel {
    padding: 0px;
}

.accorduancontainer p strong {
    font-family: f600;
}

.header {
    min-height : 80px;
    display    : flex;
    align-items: center;
}

.daysName.editSelected {
    text-transform: uppercase;
}

.reportButton {
    position : absolute;
    right    : 0;
    top      : 0;
    bottom   : 0;
    margin   : auto;
    /* height: max-content; */
}

.ReviewContainerelist li {
    position      : relative;
    border-bottom : 1px solid #cccc;
    padding-bottom: 20px;
}

.reportButton {
    position : absolute;
    right    : 0;
    top      : 0;
    bottom   : 0;
    margin   : auto;
    /* height: max-content; */
}

.ReviewContainerelist li {
    position      : relative;
    border-bottom : 1px solid #cccc;
    padding-bottom: 20px;
}

div#reportModal .modal-title {
    font-family: f600;
}

.seciton2-homepage input.multiselect__input {
    padding: 0px;
    margin : 0px;
}

.multiselect__input {
    border: none !important;
}

.multiselect__element span::after {
    display: none !important;
}

.multiselect__element span::after {
    display: none !important;
}

span.multiselect__single {
    margin-bottom: 0px !important;
}

div#newRow .multiselect__tags {
    display: flex;
}

.colw:nth-child(even) {
    margin: 0px 20px;
}

.colw {
    max-width    : 404px;
    /* overflow  : hidden; */
    background   : #fff;
    position     : relative;
    min-height   : 404px;
    /* background: red; */
}

.boxContainerPlan {
    /* position: relative; */
    box-shadow: none;
    background: navajowhite;
    background: none;
    max-width : 320px;
    min-height: 100%;
    box-shadow: 0px 0px 13px #cecececc;
    position  : relative;
    min-height: 100%;
}

.colw {
    margin-top: 50px !important;
}

.rachel {
    max-width    : 489px;
    width        : 100%;
    padding      : 20px;
    border       : 1px solid #D8D8D8;
    margin-bottom: 40px;
    border-radius: 10px;
    overflow     : hidden;
    position     : relative;
    padding-left : 50px;
    display      : inline-block;
    /* padding   : 0 2% 2% 0; */
    width        : 28.66%;
}

.rachel:nth-child(3n-1) {
    margin-left : 30px;
    margin-right: 30px;
}

.rachel::after {
    content   : "";
    display   : block;
    width     : 10px;
    height    : 100%;
    position  : absolute;
    left      : 0px;
    top       : 0;
    bottom    : 0;
    background: #75a9c6;
}

.rachel h6 {
    color        : #1C1C1C;
    font-size    : 20px;
    font-family  : f500;
    margin-bottom: 20px;
}

.rachel span {
    display    : flex;
    align-items: center;
    color      : #BCBCBC;
    font-size  : 14px;
    margin     : 0px 0px 20px;
}

.rachel img {
    margin-right: 10px;
}

.rachel p a:first-child {
    color          : #75A9C6;
    text-decoration: underline;
    font-family    : f600;
    display        : inline-block;
}

.rachel p a:last-child {
    margin-left    : 20px;
    color          : #A7A7A7;
    font-family    : f600;
    text-decoration: underline;
}

.mainCareersPage {
    padding: 50px 0px;
}

.mainCareersPage h2 {
    font-family  : f600;
    margin-bottom: 30px;
}

.yourlocation {
    margin-bottom: 40px;
}

.yourlocation label {
    display    : block;
    font-size  : 14px;
    font-family: f400;
}

.yourlocation select {
    border       : 1px solid #D8D8D8;
    width        : 100%;
    padding      : 10px;
    border-radius: 5px;
}

.yourlocation {
    max-width: 491px;
}

div#contentcareers {
    padding: 50px 20px 0px;
}

div#contentcareers h2 {
    font-size    : 32px;
    font-family  : f500;
    margin-bottom: 40px;
}

div#contentcareers p {
    line-height: 31px;
    font-size  : 14px;
}

a#newApplyNOwButton {
    display      : block;
    background   : #75A9C6;
    padding      : 10px 30px;
    border-radius: 40px;
    max-width    : max-content;
    color        : #fff;
    margin       : 40px 0px 40px;
}

i.fab {
    font-family: FontAwesome !important;
}

div#socialLinksProfile i {
    font-style  : normal;
    color       : #8D8C8E;
    font-size   : 20px;
    margin-right: 11px;
}

div#socialLinksProfile i:hover {
    color: #fff;
}

div#socialLinksProfile>span:nth-child(1) {
    color       : #fff;
    font-size   : 16px;
    opacity     : 0.60;
    margin-right: 20px;
    font-family : f400;
}



p.displayFlex.flows span:nth-child(even) {
    margin: 0px 20px;
}

#careermain {
    background: url('./assets/newimages/9.jpg');
}

.CarrersMain .container {
    padding: 100px 0px;
}

.CarrersMain .container>h2 {
    font-size  : 42px;
    max-width  : 360px;
    line-height: 60px;
    font-family: f500;
}

.CarrersMain .container>h2+a {
    background     : #75A9C6;
    color          : #fff;
    min-width      : 173px;
    display        : block;
    max-width      : max-content;
    height         : 50px;
    display        : flex;
    align-items    : center;
    justify-content: center;
    border-radius  : 50px;
    font-family    : f500;
    margin         : 40px 0px 20px;
}

@media only screen and (max-width: 767px) {
    #PlanNew .container>div>h2 {
        font-size : 21px;
        margin    : 20px auto;
        text-align: center;
    }

    main#abouPage {
        margin-top: 0px;
    }

    .maincontainer {
        min-height: 250px;
    }

    .recentpost h2 {
        font-size: 20px;
    }

    div#team+.container h2 {
        font-size    : 20px;
        padding      : 0px 15px;
        margin-bottom: 30px;
    }

    .containerrowstempage p {
        font-size  : 11px;
        line-height: normal;
    }

    .containerrowstempage .row {
        margin-top: 20px;
    }

    .containerrowstempage .row:nth-child(odd) img,
    .containerrowstempage .row:nth-child(even) img {
        margin: 40px auto;
    }

    .section2about {
        margin: 0px 0px 20px;
    }

    .section2about::after {
        width: 100%;
    }

    .section2about p,
    .section3 p,
    .section4 p {
        font-size    : 11px;
        line-height  : normal;
        margin-bottom: 20px;
        margin-top   : 10px;
    }

    .section2about h3,
    .section3 h3 {
        font-size: 20px;
    }

    .section2about img {
        width: 100%;
    }

    .section3 img {
        height       : 200px;
        width        : 100%;
        object-fit   : cover;
        margin-bottom: 20px;
    }

    .section3 a {
        font-size      : 12px;
        display        : flex;
        align-items    : center;
        justify-content: center;
        width          : 100%;
        margin-bottom  : 22px;
    }

    .section4 img {
        width    : 100%;
        max-width: 100%;
        z-index  : -1;
    }

    .section4 {
        position: relative;
    }

    .section4::after {
        content   : "";
        display   : block;
        width     : 100%;
        height    : 100%;
        background: #00000094;
        position  : absolute;
        top       : 0;
    }

    .section4 .container {
        position: relative;
        z-index : 999;
        color   : #fff;
    }

    .section4 .container * {
        color  : #fff;
        opacity: 1;
    }

    .faqsContainer .accordion {
        font-size: 11px;
    }

    .faqsContainer .panel+p {
        font-size: 11px !important;
    }

    .accorduancontainer p {
        font-size  : 11px;
        line-height: normal;
    }

    .sngkepostcontent {
        padding: 30px 10px;
    }

    main#abouPage .container {
        max-width: 90% !important;
    }

    .bannerSingle>img {
        height: 300px;
    }

    .sngkepostcontent>span {
        font-size    : 12px;
        margin-bottom: 10px;
    }

    .sngkepostcontent h4 {
        font-size    : 17px;
        margin-bottom: 0px;
    }

    .sngkepostcontent p {
        font-size  : 11px;
        line-height: 20px;
        margin-top : 20px;
    }

    div#pravicy p {
        font-size  : 11px;
        line-height: normal;
        margin-top : 30px;
    }

    .rowfirsthowitworks {
        min-height: max-content;
        padding   : 0px 0px 20px;
    }

    .rowfirsthowitworks h2 {
        font-size  : 20px;
        font-family: f700;
    }

    .rowfirsthowitworks p {
        max-width  : 100%;
        line-height: normal;
        font-size  : 12px;
        line-height: 21px;
        margin     : 10px 0px 20px;
    }

    a#getStartedButtonNew {
        font-size : 12px;
        padding   : 10px;
        min-height: auto;
        max-width : max-content;
        padding   : 9px 30px;
    }

    .caorusalrow h2 {
        font-size    : 20px;
        margin-bottom: 30px;
    }

    .caorusalrow {
        padding: 20px 0px;
    }

    .itemcontainercorusal {
        display   : block;
        text-align: center;
    }

    .itemcontainercorusal p {
        line-height: normal;
        font-size  : 12px;
        padding    : 0px 50px;
    }

    .itemcontainercorusal img {
        margin       : auto;
        height       : 200px;
        width        : 200px !important;
        margin-bottom: 40px;
    }

    .bgcolorrow {
        padding: 20px 0px;
    }
}

div#socialLinksProfile {
    margin-top: 40px;
}

span.imagecontaineriasdi {
    width       : auto !important;
    max-width   : max-content !important;
    margin-right: 10px;
}

i.fa.fa-phone {
    display                : inline-block;
    font                   : normal normal normal 14px/1 FontAwesome;
    font-size              : inherit;
    text-rendering         : auto;
    -webkit-font-smoothing : antialiased;
    -moz-osx-font-smoothing: grayscale;
}

main#applynowCareer>.container form div label {
    display    : block;
    font-family: f400;
}

main#applynowCareer>.container {
    padding: 60px 0px;
}

main#applynowCareer>.container>h2 {
    font-family: f500;
}

main#applynowCareer>.container>ul {
    display        : flex;
    align-items    : center;
    justify-content: space-between;
    max-width      : 700px;
    padding        : 20px 0px;
    border-top     : 1px solid #cccc;
    margin-top     : 30px;
    padding-bottom : 30px;
}

main#applynowCareer strong {
    font-family : f400;
    display     : inline-block;
    margin-right: 9px;
}

main#applynowCareer strong+span {
    color      : #75A9C6;
    font-family: f500;
}

main#applynowCareer>.container p {
    max-width    : 700px;
    line-height  : 30px;
    font-family  : f300;
    font-size    : 14px;
    margin-bottom: 40px;
}

main#applynowCareer from label {
    display: block;
}

.rowasd {
    display        : flex;
    flex-wrap      : wrap;
    justify-content: space-between;
    max-width      : 700px;
}

.columncontainerform {
    max-width: 45%;
    flex     : 0 45%;
}

.rowasd input,
.rowasd select {
    width        : 100%;
    height       : 41px;
    padding      : 0px 10px;
    border       : 1px solid #DFDFDF;
    margin-bottom: 20px;
}

.rowasd .inputcontainerin {
    width: 100%;
}

.rowasd .inputcontainerin input~label {
    width       : 100%;
    border      : 1px solid #ccc;
    height      : 50px;
    display     : flex !important;
    align-items : center;
    padding     : 0px 10px;
    position    : relative;
    padding-left: 20px;
    font-family : f500 !important;
}

.rowasd .inputcontainerin input~label::after {
    content      : "Choose File";
    background   : #75A9C6;
    color        : #fff;
    width        : max-content;
    max-width    : max-content;
    padding      : 4px 20px;
    position     : absolute;
    right        : 13px;
    border-radius: 4px;
}

.rowasd .inputcontainerin input~label span {
    font-family: f500;
}

main#applynowCareer form button {
    background   : #75A9C6;
    border       : 2px solid #75A9C6;
    width        : max-content;
    max-width    : max-content;
    padding      : 9px 40px;
    border-radius: 35px;
    color        : #fff;
}

.reportMessage p {
    background : black;
    color      : #fff;
    max-width  : max-content;
    padding    : 7px 20px;
    margin-left: auto;
}

.maincontainer {
    background-size: cover !important;
}

.containerrowstempage img {
    max-height: 400px;
    height    : 400px;
    width     : 100%;
    object-fit: contain;
}

.Carrers #Help {
    background: url(./assets/newimages/9.jpg);
}

div#faq {
    background: url(./assets/page/new/faq.jpg);
}

footer .container {
    max-width: 1140px !important;
}

#bcomeapartner {
    background: url(./assets/page/new/b.jpg);
}

.itemcontainercorusal img {
    object-fit: cover;
    width     : 200px !important;
}

div#careermain+.container .row h2 {
    font-size    : 52px;
    font-weight  : 700;
    max-width    : 380px;
    line-height  : 60px;
    margin-bottom: 30px;
}

div#careermain+.container .row h2+a {
    background     : #75a9c6;
    display        : flex;
    align-items    : center;
    justify-content: center;
    height         : 50px;
    border-radius  : 60px;
    color          : #ffff;
    font-weight    : 600;
    max-width      : max-content;
    padding        : 0px 60px;
    margin-top     : 50px;
}

div#careermain+.container .row {
    align-items: center;
}

div#careermain+.container .row img {
    max-height: 400px;
    width     : 100%;
    object-fit: cover;
    object-fit: contain;
}

.ExperienceElite {
    padding   : 0px 30px;
    text-align: center;
    margin    : 50px 0px;
}

.ExperienceElite h2 {
    margin-bottom: 50px;
    font-size    : 52px;
    font-weight  : 700;
    display      : block;
    margin-top   : 80px;
}

.ExperienceElite img {
    width          : 100%;
    max-height     : 500px;
    object-fit     : cover;
    object-position: bottom;
}

div#newRow .multiselect__tags {
    border: 1px solid #ccc !important;
}

.sort-by {
    font-size: 12px;
}

.grid_view.views-option>span {
    font-size: 12px;
}

.daysName.editSelected {
    text-transform: capitalize;
}

span.newdeleteItem {
    margin-left: 20px;
    color      : red;
}

.Name-withimage {
    background: #75a9c6;
}

h2.text-center.topcaochesinwhatever {
    flex          : 0 100%;
    max-width     : 100%;
    width         : 100%;
    margin-bottom : 57px;
    font-family   : f700;
    text-transform: capitalize;
}

.containerPostSports label {
    display: block;
    width  : 100%;
}

.container-image-uploader-coaches-profiles {
    width: 100%;
}

.container-image-uploader-coaches-profiles .containerPostSports label {
    flex: 0 100%;
}

.container-image-uploader-coaches-profiles .containerPostSports .col {
    flex-wrap      : wrap;
    text-align     : left;
    justify-content: flex-start;
}

main#applynowCareer>.container>ul li {
    padding-right: 25px;
}

main#applynowCareer>.container>ul li strong {
    display      : block;
    font-size    : 13px;
    margin-bottom: 5px;
}

main#applynowCareer>.container>ul {
    align-items: flex-start;
}

main#applynowCareer>.container>ul li span {
    font-size: 13px;
}

div.blogcontainebutton a:nth-child(even) {
    margin: 0px 9px;
}

strong {
    font-weight: 800;
}

.instagram_gallery {
    display: flex;
}