.book-an-appointment {
  position: absolute;
  top: 43.17708vw;
  left: 39.32292vw;
  width: 21.09375vw;
  height: 3.80208vw;
  background-color: rgba(253, 176, 2, 0.37);
  cursor: pointer;
}

@media only screen and (max-width: 800px) {
  .book-an-appointment {
    position: absolute;
    top: 146.93333vw;
    left: 0vw;
    width: 69.84vw;
    height: 12.58667vw;
    right: 0;
    margin: auto;
  }
}

.book-an-appointment-txt {
  position: absolute;
  top: 1.38021vw;
  left: 0vw;
  width: 13.80208vw;
  height: 1.35417vw;
  width: 100%;
  right: 0;
  margin: auto;
  font-family: adequate;
  font-size: 1.25vw;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.35417vw;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  white-space: nowrap;
}

@media only screen and (max-width: 800px) {
  .book-an-appointment-txt {
    position: absolute;
    top: 5.68vw;
    left: 0vw;
    width: 66.93333vw;
    height: 6.4vw;
    right: 0;
    margin: auto;
    font-size: 4.8vw;
  }
}

.downarrow {
  position: absolute;
  top: 51.83854vw;
  left: 47.78646vw;
  width: 4.39583vw;
  height: 4.39583vw;
  background-image: url("../images/downarrow.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  -webkit-animation: blink 3s infinite;
          animation: blink 3s infinite;
  cursor: pointer;
}

@media only screen and (max-width: 800px) {
  .downarrow {
    display: none;
  }
}

@-webkit-keyframes blink {
  0% {
    position: absolute;
    top: 51.83854vw;
  }
  50% {
    position: absolute;
    top: 49.47917vw;
  }
  100% {
    position: absolute;
    top: 51.83854vw;
  }
}

@keyframes blink {
  0% {
    position: absolute;
    top: 51.83854vw;
  }
  50% {
    position: absolute;
    top: 49.47917vw;
  }
  100% {
    position: absolute;
    top: 51.83854vw;
  }
}

.our-philosophy {
  position: relative;
  width: 100%;
  height: 56.51042vw;
}

.our-philosophy .our-philosophy-img {
  position: absolute;
  top: 0vw;
  left: 0vw;
  width: 100vw;
  height: 56.5625vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  min-height: 100vh;
  background: transparent;
}

@media only screen and (max-width: 800px) {
  .our-philosophy .our-philosophy-img {
    display: none;
  }
}

@media only screen and (max-width: 800px) {
  .our-philosophy {
    position: relative;
    width: 100%;
    height: 196vw;
    background-image: url("../images/philosophymob.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover !important;
    width: 100%;
    height: 196vw !important;
    display: block;
  }
}

.our-philosophy .our-philosophy-txt {
  position: absolute;
  top: 8.93229vw;
  left: 63.56771vw;
  width: 31.40625vw;
  height: 8.64583vw;
  font-family: adine;
  font-size: 8.64583vw;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 9.27083vw;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  white-space: nowrap;
}

@media only screen and (max-width: 800px) {
  .our-philosophy .our-philosophy-txt {
    position: absolute;
    top: 23.86667vw;
    left: 0vw;
    width: 83.46667vw;
    height: 22.93333vw;
    right: 0;
    margin: auto;
    width: 100%;
    text-align: center;
    font-size: 22.93333vw;
  }
}

.our-philosophy .our-philosophy-para {
  position: absolute;
  top: 17.55208vw;
  left: 60.83333vw;
  width: 37.76042vw;
  height: 16.875vw;
  font-family: hell;
  font-size: 1.25vw;
  font-weight: 100;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.34375vw;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
}

@media only screen and (max-width: 800px) {
  .our-philosophy .our-philosophy-para {
    position: absolute;
    top: 50.8vw;
    left: 7.06667vw;
    width: 80.26667vw;
    height: 121.33333vw;
    font-size: 5.33333vw;
    line-height: 6.4vw;
  }
}

.appointment {
  position: relative;
  width: 100%;
  height: 59.63542vw;
}

.appointment .appointment-img1 {
  position: absolute;
  top: 0vw;
  left: 0vw;
  width: 100vw;
  height: 56.5625vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  min-height: 100vh;
  background: transparent;
}

@media only screen and (max-width: 800px) {
  .appointment .appointment-img1 {
    display: none;
  }
}

@media only screen and (max-width: 800px) {
  .appointment {
    position: relative;
    width: 100%;
    height: 177.86667vw;
    background-image: url("../images/appointmentmob.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover !important;
    width: 100%;
    height: 177.86667vw !important;
    display: block;
  }
}

.appointment .appointment-txt {
  position: absolute;
  top: 17.78646vw;
  left: 33.30729vw;
  width: 33.38542vw;
  height: 9.89583vw;
  font-family: adine;
  font-size: 9.89583vw;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 10.625vw;
  letter-spacing: 0.29688vw;
  text-align: left;
  color: #ffffff;
}

@media only screen and (max-width: 800px) {
  .appointment .appointment-txt {
    position: absolute;
    top: 57.2vw;
    left: 0vw;
    width: 52vw;
    height: 22.93333vw;
    right: 0;
    margin: auto;
    text-align: center;
    width: 100%;
    font-size: 22.93333vw;
  }
}

.appointment .appointment-para {
  position: absolute;
  top: 29.32292vw;
  left: 31.25vw;
  width: 41.875vw;
  height: 4.53125vw;
  font-family: hell;
  font-size: 1.30208vw;
  font-weight: 200;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.34375vw;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
}

@media only screen and (max-width: 800px) {
  .appointment .appointment-para {
    position: absolute;
    top: 86.66667vw;
    left: 7.06667vw;
    width: 86.66667vw;
    height: 121.33333vw;
    font-size: 5.33333vw;
    line-height: 6.4vw;
  }
}

.appointment .contact {
  position: absolute;
  top: 36.25vw;
  left: 42.65625vw;
  width: 15.57292vw;
  height: 3.80208vw;
  background-color: rgba(253, 176, 2, 0.37);
  cursor: pointer;
}

@media only screen and (max-width: 800px) {
  .appointment .contact {
    position: absolute;
    top: 121.33333vw;
    left: 0vw;
    width: 60.53333vw;
    height: 12.58667vw;
    right: 0;
    margin: auto;
  }
}

.appointment .contact-txt {
  position: absolute;
  top: 1.32812vw;
  left: 0vw;
  width: 7.29167vw;
  height: 1.35417vw;
  width: 100%;
  right: 0;
  margin: auto;
  font-family: adequate;
  font-size: 1.25vw;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.35417vw;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  white-space: nowrap;
}

@media only screen and (max-width: 800px) {
  .appointment .contact-txt {
    position: absolute;
    top: 5.68vw;
    left: 0vw;
    width: 66.93333vw;
    height: 6.4vw;
    right: 0;
    margin: auto;
    width: 100%;
    font-size: 4.8vw;
  }
}

.bespoke {
  position: relative;
  width: 100%;
  height: 56.51042vw;
}

.bespoke .bespoke-img1 {
  position: absolute;
  top: 0vw;
  left: 0vw;
  width: 100vw;
  height: 56.5625vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  min-height: 100vh;
  background: transparent;
}

@media only screen and (max-width: 800px) {
  .bespoke .bespoke-img1 {
    display: none;
  }
}

@media only screen and (max-width: 800px) {
  .bespoke {
    position: relative;
    width: 100%;
    height: 196vw;
    background-image: url("../images/discovermob.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover !important;
    width: 100%;
    height: 197.33333vw !important;
    display: block;
  }
}

.bespoke .bespoke-txt {
  position: absolute;
  top: 16.61458vw;
  left: 30.46875vw;
  width: 42.39583vw;
  height: 9.42708vw;
  font-family: adine;
  font-size: 10.41667vw;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 11.25vw;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
}

@media only screen and (max-width: 800px) {
  .bespoke .bespoke-txt {
    position: absolute;
    top: 77.06667vw;
    left: 0vw;
    width: 52vw;
    height: 22.93333vw;
    right: 0;
    margin: auto;
    text-align: center;
    width: 100%;
    font-size: 22.93333vw;
  }
}

.bespoke .discover-more {
  position: absolute;
  top: 32.23958vw;
  left: 42.65625vw;
  width: 15.57292vw;
  height: 3.80208vw;
  background-color: rgba(253, 176, 2, 0.37);
  cursor: pointer;
}

@media only screen and (max-width: 800px) {
  .bespoke .discover-more {
    position: absolute;
    top: 111.2vw;
    left: 0vw;
    width: 51.14667vw;
    height: 12.58667vw;
    right: 0;
    margin: auto;
  }
}

.bespoke .discover-more-txt {
  position: absolute;
  top: 1.27604vw;
  left: 0vw;
  width: 13.54167vw;
  height: 1.92708vw;
  width: 100%;
  right: 0;
  margin: auto;
  font-family: adequate;
  font-size: 1.25vw;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.35417vw;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  white-space: nowrap;
}

@media only screen and (max-width: 800px) {
  .bespoke .discover-more-txt {
    position: absolute;
    top: 5.68vw;
    left: 0vw;
    width: 66.93333vw;
    height: 6.4vw;
    right: 0;
    margin: auto;
    width: 100%;
    font-size: 4.8vw;
  }
}

.instagram-container {
  position: relative;
  width: 100%;
  height: 19.63542vw;
}

@media only screen and (max-width: 800px) {
  .instagram-container {
    position: relative;
    width: 100%;
    height: 17.86667vw;
  }
}

.instagram {
  position: absolute;
  top: 2.39583vw;
  left: 47.375vw;
  width: 5.20313vw;
  height: 5.09896vw;
  background-image: url("../images/insta.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

@media only screen and (max-width: 800px) {
  .instagram {
    position: absolute;
    top: 2.66667vw;
    left: 0vw;
    width: 11.2vw;
    height: 11.2vw;
    right: 0;
    margin: auto;
  }
}

.images-container {
  position: relative;
  width: 100%;
  height: 89.84375vw;
  background-color: #ededed;
}

@media only screen and (max-width: 800px) {
  .images-container {
    position: relative;
    width: 100%;
    height: 223.73333vw;
    background-color: #ffffff;
  }
}

.img1 {
  position: absolute;
  top: -9.0625vw;
  left: 5.57292vw;
  width: 27.76042vw;
  height: 41.66667vw;
  background-image: url("../images/about/img1.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

@media only screen and (max-width: 800px) {
  .img1 {
    position: absolute;
    top: 0vw;
    left: 5.09333vw;
    width: 42.69333vw;
    height: 63.52vw;
  }
}

.img2 {
  position: absolute;
  top: -9.0625vw;
  left: 36.14583vw;
  width: 27.76042vw;
  height: 41.66667vw;
  background-image: url("../images/about/img2.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

@media only screen and (max-width: 800px) {
  .img2 {
    position: absolute;
    top: 0vw;
    left: 52.10667vw;
    width: 42.69333vw;
    height: 63.52vw;
  }
}

.img3 {
  position: absolute;
  top: -9.0625vw;
  left: 66.96354vw;
  width: 27.76042vw;
  height: 41.66667vw;
  background-image: url("../images/about/img3.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

@media only screen and (max-width: 800px) {
  .img3 {
    position: absolute;
    top: 68.26667vw;
    left: 5.09333vw;
    width: 42.69333vw;
    height: 63.52vw;
  }
}

.img4 {
  position: absolute;
  top: 35.88542vw;
  left: 5.57292vw;
  width: 27.76042vw;
  height: 41.66667vw;
  background-image: url("../images/about/img4.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

@media only screen and (max-width: 800px) {
  .img4 {
    position: absolute;
    top: 68.26667vw;
    left: 52.10667vw;
    width: 42.69333vw;
    height: 63.52vw;
  }
}

.img5 {
  position: absolute;
  top: 35.88542vw;
  left: 36.14583vw;
  width: 27.76042vw;
  height: 41.66667vw;
  background-image: url("../images/about/img5.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

@media only screen and (max-width: 800px) {
  .img5 {
    position: absolute;
    top: 136.61333vw;
    left: 5.09333vw;
    width: 42.69333vw;
    height: 63.52vw;
  }
}

.img6 {
  position: absolute;
  top: 35.88542vw;
  left: 66.96354vw;
  width: 27.76042vw;
  height: 41.66667vw;
  background-image: url("../images/about/img6.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

@media only screen and (max-width: 800px) {
  .img6 {
    position: absolute;
    top: 136.53333vw;
    left: 52.10667vw;
    width: 42.69333vw;
    height: 63.52vw;
  }
}

.checkout {
  position: absolute;
  top: 81.66667vw;
  left: 23.69792vw;
  width: 51.71875vw;
  height: 5.52083vw;
  border: 0.10417vw solid #000000;
  cursor: pointer;
}

@media only screen and (max-width: 800px) {
  .checkout {
    position: absolute;
    top: 207.2vw;
    left: 0vw;
    width: 94.58667vw;
    height: 10.10667vw;
    right: 0;
    margin: auto;
    border: 0.53333vw solid #000000;
  }
}

.checkout-txt {
  position: absolute;
  top: 2.03125vw;
  left: 2.03125vw;
  width: 47.76042vw;
  height: 1.45833vw;
  font-family: futura;
  font-size: 1.45833vw;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.77083vw;
  letter-spacing: 0.33333vw;
  text-align: left;
  white-space: nowrap;
  cursor: pointer;
}

.checkout-txt .txt-color {
  color: #fa6a18;
}

@media only screen and (max-width: 800px) {
  .checkout-txt {
    position: absolute;
    top: 3.97333vw;
    left: 0vw;
    width: 78.66667vw;
    height: 2.4vw;
    right: 0;
    margin: auto;
    width: 100%;
    text-align: center;
    font-size: 2.66667vw;
  }
}
/*# sourceMappingURL=index.css.map */