.error-message {
  color: red;
}

.add-important-color {
  color: red;
}

.info-text-design {
  color: #00923F !important;
  font-weight: 600 !important;
}

@media(max-width: 700px) {
  .google-map .map-view {
    display: none;
  }
}

.custom-close {
  border: 1px solid #d7234a;
  color: #d7234a;
  border-radius: 11px;
  float: right;
  font-size: 16px;
  padding-left: 6px;
  padding-right: 6px;
  padding-top: -3px;
  cursor: pointer;
}

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #cdc8c8;
  opacity: 1;
  /* Firefox */
}

.provide-row textarea {
  padding: 14px;
}

.class-information .div-2 .coach-panel img {
  width: 185px;
}

.greenButton {
  background-color: #51a351;
  color: white;
  font-size: 15px;
  padding: 5px 6px;
  border-radius: 7px;
}

.blueButton {
  background-color: #00a7e9;
  color: white;
  font-size: 12px;
  padding: 5px 6px;
  border-radius: 7px;
}

.pinkButton {
  background-color: #d6487e;
  color: white;
  font-size: 12px;
  padding: 5px 6px;
  border-radius: 7px;
}

.add-to-booking-color {
  background-color: #f44336;
  color: white;
  font-size: 12px;
  padding: 5px 6px;
  border-radius: 7px;
}

/* "Join Waiting List" badge on a child/day once the class has no places left */
.join-waiting-list-color {
  background-color: #FDF3E1;
  border: 1px solid #D9822B;
  color: #B5651D;
  font-size: 12px;
  padding: 5px 6px;
  border-radius: 7px;
}

/* Basket: reassurance line on a waiting list item */
.waiting-list-note {
  margin: 10px 15px 0;
  padding: 8px 12px;
  background-color: #FDF3E1;
  border: 1px solid #E8B04B;
  border-radius: 6px;
  color: #B5651D;
  font-size: 13px;
  text-align: center;
}

.waiting-list-booking-color {
  background-color: #607d8b !important;
  color: white;
  font-size: 12px;
  padding: 5px 6px;
  border-radius: 7px;
}

.break-space {
  content: "";
  margin: 5px 0px !important;
  display: block;
  margin-top: 0;
}

.calender-select .table td,
.calender-select .table th {
  /* padding: 0.75rem; */
  font-size: 11px;
  text-align: center;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
  padding: 6px 2px 2px 2px;
}

.paid-button-class {
  width: 121px;
  padding: 8px;
  font-size: 14px;
}

.input-form input,
.input-form textarea {
  width: 100%;
  background: #FFFFFF;
  border-radius: 10px;
  border: 1px solid #999 !important;
  height: 45px;
  padding: 10px;
  font-size: 16px;
  font-weight: 400;
  font-family: "Proxima Nova Rg";
  color: #000;
}

.alignleft {
  text-align: left !important;
}

.remove-booking {
  background: #FFFFFF;
  border: 1px solid #0092DE;
  border-radius: 10px;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  display: block;
  text-align: center;
  margin-top: 20px;
}


.table-buttons-checkout {
  margin-top: 50px;
  /* display: flex; */
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
}


.table-buttons-checkout a {
  color: #fff;
  padding: 10px 30px;
  font-size: 18px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  display: inline-block;
  border-radius: 10px;
}

.table-buttons-checkout .red {
  background-color: #FD0002;
}


#loading {
  position: fixed;
  display: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.7;
  background-color: #fff;
  z-index: 99;
}

#loading-image {
  z-index: 100;
  width: 10%;
  opacity: 1;
}

#loader-container img {
  border-radius: 62px 62px;
}

.view-map-mobile-view {

  margin-bottom: 25px;
}

@media(max-width: 600px) {
  .view-map-mobile-view {
    display: none !important;
    margin-bottom: 25px;
  }
}


@media(max-width: 700px) {
  .submit_btn {
    margin-bottom: 5px !important;
  }
}

.email-hreaf-with {
  width: 100%;
  overflow-wrap: break-word;
}

@media(max-width: 700px) {
  .email-hreaf-with {
    width: 120px;
    overflow-wrap: break-word;
  }

  .location-info {
    padding-right: 0px !important;
  }
}


.contact-info .info-email {
  text-decoration-line: none !important;
}

.info-email>.email-class {
  color: black !important;
}

.class-information .div-2 .coach-panel {
  display: block;
  padding: 20px;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  text-align: center;
}

.coach-info {
  text-align: justify !important;
}

.class-information .div-2 .coach-panel img {
  margin-right: 0px !important;
  border-radius: 9px;

}

.modal-header {
  padding: 9px 16px !important;
}

.modal-header .close {
  margin-top: -12px;
}

.modal-body {
  text-align: justify;
}

.map-details {
  margin: 20px 0 !important;
}

#schedule_tabs {
  padding: 30px 0;
}

.back_class {
  position: absolute;
  margin-left: 27px;
  font-size: 31px;
  margin-left: 47px;
}

.date_body {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 400px;
}

.back_class_open {
  margin-top: -139px;
  margin-left: 45px;
}

.camp_heading {
  font-weight: 900;
  font-size: 17px;
  padding: 8px;
  font-family: "Helvetica";
  border-radius: 8px;
}

.check-box-design {
  position: absolute;
  left: -9999px;
}

.check-box-css label::before {
  border: 2px solid rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  width: 18px;
  height: 18px;
  display: block;
  flex-shrink: 0;
  margin-right: 10px;
  content: "";
}

.check-box-css label:after {
  content: "\f00c";
  font-family: "fontawesome";
  position: absolute;
  left: 3px;
  color: #dcecff;
  bottom: 1px;
  font-size: 12px;
}

li .check-box-css label {
  display: flex;
  font-family: "Proxima Nova Rg";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  position: relative;
}

li .check-box-css input:checked+label:before {
  background: #0092DE;
  border-color: #0092DE;
}

.check-box-css {
  margin-top: -31px;
  margin-right: 24px;
}

.checkout-wrapper .checkout-body .price-wrapper {
  padding-top: 6px;
}

.success_booking_class {
  background-color: #51a351 !important;
  color: white !important;
}

.login_color {
  background-color: #f4f3f3;

}

.spacer {
  padding: 24px 0;
}

.login-index-padding {
  padding: 6px;
  text-align: center;
  margin-top: 65px;
}

.common-form-wrapper img.logo {
  margin: 0 auto 17px;
  display: block;
  width: 79px;
  margin-top: 20px;
}

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

@media (max-width: 768px) {
  .form-small-heading {
    font-size: 30px;
  }
}

.sign-up-button {
  background: #00BAFF;
  border: 1px solid #00BAFF;
  border-radius: 22px;
  width: 350px;
  height: 47px;
  color: #fff;
  font-family: "Helvetica";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
  color: #FFFFFF;
  margin-top: 35px;
}

.log-in-button {
  background: #9B9BA2;
  border: 1px solid #9B9BA2;
  border-radius: 22px;
  width: 350px;
  height: 47px;
  color: #fff;
  font-family: "Helvetica";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
  color: #FFFFFF;
  margin-top: 21px;
}

#login-form-content {
  margin-top: 39px !important;
}

.form-small-heading {
  margin-top: 32px;
}

.login-notic {
  margin-top: 16px;
  padding: 4px 25px 42px;
  font-family: Helvetica;
  font-weight: 500 !important;
}
.login-notic a {
  color: inherit;
  text-decoration: none;
}
.login-notic a:hover {
  text-decoration: underline;
}

.custom_bold {
  font-family: "Helvetica";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
}

div.ui-datepicker {
  font-size: 62.5% !important;
}

.datepicker-days .prev {
  font-size: 23px;
}

.datepicker-days .next {
  font-size: 23px;
}

.datepicker-days .table-condensed {
  width: 282px;
  height: 240px;
}

.space-top {
  padding-top: 10px;
}

.datepicker-months .prev {
  font-size: 23px;
}

.datepicker-months .next {
  font-size: 23px;
}

.datepicker-months .table-condensed {
  width: 282px;
  height: 240px;
}

.datepicker-years .prev {
  font-size: 23px;
}

.datepicker-years .next {
  font-size: 23px;
}

.datepicker-years .table-condensed {
  width: 282px;
  height: 240px;
}

.share-booking {
  text-align: center;
  padding: 0px 0 10px;
}

.button-section {
  padding: 9px 0;
}

@media (max-width: 1440px) {
  .container-fluid {
    padding: 0 11%;
  }

  header .container-fluid {
    padding: 0 15px;
  }
}

@media (max-width: 768px) {
  .booking-information .div-2 .coach-panel {
    display: none !important;
  }
}

.custom_label_design {
  font-family: "Proxima Nova Rg";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  color: #0092DE;
  margin-bottom: 10px;
}

.hide_coach {
  display: none !important;
}

.extend_age_info {
  flex: 1 0 25%;
  max-width: 90%;
}

@media (max-width: 768px) {
  .hide_coach {
    display: block !important;
  }

}

.mobile-schedule-wrapper .content {
  font-size: 15px;
}

main {
  background-color: #f4f3f3;
}

@media (max-width: 650px) {
  .search-header table {
    padding: 0 3% !important;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-top: 20px !important;
    padding-bottom: 14px !important;
    background-color: white !important;
    margin-left: 0px;
    margin-top: 0px;
  }
}

@media (max-width: 650px) {
  .common-video-section {
    padding: 0px 0;
  }

  .container-fluid {
    padding: 0 4% !important;
  }
}

.search-header table {
  border-collapse: unset;
  padding: 0 11%;
  padding-top: 25px;
  padding-bottom: 14px;
  background-color: #f4f3f3;
}

.search-field {
  border: 1px solid #0092DE;
  padding: 10px 15px;
  border-radius: 10px;
  height: 36px;
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

.submit_btn {
  right: 0;
  bottom: 0;
  background: #0092DE;
  border: 1px solid #0092DE;
  border-radius: 10px;
  padding: 7px 13px;
  margin-left: 4px;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 10px;
}

.common-video-section {
  padding: 0px 0;
}

header {
  background: #f4f3f3;
}

@media (max-width: 700px) {
  .page-menu li {
    flex: 0 0 33%;
    padding: 0px 0px;
    padding-top: 0px;
    padding-top: 27px;
    margin-right: 14px;
  }
}

@media (max-width: 700px) {
  .page-menu {
    flex-wrap: nowrap;
    overflow: scroll;
  }

  .page-menu {
    padding-top: 16px;
    background-color: white;
  }
}

.page-menu {
  padding: 0 10%;
}

@media (max-width: 500px) {
  /*   .common-heading {
        font-size: 22px;
    }*/
}

.programmer-section .heading {
  margin: 0 auto;
  text-align: left;
}

#header-button-flag {
  display: none;
}

@media (max-width: 650px) {
  .owl-stage {
    padding-left: 10px !important;
  }

  .specialist-list .s-wrapper .position {
    font-family: Helvetica;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 27px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    color: #0092DE;
  }

  .programmer-section .heading {
    margin: 0 auto;
    text-align: left;
  }

  #header-button-flag {
    display: block;
  }

}

.specialist-list .s-wrapper .position {
  font-family: Helvetica;
}

main {
  position: unset;
}


.programmer-section .heading h2 {
  color: #6e6e73;
}

.programmer-section .desktop-bg-remove-heading .heading h2 {
  color: white;
}

.mobile-profile-button {
  text-align: center;
}

@media (max-width: 650px) {
  .page-menu li a {
    padding: 10px 15px;
    white-space: nowrap;
  }
}


.top-coaches .owl-stage-outer {
  height: 599px;
}

@media (max-width: 650px) {
  .top-coaches .owl-stage-outer {
    height: 425px;
  }

  .owl-stage {
    width: 3781px !important;
  }
}

.camp_heading {
  text-align: left;
}

.hide-desktop-menu {
  display: none;
}

.hide-mobile-menu {
  display: block;
}

.desktop-bg-remove-heading {
  display: none;
}

@media (max-width: 768px) {
  .desktop-bg-remove-heading {
    display: block;
  }

  .navbar {
    display: block;
  }

  .back_class {
    /*        position: sticky;*/
    margin-left: 27px;
    font-size: 31px;
    margin-left: 47px;
    margin-top: -52px;
  }

  .back_class {
    display: block !important;
  }

  .logo_mobile_class {
    position: sticky;
    margin-left: 27px;
    font-size: 31px;
    margin-left: 82px;
    margin-top: -52px;
  }

  .logo_mobile_class {
    display: block !important;
  }

  .camp_heading {
    text-align: center !important;
  }

  .camp_heading .camp-heading-date {
    display: block;
  }

  .hide-desktop-menu {
    display: block;
  }

  .hide-mobile-menu {
    display: none;
  }
}


.back_class {
  display: none;
}

.logo_mobile_class {
  display: none;
}

.light-brown {
  color: #7f6e73;
}

section {
  margin-bottom: 0px;
}


.round-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #3498db;
  color: white;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.3s ease;
  cursor: pointer;
  margin-right: 0px;
  margin-left: 5px;
}


/* Bright Background Colors */
.color-1 {
  background-color: #FF6347;
}

/* Tomato */
.color-2 {
  background-color: #FF4500;
}

/* Orange Red */
.color-3 {
  background-color: #FF8C00;
}

/* Dark Orange */
.color-4 {
  background-color: #FF7F50;
}

/* Coral */
.color-5 {
  background-color: #FF69B4;
}

/* Hot Pink */
.color-6 {
  background-color: #DC143C;
}

/* Crimson */
.color-7 {
  background-color: #FF1493;
}

/* Deep Pink */
.color-8 {
  background-color: #DB7093;
}

/* Pale Violet Red */
.color-9 {
  background-color: #8A2BE2;
}

/* Blue Violet */
.color-10 {
  background-color: #9400D3;
}

/* Dark Violet */
.color-11 {
  background-color: #9932CC;
}

/* Dark Orchid */
.color-12 {
  background-color: #BA55D3;
}

/* Medium Orchid */
.color-13 {
  background-color: #800080;
}

/* Purple */
.color-14 {
  background-color: #4B0082;
}

/* Indigo */
.color-15 {
  background-color: #6A5ACD;
}

/* Slate Blue */
.color-16 {
  background-color: #483D8B;
}

/* Dark Slate Blue */
.color-17 {
  background-color: #7B68EE;
}

/* Medium Slate Blue */
.color-18 {
  background-color: #4169E1;
}

/* Royal Blue */
.color-19 {
  background-color: #0000FF;
}

/* Blue */
.color-20 {
  background-color: #1E90FF;
}

/* Dodger Blue */
.color-21 {
  background-color: #00BFFF;
}

/* Deep Sky Blue */
.color-22 {
  background-color: #87CEEB;
}

/* Sky Blue */
.color-23 {
  background-color: #00CED1;
}

/* Dark Turquoise */
.color-24 {
  background-color: #20B2AA;
}

/* Light Sea Green */
.color-25 {
  background-color: #00FA9A;
}

/* Medium Spring Green */
.color-26 {
  background-color: #00FF7F;
}

/* Spring Green */


.mobile-schedule-wrapper .div-body .c-wrapper-2 .title {
  color: #0092DE;
}

.turning1_2_color {
  background-color: #ffcccb;
}

.turning2_3_color {
  background-color: #EDCA00;
}

.turning3_4_color {
  background-color: #00FB7B;
}

.turning4_5_color {
  background-color: #FD0002;
}

.turning5_6_color {
  background-color: #2EB4FD;
}

.turning6_color {
  background-color: #263968;

}

.mobile-remove .turning6_color h2,
.turning6_color .booking-header h2,
.turning6_color .div-header h2,
.turning6_color .div-footer a,
.turning6_color .div-footer h2,
.turning6_color .booking-footer a {
  color: white !important;
}

.terms-conditions .terms {
    font-family: "Helvetica";
    cursor: pointer;
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    color: #222529;
    display: flex;
    align-items: center;
    margin-bottom: -3px;
    font-size: 18px;
    letter-spacing: 1px;
}

.terms-conditions a p {
  font-family: "Helvetica";
  cursor: pointer;
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  color: #0092DE;
  display: flex;
  align-items: center;
  margin-bottom: -3px;
  font-size: 18px;
  letter-spacing: 1px;
}

.class-information .div-1 {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  padding: 20px;
  margin-bottom: -14px;
}

.active-previous-booking .class-information .div-2 {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 10px;
  border-top-color: white;
}

.class-information .div-2 {
  border-top-color: white;
}

header .navbar-nav li {
  margin-right: 18px;
}


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

.margin-top-12 {
  margin-top: 15px;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-14 {
  padding-bottom: 15px !important;
}


.margin-left-heading {
  margin-left: 20px !important;
}

.programmer-section .heading {
  margin: unset;
  text-align: left;
}

.owl-stage {
  padding-left: 0px !important;
}


@media (max-width: 768px) {
  .programmer-section .heading h2 {
    font-size: 24px;
  }

  .margin-bottom-40 {
    margin-bottom: 30px !important;
  }

  .margin-bottom-14 {
    padding-bottom: 9px !important;
  }
}

.common-block .common-text {
  font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  /* line-height: 22px; */
  color: #1d1d1f;
  letter-spacing: -.022em;
  line-height: 1.2353641176;
}

#country-image {
  width: 33px;
  height: 27px;
  border-radius: 6px;
  margin-right: 2px;
}


.block-subheading h2 {
  text-align: left;

}

.block-subheading {
  text-align: left;
}

.common-block .block-subheading h2 {
  color: #6e6e73;
}

.block-subheading h2 {
  font-family: Helvetica;
  font-style: normal;
  font-weight: bold;
  font-size: 25px;
  line-height: 40px;
}


.important-info-text {
  color: #6e6e73 !important;
  line-height: 2 !important;
}

.coach-home-design .coach-panel {
  display: block;
  padding: 20px;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  text-align: center;
}


.coach-home-design .coach-panel .bio h2 {
  font-family: Helvetica;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  color: #0092DE;
  margin-bottom: 10px;
}

.coach-home-design .coach-panel img {
  margin-right: 0px !important;
  border-radius: 9px;
}

.coach-home-design .coach-panel img {
  width: 185px;
      height: 201px;
}

.coach-home-design img {
  display: unset !important;
}

.common-frame .frame-heading {
  text-align: left;
}

.common-frame .frame-heading {
  font-size: 26px;
}

.playmore-design .block-wrapper {
  height: 759px;
}

@media (max-width: 768px) {
  .common-frame .frame-heading {
    font-size: 21px !important;
  }

  .mail-custom-design {
    margin-left: -32px;
  }

  .playmore-design .block-wrapper {
    height: 591px;
  }
}

.block-slider li .block-wrapper .caption p {
  /*  text-align: justify;*/
  text-indent: -12px;
  line-height: 26px;
}

.text-align-justify {
  text-align: justify !important;
}

.sports-playball-slider li .block-wrapper .caption h4 {
  font-size: 21px;
}

.franchise-button-design {
  padding: 10px 0px;
  background: #FD0002;
  border: 1px solid #FD0002;
  color: #fff;
  border-radius: 10px;
  width: 289px;
  border-radius: 43px;
  font-size: 24px;
}

@media (max-width: 768px) {
  .programme-list li .programme-wrapper {
    padding: 20px 2% 6px;
  }
}


/* Big tap targets for the collapsed (hamburger) menu only - this used to run up
   to 1200px, which also hit tablets/iPad (992-1200px) where the menu is shown
   inline, making the links too big to fit so they wrapped and overlapped. */
@media (max-width: 991px) {
  header .navbar-nav li a {
    font-size: 20px;
    line-height: 50px;
  }
}

/* Tablet / iPad landscape: inline menu with smaller text and gaps so every
   link stays on one line. */
@media (min-width: 992px) and (max-width: 1200px) {
  header .navbar-nav li {
    margin-right: 12px;
  }
  header .navbar-nav li a {
    font-size: 15px;
    white-space: nowrap;
  }
}


@media (max-width: 500px) {
  .options {
    top: 16px;
  }
}

.navbar-toggler:before {
  top: -7px;
}

.navbar-toggler:after {
  bottom: -4px;
}


.owl-carousel .learn-wrapper {
  height: 450px;
}

.phys_ed_ahead {
  width: 248px;
  margin-left: -3px;
}


.video-wrapper .video-thumb {
  height: 386px;
}

.char-owner-list .u-wrapper p {
  font-size: 19px;
}

.programme-list-v2 .owl-stage-outer {
  height: 312px;
}

.programme-list-v2 .owl-item {
  top: 69px;
}

.programme-list-v2 .owl-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  left: 0;
  top: 40%;
  width: 100%;
}

.programme-list-v2 .owl-nav button.owl-prev {
  margin-left: -50px;
}

.programme-list-v2 .owl-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}

.programme-list-v2 .owl-nav button.owl-next {
  margin-right: -50px;
}


.programme-list-v2 a {
  width: 272px;
}


.programme-list-v2 .owl-item {
  margin-right: -46px;
}

.video-wrapper .pop-up img {
  width: 30px;
  height: 30px;
  margin-left: 195px;
  position: fixed;
  margin-left: 160px;
  top: 325px;
  right: 19px;
}

.add-margin-buttom-desktop {
  margin-bottom: 15px;
}

.trial-class {
  margin-top: 11px;
  color: #00923F;
}

.disable-class {
  margin-top: 11px;
  color: #bfbfbf;
}

.select-child-list li input:checked+label .trial-class {
  color: white;
}

.check-selected {
  background: #0092DE;
  color: #fff;
  border-color: #0092DE;
}

.check-selected:hover {
  background: #0092DE;
  color: #fff;
  border-color: #0092DE;
}

.common-video-section .video-wrapper {
  position: relative;
  /* Required to position the play button absolutely within this container */
  display: inline-block;
}

.show_other_depatment_venue {
  background: #0092DE;
  border: 1px solid #0092DE;
  border-radius: 10px;
  padding: 10px 20px;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}

.location-div .city-name {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
  color: #000;
  margin-bottom: 20px;
}

.search_city_and_state {
  margin-top: -31px;
}

.form-editor .heading-row-label {
  font-size: 18px;
  font-family: Helvetica;
  font-weight: bold;
  margin-bottom: 0px;
}

.block-slider-3 h4 {
  margin-bottom: 15px;
  font-weight: 600;
}

.the-age-slider li .block-wrapper img {
  width: 302px !important;
}

.what-else-slider li .block-wrapper img {
  width: 302px !important;
}

.top-coaches-slider li .block-wrapper img {
  width: 394px !important;
}

.play-ball-experience-image {
  width: 106px !important;
}

.play-ball-experience-contact-button {
  border-radius: 16px;
  border: 2px solid #f4eded;
  padding: 9px;
}

.whatsapp-redirect img {
  margin: 0 auto 0px !important;
}

.contact-box {
  border: 1.5px solid #bdb6b6;
  padding: 4px;
  margin-bottom: 7px;
  border-radius: 6px;
}

.contact-box .text-label {
  text-align: left;
  padding-left: 5px;
  padding-top: 5px;
  padding-right: 1px;
}

/* Keep the value + chevron arrow on one line - a long email otherwise wraps
   (see .mail-redirect .link-design's word-break below) and pushes the
   chevron onto its own second line. The value truncates with an ellipsis
   instead; the chevron never shrinks so it always stays visible. */
.contact-box .text-label.link-design {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
.contact-box .text-label.link-design .contact-text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 1 auto;
  min-width: 0;
}
.contact-box .text-label.link-design i {
  flex-shrink: 0;
  margin-left: 4px;
}

.contact-box .image-design {
  padding: 0px;
}


.contact-box img {
  margin: 0 auto 0px !important;
  width: 33px !important;
}

.whatapp_image_css_design img {
  width: 42px !important;
  margin-top: -4.1px !important;
  margin-bottom: -5px !important;
}

.country-list .owl-item img {
  width: 72px !important;
}

.owl-carousel .owl-item {
  box-shadow: none !important;
  background: transparent !important;
}

.block-slider li .block-wrapper {
  width: 282px;
}

.play-golf-special .card-text {
  text-align: justify;
}

.play-golf-special .learn-wrapper img {
  width: 333px ! IMPORTANT;
  height: 327px;
}

.play-golf-special .learn-wrapper {
  height: 544px;
}

.text-align-justify {
  text-align: justify;
}

.block-slider li .block-wrapper .caption h4 {
  font-size: 17px;
}

.playball-parent-label .caption h4 {
  font-size: 13px !important;
  line-height: 17px;
}

.playball-parent-label-h4 .caption h4 {
  font-size: 17px !important;
  line-height: 17px;
}

.playball-parent-label-h5 .caption h4 {
  font-size: 15px !important;
  line-height: 17px;
}

.justify-text-align {
  text-align: justify !important;
}

.button-large-design-changes {
  padding: 11px 36px;
  font-size: 22px;
  background-color: #f4f3f3  !important;
  color: #0092DE;
    border: 1.83258px solid #0092DE;
    cursor: pointer;
}

/*.coach-panel-height{
   height: 377px;
 }*/
.coach-more-button {
  padding: 6px;
  margin-top: 6px;
  border-radius: 1px;
  background: white !important;
  border-radius: 9px;
  color: #0092DE;
  height: 40px;
}

.coach-info-design {
  height: 77px;
}

.class-list .owl-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
}

.class-list .owl-nav button.owl-prev {
  margin-left: -50px;
}

.class-list .owl-nav button.owl-next {
  margin-right: -50px;
}

.sec-nav li.nav-link {
    padding: 0 0px;
}

.copy-mobile-link{
    visibility: hidden;
  }

.password-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.password-container input {
  width: 100%;
  padding-right: 52px; /* Space for the icon, clear of iOS/Chrome's own autofill icon */
}
.password-container .toggle-icon {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  color: #0092DE;
  font-size: 22px;
  /* Mobile browsers (iOS Safari/Chrome) draw their own autofill/reveal icon
     flush against the right edge of password fields, on top of page content.
     Sitting right under it (as this used to, at right:10px) means taps land
     on the OS control instead of this one. The larger padded hit area plus
     z-index keeps this icon reachable above that overlay. */
  z-index: 2;
  padding: 10px;
  margin: 0px;
}
.datepicker-switch{
  background-color: #5591d7;
  color: white;
}
.datepicker-switch:hover{
  background-color: #5591d7 !important;
  color: white !important;
}

.text-underline-label{
  text-decoration: underline;
    text-underline-position: under;
}
.franchise-button-design{

}

.link-design{
  color: #5591d7;
}
.sports-image-design .owl-stage-outer img{
  width: 70px;
  height: 70px;
}

.limited-text-design {
  display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: relative;
        -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0.2) 90%, rgba(0, 0, 0, 0) 100%);

}

.limited-text-design::after {
    content: "";
    position: absolute;
    color: black;
    bottom: 0;
    right: 0;

    background: #f4f3f3; /* Match background to avoid cutting text */
    padding-left: 5px;
}

.hidden {
    display: none;
}

.sports-image-design .card-text {
    text-align: justify;
}
.mail-redirect .link-design{
  word-break: break-word;
}

/* Fixed desktop pixel widths for the Contact us/Term dates carousel - not
   scoped to a breakpoint before, so they also forced the owl-stage wider
   than a mobile viewport and pushed "Term dates" (the 2nd slide) out of
   view/reach. Owl Carousel's own responsive item-width JS already handles
   sizing below this breakpoint (items:1, full width). */
@media (min-width: 992px) {
    .contact-us-design .owl-item:first-child{
      width: 331.525px  !important;
    }
    .contactus-home-width .owl-stage{
      width: 688px  !important;
    }
}

.braintree-heading{
  font-size: 22px;
  padding-bottom: 10px;  
}

#submit-button{
  margin-bottom: 17px;
  background: #0092DE;
  border: 1px solid #0092DE;
  border-radius: 10px;
  padding: 7px 13px;
  margin-left: 4px;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.custom-venmo-changes {
  padding-top: 35px !important;
/*  text-align: center;*/
}

.custom-venmo-changes .dropin-container{
  margin-bottom: 7px;
}
   .availabilty-venue-top{
    margin-top: 103px;
  }  
.pay-button-design-changes{
      background-color: white;
    color: red;
    /* width: 117px; */
    border-radius: 48px;
    border: 2px solid red;
}

.col-1-5 {
  flex: 0 0 12.5%; /* 1.5/12 * 100% */
  max-width: 12.5%;
}


.terms-conditions input:checked + label:after {
    content: "";
    width: 27px;
    height: 27px;
    border: 1px solid #0092DE;
    border-radius: 50%;
    display: block;
    background-color: transparent;
    position: absolute;
    left: -3.5px;
}
.terms-conditions label {
    position: relative;
    display: flex;
    cursor: pointer;
}

@media (max-width: 700px) {


  .search_city_and_state {
    margin-top: 0px;
  }

  .video-wrapper .pop-up img {
    width: 15px !important;
    height: 15px !important;
    margin-left: 85px !important;
    position: fixed;
    margin-left: 160px;
    top: auto !important;
    right: 13px;
    bottom: 20px;
  }

  .videopopupjs__content {
    margin: 0 auto;
    height: 100%;
    height: 201px;
    width: 100%;
    margin-top: 1%;

  }

  .owl-carousel .learn-wrapper {
    height: 434px;
   
  }

  .phys_ed_ahead {
    width: 248px !important;
    margin-left: -33px;
  }

  .programme-list-v2 .owl-item {
    margin-left: -70px !important;
    margin-right: -71px !important;
  }

  .programme-list-v2 .owl-stage-outer {
    height: 283px;
  }

  .submit-div input {
    width: 100%;
  }

  .block-slider-3 .block-wrapper a {
    padding-left: 2px;
  }

  .coach-panel .bio {
    margin-top: 15px;
  }

  .calender-select {
    width: 100% !important;
  }

  .calender-select .table.table-striped {
    table-layout: fixed !important;
    width: 100% !important;
  }

  .calender-select .table td,
  .calender-select .table th {
    width: 14.28% !important;
    padding: 4px 1px !important;
    font-size: 10px !important;
  }

  .date_body {
    overflow-x: auto;
  }

  .add-margin-buttom-desktop {
    margin-bottom: 0px;
  }

  .block-slider li .block-wrapper .caption {
    padding: 17px 20px 10px !important;
  }

  .block-slider li .block-wrapper .caption h4 {
    font-size: 15px;
  }

  .country-list .country-wrapper {
    width: 98px;
  }

  .top-coaches-slider li .block-wrapper img {
    width: 276px !important;
  }

  .block-slider li .block-wrapper {
    padding: 10px;
    width: 235px;
    /* height: 542px !important; */
    /* height: 25px; */
  }

  .block-slider li .block-wrapper .caption h4 {
    font-size: 12px !important;
    line-height: 19px;
  }

  .block-slider li .block-wrapper .caption p {

    font-size: 20px;
  }

  .common-ball-slider .u-wrapper {
    width: 194px;
  }

  .common-ball-slider .owl-item {
    width: 208.2px !important;
  }

  .course-list .owl-item{
    width: 325.525px !important;
  }
  


  .play-golf-special .learn-wrapper {
    height: 355px;
    width: 260px;
  }

  .play-golf-special .learn-wrapper img {
    width: 333px ! IMPORTANT;
    height: 182px;
  }

  .block-slider li .block-wrapper .caption h4 {
    font-size: 15px !important;
  }

  /*.coach-panel-height{
     height: 450px;
   }*/
  .coach-info-design {
    height: 132px;
  }
  .owl-carousel .learn-wrapper {
  height: 406px ;
}
  .sec-nav li.nav-link {

    padding-top: 29px;
  
  }

  .copy-mobile-link{
    margin-bottom: 57px;
    padding: 4px !important;
    visibility: visible !important;
    border-radius: 7px !important;
  }
  .availabilty-venue-top{
    margin-top: 40px;
  }
    
}
/* Home page reviews: equal height cards whatever the review length, Like/Comment/Share lined up along the bottom */
.hear-from-aprent .review-slider .owl-stage { display: flex; }
.hear-from-aprent .review-slider .owl-item { display: flex; }
.hear-from-aprent .review-slider .item { display: flex; width: 100%; }
.hear-from-aprent .review-slider .block-wrapper { display: flex; flex-direction: column; width: 100%; }
.hear-from-aprent .review-slider .review-body { flex: 1 1 auto; }