* {
  margin:0;
  padding:0
  }


  /* START MOBILE SAME THROUGHOUT */
  .header {
  background-color: #44a59c;
  color:#fff;
  position:fixed;
  width:100%;
  z-index:2;
  top: 0;
  left: 0;
  transition: top 0.3s;
  }

  .header.hide {
    top: -19vw;
}

/* Add your other styles here */


  .header-box-contacts {
  width:100%;
  height:7vw;
  background-color:#44a59c;
  display:grid;
  grid-template-columns:auto auto;
  align-content:center;
  justify-content:center;
  grid-column-gap:5vw
  }
  
  .text-header {
  font-size:3.5vw;
  font-family:sans-serif;
  color:#fff;
  text-align:center;
  font-weight:500;
  text-decoration:none
  }
  
  .header-link {
  color:#fff;
  text-decoration:none
  }
  
  .index-overlay-box-grid {
  display:grid;
  grid-template-columns:15% 70% 15%;
  justify-items:center;
  align-items:center;
  margin-top:7vw;
  height:12vw
  }
  
  .overlay {
  height:100%;
  width:0;
  position:fixed;
  z-index:2;
  top:0;
  right:0;
  background-color: #44a59c;
  overflow-x:hidden;
  transition:.2s
  }
  
  .overlay-content {
  position:relative;
  top:5%;
  width:100%;
  text-align:center;
  margin-top:0
  }
  
  .overlay a {
  padding:8px;
  text-decoration:none;
  font-size:5.1vw;
  color:#fff;
  display:block;
  transition:.3s;
  font-family:sans-serif;
  word-spacing:.2vw;
  letter-spacing:.15vw;
  font-weight:400;
  line-height:7vw
  }
  
  .overlay a:hover,.overlay a:focus {
  color:#f1f1f1
  }
  
  .overlay .closebtn {
  font-size:10vw
  }
  
  @media screen and (max-height: 450px) {
  .overlay a {
  font-size:20px
  }
  
  .overlay .closebtn {
  font-size:40px;
  top:15px;
  right:35px
  }
  }
  
  .header-overlayimg-logo {
  width:50vw;
  padding-bottom:5vw
  }
  
  .header-box-main {
  height:12vw;
  width:100%;
  background-color: #49b3a9;
  box-shadow:0 25px 20px -20px #0000008c;
  display:grid;
  grid-template-columns:15% 70% 15%;
  justify-items:center;
  align-items:center
  }
  
  .header-img-logo {
  width:50vw
  }
  
  .header-box-threelines {
  font-size:7vw;
  cursor:pointer
  }
  
  #index-icon-threelines {
  height:12vw
  }

  .Appts-greenline{
    height:2px;
    border-radius:10px;
    width:70%;
    background-color:#49b3a9;
    margin:0 auto;
    margin-top:5vw;
    margin-bottom:5vw
  }
  
  .title {
  color: #49b3a9;;
  font-size:6.1vw;
  font-family:sans-serif;
  word-spacing:.2vw;
  letter-spacing:.15vw;
  font-weight:500;
  line-height:8vw;
  padding-top:5vw;
  padding-bottom:5vw;
  text-align:center
  }
  
  .text {
  color:#000;
  font-size:4.1vw;
  font-family:sans-serif;
  word-spacing:.2vw;
  letter-spacing:.15vw;
  font-weight:500;
  line-height:6.5vw;
  text-align:center;
  padding-bottom:5vw
  }

  #text-nopaddingbottom {
    color:#000;
    font-size:4.1vw;
    font-family:sans-serif;
    word-spacing:.2vw;
    letter-spacing:.15vw;
    font-weight:500;
    line-height:6.5vw;
    text-align:center;
    margin-bottom: 0.5px;
    border-radius: 10px;
    }

  .text-nopaddingbottom {
    color:#000;
    font-size:4.1vw;
    font-family:sans-serif;
    word-spacing:.2vw;
    letter-spacing:.15vw;
    font-weight:500;
    line-height:6.5vw;
    text-align:center;
    }

    .title-appointments {
      color: white;
      font-size: 5.1vw;
      font-family: sans-serif;
      word-spacing: 0.2vw;
      letter-spacing: .15vw;
      font-weight: 500;
      line-height: 8vw;
      padding-top: 3vw;
      padding-bottom: 2vw;
      text-align: center;
      width: 80%;
      margin: 0 auto;
  }
  
  .btn {
  background-color: #49b3a9;
  color:#fff;
  font-size:4.1vw;
  font-family:sans-serif;
  word-spacing:.2vw;
  letter-spacing:.15vw;
  font-weight:600;
  padding:2.2vw 3.5vw;
  border:0;
  border-radius:10px;
  outline:none;
  cursor:pointer;
  margin-bottom:8vw
  }



  
  .footer {
  width:100%;
  background-color:#292929
  }
  
  .text-footer {
  font-size:3.5vw;
  font-family:sans-serif;
  color:#fff;
  text-align:center;
  font-weight:200;
  text-decoration:none
  }
  
  .footer-box-location-hours {
  padding-top:5vw;
  display:grid;
  grid-template-columns:auto;
  grid-row-gap:2vw
  }
  
  .footer-box-policies {
  padding-top:5vw;
  display:grid;
  grid-template-columns:auto;
  grid-row-gap:2vw
  }
  
  .footer-box-socials {
  padding-top:5vw;
  display:grid;
  grid-template-columns:auto auto;
  justify-content:center;
  grid-column-gap:1vw
  }
  
  .facebook-logo {
  color:#fff;
  padding:2px
  }
  
  .instagram-logo {
  color:#fff;
  padding:2px
  }
  
  .footer-box-copyright {
  padding-top:5vw
  }
  
  .footer-box-registrations {
  padding-top:5vw;
  display:grid;
  grid-template-columns:auto auto;
  justify-content:center;
  grid-column-gap:1vw
  }
  
  .HCPC-logo {
  width:31.25vw
  }
  
  .basrat-logo {
  width:31.7vw
  }
  
  .footer-box-square {
  padding-top:5vw;
  display:grid;
  grid-template-columns:auto;
  justify-content:center;
  padding-bottom:15vw
  }
  
  .square-logo {
  width:20vw
  }
  
  .cookie-container {
  background-color:#49b3a9;
  position:fixed;
  bottom:-100%;
  left:0;
  right:0;
  transition:400ms;
  color:#fff;
  padding:0 32px;
  font-size:4.1vw;
  font-family:sans-serif;
  font-weight:500;
  text-align: center;
  }
  
  .cookie-container.active {
  bottom:0;
  background-color:#49b3a9;
  color:#fff
  }
  
  .cookie-btn {
  font-family:sans-serif;
  font-weight:600;
  letter-spacing:.15vw;
  background-color:#fff;
  padding:2.2vw 3.5vw;
  font-size:4.1vw;
  margin-top:2vw;
  margin-bottom:4vw;
  border:0;
  border-radius:10px;
  outline:none;
  cursor:pointer;
  color:#000
  }
  
  .cookies-text {
  color:#fff;
  font-size:4.1vw;
  font-family:sans-serif;
  word-spacing:.2vw;
  letter-spacing:.15vw;
  font-weight:500;
  padding:2vw;
  padding-top:3vw;
  line-height:6.5vw
  }
  
  .privacy-policy-link {
  color:#fff;
  font-weight:700
  }
    /* END MOBILE SAME THROUGHOUT */





      /* START Tablet SAME THROUGHOUT */
  
  @media only screen and (min-width: 600px) {

    .header.hide {
      top: -10vw;
  }
  
  
  .header-box-contacts {
  height:4vw;
  grid-column-gap:3vw
  }
  
  .text-header {
  font-size:2vw
  }
  
  .index-overlay-box-grid {
  grid-template-columns:10% 80% 10%;
  margin-top:4vw;
  height: 6vw
  }
  
  .overlay-content {
  top:5%;
  margin-top:30px
  }
  
  .overlay a {
  font-size:2.6vw;
  line-height:5vw;
  word-spacing:.1vw;
  letter-spacing:.075vw
  }
  
  .overlay .closebtn {
  font-size:5.5vw
  }
  
  @media screen and (max-height: 450px) {
  .overlay a {
  font-size:20px
  }
  }
  
  .header-overlayimg-logo {
  width:30vw;
  padding-bottom:5vw
  }
  
  .header-box-main {
  height:6vw;
  width:100%;
  grid-template-columns:10% 80% 10%
  }
  
  .header-img-logo {
  width:30vw
  }
  
  .header-box-threelines {
  font-size:4vw
  }
  
  .Appts-greenline {
    margin-top:2.5vw;
    margin-bottom:2.5vw
    }

  .title {
  font-size:3.1vw;
  word-spacing:.1vw;
  letter-spacing:.075vw;
  line-height:4vw;
  padding-top:2.5vw;
  padding-bottom:2.5vw
  }

  .title-appointments {
    font-size:2.3vw;
    word-spacing:.1vw;
    letter-spacing:.075vw;
    line-height:4vw;
    padding-top:1.5vw;
    padding-bottom:1vw;
    width: 60%;
}
  
  .text {
  font-size:2vw;
  word-spacing:.1vw;
  letter-spacing:.075vw;
  line-height:3.7vw;
  padding-bottom:2.5vw
  }

  #text-nopaddingbottom {
    font-size:2vw;
    word-spacing:.1vw;
    letter-spacing:.075vw;
    line-height:4vw;
    }


 .text-nopaddingbottom  {
    font-size:2vw;
    word-spacing:.1vw;
    letter-spacing:.075vw;
    line-height:4vw;
    }
  
  .btn {
  font-size:2vw;
  word-spacing:.1vw;
  letter-spacing:.075vw;
  padding:1.2vw 1.9vw;
  margin-bottom:4vw
  }
  
  .text-footer {
  font-size:1.75vw
  }
  
  .footer-box-location-hours {
  padding-top:4vw;
  grid-row-gap:2vw
  }
  
  .footer-box-policies {
  padding-top:4vw;
  grid-row-gap:2vw
  }
  
  .footer-box-socials {
  padding-top:4vw;
  grid-column-gap:1vw
  }
  
  .footer-box-copyright {
  padding-top:4vw
  }
  
  .footer-box-registrations {
  padding-top:4vw;
  grid-column-gap:1vw
  }
  
  .HCPC-logo {
  width:14.9vw
  }
  
  .basrat-logo {
  width:15vw
  }
  
  .footer-box-square {
  padding-top:4vw;
  padding-bottom:7vw
  }
  
  .square-logo {
  width:9.4vw
  }
  
  .cookie-container {
  font-size:2.1vw
  }
  
  .cookie-btn {
  letter-spacing:.075vw;
  padding:1.2vw 1.9vw;
  font-size:2.1vw;
  margin-top:0;
  margin-bottom:2vw
  }
  
  .cookies-text {
  font-size:2vw;
  word-spacing:.1vw;
  letter-spacing:.075vw;
  padding:1.5vw;
  padding-top:1vw;
  line-height:4vw
  }
  }
   /* END Tablet SAME THROUGHOUT */







    /* START Laptop SAME THROUGHOUT */
  
  @media only screen and (min-width: 1200px) {

    .header.hide {
      top: -5.1vw; /* adjust this value as per your header's height */
  }

  .header-box-contacts {
  height:1.8vw;
  grid-column-gap:1.5vw
  }
  
  .text-header {
  font-size:1vw
  }
  
  .text-header:hover {
  transform:scale(1.03)
  }
  
  .index-overlay-box-grid {
  grid-template-columns:5% 90% 5%;
  margin-top:1.8vw;
  height:3.5vw
  }
  
  .overlay-content {
  top:10%;
  margin-top:5px
  }
  
  .overlay a {
  font-size:1.35vw;
  line-height:2vw;
  word-spacing:.05vw;
  letter-spacing:.0375vw
  }
  
  .overlay .closebtn {
  top:1.45vw;
  right:4vw;
  font-size:2.5vw
  }
  
  .header-overlayimg-logo {
  width:15vw;
  padding-bottom:3vw
  }
  
  .header-box-main {
  height:3.3vw;
  width:100%;
  grid-template-columns:5% 90% 5%
  }
  
  .header-img-logo {
  width:15vw
  }
  
  .header-img-logo:hover {
  transform:scale(1.03)
  }
  
  .header-box-threelines {
  font-size:2vw
  }
  
  .header-box-threelines:hover {
  transform:scale(1.03)
  }

  .title-appointments {
    font-size: 1.35vw;
    word-spacing:.05vw;
    letter-spacing:.0375vw;
    line-height:2vw;
    padding-top:1.5vw;
    padding-bottom:1vw;
    width: 60%;
}


  .title {
  font-size:1.7vw;
  word-spacing:.05vw;
  letter-spacing:.0375vw;
  line-height:2vw;
  padding-top:1.2vw;
  padding-bottom:1.2vw
  }
  
  .text {
  font-size:1.15vw;
  word-spacing:.05vw;
  letter-spacing:.0375vw;
  line-height:2vw;
  padding-bottom:1.2vw
  }

  #text-nopaddingbottom {
    font-size:1.15vw;
    word-spacing:.05vw;
    letter-spacing:.0375vw;
    line-height:2vw;
    }

  .text-nopaddingbottom  {
    font-size:1.15vw;
    word-spacing:.05vw;
    letter-spacing:.0375vw;
    line-height:2vw;
    }
  
  .btn {
  font-size:1.15vw;
  word-spacing:.05vw;
  letter-spacing:.0375vw;
  padding:.6vw 1.1vw;
  margin-bottom:1.7vw
  }
  
  .btn:hover {
  transform:scale(1.03);
  opacity:.8
  }
  
  .footer {
  width:100%
  }
  
  #text-footer-transform:hover {
  transform:scale(1.03)
  }
  
  .footer-box-grid {
  display:grid;
  grid-template-columns:auto
  }
  
  .text-footer {
  font-size:1vw
  }
  
  .footer-box-location-hours {
  padding-top:2vw;
  grid-row-gap:1vw
  }
  
  .footer-box-policies {
  padding-top:2vw;
  grid-row-gap:1vw
  }
  
  .footer-box-socials {
  padding-top:2vw;
  grid-column-gap:.5vw
  }
  
  .footer-box-copyright {
  padding-top:2vw
  }
  
  .footer-box-registrations {
  padding-top:2vw;
  grid-column-gap:.5vw
  }
  
  .HCPC-logo {
  width:10.99vw
  }
  
  .basrat-logo {
  width:10.99vw
  }
  
  .footer-box-square {
  padding-top:2vw;
  padding-bottom:3vw
  }
  
  .square-logo {
  width:7vw
  }
  
  .cookie-container {
  font-size:1.15vw
  }
  
  .cookie-btn {
  letter-spacing:.0375vw;
  padding:.6vw 1.1vw;
  font-size:1.15vw;
  margin-top:0;
  margin-bottom:1vw
  }
  
  .cookies-text {
  font-size:1.15vw;
  word-spacing:.05vw;
  letter-spacing:.0375vw;
  padding:3vw;
  padding-top:1vw;
  line-height:1.9vw
  }
  }
    /* END Laptop SAME THROUGHOUT */



  
  
/* START MOBILE INDEX */
  
  .index-box-coverphoto {
  width:100%;
  height:700px;
  color:#fff;
  text-align:center;
  background-image: url(img/newBG.webp);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
  position:relative;
  alt: TRX coverphoto;
  }
  
  .index-box-backgroundtext {
  width:90%;
  height:230px;
  position:absolute;
  top:60%;
  left:50%;
  transform:translate(-50%,-50%)
  }
  
  .index-text-background1 {
  font-family:sans-serif;
  font-weight:900;
  font-size:7.1vw;
  width:100%;
  word-spacing:1vw;
  letter-spacing:.2vw;
  line-height:8vw
  }
  
  .index-text-background2 {
  font-family:sans-serif;
  font-weight:500;
  font-size:4.1vw;
  width:100%;
  margin-top:5vw;
  word-spacing:.2vw;
  letter-spacing:.15vw;
  line-height:6.5vw
  }
  
  #index-btn-booknow {
  background-color:#fff;
  margin-top:10vw;
  color:#000
  }
  
  .index-box-welcome {
  width:92.5%;
  margin:0 auto;
  background-color: white;
  text-align:center;
  margin-bottom: 2vw;
  margin-top: 2vw;
  }
  
  .index-box-part1 {
  width:100%;
  background-color: #e1f3f1;
  padding-bottom:12vw
  }
  
  .index-box-whatweoffer {
  width:100%;
  text-align:center;
  padding-top: 3vw;
  }
  
  .index-box-services {
  width:85%;
  margin:0 auto;
  display:grid;
  grid-template-columns:auto;
  grid-row-gap:8vw
  }
  
  .index-card-services {
  width:100%;
  background-color:#fff;
  margin:0 auto;
  border-radius:10px;
  }
  
  .index-box-card-img {
  width:100%;
  height:60vw
  }
  
  .index-img-card-services {
  width:100%;
  height:60vw;
  border-top-left-radius:10px;
  border-top-right-radius:10px
  }
  
  .index-box-card-text {
  width:80%;
  margin:0 auto;
  text-align:center
  }
  
  .index-subtitle-card {
  color:#000;
  font-size:5.1vw;
  font-family:sans-serif;
  word-spacing:.2vw;
  letter-spacing:.15vw;
  font-weight:500;
  line-height:7vw;
  margin-top:5vw
  }
  
  .index-text-card {
  color:#000;
  font-size:4.1vw;
  font-family:sans-serif;
  word-spacing:.2vw;
  letter-spacing:.15vw;
  font-weight:500;
  line-height:6.5vw;
  margin-top:5vw;
  margin-bottom:5vw
  }

  
  .index-box-part2 {
  width:100%;
  background-color:#fff
  }
  
  .index-box-physio-training {
  width:85%;
  margin:0 auto;
  display:grid;
  grid-template-columns:auto;
  justify-items:center;
  margin-top: 12vw;
  padding-bottom:2vw ;
  }

  .index-box-physio-training2 {
    width:85%;
    margin:0 auto;
    display:grid;
    grid-template-columns:auto;
    justify-items:center;
    margin-top: 14vw;
    padding-bottom: 2vw;
    }

  .index-box-physio-training-grid {
    display:grid;
    grid-template-columns:auto;
    justify-items:center
    }
  
  .index-box-physio-training-img {
  text-align:center;
  }
  
  .index-img-physio-training {
  width:30vw;
  height:30vw;
  border-radius:100%
  }
  
  .index-box-title-physio-training {
  width:80%
  }
  
  .index-box-text-physio-training {
  margin:0 auto
  }
  
  .index-box-whyus {
  width:85%;
  margin:0 auto;
  display:grid;
  grid-template-columns:auto;
  justify-items:center;
  padding-top: 3vw;
  padding-bottom: 3vw;
  }
  
  .index-box-whyus-img {
  text-align:center;
  margin-top:5vw
  }
  
  .index-img-whyus {
  width:30vw;
  height:30vw;
  border-radius:100%
  }
  
  .index-box-title-whyus {
  width:80%;
  margin: 0 auto;
  }
  
  .index-box-text-whyus {
  margin:0 auto
  }


.index-part3{
  width: 100%;
background-color: #e1f3f1;
}

  .part-4{
  width: 100%;
  }    
  
  .index-box-facilities {
  width:85%;
  margin:0 auto;
  display:grid;
  grid-template-columns:auto;
  justify-items:center;
  padding-bottom: 6.5vw;
  }
  
  .index-box-title-facilities {
  width:80%;
  padding-top: 3vw;
  }
  
  .index-box-text-facilities {
  margin:0 auto;
  margin-top: 5vw;
  }

      
      .physo-physio-box-injurieswetreat {
        width: 60vw;
        border-radius: 10px;
        display: grid;
        align-items: center;
        justify-items: center;
        margin: 0 auto;
        background-color: #7ABFB9;
        margin-bottom: 5vw;
      }

      .physio-box-injuryandtraining-guides {
        width:85%;
        margin:0 auto;
        display:grid;
        grid-template-columns:auto;
        justify-items:center;
        padding-top: 5vw;
        padding-bottom: 5vw;
        }
      
  
  .index-greenline {
  height:2px;
  border-radius:10px;
  width:70%;
  background-color:#49b3a9;
  margin:0 auto;
  margin-top:5vw;
  margin-bottom:5vw
  }

  .physio-box-BG-index{
  background-color: white;
  width: 100%;
  }



  .map-main-box{
    background-color: #d3edeb;
    padding-bottom: 10vw;
    padding-top: 5vw;
    }

    .map-box-title{
    text-align: center;
    padding: 1vw;
    }
    
    .map-box-grid-container{
    width: 100%;
    }
    

    .map-box-2{
      width: 85%;
      margin: 0 auto;
      background-color: white;
      border-radius: 10px;
      }

    .map-box-1{
      width: 85%;
      margin: 0 auto;
      background-color: white;
      border-radius: 10px;
      margin-top: 10vw;

    }


    #map1{
      width:100%;
      height: 100vw;
      }
    
      #map2{
        width:100%;
        height: 100vw;
        }








  .index-box-review-container{
    background-color: white;
  }
  
  .index-container-greenline {
  width:100%;
  border-color:#fff;
  padding-top:5vw
  }

  #index-hide-greenline2{
  display: none;
  }
  
  .index-box-reviews {
  display:grid;
  grid-template-columns:auto;
  padding-top: 10vw;
  }
  
  #index-reviews-hiddenoverflow {
  overflow:hidden;
  position:relative;
  z-index:1;
  margin:0 auto;
  width:85%;
  padding-bottom: 10vw;
  }
  
  


/* CSS START facilities carousel */
.carousel-container-10 {
  width: 100%;
  margin: auto;
  position: relative;
  overflow: hidden;
}

.how-does-it-work-10 {
  width: 100%;
  margin: 0 auto;
  padding-top: 5vw;
}

.carousel-image-10 {
  flex: 0 0 98%; /* Display one item at 100% width */
  margin-left: 1%;
  margin-right: 1%; /* No margin between items */
}
/* CSS END facilities carousel */


/* START Injury guides*/
.carousel-container-2 {
  width: 100%;
  margin: auto;
  position: relative;
  overflow: hidden;
}

/* Dots for navigation */
.carousel-dots-2 {
  text-align: center;
  margin-top: 20px;
  padding-bottom: 5vw;
}

.dot-2 {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 5px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active-dot-2 {
  background-color: #49b3a9;
}

.how-does-it-work-2 {
  width: 80%;
  margin: 0 auto;

}

.how-does-it-work-200 {
  width: 80%;
  margin: 0 auto;
}

.carousel-images-2 {
  display: flex;
  transition: transform 0.5s ease;
  height: 80vw;
}

.carousel-images-200 {
  display: flex;
  transition: transform 0.5s ease;
  height: 80vw;
}

.carousel-image-2 {
  flex: 0 0 98%; /* Display one image at 100% width by default */
  margin-left: 1%;
  margin-right: 1%;
}

.dot-2 {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active-dot-2 {
  background-color: #49b3a9;
}

.new-img-2 {
  width: 100%;
  margin-left: 1px;
  margin-right: 1px;
}
/* END Injury guides*/

/* START INDEX injury guides */ 
.carousel-image-20 {
  flex: 0 0 98%; 
  margin-left: 1%;
  margin-right: 1%;
}
/* END INDEX injury guides */ 




/*START PLACES WORKED */

.carousel-container-3 {
  width: 100%;
  margin: auto;
  position: relative;
  overflow: hidden;
}

.carousel-dots-3 {
  text-align: center;
  margin-top: 20px;
}

.dot-3 {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active-dot-3 {
  background-color: #49b3a9;
}

.how-does-it-work-3 {
  width: 85%;
  margin: 0 auto;
  padding-bottom: 7vw;
}

.carousel-images-3 {
  display: flex;
  transition: transform 0.5s ease;
}

.carousel-image-3 {
  flex: 0 0 31.5%; /* Display one image at 100% width by default */
  margin-left: 1%;
  margin-right: 1%; 
}

.new-img-3 {
  width: 100%;
}

.logo-container{
width: 10vw;
height: 15vw;
margin: 0 auto;
display: grid;
align-items: center;
justify-items: center;
}

/*END PLACES WORKED */

  /*END MOBILE INDEX */





    /*START TABLET INDEX */
  
  @media only screen and (min-width: 600px) {

    .carousel-images-2 {
      display: flex;
      transition: transform 0.5s ease;
      height: 27vw;
  }

  .carousel-images-200 {
    display: flex;
    transition: transform 0.5s ease;
    height: 27vw;
}

  .index-box-coverphoto {
  height:1000px
  }
  
  .index-box-backgroundtext {
  width:60%
  }
  
  .index-text-background1 {
  font-size:4.1vw;
  word-spacing:.1vw;
  letter-spacing:.075vw;
  line-height:5vw
  }
  
  .index-text-background2 {
  font-size:2vw;
  margin-top:5vw;
  word-spacing:.1vw;
  letter-spacing:.075vw;
  line-height:4.8vw
  }
  
  #index-btn-booknow {
  margin-top:10vw
  }
  
  .index-box-welcome {
  width:90%;
  margin-bottom: 2vw;
  margin-top: 1vw;
  }

  .index-box-whatweoffer{
  padding-top: 3vw;
  }
  
  .index-box-part1 {
  padding-bottom:7vw
  }
  
  .index-box-services {
  width:85%;
  grid-template-columns:auto auto;
  grid-column-gap:5vw;
  grid-row-gap:5vw
  }
  
  .index-card-services {
  width:100%
  }
  
  .index-box-card-img {
  width:100%;
  height:30vw
  }
  
  .index-img-card-services {
  width:100%;
  height:30vw
  }
  
  .index-box-card-text {
  width:90%
  }
  
  .index-subtitle-card {
  font-size:2.6vw;
  word-spacing:.1vw;
  letter-spacing:.075vw;
  line-height:4vw;
  margin-top:2.5vw
  }
  
  .index-text-card {
  font-size:2vw;
  word-spacing:.1vw;
  letter-spacing:.075vw;
  line-height:4vw;
  margin-top:2.5vw;
  margin-bottom:2.5vw
  }

  
  .index-box-part2 {
  width:100%;
  padding-top:0
  }

  
  .index-box-physio-training {
  width:85%;
  margin-top: 7vw;
  margin-bottom: 3vw;
  }

  .index-box-physio-training2 {
    width:85%;
    margin-top: 9vw;
    }
  
  
  .index-img-physio-training {
  width:25vw;
  height:25vw;
  border-radius:100%;
  }
  
  .index-box-title-physio-training {
  width:80%
  }
  
  .index-box-whyus {
  width:85%;
  margin-bottom: 3vw;
  }
  
  .index-box-whyus-img {
  text-align:center;
  margin-top:2vw
  }
  
  .index-img-whyus {
  width:25vw;
  height:25vw;
  border-radius:100%
  }
  
  .index-box-title-whyus {
  width:80%
  }
        .part-4{
          margin-top: 1vw;
          }  
  
  .index-box-facilities {
  width:85%;
  padding-bottom: 3vw;
  }
  
  .index-box-title-facilities {
  width:100%;
  padding-top: 0vw
  }


      .physo-carousel{
        column-gap: 2vw;
        }

        .physo-physio-box-injurieswetreat{
        width: 22vw;
        height: 30vw;
        margin-bottom: 2vw;
        }

        .physio-box-injuryandtraining-guides {
          width:100%;
          padding-top: 3vw;
          padding-bottom: 3vw;
          }
  
  .index-container-greenline {
  padding-top:0vw
  }
  
  .index-greenline {
  width:50%;
  margin-top:2.5vw;
  margin-bottom:2.5vw
  }

  


  .map-main-box{
    padding-bottom: 7vw;
    padding-top: 3vw;
  }  

    .map-box-grid-container{
      width: 85%;
      margin: 0 auto;
      display: grid;
      grid-template-columns: auto auto;
      grid-column-gap: 5vw;
    }

    .map-box-2{
width: 100%;
    }
    
    .map-box-1{
      margin-top: 0vw;
      width: 100%;
      }

      #map2{
        height:40vw;
        width:100%;
        }

    #map1{
      height:40vw;
      width:100%;

      }
    

















  .index-box-reviews {
    padding-top: 7vw;
    }
  
    #index-reviews-hiddenoverflow {
      padding-bottom: 6vw;}
  
  #map {
  height:50vw
  }

  #hide-dots-2{
    display: none;
    }

      /* START FACILITIES */
  .carousel-image-10 {
    flex: 0 0 48%; 
  }

  .how-does-it-work-10 {
    padding-bottom: 0vw;
    padding-top: 0vw;
}
  /* END FACILITIES */

    /* START  injury guides */ 
    .carousel-image-2 {
      flex: 0 0 31.4%; 
    }
    /* END  injury guides */

  /* START INDEX injury guides */ 
  .carousel-image-20 {
    flex: 0 0 31.5%; 
  }
  /* END INDEX injury guides */ 


/*START PLACES WORKED */
  .carousel-image-3 {
    flex: 0 0 23.5%; /* Display two items at 48% width each */
    margin-left: 1%;
    margin-right: 1%; 
  }


  .how-does-it-work-3 {
    padding-bottom: 4vw;
    width: 85%;
  }

  .new-img-3 {
    width: 100%;
  }

  .logo-container{
    width: 6.5vw;
    height: 11.5vw;
    }


    .carousel-dots-2 {
      padding-bottom: 2vw;
    }
/*END PLACES WORKED */



.grid-box-physio-apps{
 width: 60%;
 margin: 0 auto; 
display: grid;
grid-template-columns: auto auto;
}


  }

  /*END TABLET INDEX */




    /*START LAPTOP INDEX */
  
  @media only screen and (min-width: 1200px) {

    .carousel-dots-2 {
      padding-bottom: 1.5vw;
      margin-top: 10px;
    }

    .carousel-images-200 {
      display: flex;
      transition: transform 0.5s ease;
      height: 18.5vw;
  }


  .index-box-coverphoto {
  height:900px
  }
  
  .index-box-backgroundtext {
  width:30%
  }
  
  .index-text-background1 {
  font-size:2.2vw;
  word-spacing:.05vw;
  letter-spacing:.0375vw;
  line-height:2.5vw
  }
  
  .index-text-background2 {
  font-size:1.2vw;
  margin-top:2vw;
  word-spacing:.1vw;
  letter-spacing:.075vw;
  line-height:2.4vw
  }
  
  #index-btn-booknow {
  margin-top:3vw
  }
  
  .index-box-welcome {
  width:60%;
  margin-top: 2vw;
  margin-bottom: 4vw;
  }

  .index-box-whatweoffer{
  padding-top: 4vw;
  }
  
  .index-box-part1 {
  padding-bottom:7vw
  }
  
  .index-box-services {
  width:85%;
  grid-template-columns:25% 25% 25% 25%;
  grid-column-gap:0;
  grid-row-gap:1.7vw
  }
  
  .index-card-services {
  width:92%
  }
  
  .index-card-services:hover {
  transform:scale(1.03)
  }
  
  .index-box-card-img {
  height:14vw
  }
  
  .index-img-card-services {
  height:14vw
  }
  
  .index-box-card-text {
  width:90%
  }
  
  .index-subtitle-card {
  font-size:1.45vw;
  word-spacing:.05vw;
  letter-spacing:.0375vw;
  line-height:2vw;
  margin-top:1vw
  }
  
  .index-text-card {
  font-size:1.15vw;
  word-spacing:.05vw;
  letter-spacing:.0375vw;
  line-height:2vw;
  margin-top:1vw;
  margin-bottom:1vw
  }
  
  
  .index-box-part2 {
  width:85%;
  margin:0 auto;
  background-color:#fff;
  padding-top:7vw;
  display:grid;
  grid-template-columns:50% 50%
  }
  
  .index-box-physio-training {
  width:90%;
  grid-column-gap:2vw;
  margin-top: 0vw;
  margin-bottom: 4vw;
  }

  .index-box-physio-training2 {
    width:90%;
    grid-column-gap:2vw;
    margin-top: 0vw;
    margin-bottom: 4vw;
    }
  
  .index-box-physio-training-img {
  margin-top:0
  }
  
  .index-img-physio-training {
  width:12.5vw;
  height:12.5vw
  }
  
  .index-box-title-physio-training {
  width:80%
  }
  .index-box-whyus {
  width:60%;
  grid-template-columns:auto auto;
  grid-column-gap:0;
  padding-bottom: 5vw;
  padding-top: 5vw;
  }
  
  .index-box-title-whyus {
  width:80%
  }
  
  .index-box-facilities {
  width:85%;
  grid-template-columns:auto;
  grid-column-gap:0;
  padding-bottom: 5vw
  }
  
  .index-box-title-facilities {
  width:85%;
  padding-top: 1vw;
  }

  .part-4{
    margin-top: 4vw;
    }  
  
  .index-container-greenline {
  padding-top:2vw
  }
  
  #index-hide-greenline {
  display:none
  }

  #hide-dots{
  display: none;
  }
  
  .index-greenline {
  width:30%;
  margin-top:3vw;
  margin-bottom:3vw
  }

  .physo-carousel{
    column-gap: 1vw;
    }

    .physio-box-injuryandtraining-guides {
      width:85%;
      padding-bottom: 4.4vw;
      padding-top: 2vw;
      }

      .physo-index-box-dots {
        margin-bottom: 4vw;
    }

    .physo-physio-box-injurieswetreat{
    width: 16vw;
    height: 20vw;
    margin-bottom: 1vw;
    }
  

  #index-hide-greenline2{
  display: inline-block;
  }





.map-main-box{
padding-top: 4vw;
}

.map-box-grid-container{
padding-top: 2vw;
grid-column-gap: 2vw;
}
  
  #index-reviews-hiddenoverflow {
  width:80%;
  padding-bottom: 4vw;
  }

  #map2{
  height: 35vw;
  }

  #map1{
    height: 35vw;
    }
  














  #hide-dots-3{
    display: none;
    }

    .index-box-text-facilities {
      margin-top: 0vw;
      width: 65%;
  }

  .carousel-images-2 {
    display: flex;
    transition: transform 0.5s ease;
    padding: 0.5vw;
    height: 16.5vw;
  }

    /* START Facilities*/
    .carousel-container-10 {
      width: 65%;
    }
    /* END Facilities*/

      /* End Injury guides*/
      .carousel-image-2 {
        flex: 0 0 46%;
        margin-left: 2%;
        margin-right: 2%;
      }

      .carousel-image-2:hover {
      transform: scale(1.03);
      }
    
      .how-does-it-work-2 {
        width: 80%;
        display: grid;
        padding-top: 0vw;
      }
    
      .new-img-2 {
        width: 100%;
      }
        /* End Injury guides*/

          /* START INDEX injury guides */ 

  /* END INDEX injury guides */ 

    /* START INDEX injury guides */ 
    .carousel-image-20 {
      flex: 0 0 18.3%; 
    }

    .carousel-image-20:hover{
      transform:scale(1.03)
    }
    /* END INDEX injury guides */ 



    /*START PLACES WORKED */
  .how-does-it-work-3 {
    width: 55%;
    display: grid;
    padding-top: 0vw;
    padding-bottom: 2vw;
  }

  .new-img-3 {
    width: 100%;
  }

  .logo-container{
    width: 3.25vw;
    height: 5.75vw;
    }

    /*END PLACES WORKED */
    .carousel-image-3:hover{
      transform:scale(1.2)
    }

    .grid-box-physio-apps{
      width: 45%;
     }

  }

  /* END LAPTOP INDEX */




  
  /* START MOBILE ABOUT US */

  .aboutus-box-coverphoto{
    width: 100%;
    height: 300px;
    padding-top: 0vw;
    color: white;
    text-align: center;
    background-image: url(img/aboutus.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    alt: about us coverphoto;
    }

    .aboutus-box-main{
      width: 100%;
    }

.aboutus-box-aboutus{
width: 85%;
margin: 0 auto;
margin-top: 2vw;
margin-bottom: 4vw;
}

.aboutus-box-grid1-BG{
background-color: #80cbc417;
}

.meettheteam-BG-colour{
  background-color: white;
  }

  .aboutus-box-1{
    width: 85%;
    margin: 0 auto;
    padding-top: 4vw;
    padding-bottom: 2vw;
  }

  .aboutus-box-2{
    width: 85%;
    margin: 0 auto;
    padding-top: 2vw;
    padding-bottom: 5vw;
  }


  .aboutus-box-grid2-BG{
  width: 100%;
  background-color: white;
  padding-top:5vw;
  }

  .aboutus-box-grid2{
  width: 75%;
  margin: 0 auto;
  }

  .aboutus-box-ethos{
  width: 100%;
  margin-bottom: 10vw;
  }

  .aboutus-box-ethos-container{
    width: 100%;
    height: 65vw;
    border-radius: 10px;
    text-align: center;
    border-style: solid;
    border-width: 2px;
    border-color: #49b3a9;
  }

  .aboutus-box-title-ethos{
  width: 100%;
  padding-top: 5vw;
  }

  .aboutus-box-text-ethos{
    padding-left: 15vw;
    padding-right: 15vw;
  }
.meettheteam-BG-colour{
background-color: #80cbc417;
}

.aboutus-box-title-meettheteam{
  width: 100%;
  padding-top: 3vw;
  }

  .aboutus-box-meettheteam{
  width: 100%;
  padding-bottom: 5vw;
  }


    .aboutus-box-clinical-lead-grid {
      display:grid;
      grid-template-columns:auto;
      justify-items:center;
      }


  .aboutus-box-clinical-lead {
    width:85%;
    margin:0 auto;
    display:grid;
    grid-template-columns:auto;
    justify-items:center;
    padding-bottom: 2vw;
    }


    .aboutus-box-clinical-lead2 {
      width:85%;
      margin:0 auto;
      display:grid;
      grid-template-columns:auto;
      justify-items:center;
      padding-top: 3vw;
      }

    
    .aboutus-box-clinical-lead-img {
    text-align:center;
    margin-top:5vw
    }
    
    .aboutus-img-clinical-lead  {
    width:30vw;
    height:30vw;
    border-radius:100%
    }
    
    .aboutus-box-title-clinical-lead  {
    width:80%
    }
    
    .aboutus-box-text-clinical-lead {
    margin:0 auto
    }
    


    .aboutus-subtitle{
      color: #49b3a9;
      font-size:5.1vw;
      font-family:sans-serif;
      word-spacing:.2vw;
      letter-spacing:.15vw;
      font-weight:500;
      line-height:7vw;
      margin-top:5vw;
      margin-bottom:5vw;
      text-align: center;
      }

      .aboutus-sub-subtitle{
        color: black;
        font-size: 4.6vw;
        font-family:sans-serif;
        word-spacing:.2vw;
        letter-spacing:.15vw;
        font-weight:500;
        line-height:3.5vw;
        margin-bottom:3vw;
        text-align: center;
      }

      .greenline-container{
        width: 100%;
        background-color:#80cbc417;
        padding-top: 1vw;
        padding-bottom: 8vw;
        }

/* END MOBILE ABOUT US */



      @media only screen and (min-width: 600px) {

        /* START TABLET ABOUT US */

  .aboutus-box-coverphoto{
    height: 350px;
    }




.aboutus-box-aboutus{
width: 85%;
margin: 0 auto;
margin-top: 1vw;
margin-bottom: 3vw;
}


.aboutus-box-1{
  padding-top: 3vw;
  padding-bottom: 2vw;
}

.aboutus-box-2{
  padding-top: 2vw;
  padding-bottom: 3vw;
}


.aboutus-box-title-meettheteam{
  margin-top: 3vw;
}


.aboutus-box-meettheteam{
  padding-bottom: 3vw;
}

    .aboutus-box-clinical-lead-grid {
      grid-template-columns:auto;
      }


  .aboutus-box-clinical-lead {
    width:85%;
    grid-template-columns:auto;
    padding-bottom: 3vw;
    }

    .aboutus-box-clinical-lead2 {
      width:85%;
      grid-template-columns:auto;
      padding-top: 4vw;
      }

    
    .aboutus-box-clinical-lead-img {
    margin-top:2.5vw
    }
    
    .aboutus-img-clinical-lead  {
    width:25vw;
    height:25vw;
    border-radius:100%
    }
    
    .aboutus-box-title-clinical-lead  {
    width:80%
    }
  

    .aboutus-subtitle{
      font-size:2.6vw;
      word-spacing:.1vw;
      letter-spacing:.075vw;
      line-height:4vw;
      margin-top:2.5vw;
      margin-bottom: 0vw;
      }

      .aboutus-sub-subtitle{
        font-size: 2.3vw;
        word-spacing:.1vw;
        letter-spacing:.075vw;
        line-height:4vw;
        margin-bottom:0vw;
      }

      .greenline-container{
        padding-top:.1vw;
        padding-bottom: 4vw;
        }
  


  .aboutus-box-grid2-BG{
    padding-top:3vw;
    padding-bottom: 3vw;
    }
  
    .aboutus-box-grid2{
      width: 85%;
      display: grid;
      grid-template-columns: auto auto auto;
      grid-column-gap: 2vw;
    }
  
    .aboutus-box-ethos{
    margin-bottom: 0vw;
    }
  
    .aboutus-box-ethos-container{
      width: 100%;
      height: 29.8vw;
    }
  
    .aboutus-box-title-ethos{
    width: 100%;
    padding-top: 1vw;
    }
  
    .aboutus-box-text-ethos{
      padding-left: 2vw;
      padding-right: 2vw;
    }

      /* END TABLET ABOUT US */

  }


      @media only screen and (min-width: 1200px) {

        .carousel-container-2 {
          padding-top: 1vw;
          padding-bottom: 1vw;
      }

        /* START Laptop ABOUT US */

  .aboutus-box-coverphoto{
    height: 400px;
    }


.aboutus-box-aboutus{
width: 85%;
margin: 0 auto;
margin-top: 1vw;
margin-bottom: 4vw;
}

.aboutus-box-grid1{
width: 85%;
margin: 0 auto;
display: grid;
grid-template-columns: auto auto;
padding-top: 4vw;
padding-bottom: 3vw;
}

.aboutus-box-1{
  padding-top: 0vw;
}

.aboutus-box-2{
  padding-top: 0vw;
  padding-bottom: 0vw;
}


.aboutus-box-title-meettheteam{
padding-bottom: 1vw;
padding-top: 4vw;
}


  .aboutus-box-meettheteam{
  margin-top: 0vw;
  padding-bottom: 4vw;
  display: grid;
  grid-template-columns: auto auto;
  width: 85%;
  margin: 0 auto;
  }


    .aboutus-box-clinical-lead-grid {
      grid-template-columns:auto;
      }


  .aboutus-box-clinical-lead {
    width:90%;
    grid-template-columns:auto;
    padding-bottom: 0vw;
    }

    .aboutus-box-clinical-lead2 {
      width:90%;
      grid-template-columns:auto;
      padding-top: 0vw;
      }

    
    .aboutus-box-clinical-lead-img {
    margin-top:1vw
    }
    
    .aboutus-img-clinical-lead  {
    width:12.5vw;
    height:12.5vw;
    border-radius:100%
    }
    
    .aboutus-box-title-clinical-lead  {
    width:80%
    }
  

    .aboutus-subtitle{
      font-size:1.45vw;
      word-spacing:.05vw;
      letter-spacing:.0375vw;
      line-height:2vw;
      margin-top:1vw;
      margin-bottom: 0vw;
      }

      .aboutus-sub-subtitle{
        font-size: 1.35vw;
        word-spacing:.05vw;
        letter-spacing:.0375vw;
        line-height:2vw;
        margin-bottom:0vw;
      }

.index-greenline{
margin-top: 2vw;
margin-bottom: 2vw;
}


.aboutus-box-grid2-BG{
  padding-top:4vw;
  padding-bottom: 3vw;
  }

  .aboutus-box-grid2{
    width: 70%;
    grid-column-gap: 5vw;
  }

  .aboutus-box-ethos{
  margin-bottom: 0vw;
  }

  .aboutus-box-ethos-container{
    width: 100%;
    height: 20vw;
  }

  .aboutus-box-title-ethos{
  width: 100%;
  padding-top: 1.5vw;
  }

  .aboutus-box-text-ethos{
    padding-top: 2vw;
    padding-left: 4vw;
    padding-right: 4vw;
  }
  
      } 

      /* END Laptop ABOUT US */



  /* START PHYSIO MOBILE */

  .services-box-physio-coverphoto{
    width: 100%;
    height: 350px;
    color: white;
    text-align: center;
    background-image: url(img/knee-ax.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    alt: Physiotherapy coverphoto;
    }

    .physio-box-titleandtext{
      width: 85%;
      margin: 0 auto;
      margin-top: 2vw;
      margin-bottom: 4vw;
      }


      .physio-gridcontainer-1{
        width: 85%;
        margin: 0 auto;
        padding-top: 4vw;
        padding-bottom: 4vw;
      }

      .physio-box-subgridcontainer-1{
      width: 100%;
          display: grid;
    grid-template-columns: auto;
    grid-row-gap: 2vw;
    padding-bottom: 5vw;

      }

      .physio-box-sub-subgridcontainer-1{
        width: 100%;
        display: grid;
        grid-template-columns: auto auto;
        align-items: center;
        grid-column-gap: 1vw;
      }

    
      .physio-gridcontainer-1-BG-colour{
      background-color: #80cbc417;
      }

      .physio-gridcontainer-2{
        width: 85%;
        margin: 0 auto;
        padding-bottom: 10vw;
        padding-top: 5vw;
      }

      .physio-part3{
      padding-top: 5vw;
      padding-bottom: 7vw;
      width: 85%;
      margin: 0 auto;
      }

      .physio-box-subgridcontainer-2{
      width: 100%;
          display: grid;
    grid-template-columns: auto;
    grid-row-gap: 2vw;
    padding-bottom: 8vw;

      }

      .physio-box-sub-subgridcontainer-2{
        width: 90%;
        display: grid;
        grid-template-columns: auto auto;
        justify-content: start;
        grid-column-gap: 1vw;
        margin: 0 auto;
      }


      .physio-box-subgridcontainer-3{
        width: 100%;
            display: grid;
      grid-template-columns: auto;
      grid-row-gap: 2vw;
    padding-top: 3vw;
    }
  

      .physio-img-whattoexpect {
        width: 20vw;
        height: 20vw;
        border-radius: 100%;
      }

      #whattoexpecticons{
      font-size: 7vw;
      }

      .physio-box-img1-{
      width: 100%;
      }


      .physio-box-treatments {
        width:85%;
        margin:0 auto;
        display:grid;
        grid-template-columns:auto;
        justify-items:center
        }
 



  .index-box-treatments {
    width:100%;
    margin:0 auto;
    display:grid;
    grid-template-columns:auto;
    justify-items:center;
    padding-bottom: 7vw;
    }
    
    .index-box-title-treatments {
    width:100%
    }
    
    .physio-treatments-subtitle{
      color: black;
      font-size:5.1vw;
      font-family:sans-serif;
      word-spacing:.2vw;
      letter-spacing:.15vw;
      font-weight:500;
      line-height:7vw;
      margin-top: 2vw;
      margin-bottom:2vw;
      text-align: center;
      }
      
      .slide-unique {
        display: none;
      }
      
      
      .slideshow-container-unique {
        max-width: 1000px;
        position: relative;
        margin: auto;
      }
      
      .carousel-unique {
        display: flex;
        overflow-x: hidden; /* Hide overflow */
      }
      
      .slide-unique {
        flex: 0 0 calc(33.33% - 10px); /* Each slide takes up 33.33% width with gap */
        margin-left: 10px;
        margin-right: 10px; /* Gap between slides */
      }
      
      .prev-unique, .next-unique {
        cursor: pointer;
        position: absolute;
        top: 50%;
        width: auto;
        padding: 16px;
        margin-top: -22px;
        color: white;
        font-weight: bold;
        font-size: 18px;
        transition: 0.6s ease;
        border-radius: 0 3px 3px 0;
        user-select: none;
      }
      
      .next-unique {
        right: 0;
        border-radius: 3px 0 0 3px;
      }
      
      .prev-unique:hover, .next-unique:hover {
        background-color: rgba(0,0,0,0.8);
      }
      
      
      .dot-unique {
        cursor: pointer;
        height: 15px;
        width: 15px;
        margin: 0 2px;
        background-color: #bbb;
        border-radius: 50%;
        display: inline-block;
        transition: background-color 0.6s ease;
      }
      
      .active-unique {
        background-color: #49b3a9;
      }

      
      .fade-unique {
        animation-name: fade;
        animation-duration: 1s;
      }
      
      @keyframes fade {
        from {opacity: .4} 
        to {opacity: 1}
      }

      
      
        .carousel-unique {
          justify-content: center; /* Center the slides */
        }
      
        .slide-unique {
          flex: 0 0 100%; /* 1 slide at 100% width */
        }







        .physio-box-injurieswetreat{
        width: 50%;
        height: 50%;
        background-color: #7ABFB9;
        }


        .new-mySlides {
          display: none;
        }
        
        img {
          vertical-align: middle;
        }
        
        .new-slideshow-container {
          max-width: 100%;
          position: relative;
          margin: auto;
        }
        
        .new-carousel {
          width: 100%;
          margin: 0 auto;
          display: flex;
          justify-content: space-between;
          overflow-x: hidden;
        }
        
        .new-mySlides {
          flex: 0 100% 0;
          transition: transform 0.5s ease;
        }
        
        .new-dot {
          cursor: pointer;
          height: 15px;
          width: 15px;
          margin: 0 2px;
          background-color: #bbb;
          border-radius: 50%;
          display: inline-block;
          transition: background-color 0.6s ease;
        }

        .active{
          background-color: #49b3a9;
        }

        
        .new-index-box-dots {
          margin-bottom: 5vw;
        }
        
        
        .fade {
          animation-name: fade;
          animation-duration: 1.5s;
        }
        

        .new-physio-box-injurieswetreat{
          width: 60vw;
          border-radius: 10px;
          display: grid;
          align-items: center;
          justify-items: center;
          margin: 0 auto;
          background-color: #7ABFB9;
          margin-bottom: 5vw;
        }

        .physio-part3-BG-colour{
          width: 100%;
        background-color: #80cbc417;
        }

        .physo-box-treatments{
        padding-bottom: 0vw;
        text-align: center;
        overflow: hidden;
        width: 100%;
        }




#collapsible-reviews{
  background-color: white;
}

.physio-container-FAQ{
width: 100%;
margin: 0 auto;
}

.physio-box-FAQ-title{
margin-top: 4vw;
margin-bottom: 1vw;
}

#physio-reviews-hiddenoverflow {
  overflow:hidden;
  position:relative;
  z-index:1;
  margin:0 auto;
  width:85%;
  padding-bottom: 10vw;
  padding-top: 5vw;
  }

      .collapsible {
          background-color: #49b3a9;
          color: white;
          cursor: pointer;
          padding: 18px;
          width: 100%;
          border: none;
          text-align: left;
          outline: none;
          font-size: 15px;
        }
        
        .active1, .collapsible:hover {
          background-color: #49b3a9;
          opacity: 0.7;
        }
      
        
        .collapsible:after {
          content: '\002B';
          color: white;
          font-weight: bold;
          float: right;
          margin-left: 5px;
        }
        
        .active1:after {
          content: "\2212";
        }
        
        .content {
          padding: 0 18px;
          max-height: 0;
          overflow: hidden;
          transition: max-height 0.2s ease-out;
          background-color: white;
        }

        .dot-new,.active{ 
        background-color: #49b3a9;
        }


        /* Display only one slide on screens below 600px */

  .mySlides-new {
    flex: 1 0 100%; /* Set width to fit full width */
    max-width: 100%; /* Ensure slides take up full width */
  }
  .prev-new, .next-new{ font-size: 11px }


/* Slideshow container */
.slideshow-container-new {
  max-width: 100%;
  position: relative;
  margin: auto;
  overflow: hidden; /* Ensure slides fit within screen width */
  display: flex; /* Use flexbox to display slides next to each other */
}



/* Next & previous buttons */
.prev-new, .next-new {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 3px 3px 3px 3px;
  user-select: none;
  background-color: #49b3a9;
  z-index: 1; /* Ensure buttons are above slides */
}

/* Position the "next button" to the right */
.next-new {
  right: 0;
  border-radius: 3px 3px 3px 3px;
}

/* Caption text */
.text-new {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext-new {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot-new {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active{ 
  background-color: #49b3a9;
  }


/* Fading animation */
.fade-new {
  display: none;
}

.fade-new.show-slide {
  display: block;
}


.physio-container-apptoptions-bg{
  width: 100%;
  background-color: white;
  padding-top: 5vw;
  padding-bottom: 10vw;
  }

  .physio-container-apptoptions{
  width: 85%;
  margin: 0 auto;
  }

  .physio-box-apptoptions{
    width: 50%;
    border-radius: 10px;
    border: 2px;
    border-style: solid;
    border-color: #49b3a9;
    margin: 0 auto;
  }

  .physio-box-apptoptions-title{
    width: 100%;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    background-color: #49b3a9;
  }


  .physio-box-apptoptions-text-1{
  width: 100%;
  height: 15vw;
  display: grid;
  align-items: end;
  }

  .physio-box-apptoptions-text-2{
    width: 100%;
    height: 15vw;
    display: grid;
    align-items: start;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    }

/* Add a flash animation */
@keyframes flash {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}

.flash {
  animation: flash 0.25s;
}

.appts-boxs-link{
text-decoration: none;
}

.apptoptions-box-button{
  margin-top: 5vw;
 text-align: center
}





.user-physio-box-injurieswetreat {
  width: 100%;
  height: 100%;
  background-color: #7ABFB9;
}

.user-new-mySlides {
  display: none;
}

img {
  vertical-align: middle;
}

.user-new-slideshow-container {
  max-width: 100%;
  position: relative;
  margin: auto;
}

.user-new-carousel {
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  overflow-x: hidden;
  padding-bottom: 5vw;
}

.user-new-mySlides {
  flex: 0 100% 0;
  transition: transform 0.5s ease;
}



.user-new-dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.user-new-dot2 {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #49b3a9;
}

.user-new-index-box-dots {
  margin-bottom: 5vw;
}

.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

.user-physio-part3-BG-colour {
  width: 100%;
  background-color: white;
  padding-top: 5vw;
  padding-bottom: 5vw;
}

.user-physo-box-treatments {
  padding-bottom: 0vw;
}

.appointments-test{
border-radius: 10px;
border: 2px;
border-style: solid;
border-color: #49b3a9;
margin: 0 auto;;
width: 45vw;
}





.admin-physio-box-injurieswetreat {
  width: 100%;
  height: 100%;
  background-color: #7ABFB9;
}

.admin-new-mySlides {
  display: none;
}

img {
  vertical-align: middle;
}

.admin-new-slideshow-container {
  max-width: 100%;
  position: relative;
  margin: auto;
}

.admin-new-carousel {
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  overflow-x: hidden;
  padding-bottom: 5vw;
}

.admin-new-mySlides {
  flex: 0 100% 0;
  transition: transform 0.5s ease;
}



.admin-new-dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}


.admin-new-dot2 {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #49b3a9;
}

.admin-new-index-box-dots {
  margin-bottom: 5vw;
}

.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

.admin-physio-part3-BG-colour {
  width: 100%;
  background-color: white;
  padding-top: 5vw;
  padding-bottom: 5vw;
}

.admin-physo-box-treatments {
  padding-bottom: 0vw;
}










/* START image Treatments */
.carousel-container-1 {
  width: 100%;
  margin: auto;
  position: relative;
  overflow: hidden;
}

/* Dots for navigation */
.carousel-dots-1 {
  text-align: center;
  margin-top: 20px;
}

.dot-1 {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 5px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active-dot-1 {
  background-color: #49b3a9;
}

.how-does-it-work-1 {
  width: 100%;
  margin: 0 auto;
  padding-bottom: 9vw;
}

.carousel-images-1 {
  display: flex;
  transition: transform 0.5s ease;
}

.carousel-image-1 {
  flex: 0 0 98%; /* Display one image at 100% width by default */
  margin-left: 1%;
  margin-right: 1%;

}

.dot-1 {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active-dot-1 {
  background-color: #49b3a9;
}

.new-img{
  width: 100%;
}

/* END image Treatments */




      @media only screen and (min-width: 600px) {

        .services-box-physio-coverphoto{
          height: 400px;
          }

          #whattoexpecticons{
            font-size: 4vw;
            }
           
            .physio-box-titleandtext{
            margin-top: 1vw;
            margin-bottom: 2vw;
            }

            .physio-part3 {
              padding-top: 5vw;
              padding-bottom: 5vw;
            }

            .physio-treatments-subtitle{
              font-size:2.6vw;
              word-spacing:.1vw;
              letter-spacing:.075vw;
              line-height:4vw;
              margin-top:2.5vw;
              margin-bottom: 0vw;
            }

            .physio-gridcontainer-1{
            padding-top: 3vw;
            padding-bottom: 0vw;
            }

            .physio-box-subgridcontainer-2{
            padding-bottom: 0vw;
            }

            .physio-gridcontainer-2{
              display: grid;
              grid-template-columns: 45% 46%;
              grid-column-gap: 9%;
              padding-top: 5vw;
              padding-bottom: 8vw;
            }


            .physio-box-subgridcontainer-2{
            grid-row-gap: 3vw;
            }

            .physio-box-sub-subgridcontainer-2{
              width: 100%;
            }

            .physio-box-subgridcontainer-3{
              grid-row-gap: 3vw;
              padding-top: 0vw;
              }


            .carousel-unique {
              justify-content: center; /* Center the slides */
          
            }
          
            .slide-unique {
              flex: 0 0 48%; /* 2 slides at 80% width */
            }

            #physio-reviews-hiddenoverflow {
              padding-top: 5vw;
              padding-bottom: 7vw;
              }
          
            .slideshow-container-unique {
              max-width: 100%;
              position: relative;
              margin: auto;
            }

            .new-carousel{
            column-gap: 2vw;
            }

            .new-physio-box-injurieswetreat{
            width: 22vw;
            height: 30vw;
            margin-bottom: 2vw;
            }

            #physio-hide-greenline{
              display: none;
            }

            .physio-container-apptoptions-bg{
              width: 100%;
              background-color: white;
              padding-top: 3vw;
              padding-bottom: 5vw;
              }
      
              .physio-container-apptoptions{
              width: 85%;
              margin: 0 auto;
              }
      
              .physio-box-apptoptions{
                width: 70%;
                border-radius: 10px;
                border: 2px;
                border-style: solid;
                border-color: #49b3a9;
              }
      
              .physio-box-apptoptions-title{
                width: 100%;
                border-top-left-radius: 7px;
                border-top-right-radius: 7px;
                background-color: #49b3a9;
              }
      
      
              .physio-box-apptoptions-text-1{
              width: 100%;
              height: 7.5vw;
              display: grid;
              align-items: end;
              }
      
              .physio-box-apptoptions-text-2{
                width: 100%;
                height: 7.5vw;
                display: grid;
                align-items: start;
                border-bottom-left-radius: 10px;
                border-bottom-right-radius: 10px;
                }
          
        .mySlides-new {
          flex: 0 0 33.33%; /* Set width to fit one-third of the container */
          max-width: 33.33%; /* Ensure slides don't exceed one-third of the container */
        }
        .prev-new, .next-new,.dot-new{ display: none;}  
            
        .apptoptions-box-button{
          margin-top: 5vw;
        }

        #hide-dots-5{
        display: none;
        }

        #hide-dots-6{
          display: none;
          }


          .user-new-carousel {
            width: 100%;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            overflow-x: hidden;
            padding-bottom: 0vw;
            column-gap: 5vw;
          }

          .appointments-test{
          width: 22vw;
          }

          .user-new-dot{
          display: none;
          }

          .user-physo-box-treatments{
          width: 85%;
          margin: 0 auto;
          }

          .apptoptions-box-button{
            margin-top: 0vw;
           text-align: center
          }

          .user-new-index-box-dots{
          margin-bottom: 5vw;
          }

          .user-physio-part3-BG-colour {
            padding-top: 3vw;
            padding-bottom: 3vw;
          }









          .admin-new-carousel {
            width: 100%;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            overflow-x: hidden;
            padding-bottom: 0vw;
            column-gap: 5vw;
          }





          .admin-new-dot2{
            margin-top: 2vw;
            }

            .user-new-dot2{
              margin-top: 2vw;
              }



          .admin-physo-box-treatments{
          width: 85%;
          margin: 0 auto;
          }


          .admin-new-index-box-dots{
          margin-bottom: 5vw;
          }

          .admin-physio-part3-BG-colour {
            padding-top: 3vw;
            padding-bottom: 3vw;
          }






          .how-does-it-work-2 {
            width: 72.5%;
        }

        .how-does-it-work-200 {
          width: 85%;
          padding-bottom: 0vw;
      }
        


  /* START image Treatments */
  .carousel-image-1 {
    flex: 0 0 48%; /* Display two items at 48% width each */
    margin-left: 1%; /* Add a small gap between items */
    margin-right: 1%; /* Add a small gap between items */
  }

  .how-does-it-work-1 {
    padding-bottom: 8vw;
    padding-top: 2vw;
  }

  .new-img{
    width: 100%;
  }
  /* END image Treatments */

      }



      @media only screen and (min-width: 1200px) {

        .physio-container-FAQ{
          width: 80%;
          margin: 0 auto;
          }

        .how-does-it-work-200 {
          width: 75%;
      }

        .how-does-it-work-2 {
          width: 85%;
      }

        .services-box-physio-coverphoto{
          height: 700px;
          }

          .physio-box-titleandtext{
          margin-top: 1vw;
          margin-bottom: 4vw;
          }

          .physio-gridcontainer-1{
            width: 85%;
            margin: 0 auto;
            padding-bottom: 4vw;
            display: grid;
            grid-template-columns: 35% 35%;
            grid-column-gap: 10%;
            justify-content: center;
            padding-top: 5vw;
          }

          .physio-gridcontainer-1-BG-colour{
            width: 100%;
            padding-bottom: 3vw;
          }

          .physio-box-subgridcontainer-1{
            width: 100%;
                display: grid;
          grid-template-columns: auto;
          grid-row-gap: 0vw;
          padding-top: 0vw;
          padding-bottom: 0vw;
      
            }

            .physio-gridcontainer-2{
              display: grid;
              grid-template-columns: 26% 26%;
              padding-top: 5vw;
              grid-column-gap: 10%;
              justify-content: center;
              padding-bottom: 6vw;
            }

            .physio-box-subgridcontainer-3 {
              grid-row-gap: 1vw;
            }

            .physio-box-subgridcontainer-2 {
              grid-row-gap: 1vw;
            }

     .index-box-treatments{
    padding-bottom: 0vw;
    padding-top: 0vw;
     }

     #index-show-greenline{
    display: none;
     }


          #whattoexpecticons{
            font-size: 2vw;
            }


            .physio-treatments-subtitle{
              font-size:1.45vw;
              word-spacing:.05vw;
              letter-spacing:.0375vw;
              line-height:2vw;
              margin-top:1vw;
              margin-bottom: 0vw;
            }

            .new-mySlides:hover{
            transform: scale(1.02);
            }

          .carousel-unique {
            justify-content: center; /* Center the slides */
          }
        
          .slide-unique {
            flex: 0 0 90%; /* 3 slides at 80% width */
          }
        
          .slideshow-container-unique {
            position: relative;
            margin: auto;
          }

          .new-carousel{
            column-gap: 0.5vw;
            padding: 0.5vw;
            }

            .new-physio-box-injurieswetreat{
            width: 16vw;
            height: 20vw;
            margin-bottom: 1vw;
            }

            .physio-box-treatments {
              width:100%;
              grid-template-columns: auto;
              grid-column-gap:0
              }


              .physio-box-text-treatments {
                margin:0 auto;
                }

                .physio-part3{
                  display: grid;
                  grid-template-columns: 50% 50%;
                  width: 85%;
                  margin: 0 auto;
                  padding-top: 7vw;
                  padding-bottom: 6vw ;
                }

                #index-show-greenline2{
                display: none;
                }

                .physio-box-FAQ-title{
                margin-top: 0vw;
                margin-bottom: 1vw;
                }

                #physio-reviews-hiddenoverflow {
                  padding-top: 1.5vw;
                  width: 79%;
                  padding-bottom: 7vw;
                  }

                .collapsible {
                  border-radius: 10px;
                }
                
                .active1, .collapsible:hover {
                  border-radius: 10px;
                }
              
                
                .collapsible:after {
                  border-radius: 10px;
                }
                
                .content {
                  border-radius: 10px;
                }


      .slideshow-container-new {
        max-width: 80%;
        justify-content: center;
    }

    .mySlides-new {
      flex: 0 0 30%;
    }

    .physio-box-apptoptions-text-1{
      height: 5vw;
      }

    .physio-box-apptoptions-text-2{
      height: 5vw;
      }
  
      .physio-box-apptoptions {
        width: 80%;}

        .physio-container-apptoptions-bg {
          width: 100%;
          background-color: white;
          padding-top: 5vw;
          padding-bottom: 5vw;
        }

        .apptoptions-box-button{
          margin-top: 2.5vw;
        }

        #hide-dots-4{
        display: inline-block;  
        }

        #hide-dots-5{
          display: inline-block;
          }

          .appointments-test{
            width: 17vw;
            }

           .appointments-test:hover{
            transform: scale(1.02)
           } 



            .user-new-carousel{
            column-gap: 3.5vw;
            width: 97%;
            padding: 1vw;
            }

            .user-new-index-box-dots{
              margin-bottom: 2vw;
              }

              .user-physio-part3-BG-colour {
                padding-top: 7vw;
                padding-bottom: 7vw;
              }






              .admin-new-carousel{
                column-gap: 3.5vw;
                width: 97%;
                padding: 1vw;
                }
    
                .admin-new-index-box-dots{
                  margin-bottom: 2vw;
                  }
    
                  .admin-physio-part3-BG-colour {
                    padding-top: 7vw;
                    padding-bottom: 7vw;
                  }
    




                  /* START image Treatments */
  .carousel-image-1 {
    flex: 0 0 98%; /* Display one item at 100% width */
    margin-right: 1%; /* No margin between items */
    margin-left: 1%;
  }

  .how-does-it-work-1 {
width: 90%;
display: grid;
padding-top: 0vw;
padding-bottom: 0vw;
  }

  .new-img{
    width: 100%;
  }
    /* END image Treatments */
      }




      /* START MOBILE ONLINE PHYSIO */

      .services-box-onlinephysio-coverphoto{
        width: 100%;
        height: 350px;
        color: white;
        text-align: center;
        background-image: url(img/onlinerehab2.webp);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        position: relative;
        alt: Physiotherapy coverphoto;
        }


/* START how does online physio work */
.carousel-container {
  max-width: 1000px;
  margin: auto;
  position: relative;
  overflow: hidden;
}

/* Navigation buttons */
.carousel-button {
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  padding: 10px;
  border: none;
  outline: none;
  z-index: 2;
}

/* Dots for navigation */
.carousel-dots {
  text-align: center;
  margin-top: 20px;
}

.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 5px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active-dot {
  background-color: #49b3a9;
}

.how-does-it-work {
  width: 85%;
  margin: 0 auto;
  padding-bottom: 12vw;
}

.carousel-images {
  display: flex;
  transition: transform 0.5s ease;
}

.carousel-image {
  flex: 0 0 98%; /* Display one image at 100% width by default */
  margin-left: 1%;
  margin-right: 1%;
}

.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active-dot {
  background-color: #49b3a9;
}

/* END how does online physio work */

      /* END MOBILE ONLINE PHYSIO */



            /* START Ipad ONLINE PHYSIO */

        @media only screen and (min-width: 600px) {
          .services-box-onlinephysio-coverphoto{
            height: 400px;
            }

            /* START how does online physio work */
            .carousel-image {
              flex: 0 0 48%;
            }
          
            .how-does-it-work {
              padding-bottom: 8vw;
              padding-top: 4vw;
            }

       /* END how does online physio work */
        }

        /* END Ipad ONLINE PHYSIO */



        /* START Laptop ONLINE PHYSIO */
        @media only screen and (min-width: 1200px) {
          .services-box-onlinephysio-coverphoto{
            height: 700px;
            }
            /* START how does online physio work */
            .carousel-image {
              flex: 0 0 48%; /* Adjust width for larger screens if needed */
            }
          
            .how-does-it-work {
              width: 55%;
            }
            /* End how does online physio work */
          
        }
        /* END Laptop ONLINE PHYSIO */



      .services-box-promoterecovery-coverphoto{
        width: 100%;
        height: 350px;
        color: white;
        text-align: center;
        background-image: url(img/recovery.webp);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        position: relative;
        alt: Physiotherapy coverphoto;
        }



      .promoterecovery-box-subgridcontainer-2{
        width: 100%;
            display: grid;
      grid-template-columns: auto;
      grid-row-gap: 3vw;
      padding-bottom: 8vw;
  
        }

        .promoterecovery-gridcontainer-2{
          width: 85%;
          margin: 0 auto;
          padding-bottom: 5vw;
          padding-top: 5vw;
        }

        .promoterecovery-part3 {
          padding-top: 5vw;
          padding-bottom: 7vw;
          width: 85%;
          margin: 0 auto;
      }

      .promoterecovery-box-FAQ-title {
        margin-top: 4vw;
        margin-bottom: 1vw;
    }

    .promoterecovery-container-FAQ {
      width: 100%;
      margin: 0 auto;
  }

  #promoterecovery-reviews-hiddenoverflow {
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin: 0 auto;
    width: 85%;
    padding-bottom: 10vw;
    padding-top: 7vw;
}

        @media only screen and (min-width: 600px) {
          .services-box-promoterecovery-coverphoto{
            height: 400px;
            }

            .promoterecovery-box-subgridcontainer-2{
          padding-bottom: 5vw;
          grid-row-gap: 2vw;
          }

          .promoterecovery-gridcontainer-2 {
            display: grid;
            grid-template-columns: 45% 46%;
            grid-column-gap: 9%;
            padding-top: 5vw;
            padding-bottom: 3vw;
        }

        #promoterecovery-hide-greenline{
        display: none;
        }

        .promoterecovery-part3 {
          padding-top: 5vw;
          padding-bottom: 5vw;
          display: grid;
          grid-template-columns: 50% 50%;
          width: 85%;
          margin: 0 auto;
      }

      .promoterecovery-box-FAQ-title {
        margin-top: 0vw;
    }

    #promoterecovery-reviews-hiddenoverflow {
      padding-top: 5vw;
      padding-bottom: 5vw;
  }

        }

        @media only screen and (min-width: 1200px) {
          .services-box-promoterecovery-coverphoto{
            height: 700px;
            }

            .promoterecovery-part3 {
              grid-template-columns: 35% 65%;
          }

          .promoterecovery-gridcontainer-2 {
            grid-template-columns: 20.5% 20.5% 20.5% 20.5%;
            grid-column-gap: 6%;
        }

        #promoterecovery-reviews-hiddenoverflow {
          padding-top: 1.5vw;
          padding-bottom: 9vw;
          width: 85%;
      }
          
      .promoterecovery-box-subgridcontainer-2{
        padding-bottom: 5vw;
        grid-row-gap: 1.7vw;
        }

        }




        .services-box-sandc-coverphoto{
          width: 100%;
          height: 350px;
          color: white;
          text-align: center;
          background-image: url(img/deadlift.webp);
          background-repeat: no-repeat;
          background-size: cover;
          background-position: center center;
          position: relative;
          alt: Physiotherapy coverphoto;
          }
  
          @media only screen and (min-width: 600px) {
            .services-box-sandc-coverphoto{
              height: 400px;
              }
  
          }
  
          @media only screen and (min-width: 1200px) {
            .services-box-sandc-coverphoto{
              height: 700px;
              }
            
          }
  



        .services-box-onlinePT-coverphoto{
          width: 100%;
          height: 350px;
          color: white;
          text-align: center;
          background-image: url(img/PT-BG.webp);
          background-repeat: no-repeat;
          background-size: cover;
          background-position: center center;
          position: relative;
          alt: Physiotherapy coverphoto;
          }

          .physio-gridcontainer-1-BGcolour3{
            background-color: white;
          }

          .physio-part4-BG-colour {
            width: 100%;
            background-color: #80cbc417;
        }


        .physio-box-sub-subgridcontainer-20 {
          width: 90%;
          display: grid;
          grid-template-columns: auto auto;
          justify-content: start;
          grid-column-gap: 1vw;
          margin: 0 auto;
      }

        .physio-box-subgridcontainer-4 {
          width: 100%;
          display: grid;
          grid-template-columns: auto;
          grid-row-gap: 1vw;
          border-style: solid;
          border-width: 1px;
         border-color: #44a59c;
         margin-bottom: 13vw;
         border-radius: 10px;
      }

      .physio-box-subgridcontainer-5 {
        width: 100%;
        display: grid;
        grid-template-columns: auto;
        grid-row-gap: 1vw;
        border-style: solid;
        border-style: solid;
        border-width: 1px;
       border-color: #44a59c;
       margin-top: 13vw;
       border-radius: 10px;
       margin-bottom: 10vw;
    }

    .PT-cost-box{
    background-color: #44a59c;
    border-radius: 0px 0px 9px 9px;
    padding-top: 5vw;
    }

    .PT-box-package-title{
    padding-top: 5vw;
    }

    .physio-gridcontainer-4 {
      width: 85%;
      margin: 0 auto;
      padding-bottom: 5vw;
  }

  .onlinePT-box-treatments {
    width: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: auto;
    justify-items: center;
    padding-bottom: 7vw;
    padding-top: 7vw;
}

.OPT-bottom-box{
width: 85%;
padding-bottom: 5vw;
margin: 0 auto;
}


  
          @media only screen and (min-width: 600px) {
            .services-box-onlinePT-coverphoto{
              height: 400px;
              }

              .physio-box-sub-subgridcontainer-20 {
                width: 90%;
            }

              .physio-gridcontainer-4 {
                display: grid;
                grid-template-columns: 48% 48%;
                grid-column-gap: 4%;
                padding-top: 2vw;
            }


        .physio-box-subgridcontainer-4 {
         margin-bottom: 0vw;
      }

      .physio-box-subgridcontainer-5 {
       margin-top: 0vw;
       margin-bottom: 0vw;
    }

    .PT-cost-box {
      padding-top: 2vw;
  }
  
  .OPT-bottom-box{
    padding-bottom: 3vw;
    }

          }
  
          @media only screen and (min-width: 1200px) {
            .services-box-onlinePT-coverphoto{
              height: 700px;
              }

              .physio-gridcontainer-4 {
                width: 50%;
            }

            .physio-box-subgridcontainer-4:hover {
              transform: scale(1.03);
          }

          .physio-box-subgridcontainer-5:hover {
            transform: scale(1.03);
        }

            .PT-cost-box {
              padding-top: 1.5vw;
          }

            
  .OPT-bottom-box{
    padding-bottom: 7vw;
    }
            
          }



/* shop */

.bodycontainer-shop{
  width: 100%;
  background-color: #e1f3f1;
  padding-bottom: 8vw;
}

.overallshopbox{
width: 85%;
margin: 0 auto;
padding-top: 5vw;
}



.shop-title-box{
  width: 100%;
  height: 12vw;
  text-align: center;
  background-color: white;
  padding-top: 20vw;
  }

.twobuttoncontainer{
height: 6vw;
width: 100%;
text-align: center;
padding-top: 5vw;
padding-bottom: 8vw;
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 100;
background-color: white;
}


.hidden {
  display: none;
}

.filter-title{
  font-family: sans-serif;
  font-weight: 600;
  letter-spacing: 0.15vw;
  font-size: 4.1vw;
  padding-bottom: 2vw;
}

#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); 
  z-index: 999;
}

#filters {
  background-color: #fff;
  padding: 10px;
  border-radius: 0px 10px 0px 0px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  transition: left 0.3s ease;
  width: 60vw;
  height: 100vh;
}

.filter-button {
  display: block;
  font-family: sans-serif;
  font-weight: 600;
  letter-spacing: 0.15vw;
  background-color: white;
  padding: 2.2vw 3.5vw;
  font-size: 4.1vw;
  border: 2px;
  border-style: solid;
  border-color: black;
  border-radius: 10px;
  outline: none;
  cursor: pointer;
  color: black;
  margin-bottom: 2vw;
}


#applyButton{
  font-family: sans-serif;
  font-weight: 600;
  letter-spacing: 0.15vw;
  background-color: black;
  padding: 2.2vw 3.5vw;
  font-size: 4.1vw;
  border: 2px;
  border-style: solid;
  border-color: black;
  border-radius: 10px;
  outline: none;
  cursor: pointer;
  color: white;
  margin-bottom: 2vw;
}

#filterButton{
  font-family: sans-serif;
  font-weight: 600;
  letter-spacing: 0.15vw;
  background-color: white;
  padding: 0.6vw 1.7vw;
  font-size: 4.1vw;
  border-width: 2px;
  border-radius: 10px;
  border-style: solid;
  border-color: black;
  outline: none;
  cursor: pointer;
  color: black;
  margin-bottom: 2vw;
}

#sortBySelect{
  padding: 1.1vw 1.7vw;
  font-family: sans-serif;
  font-weight: 600;
  font-size: 4.1vw;
  letter-spacing: 0.15vw;
  color: black;
  border-radius: 10px;
  border-width: 2px;
  border-style: solid;
  border-color: black;
  background-color: white;
}



.selected {
  background-color: #44a59c;
  color: #fff;
  border-color: #44a59c;
}

.product{
  width: 90%;
  height: 48vw;
  background-color: white;
  margin: 0 auto;
  border-radius: 10px;
  
  }
  

#products{
  display: grid;
  grid-template-columns: 50% 50%;
  grid-row-gap: 5vw
}

.productimgbox{
width: 100%;
}

.productimg{
border-radius: 10px 10px 0px 0px;
width: 100%;
}

.buynowdiv{
width: 90%;
margin: 0 auto;
height: 10vw;
text-align: center;
}

.SIJbuynowBTN{
  font-family: sans-serif;
  font-weight: 600;
  word-spacing: 0.2vw;
  letter-spacing: 0.15vw;
  background-color: white;
  padding: 1.2vw 3.5vw;
  font-size: 2.5vw;
  border-radius: 10px;
  border-color: black;
  border-style: solid;
  border-width: 1px;
  outline: none;
  cursor: pointer;
  color: black;
  margin-top: 2vw;
}


@media only screen and (min-width: 600px) {
  .bodycontainer-shop{
      background-color: rgba(128,203,196,0.09);
      padding-bottom: 3vw;
  }
  
  .overallshopbox{
  width: 85%;
  margin: 0 auto;
  padding-top: 3vw;
  }
  
      
      .shop-title-box{
          height: 8vw;
          padding-top: 13vw;
          }
      
      
      .shop-title{
          font-size: 3.1vw;
          word-spacing: 0.1vw;
          letter-spacing: 0.075vw;
          padding-top: 2vw;
      }
      
      .filter-title{
          font-size: 2.1vw;
          word-spacing: 0.1vw;
          letter-spacing: 0.075vw;
          padding-bottom: 1vw;
        }

      .twobuttoncontainer{
          height: 5vw;
          width: 100%;
          text-align: center;
          padding-top: 3vw;
          padding-bottom: 3vw;
          }

          #filters {
              background-color: #fff;
              padding: 10px;
              box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
              transition: left 0.3s ease;
              width: 30vw;
              height: 100vh;
            }

          #filterButton{
              padding: 0.3vw 1.3vw;
              margin-bottom: 2vw;
              font-size: 2.1vw;
              word-spacing: 0.1vw;
              letter-spacing: 0.075vw;
              background-color: white;
              
            }

              
.filter-button {
  padding: 0.7vw 1.3vw;
  font-size: 2.1vw;
  word-spacing: 0.1vw;
  letter-spacing: 0.075vw;
  margin-bottom: 1vw;
}

#applyButton{
  padding: 0.7vw 1.3vw;
  font-size: 2.1vw;
  word-spacing: 0.1vw;
  letter-spacing: 0.075vw;
}
          
            #sortBySelect{
              padding: 0.7vw 1.3vw;
              font-size: 2.1vw;
              word-spacing: 0.1vw;
              letter-spacing: 0.075vw;
            }
          
            .product{
              height: 32.2vw;

              }

              #products{
                  display: grid;
                  grid-template-columns: 32.5% 32.5% 32.5%;
                  row-gap: 3vw;
                  column-gap: 0.5vw;
              }


              .productimgbox{
                  width: 100%;
                  height: 42.2vw;
                  }
                  
                  .productimg{
                  border-radius: 10px 10px 0px 0px;
                  width: 100%;
                  }
                  
                  .buynowdiv{
                  width: 100%;
                  height: 10vw;
                  text-align: center;
                  }
                  
                  .SIJbuynowBTN{
                      padding: 1.2vw 1.9vw;
                      font-size: 1.5vw;
                      word-spacing: 0.1vw;
                      letter-spacing: 0.075vw;
                      margin-top: 1.5vw;
                  }
                  

      }


      @media only screen and (min-width: 1200px) {
          

              .bodycontainer-shop{
              width: 100%;
              background-color: rgba(128,203,196,0.09);
              padding-bottom: 2vw;
              }

              .overallshopbox{
                  width: 85%;
                  margin: 0 auto;
                  padding-top: 2vw;
                  }
          

              
              .shop-title-box{
                  height: 5vw;
                  padding-top: 6vw;
                  }
              
              
              .shop-title{
                  font-size: 1.7vw;
                  word-spacing: 0.05vw;
                  letter-spacing: 0.0375vw;
                  line-height: 2vw;
              }
              
              .filter-title{
                  font-size: 1.1vw;
                  word-spacing: 0.05vw;
                  padding-bottom: 1vw;
                }

              .twobuttoncontainer{
                  height: 2.8vw;
                  width: 100%;
                  text-align: center;
                  margin-top: 0vw;
                  padding-bottom: 1vw;
                  padding-top: 1.3vw;
                  }
      
                  #filters {
                      background-color: #fff;
                      padding: 10px;
                      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
                      transition: left 0.3s ease;
                      width: 15vw;
                      height: 100vh;
                    }
      
                  #filterButton{
                      padding: 0.15vw 0.9vw;
                      font-size: 1.1vw;
                      word-spacing: 0.05vw;
                      letter-spacing: 0.0375vw;
                      background-color: white;
                    }
      
                      
        .filter-button {
          padding: 0.3vw 0.9vw;
          font-size: 1.1vw;
          word-spacing: 0.05vw;
          letter-spacing: 0.0375vw;
        }

        .filter-button:hover{
        border-color: #80CBC4;
        }

      
        #applyButton{
          padding: 0.3vw 0.9vw;
          font-size: 1.1vw;
          word-spacing: 0.05vw;
          letter-spacing: 0.0375vw;
          opacity: 1;
        }

        #applyButton:hover{
      opacity: 0.6;
        }
                  
                    #sortBySelect{
                      padding: 0.3vw 0.9vw;
                      font-size: 1.1vw;
                      word-spacing: 0.05vw;
                      letter-spacing: 0.0375vw;
                    }
                  
                    .product{
                      margin: 0 auto;
                      width: 15.5vw;
                      height: 19.4vw;
                      }

                      .product:hover{
                        transform: scale(1.03);
                        }

      
                      #products{
                          display: grid;
                          grid-template-columns: 18.4% 18.4% 18.4% 18.4% 18.4%;
                          row-gap: 2vw;
                          column-gap: 2%;
              
                      }


                      .productimgbox{
                          width: 100%;
                          height: 22.5vw;
                          }
                          
                          .productimg{
                          border-radius: 10px 10px 0px 0px;
                          width: 100%;
                          }
                          
                          .buynowdiv{
                          width: 100%;
                          height: 10vw;
                          text-align: center;
                          }
                          
                      .SIJbuynowBTN{
                              padding: 0.7vw 1.1vw;
                          font-size: 0.8vw;
                          word-spacing: 0.05vw;
                          letter-spacing: 0.0375vw;
                         margin-top: 0.65vw;
                          }
                      
                          .SIJbuynowBTN:hover{
                          border-color: #80CBC4;
                          }

                          .productimgbox:hover{
                            transform:scale(1.03)
                          }

      }



          

          
  


      .services-box-privacypolicy-coverphoto{
        width: 100%;
        height: 350px;
        color: white;
        text-align: center;
        background-image: url(img/privacy-bg.webp);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        position: relative;
        alt: Physiotherapy coverphoto;
        }


.pp-title{
  color: black;
  font-size: 5.1vw;
  font-family: sans-serif;
  word-spacing: 0.2vw;
  letter-spacing: 0.15vw;
  font-weight: 700;
  padding: 3vw;
  padding-top: 5vw;
  line-height: 6.5vw;
 padding-bottom: 0.5vw;
 text-align: center;
}


        @media only screen and (min-width: 600px) {
          .services-box-privacypolicy-coverphoto{
            height: 400px;
            }

            .pp-title{
              font-size: 2.6vw;
              word-spacing: 0.1vw;
              letter-spacing: 0.075vw;
             font-weight: 700;
             padding: 3vw;
             padding-top: 2vw;
             padding-bottom: 0vw;
              line-height: 4vw;
         }

        }

        @media only screen and (min-width: 1200px) {
          .services-box-privacypolicy-coverphoto{
            height: 700px;
            }

            .pp-title{
              font-size: 1.35vw;
              word-spacing: 0.05vw;
              letter-spacing: 0.0375vw;
           line-height: 1.9vw;
           font-weight: 700;
           padding: 3vw;
           padding-top: 1vw;
           padding-bottom: 0vw;
           }

        }





      .fourzerofour-box{
      background-color: #44a59c;
      width: 100vw;
      height: 100vh;
      }

      .fourzerofour-box-title{
       position: absolute; 
      top: 45%;
      left: 7.5%;
      width: 85%;
      text-align: center;
      }

      .fourzerofour-box-logo{
      position: absolute;
      top: 35%;
      left: 20%;
      width: 60%;
      }

      .fourzerofour-logo{
      width: 100%;
      }

      @media only screen and (min-width: 600px) {
    
          .fourzerofour-box-title{
           position: absolute; 
          top: 50%;
          left: 20%;
          width: 60%;
          text-align: center;
          }
    
          .fourzerofour-box-logo{
          position: absolute;
          top: 40%;
          left: 30%;
          width: 40%;
          margin: 0 auto;
          }
    
          .fourzerofour-logo{
          width: 100%;
          }
      }

      @media only screen and (min-width: 1200px) {
    
        .fourzerofour-box-title{
         position: absolute; 
        top: 50%;
        left: 25%;
        width: 50%;
        text-align: center;
        }
  
        .fourzerofour-box-logo{
        position: absolute;
        top: 35%;
        left: 35%;
        width: 30%;
        margin: 0 auto;
        }
  
        .fourzerofour-logo{
        width: 100%;
        }
    }





    .sitemap-box{
      background-color: #44a59c;
      width: 100vw;
      height: 100vh;
      }

      .sitemap-box-list{
        display: grid;
        padding:18px;
  font-size:5.1vw;
  font-family:sans-serif;
  word-spacing:.2vw;
  letter-spacing:.15vw;
  font-weight:400;
  line-height:7vw;
  text-align: center;
      }


      .sitemap-box-logo{
      width: 60%;
      padding-top: 10vw;
      margin: 0 auto;
      }

      .sitemap-logo{
      width: 100%;
      }

      .sitemap-links{
      color: white;
      text-decoration: none;
      padding-top: 2vw;
      }

      @media only screen and (min-width: 600px) {
    
    
          .sitemap-box-list{
            display: grid;
            padding:18px;
      font-size:2.6vw;
      font-family:sans-serif;
      font-size: 2.6vw;
      line-height: 5vw;
      word-spacing: 0.1vw;
      letter-spacing: .075vw;
      text-align: center;
          }
    
    
          .sitemap-box-logo{
          width: 40%;
          padding-top: 10vw;
          margin: 0 auto;
          }
    
          .sitemap-logo{
          width: 100%;
          }
    
          .sitemap-links{
          color: white;
          text-decoration: none;
          padding-top: 1vw;
          }
      }

      @media only screen and (min-width: 1200px) {
    
       
    
          .sitemap-box-list{
            display: grid;
            padding:18px;
      font-size:1.35vw;
      font-family:sans-serif;
      font-size: 1.35vw;
      line-height: 2vw;
      word-spacing: 0.05vw;
      letter-spacing: .0375vw;
      text-align: center;
          }
    
    
          .sitemap-box-logo{
          width: 20%;
          padding-top: 5vw;
          margin: 0 auto;
          }
    
          .sitemap-logo{
          width: 100%;
          }
    
          .sitemap-links{
          color: white;
          text-decoration: none;
          padding-top: 1vw;
          }
  
    }



.product-link{
  text-decoration: none;
}

    .product-grid-box{
    width: 100%;
    height: 100%;

    }

    .product-title-box{
    width: 100%;
    height: 14%;
    background-color: #44a59c;
    display: grid;
    align-items: center;
    border-radius: 10px 10px 0px 0px ;

    }

    .product-title{
      color: white;
      font-size: 4.1vw;
      font-family: sans-serif;
      word-spacing: .2vw;
      letter-spacing: .15vw;
      font-weight: 500;
      text-align: center;
  }



  .product-img-box{
  height: 73.5%;
  text-align: center;
  }

  .product-img{
  height: 100%;
  width: 100%;
  }

  .product-footer-box{
    width: 100%;
    height: 12.5%;
    background-color: #44a59c;
    display: grid;
    align-items: center;
    justify-items: center;
    border-radius: 0px 0px 10px 10px ;

    }

    .product-footer{
      color: white;
      font-size: 4.1vw;
      font-family: sans-serif;
      word-spacing: .2vw;
      letter-spacing: .15vw;
      font-weight: 500;
      text-align: center;
  }





  @media only screen and (min-width: 600px) {

    .product-title{
      font-size: 2vw;
    word-spacing: .1vw;
    letter-spacing: .075vw;
  }

  .product-footer{
    font-size: 2vw;
    word-spacing: .1vw;
    letter-spacing: .075vw;
}

  }

  @media only screen and (min-width: 1200px) {

    .product-title{
      font-size: 1.15vw;
      word-spacing: .05vw;
      letter-spacing: .0375vw;
  }

  .product-footer{
    font-size: 1.15vw;
    word-spacing: .05vw;
    letter-spacing: .0375vw;
}

  }
















.reviews-location-title-box{
padding-top: 5vw;
}
  
  
  .index-box-reviews-map-aboutus {
  display:grid;
  grid-template-columns:auto;
  }
  
  #index-reviews-hiddenoverflow-aboutus {
  overflow:hidden;
  position:relative;
  z-index:1;
  margin:0 auto;
  width:85%;
  padding-bottom: 5vw;
  }

  .index-box-map-aboutus{
  padding-top: 7vw;
  }
  

  .location-map-box-title{
  padding: 2vw;
  }
  





  @media only screen and (min-width: 600px) {
    .reviews-location-title-box{
      padding-top: 3vw;
      }
        
        
        #index-reviews-hiddenoverflow-aboutus {
        padding-bottom: 4vw;
        }
      
        .index-box-map-aboutus{
        padding-top: 3vw;
        }


  }

  @media only screen and (min-width: 1200px) {
    .reviews-location-title-box{
      padding-top: 4vw;
      }

    .index-box-reviews-map-aboutus {
      grid-template-columns: 50% 50%;
      justify-content: center;
      grid-column-gap: 0;
      width: 85%;
      margin: 0 auto;
  }

  #index-reviews-hiddenoverflow-aboutus {
width: 98%;
    }

    .index-box-map-aboutus{
      padding-top: 0vw;
      }

  }












  .location-map-box-title{
    padding: 2vw;
    text-align: center;
    }

    .location-map-box-title2{
    text-align: center;
    padding: 2vw;
    }

    .location-holding-container{
      width: 100%;
      background-color: #e1f3f1;
      padding-top: 5vw;
    }

.location-main-container{
width: 100%;
padding-bottom: 10vw;

}


  .location-map-box-20{
    width: 85%;
    margin: 0 auto;
    background-color: #44a59c;
    border-radius: 10px;
    text-align: center;
    }

  .location-facilities-img-box{
  width: 100%;
  height: 100vw;
  }

  #map100{
  width: 100%;
  height: 100vw;
  }


  .opening-hours-container{
  width: 100%;
  height: 100vw;
  background-color: white;
  }

  .opening-hour-title-box{
  width: 100%;
  }

  .opening-hours-title-box{
  width: 100%;
  text-align: center;
  padding-top: 1vw;
  }

.opening-hours-text-box{
width: 100%;
text-align: center;
}

/* CSS START second facilities carousel */
.carousel-container-200 {
  width: 100%;
  margin: auto;
  position: relative;
  overflow: hidden;
  margin-top: 10vw;
}



.carousel-image-220 {
  flex: 0 0 100%; /* Display one item at 100% width */
}
/* CSS END second facilities carousel */

.carousel-images-210{
    display: flex;
    transition: transform 0.5s ease;

}

















/* CSS START second facilities carousel */
.carousel-container-210 {
  width: 100%;
  margin: auto;
  position: relative;
  overflow: hidden;
}

.how-does-it-work-210 {
  width: 100%;
  margin: 0 auto;
  padding-top: 5vw;
}

.carousel-image-210 {
  flex: 0 0 100%; /* Display one item at 100% width */
}

.carousel-images-220 {
  display: flex;
  transition: transform 0.5s ease;
}

.location-map-box-30 {
  width: 85%;
  margin: 0 auto;
  background-color: #44a59c;
  border-radius: 10px;
}

.location-facilities-img-box {
  width: 100%;
  height: 100vw;
}

#map200 {
  width: 100%;
  height: 100vw;
}
/* CSS END second facilities carousel */








/* CSS START third facilities carousel */
.carousel-container-700 {
  width: 100%;
  margin: auto;
  position: relative;
  overflow: hidden;
  margin-top: 10vw;
}

.how-does-it-work-710 {
  width: 100%;
  margin: 0 auto;
  padding-top: 5vw;
}

.carousel-image-720 {
  flex: 0 0 100%; /* Display one item at 100% width */
}

.carousel-images-710 {
  display: flex;
  transition: transform 0.5s ease;
}

.location-map-box-70 {
  width: 85%;
  margin: 0 auto;
  background-color: #44a59c;
  border-radius: 10px;
}

.location-facilities-img-box {
  width: 100%;
  height: 100vw;
}







.carousel-dots-30 {
  text-align: center;
  margin-top: 20px;
}

.dot-30 {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active-dot-30 {
  background-color: #49b3a9;
}





/* Dots for navigation */
.carousel-dots-20 {
  text-align: center;
  margin-top: 20px;
}

.dot-20 {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active-dot-20 {
  background-color: #49b3a9;
}





.carousel-dots-70 {
  text-align: center;
  margin-top: 20px;
}

.dot-70 {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active-dot-70 {
  background-color: #49b3a9;
}




@media only screen and (min-width: 600px) {

  .location-main-container{
    width: 65%;
    padding-bottom: 7vw;
    margin: 0 auto;
    }

    .location-holding-container{
    padding-top: 3vw;
    }

  .location-map-box-title{
    padding: 1.5vw;
    }

    .carousel-container-210 {
      margin-top: 1.5vw;
    }

    .carousel-container-200 {
      margin-top: 7vw;
    }



  .opening-hours-container{
    width: 100%;
    height: 60vw;
    }
  
    .opening-hour-title-box{
    width: 100%;
    }
  
    .opening-hours-title-box{
    width: 100%;
    padding-top: 1vw;
    }
  
  .opening-hours-text-box{
  width: 100%;
  }




  #map100{
    width: 100%;
    height: 60vw;
    }

    #map200 {
      width: 100%;
      height: 60vw;
    }

    .location-facilities-img-box{
      width: 100%;
      height: 60vw;
      }



/* CSS START third facilities carousel */
.carousel-container-700 {
  margin-top: 7vw;
}



}



@media only screen and (min-width: 1200px) {


  .part-5:hover{
scale: 1.03;
  }

  .part-6:hover{
    scale: 1.03;
      }

      .part-7:hover{
        scale: 1.03;
          }
  

  .location-map-box-title{
    padding: 1vw;
    }

    .location-map-box-70 {
      width: 95%;
    }

    .location-map-box-30 {
      width: 95%;
    }

    .location-map-box-20 {
      width: 95%;
    }

    .opening-hours-container{
      width: 100%;
      height: 35vw;
      }

    .carousel-container-210 {
      margin-top: 0vw;
      width: 100%;
    }

    .carousel-container-200 {
      margin-top: 0vw;
      width: 100%;
    }

    .carousel-container-700 {
      margin-top: 0vw;
      width: 100%;
    }

  #map100{
    width: 100%;
    height: 35vw;
    }

    #map200 {
      width: 100%;
      height: 35vw;
    }

.location-holding-container{
  padding-top: 5vw;
}

  .location-main-container{
    width: 85%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 33.3% 33.3% 33.3%;
    margin-top: 2vw;
    }

    .location-facilities-img-box{
      width: 100%;
      height: 35vw;
      }





}





.physio-container-FAQ2{
width: 90%;
margin: 0 auto;
padding-top: 5vw;
padding-bottom: 15vw;
}

      .collapsible2 {
          background-color: white;
          color: black;
          cursor: pointer;
          padding: 18px;
          width: 100%;
          margin: 0 auto;
          border: none;
          border-bottom: solid;
          border-bottom-color: #49b3a9;;
          text-align: left;
          outline: none;
          font-size: 15px;
        }
        
        .active10, .collapsible2:hover {
          background-color: white;
          opacity: 0.7;
          color: #44a59c;
          font-weight: 600;
        }
      
        
        .collapsible2:after {
          content: '\002B';
          color: black;
          font-weight: bold;
          float: right;
          margin-left: 5px;
        }
        
        .active10:after {
          content: "\2212";
        }
        
        .content2 {
          padding: 0 18px;
          max-height: 0;
          overflow: hidden;
          transition: max-height 0.2s ease-out;
          background-color: white;
        }

        #text-nopaddingbottom2 {
          font-size:4.1vw;
          font-family:sans-serif;
          word-spacing:.2vw;
          letter-spacing:.15vw;
          line-height:6.5vw;
          margin-bottom: 0.5px;
          }

          .prices-padding-bottom{
          padding-bottom: 2vw;
          }



@media only screen and (min-width: 600px) {
  .physio-container-FAQ2{
    width: 70%;
    }
  
    #text-nopaddingbottom2 {
      font-size:2vw;
      word-spacing:.1vw;
      letter-spacing:.075vw;
      line-height:4vw;
      }
}



@media only screen and (min-width: 1200px) {
  .physio-container-FAQ2{
    width: 60%;
    }

    #text-nopaddingbottom2 {
      font-size:1.15vw;
      word-spacing:.05vw;
      letter-spacing:.0375vw;
      line-height:2vw;
      }

}