body,
html {
  margin: 0;
  padding: 0;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "Roboto";
  font-weight: 400;
}

img {
  height: auto;
  max-width: 100%;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
button,
a {
  cursor: pointer;
}
@font-face {
  font-family: "Good Times";
  src: url("/cdn.shopify.com/s/files/1/0270/7944/2565/t/7/assets/good_times.eot?v=4367011922810356309");
  src: url("//cdn.shopify.com/s/files/1/0270/7944/2565/t/7/assets/good_times.woff2?v=1178577714276791040")
      format("woff2"),
    url("//cdn.shopify.com/s/files/1/0270/7944/2565/t/7/assets/good_times.woff?v=6087598335392208437")
      format("woff"),
    url("//cdn.shopify.com/s/files/1/0270/7944/2565/t/7/assets/good_times.svg?v=753118317469905251")
      format("svg");
  font-weight: normal;
  font-style: normal;
}
.container-fluid {
  padding-right: 44px;
  padding-left: 44px;
}
/* HOME PAGE BANNER */
.home-page-banner {
  position: relative;
  min-height: 810px;
  margin: 25px;
}
.home-page-banner .banner-container {
  margin: 30px 5%;
}
.home-page-banner .background-image-banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: cover;
}
.home-page-banner .both-side-banner {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
}
.home-page-banner .both-side-banner .left-side-banner h1 {
  font-size: 48px;
  line-height: 57.6px;
  font-weight: 400;
  color: #007aff;
  width: 50%;
}
.home-page-banner .both-side-banner .left-side-banner h1 span {
  color: #043668;
}
.home-page-banner .both-side-banner .left-side-banner .content {
  font-size: 18px;
  color: #777;
  line-height: 24px;
  font-weight: 300;
  font-family: "Roboto";
  width: 59%;
  padding-bottom: 25px;
  padding-top: 20px;
}

.home-page-banner .both-side-banner .left-side-banner .start-now {
  padding: 7px 75px;
  font-size: 16px;
  line-height: 36px;
  font-weight: 400;
  font-family: "Roboto";
  background-color: #007aff;
  outline: none;
  border: none;
  color: #fff;
  clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
  margin-top: 10px;
}
.start-now a {
  text-decoration: none;
  color: #ffffff;
}
.home-page-banner .both-side-banner .right-side-banner img {
  width: 524px;
  height: auto;
  max-width: initial;
}
.blue-blocks-banner .banner-container {
  position: relative;
  width: 100%;
}
.blue-blocks-banner {
  width: 90%;
  margin: auto;
  margin-top: -90px;
}
.blue-blocks-banner .boxes {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
}
.blue-blocks-banner .boxes .both-side-box {
  display: flex;
}
.blue-blocks-banner .single-block-banner {
  background-color: #007aff;
  padding: 40px;
}
.blue-blocks-banner .single-block-banner .blue-box {
  width: 100px;
  height: 100px;
  background-color: rgba(255, 255, 255, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
}
.blue-blocks-banner .single-block-banner .content {
  width: calc(100% - 100px);
  padding-left: 30px;
  width: 60%;
  line-height: 24px;
}
.blue-blocks-banner .single-block-banner .content p,
.blue-blocks-banner .single-block-banner .content a {
  font-size: 18px;
  color: #fff;
  margin: 0;
  text-decoration: none;
  margin-bottom: 28px;
}
.blue-blocks-banner .single-block-banner .content a {
  font-weight: 300;
  font-size: 16px;
}
.blue-blocks-banner .single-block-banner .content a svg {
  margin-left: 13px;
}
@media (max-width: 1199.98px) {
  .home-page-banner .both-side-banner .left-side-banner .content {
    width: 75%;
  }
  .home-page-banner .both-side-banner .right-side-banner img {
    width: 485px;
  }
}
@media (max-width: 991.98px) {
  .home-page-banner .both-side-banner .left-side-banner {
    width: 50vw;
  }
  .home-page-banner .both-side-banner .right-side-banner {
    width: 50vw;
  }
  .home-page-banner .both-side-banner .right-side-banner img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 991.98px) {
  .home-page-banner {
    min-height: 610px;
  }
}
@media (max-width: 767.98px) {
  .home-page-banner .both-side-banner {
    padding: 0;
  }
  .home-page-banner {
    min-height: auto;
  }
  .both-side-banner {
    flex-direction: column;
  }
  .home-page-banner .both-side-banner .left-side-banner .content {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
  }
  .home-page-banner .both-side-banner .left-side-banner h1 {
    width: 100%;
    text-align: center;
    padding-top: 30px;
  }
  .home-page-banner .both-side-banner .left-side-banner,
  .home-page-banner .both-side-banner .right-side-banner {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .home-page-banner .both-side-banner .right-side-banner {
    margin-bottom: 50px;
  }
  .blue-blocks-banner .boxes {
    grid-template-columns: 1fr;
  }
  .blue-blocks-banner .single-block-banner {
    padding: 20px;
  }
  .blue-blocks-banner .boxes {
    grid-gap: 20px;
  }
}
@media (max-width: 460.98px) {
  .blue-blocks-banner .single-block-banner .both-side-box {
    flex-direction: column;
  }
  .blue-blocks-banner .single-block-banner .content {
    width: 100%;
    padding-left: 0;
    margin-top: 15px;
  }
  .blue-blocks-banner .single-block-banner .content p {
    margin-bottom: 15px;
  }
}
.test {
  background-color: black;
  height: 300px;
}
/* END OF HOME PAGE BANNER */
.wrapper {
  display: flex;
  justify-content: space-between;
}

.title {
  font-family: "Good Times";
  font-size: 36px;
  line-height: 43px;
  color: #043668;
}
.title span,
.content-heading span,
.review-heading span {
  font-family: "Good Times";
  color: var(--color-primary);
}
/* NAVBAR */
.navbar {
  display: flex;
}
.navbar-wrapper {
  height: 109px;
  display: flex;
  align-items: center;
  flex: 1;
  padding: 0 7%;
}
.navbar-logo {
  height: 64px;
}
.navbar-wrapper .image-container {
  flex: 2;
}
.navbar-wrapper .logo-navbar {
  height: 60px;
}
.navbar-wrapper .nav-links {
  list-style: none;
  display: flex;
  /* justify-content: space-between; */
  justify-content: center;
  flex: 4;
}
.navbar-wrapper .nav-links .single-link .link {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 19px;
  text-decoration: none;
  color: var(--color-body-text);
  margin-right: 30px;
}

.navbar-wrapper .icons {
  display: flex;
  justify-content: space-evenly;
  flex: 1;
}
.navbar #menu-btn {
  display: none;
  cursor: pointer;
}
/* media query */
@media (max-width: 1200px) {
  .navbar {
    width: 100%;
    height: 100%;
  }
  .navbar-wrapper {
    display: flex;
    flex-direction: column;
    justify-items: flex-start;
    align-items: flex-start;
    position: relative;
    padding: 20px 10%;
    flex: 1;
    height: auto;
  }
  .navbar #menu-btn {
    display: inline-block;
    position: absolute;
    top: 40px;
    right: 15px;
  }
  .navbar-wrapper .nav-links {
    /* display: flex;
    flex-direction: column;
    align-items: center;
    justify-items: center;
    width: 100%; */
    display: none;
  }
  .navbar-wrapper .icons {
    right: 8%;
    margin: 20px 0;
    margin-left: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
  }
  .icons .nav-link {
    margin-left: 10px;
  }
  #menu-btn {
    color: var(--color-body-text);
    font-size: 26px;
  }
  .navbar-wrapper .nav-links .single-link {
    margin: 0;
    margin: 12px 0;
  }
  .navbar-wrapper .nav-links .single-link .link {
    margin: 0;
  }
  .navbar .navbar-wrapper .active-navbar-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    z-index: 1000;
  }
  .navbar-wrapper .nav-links {
    flex: 6;
  }
}
.button-primary {
  border: none;
  width: 100%;
  height: 50px;
  background: var(--color-primary);
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 36px;
  color: #ffffff;
  transform: skew(-20deg);
}

/* IMAGE WITH TEXT */
.content-heading {
  text-align: center;
  padding-bottom: 30px;
  padding-top: 120px;
}
.content-heading h1 {
  font-family: Good Times;
  font-style: normal;
  font-weight: normal;
  font-size: 36px;
  line-height: 43px;
  color: #043668;
}
.content-heading p {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  color: #777777;
}
.background-image-with-text {
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: relative;
  margin-bottom: 22px;
}
.background-img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.content-image-txt {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-body-text);
  padding: 50px;
  align-self: center;
}
.content-image-txt h1 {
  font-family: Poppins;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 36px;
  color: #043668;
  padding-bottom: 15px;
}
.image-person img {
  max-width: inherit;
  height: 400px;
}

@media (max-width: 700px) {
  .wrapper {
    flex-wrap: wrap;
  }
  .wrapper-mobile{
    flex-flow: wrap-reverse;
  }
}
/* BANNER-IMAGE-TEXT */

.wrappersection {
  padding: 60px 0;
}
.banner-image-text {
  background: linear-gradient(265.54deg, var(--color-primary) 0%, #043668 100%);
  width: 100%;
  height: 100%;
  margin-top: 206px;
  margin-bottom: 90px;
  position: relative;
}
.banner-image-text-img {
  position: absolute;
  right: 0;
  bottom: -5px;
}
.banner-image-text-txt h1 {
  width: 47%;
  font-weight: normal;
  font-size: 30px;
  line-height: 48px;
  margin-bottom: 40px;
}
.banner-image-text-txt {
  /* width: 780px; */
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 28px;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  width: 70%;
}
@media (max-width: 1140px) {
  .banner-image-text-img {
    position: static;
  }
  .banner-image-text-img img{
    vertical-align: middle;
  }
  .banner-image-text .wrappersection{
    padding-bottom: 0;
  }
  .banner-image-text-txt {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .banner-image-text-txt h1 {
    width: 100%;
  }
}

/* SLIDER SECTION */
.fera-testimonialCarousel .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal{
  bottom: 70px !important;
  z-index: 0 !important;
  margin: auto!important;
  position: absolute!important;
}

.fera-testimonialCarousel-testimonial-right::before{
  background: url("https://cdn.shopify.com/s/files/1/0270/7944/2565/files/quotes.svg?v=1640337272")!important;
  width: 35px!important;
  height: 30px!important;
  background-repeat: no-repeat!important;
  top: -10px!important;
  opacity:1!important;
}
.fera-testimonialCarousel{
  left: -50px!important;
  /* overflow: visible!important; */
  max-width: initial!important;
}
.fera-testimonialCarousel .fera-testimonialCarousel-testimonial.noHeading .fera-testimonialCarousel-testimonial-header, .fera-testimonialCarousel .fera-testimonialCarousel-testimonial.noBody .fera-testimonialCarousel-testimonial-body{
  display:block!important;
}
.fera-testimonialCarousel-testimonial-stars:before, .fera-testimonialCarousel-testimonial-stars:after {
  letter-spacing: 5px!important;
  font-size: 15px!important;
}
.reviews-section {
  background: #f8f8f8;
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
}
.review-heading {
  text-align: center;
}
.review-heading h1 {
  font-family: "Good Times";
  font-size: 36px;
  line-height: 43px;
  color: #043668;
  margin-bottom: 17px;
}
.review-heading p {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  color: var(--color-body-text);
}
.reviews-slide .quotes {
  position: absolute;
  top: -25px;
  left: 34px;
}

@media(max-width:676px){
  .fera-testimonialCarousel .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal{
    width: 94px !important;
    display: flex !important;
    overflow-x: scroll !important;
    left: 36%;
  }
  .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
  padding: 5px;
  margin: 3px;
}
}

/* ARTICLEPAGE */
.article-page {
  margin-bottom: 50px;
}
.article-page img {
  margin-bottom: 25px;
  width: 100%;
}
.article-page h1 {
  font-size: 24px;
  margin-bottom: 20px;
}
.icons-and-separator {
  display: flex;
  place-content: space-between;
  margin: 20px 10px 20px 0;
}
.social-icons a {
  margin: 0 6px;
  text-decoration: none;
}
.article-page p {
  font-size: 16px;
  color: #c4c4c4;
  margin-bottom: 20px;
}
.article-page p span {
  color: var(--color-primary);
}
.article-page .separator-text {
  display: block;
  color: var(--color-body-text);
  font-size: 16px;
}
.article-page-content {
  margin-top: 25px;
  color: var(--color-body-text);
  font-size: 16px;
  margin-bottom: 50px;
  line-height: 24px;
}
.article-pagination {
  margin-top: 15px;
  display: flex;
  place-content: space-between;
}
.article-wrapper {
  display: grid;
  grid-template-columns: 65% 35%;
}
.recommended-article {
  padding: 30px;
}
.recommended-article hr {
  margin-bottom: 5px;
}
.recommended-article h3 {
  margin-bottom: 25px;
  font-size: 24px;
}
.recommended-article-wrapper {
  display: grid;
  grid-template-columns: 35% 65%;
  margin-top: 20px;
}
.recommended-article-wrapper img {
  margin-right: 18px;
  width: 100%;
  padding-right: 18px;
}
.recommended-article-wrapper .suggested-article h5 {
  font-size: 16px;
  line-height: 24px;
}
.recommended-article-wrapper .suggested-article p {
  color: var(--color-body-text);
  font-size: 12px;
  line-height: 24px;
}
div.recommended-article-wrapper:first-of-type {
  margin-top: 25px;
}
.article-link-txt {
  font-family: Roboto;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  /* line-height: 24px; */
  color: #272727;
  text-decoration: none;
}
@media (max-width: 920px) {
  .article-wrapper {
    grid-template: none;
  }
  .recommended-article {
    padding: 0;
  }
}
/* banner with overlauy - Our Story page */
.banner-background {
  position: relative;
  overflow: hidden;
}
/* LOGIN */
.container.login-container {
  margin: 0;
}
.container .login {
  background-color: #f8f8f8;
  width: 100%;
  height: 180px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.container .login .title {
  font-family: "Good Times";
  font-size: 36px;
  line-height: 43px;
  color: #043668;
}
.container .login .title span {
  color: var(--color-primary);
}
.container .form-container {
  margin: 70px 30%;
}
.form-container .form-group {
  display: flex;
  flex-direction: column;
  margin: 14px 0;
}
.form-container .form-group label {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
  color: var(--color-body-text);
  margin-bottom: 8px;
}
.form-container .form-group input {
  background: #ffffff;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  height: 50px;

  /* NUK OSHT TREGU FONTSIZE , PADDING TE TEXTBOXI */
  /* DEFAULT */
  font-size: 18px;
  padding: 3px 6px;
  width: 100%;
}
.link {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  text-decoration-line: underline;
  margin: 14px 0;
  color: var(--color-primary);
  display: inline-block;
}

.authentication {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  flex-wrap: wrap;
}
.authentication p {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-body-text);
}

@media (max-width: 720px) {
  .container .form-container {
    flex: 1;
    margin: 70px 10%;
  }
}
@media (max-width: 680px) {
  .authentication {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .authentication .sign-in {
    width: 100%;
    margin-top: 10px;
  }
}
/* Create Account */
.container .createAccount {
  background-color: #f8f8f8;
  width: 100%;
  height: 180px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.container .createAccount .title {
  font-family: "Good Times";
  font-size: 36px;
  line-height: 43px;
  color: #043668;
}
.container .createAccount .title span {
  color: var(--color-primary);
  font-family: "Good Times";
}

.container .form-container {
  margin: 70px 30%;
}
.form-container .form-group {
  display: flex;
  flex-direction: column;
  margin: 14px 0;
}
.form-container .form-group label {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
  color: var(--color-body-text);
  margin-bottom: 8px;
}
.form-container .form-group input {
  background: #ffffff;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  height: 50px;

  /* NUK OSHT TREGU FONTSIZE , PADDING TE TEXTBOXI */
  /* DEFAULT */
  font-size: 18px;
  padding: 3px 6px;
  width: 100%;
}
.create-btn {
  display: flex;
  justify-content: flex-end;
}

/* MEDIA QUERY */

@media (max-width: 720px) {
  .container .form-container {
    flex: 1;
    margin: 70px 10%;
  }
}
@media (max-width: 680px) {
  .form-container .sign-in {
    width: 100%;
    margin-top: 10px;
  }
}
.btn-secondary {
  background: var(--color-primary);
  width: 150px;
  height: 50px;
  border: none;
  outline: none;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-primary);
  clip-path: polygon(9% 0, 100% 0%, 91% 100%, 0 100%);
  position: relative;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
}
.btn-secondary span {
  /* top: 1px; */
  position: relative;
  width: 148px;
  height: 48px;
  display: inline-block;
  /* background-color: var(--color-primary); */
  clip-path: polygon(9% 0, 100% 0%, 91% 100%, 0 100%);
  background-color: #ffffff;
  line-height: 50px;
}
.hide {
  display: none;
}
/* Account page */
.empty-account,
.error-page {
  background-color: #f8f8f8;
  width: 100%;
  height: 180px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.empty-account .title,
.error-page .title {
  font-family: "Good Times";
  font-size: 36px;
  line-height: 43px;
  color: #043668;
  margin: 0;
}
.empty-account .title span,
.error-page .title span {
  color: var(--color-primary);
  font-family: "Good Times";
}
.logout-link {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-primary);
  display: inline-block;
}
/* NO FONT FAMILY */
.main .order-history .title {
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  line-height: 24px;
  color: #043668;
  margin-bottom: 16px;
}
.order-history .content,
.account-details p {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-body-text);
}
.order-history .content {
  margin-top: 25px;
}
.account-details .title {
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  line-height: 24px;

  color: #043668;
  margin-bottom: 16px;
}
.order-table {
  width: 75%;
}
.order-table-scroll {
  overflow: scroll;
}
.order-history .title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 24px;
}

.order-table table,
table {
  border-collapse: collapse;
  width: 100%;
  margin-top: 20px;
}
.order-table table thead,
thead {
  background: #f8f8f8;
  padding: 8px 20px;
  height: 60px;
  width: 100%;
}
.order-table table thead th,
th {
  padding: 12px 30px;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  line-height: 24px;
  text-transform: uppercase;
  color: var(--color-body-text);
}

.order-table table tbody td,
td {
  text-align: center;
  padding-bottom: 20px;
  padding-top: 16px;
  color: var(--color-body-text);
}
.order-table table tbody tr {
  border-bottom: 1px solid #f8f8f8;
}
.account-details {
  flex: 1;
  text-align: center;
}
.order-history {
  display: flex;
  justify-content: space-between;
  margin: 50px 10%;
}
.account-details .sign-in {
  display: inline-block;
  text-decoration: none;
}
@media (max-width: 800px) {
  .order-table-scroll,
  .order-table {
    width: 100%;
  }
  .order-history .title {
    display: flex;
    justify-content: center;
    margin-top: 20px;
  }
  .account-details {
    align-items: center;
    flex: 1;
    padding: 40px 0;
  }
  .order-history .content {
    text-align: center;
  }
}
/*  */
.sub-title {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 0;
  margin-top: 12px;
  color: var(--color-body-text);
}
.main-image {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.short-details {
  display: flex;
  justify-content: space-between;
  margin: 30px 0;
}
.priceInEuro {
  /* NO FONT FAMILY */
  font-family: "Roboto", sans-serif;
  font-size: 48px;
  line-height: 45px;
  color: var(--color-primary);
  margin: 0;
}
.product-img {
  height: 500px;
}
.weeks-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.weeks-section .single-section {
  width: 30%;
  padding-right: 30px;
  margin-top: 30px;
}
.weeks-section .single-section .title,
.single-section p strong {
  /* NO FONT FAMILY */
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  line-height: 45px;
  color: #043668;
}

.weeks-section .single-section p,
.single-section > div,
.columns > div {
  /* NO FONT FAMILY */
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-body-text);
}
.weeks-section .single-section p span {
  /* NO FONT FAMILY */
  color: #043668;
  font-weight: bold;
}
.container .horizontal-row {
  background: #e5e5e5;
  height: 1px;
  margin: 24px 0;
}
.horizontal-row.no-bottom-margin {
  margin-bottom: 0;
}
.flex-form,
.week-plan-selection form {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: auto;
}
.subscription {
  width: 100%;
  text-align: left;
  margin-top: 17px;
  clear: both;
  max-width: 400px;
}
.shopify-payment-button__more-options {
  display: none !important;
}

.week-plan-selection .flex-form:not(.flex-end) form:first-child {
  flex: 1;
}
.week-plan-selection select {
  background: #ffffff;
  border: 1px solid #e5e5e5;
  width: 376px;
  height: 50px;
  padding: 0 8px;
  outline: none;
  -webkit-appearance: none;
  background-position-x: 90%;
  background: url(https://cdn.shopify.com/s/files/1/0270/7944/2565/files/keyboard_arrow_down.png?v=1639755643)
    no-repeat;
  background-position-x: 340px;
  background-position-y: center;
}
.fintess-second-image {
  height: 380px;
  width: 100%;
  margin: 30px 0;
}

.what-to-expect .title {
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  line-height: 45px;
  color: #043668;
}
.item-group {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex: 1;
  padding-top: 12px;
}
.list-item {
  width: 360px;
  margin-left: 20px;
}
.list-item .single-item {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-body-text);
}
.justify-buttons {
  display: flex;
  justify-content: flex-end;
}
.priceInEuro del {
  color: var(--color-body-text);
}
.header-section {
  width: 100%;
  height: 180px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.header-section .title {
  text-transform: uppercase;
  font-family: "Good Times";
  font-size: 36px;
  line-height: 43px;
  color: #043668;
  margin: 0;
  text-decoration: none;
}
@media(max-width:768px){
  .header-section .title{
  	font-size:25px;
  }
}
.buttons {
  display: flex;
}
.week-plan-selection .flex-form.flex-end {
  justify-content: flex-end;
}
.columns {
  columns: 3;
}
.transform-details .title {
  font-size: 36px;
  line-height: 43px;
  color: #043668;
  margin: 0;
  font-family: Roboto;
  font-style: normal;
}
.single-section > div {
  margin-bottom: 30px;
}
.order-table::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 2px;
  height: 5px;
}
.order-table::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
@media (max-width: 1024px) {
  .transform-details .title {
    font-size: 28px;
  }
  .priceInEuro {
    font-size: 36px;
  }
}
@media (max-width: 900px) {
  .flex-form,
  .week-plan-selection form {
    flex-direction: column;
  }
  .product-img{
    height: auto;
  }
}
@media (max-width: 768px) {
  .transform-details .title {
    font-size: 22px;
  }
  .priceInEuro {
    font-size: 25px;
  }
  .transform-details {
    padding-right: 20px;
  }
  .buttons {
    margin-top: 12px;
  }
  /* .flex-form,
  .order-history {
    flex-direction: column;
  } */
}
@media (max-width: 767px) {
  .weeks-section .single-section {
    width: 50%;
    margin-top: 20px;
  }
  .short-details .horizontal-row {
    margin-bottom: 0;
  }
}
/* Our story */
.our-story-page-template {
  margin-bottom: 150px;
}
.left-image-with-text {
  width: 100%;
  height: 100%;
  padding-top: 80px;
  padding-bottom: 70px;
}
.page-title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  /* font-size: 48px; */
  line-height: 24px;
  color: #ffffff;
  text-transform: capitalize;
}
.video-ourstory {
  width: 100%;
  height: 580px;
  margin-bottom: 30px;
}
.video-ourstory .iframe-video {
  height: 100%;
  width: 100%;
}
.video-ourstory video {
  width: 100%;
  height: auto;
}
.ourstory-wrapper {
  display: grid;
  grid-template-columns: 1fr 2fr;
}
.our-story-heading {
  text-align: center;
}
.ourstory-image {
  display: flex;
  align-items: flex-end;
  width: 100%;
  height: 100%;
}
.ourstory-content {
  display: flex;
  align-items: flex-end;
  width: 100%;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-body-text);
  padding-left: 58px;
  padding-top: 50px;
}

@media (max-width: 1200px) {
  .ourstory-wrapper {
    display: table-row;
    width: 100%;
    height: 100%;
  }
  .ourstory-image {
    margin-top: 30px;
    width: 50%;
    height: 100%;
  }
  .ourstory-content {
    padding-left: 0px;
  }
  .left-image-with-text {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .our-story-page-template {
    margin-bottom: 75px;
  }
}
@media (max-width: 768px) {
  .ourstory-image {
    width: 70%;
    height: 100%;
    margin: 0 auto;
    margin-top: 30px;
  }
  .video-ourstory {
    height: 100%;
    width: 100%;
  }
}
@media (min-width: 1440px) {
  .video-ourstory video {
    width: 100%;
    height: 100%;
  }
}

/*BLOG*/

.blogs {
  margin: 50px 10%;
}
.blog {
  width: 100%;
  height: 100%;
  /* height: 230px; */
  border: 1px solid #ffffff;
  display: flex;
  flex-wrap: wrap;
  background: #ffffff;
  margin-top: 30px;
}
.single-blog-image {
  max-width: 100% !important;
  flex: 1.5;
  object-fit: cover;
  object-position: center;
}
.blog-data {
  padding: 27px 0px;
  padding-left: 30px;
  padding-right: 20px;
  border: 1px solid #e5e5e5;
  /* width: 750px; */
  flex: 4;
}
.blog-data .title {
  color: #000000;
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
}
.blog-data .post-date {
  font-size: 16px;
  line-height: 19px;
  color: #b1b1b1;
  margin: 17px 0;
  font-weight: 300;
}
.blog-data .post-date span {
  color: var(--color-primary);
}
.blog-data .content {
  font-size: 16px;
  line-height: 24px;
  color: var(--color-body-text);
}

.blog .read-more {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-primary);
  text-decoration: none;
  float: right;
}
.pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 30px;
}
.pagination-button {
  background: #ffffff;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  width: 45px;
  height: 45px;
  display: inline-block;
  line-height: 45px;
  text-align: center;
}
.active-pagination {
  background: var(--color-primary);
  color: #ffffff;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
}

@media (max-width: 800px) {
  .pagination {
    width: 100%;
    display: flex;
    justify-content: center;
  }
}
/* ARTICLE PAGE */

/* CART PAGE */
.empty-cart {
  text-align: center;
  padding: 128px;
}
.empty-cart img {
  max-width: 150px;
}
.btn-primary,
.shopify-payment-button__button--unbranded {
  background-color: var(--color-primary) !important;
  padding: 15px 40px;
  border: none;
  outline: none;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 16px;
  color: #ffffff;
  clip-path: polygon(9% 0, 100% 0%, 91% 100%, 0 100%);
  display: inline-block;
  text-decoration: none;
}
.shopify-payment-button__button--branded{
  min-height: 50px!important;
  clip-path: polygon(9% 0,100% 0%,91% 100%,0 100%);
}
.btn-primary:hover {
  cursor: pointer;
}
.empty-cart p,
.cart__footer p {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
  color: var(--color-body-text);
  margin-bottom: 20px;
  margin-top: 20px;
}
.cart__footer {
  text-align: right;
}
.cart-subtotal {
  margin-top: 33px;
}
.subtotal {
  font-family: "Roboto", sans-serif;
  color: #272727;
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
}
.cart-subtotal .price {
  margin-left: 50px;
}
.cart__footer p {
  margin-top: 10px;
}
.cart td {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-body-text);
}
.cart tr {
  border-bottom: 1px solid #e5e5e5;
}
.quantity {
  width: 50px;
  height: 50px;
  text-align: center;
  border: none;
  background-color: #ffffff;
}
input.qtyplus {
  width: 50px;
  height: 50px;
  border: none;
  background-color: #ffffff;
  color: var(--color-primary);
}
input.qtyminus {
  width: 50px;
  height: 50px;
  border: none;
  background-color: #ffffff;
  color: var(--color-primary);
}
.cart-quantity {
  border: 1px solid #e5e5e5;
  max-width: 150px;
  display: flex;
  margin: auto;
}
.shopify-cleanslate ul {
  justify-content: end;
}
.text-link--accent {
  margin-left: 35px;
}
.cart__image {
  max-height: 50px;
}
.product-details li {
  display: inline-block;
  list-style: none;
}
.product-details {
  display: inline-block;
}
.cart__submit-controls {
  margin-bottom: 30px;
}
.product-title-cart {
  color: #272727;
  position: relative;
  margin-left: 20px;
}
.product-title-cart a {
  text-decoration: none;
  color: #272727;
}
/* PARTNERSHIPS */

.container {
  margin: 60px 10%;
}
@media (max-width: 1024px) {
  .container {
    margin: 30px 5%;
  }
}
.container .title-partnership {
  font-family: "Good Times";
  font-size: 36px;
  line-height: 43px;
  color: #043668;
  text-align: center;
}
.container .title-partnership span {
  color: var(--color-primary);
  font-family: "Good Times";
}
.container .subtitle-partnership,
.all-content p {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
  color: var(--color-body-text);
}
.center-title {
  text-align: center;
  margin: 16px 0;
}
.all-content {
  margin: 40px 0;
}
.all-images {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  flex: 1;
  padding: 0 10%;
}
.all-images .single-image {
  /* opacity: 0.7; */
  /* width: 190px;
  height: 175px; */
  /* margin-right: 173px; */
  margin: 0 40px;
  margin-bottom: 62px;
}
.partnership-logos {
  display: flex;
  flex-wrap: wrap;
}

@media (max-width: 720px) {
  .all-images {
    /* display: flex;
    justify-content: center;
    flex: 0; */
  }
  .all-images .single-image {
    margin-top: 40px;
  }
}

/* TESTIMONIALS */
.testmonials-container {
  margin: 40px 5%;
}
.single-testmonials {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
.single-testmonials .personal-data {
  flex: 1;
  display: flex;
  height: 333px;
}
.personal-data .personal-image {
  height: 333px;
  width: 182px;
}
.personal-data .personal-content {
  flex: 1;
  padding: 0 35px;
  height: 100%;
  overflow: scroll;
}
.personal-content .p-title {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  line-height: 27px;
  color: #000000;
  padding-bottom: 17px;
}
.personal-content .p-content {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  color: var(--color-body-text);
}
.personal-video {
  width: 652px;
  height: 333px;
}
.iframe-testimonials {
  width: 100%;
  height: 100%;
}
.reverse-testimonials .personal-data,
.reverse-testimonials .personal-image {
  order: 2;
}
.reverse-testimonials .personal-content,
.reverse-testimonials .personal-video {
  order: 1;
}

/* MEDIA QUERY */
@media (min-width: 820px) {
  .personal-video {
    margin: 0;
    flex: 1;
  }
}
@media (max-width: 520px) {
  .personal-data .personal-content {
    flex: 1;
    padding: 0 8px;
    height: 100%;
  }
  .personal-video {
    margin: 12px 0;
    height: 240px;
  }
}

/* FOOTER */

.footer {
  min-height: 540px;
  display: flex;
  flex-wrap: wrap;
}
.left-side-footer {
  flex: 1;
  position: relative;
}
.left-side-container {
  padding: 50px 80px;
}
.left-image-footer {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: -1;
  object-fit: cover;
  object-position: right bottom;
}
.right-side-footer {
  flex: 1;
  display: flex;
  align-items: center;
  position: relative;
}
.right-image-footer {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: -1;
  object-fit: cover;
  object-position: center top;
}
.footer .content-footer {
  /* NO FONT FAMILY */
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  margin-top: 18px;
  /* or 150% */
  color: #ffffff;
}
.footer .navigation {
  /* NO FONT FAMILY */
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  line-height: 28px;
  color: #ffffff;
  margin-top: 36px;
  margin-bottom: 24px;
}
.footer .nav-link-footer {
  list-style: none;
}
.footer .nav-link-footer .single-link {
  /* NO FONT FAMILY  */
  list-style: none;
  margin: 9px 0;
}
.nav-link-footer .single-link .single-link-a {
  list-style: none;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 19px;
  color: #ffffff;
  opacity: 0.5;
  margin: 9px 0;
  text-decoration: none;
}
.footer .nav-link-footer .single-link .active-footer-link {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 19px;
  color: #ffffff;
  opacity: 1;

  /* identical to box height */
}
.right-side-footer {
  background: url("./images/unsplash_FP7cfYPPUKM.png");
  flex: 1;
  text-align: center;
}
.right-side-container {
  width: 60%;
  margin: 0 auto;
  padding: 20px 0;
}
.right-side-footer .title {
  font-family: "Good Times";
  font-size: 36px;
  line-height: 43px;
  color: #043668;
}
.right-side-footer .title span {
  color: var(--color-primary);
  font-family: "Good Times";
}
.contact-us-form form {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0 auto;
}
.contact-us-form input {
  margin: 10px 0;
  background: #ffffff;
  border: 1px solid var(--color-border-color);
  height: 50px;
  padding: 6px 10px;
}
.contact-us-form input::focus {
  border-color: var(--color-primary);
}
.contact-us-form textarea {
  font-size: 16px;
  resize: none;
  padding: 6px 10px;
  outline: none;
  border: 1px solid var(--color-border-color);
}
.contact-us-form ::placeholder {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: #c4c4c4;
}
.footer .submit-footer-button {
  background: var(--color-primary);
  width: 150px;
  height: 50px;
  border: none;
  outline: none;
  font-family: "Roboto";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  clip-path: polygon(9% 0, 100% 0%, 91% 100%, 0 100%);
  margin-top: 8px;
  float: right;
  align-self: flex-end;
}
.all-rights-reserved {
  height: 80px;
  background-color: #0862bc;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 19px;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 0px;
}
/* MEDIA QUERY */
@media (max-width: 540px) {
  .footer {
    display: flex;
    flex-direction: column-reverse;
  }
}
@media (max-width: 768px) {
  .right-side-container {
    width: 80%;
  }
  .left-side-container {
    padding-left: 40px;
    padding-right: 40px;
  }
}

/* FEATURED COLLECTION */
.featured-collection-wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 2rem;
  flex: 1;
  padding-bottom: 160px;
}
.featured-collection-product {
  flex: 1;
}
.featured-collection-product a {
  text-decoration: none;
}
.img-explore {
  width: 100%;
  height: 500px;
  object-fit: contain;
  object-position: center;
}
.featured-collection-heading h1 {
  font-family: "Good Times";
  font-size: 36px;
  line-height: 43px;
  color: #043668;
  text-align: center;
  padding-bottom: 17px;
}
.featured-collection-heading h6 {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  color: var(--color-body-text);
  margin-bottom: 45px;
}
.featured-collection-product-title-price {
  display: flex;
  justify-content: space-between;
}
.featured-collection-product-title-price h2 {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 45px;
  color: var(--color-body-text);
}
.main-title-price {
  display: flex;
  justify-content: space-between;
}
.main-title-price {
  font-family: "Roboto", sans-serif;
  font-size: 28px;
  color: #043668;
}
.main-price {
  color: var(--color-primary);
}
.featured-collection-button-cart {
  display: flex;
  justify-content: space-between;
}
.cart-featured {
  display: flex;
  align-items: center;
}
.featured-collection-button-cart .nav-link {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-primary);
  margin-right: 10px;
}
.featured-collection-button-cart .nav-link svg path {
  fill: var(--color-primary);
}
@media (min-width:1440px){
  .img-explore{
    object-position: top;
/*     height:100%; */
  }

}
@media (max-width: 900px) {
  .featured-collection-wrapper {
    display: flex;
    flex-direction: column;
  }
  .img-explore {
    height: auto;
  }
}
.our-story-heading h1 {
  font-family: "Good Times";
  margin-bottom: 10px;
}
.our-story-heading p {
  color: var(--color-body-text);
}
.ourstory-content p {
  font-family: "Poppins", sans-serif;
}
.pagination li {
  list-style: none;
}
.navbar-wrapper .nav-links .single-link .link.active {
  position: relative;
  color: var(--color-primary);
}
.navbar-wrapper .nav-links .single-link .link:hover {
  color: var(--color-primary);
}
.active-navbar-link.active::after {
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  top: calc(100% + 8px);
  background: var(--color-primary);
  width: 100%;
  height: 9px;
  clip-path: polygon(9% 0, 100% 0%, 91% 100%, 0 100%);
}
.icons .nav-link svg path:hover {
  fill: var(--color-primary);
}
@media (max-width: 600px) {
  .banner-background img {
    height: 200px;
    max-width: none;
  }
  .navbar-wrapper .icons {
    right: 13%;
  }
}

/* 404 page */
.error-page-container a {
  background: var(--color-primary);
  border: none;
  outline: 0;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  clip-path: polygon(9% 0, 100% 0%, 91% 100%, 0 100%);
  margin-top: 8px;
  padding: 20px 40px;
}
.error-page-content {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 100px 0;
}

.left-side-banner .content-box p {
  font-weight: 300;
}
.our-story-heading p,
.article-page p,
.article-page-content,
.weeks-section .single-section p,
.blog-data .content {
  font-weight: 300;
}
#shopify-section-partnerships-template .all-content p {
  font-size: 16px;
}
.width-50 {
  width: 50%;
  float: left;
}
.show-mobile {
  display: none;
}
@media (max-width: 500px) {
  .show-mobile {
    display: block;
  }
  .show-desktop {
    display: none;
  }
  .show-mobile .cart__image {
    max-height: none;
    max-width: 80%;
    margin: auto;
  }
  .show-mobile tr {
    position: relative;
  }
  .cart__remove {
    position: absolute;
    right: 7px;
    top: 15px;
  }
  .quantity {
    width: 25px;
    height: 25px;
  }
  input.qtyplus {
    width: 25px;
    height: 25px;
  }
  input.qtyminus {
    width: 25px;
    height: 25px;
  }
  .cart-quantity {
    max-width: 75px;
  }
  .product-title-cart {
    position: relative;
    top: 3px;
    margin-left: 0;
    font-size: 13px;
    margin-top: 20px;
    margin-bottom: 20px;
    display: inline-block;
  }
}
.contact-us-form input:focus,
.contact-us-form textarea:focus {
  border-color: var(--color-primary);
  outline: none;
}
.blue-box-icon {
  max-width: 40px;
}
.product-details__item.hide {
  display: none;
}
.cart__product-meta {
  font-size: 13px;
}
.td-title {
  display: flex;
  justify-content: center;
}
.td-title .product-title-cart {
  text-align: left;
}

/* Correct Fitness premium homepage rebuild */
:root{--cf-blue:#075fcb;--cf-navy:#071d3a;--cf-dark:#111827;--cf-muted:#667085;--cf-light:#f4f8ff;}
.cf-wrap{max-width:1180px;margin:0 auto;padding:0 24px;box-sizing:border-box}.cf-hero{background:linear-gradient(135deg,#fff 0%,#f3f8ff 58%,#e8f1ff 100%);padding:70px 0 55px;overflow:hidden}.cf-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}.cf-eyebrow{font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--cf-blue);margin:0 0 14px}.cf-hero h1{font-family:Arial,Helvetica,sans-serif!important;color:var(--cf-dark);font-size:64px;line-height:.96;margin:0 0 22px;font-weight:900;letter-spacing:-.05em}.cf-hero h1 span{color:var(--cf-blue)}.cf-lead{font-size:20px;line-height:1.55;color:#344054;max-width:650px;margin:0 0 28px}.cf-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:22px}.cf-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:15px 22px;text-transform:uppercase;font-size:13px;font-weight:900;text-decoration:none!important;letter-spacing:.04em}.cf-btn-primary{background:var(--cf-blue);color:#fff!important;box-shadow:0 10px 24px rgba(7,95,203,.24)}.cf-btn-secondary{border:2px solid var(--cf-navy);color:var(--cf-navy)!important;background:#fff}.cf-proof-pills{display:flex;flex-wrap:wrap;gap:10px}.cf-proof-pills span{background:var(--cf-navy);color:#fff;border-radius:999px;padding:9px 14px;font-size:12px;font-weight:800}.cf-hero-photo{position:relative}.cf-hero-photo img{width:100%;display:block;border-radius:28px;box-shadow:0 26px 60px rgba(7,29,58,.2);border:8px solid #fff;object-fit:cover}.cf-strip{background:var(--cf-navy);color:#fff;padding:25px 0}.cf-strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.cf-strip strong,.cf-strip span{display:block}.cf-strip strong{font-size:18px;margin-bottom:4px}.cf-strip span{color:#c6d7f2;font-size:14px}.cf-section{padding:72px 0}.cf-light{background:var(--cf-light)}.cf-two-col{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}.cf-image-card img{width:100%;border-radius:24px;box-shadow:0 22px 55px rgba(7,29,58,.16)}.cf-section h2{font-family:Arial,Helvetica,sans-serif!important;font-size:42px;line-height:1.05;color:var(--cf-dark);letter-spacing:-.035em;margin:0 0 18px;font-weight:900}.cf-section p{font-size:18px;line-height:1.65;color:#475467;margin:0 0 16px}.cf-mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:24px}.cf-mini-grid div,.cf-card{background:#fff;border:1px solid #dbe7fb;border-radius:18px;padding:20px;box-shadow:0 10px 30px rgba(7,29,58,.06)}.cf-mini-grid strong,.cf-mini-grid span{display:block}.cf-mini-grid strong{color:var(--cf-blue);font-size:22px}.cf-mini-grid span{color:#475467}.cf-center{text-align:center;max-width:820px;margin:0 auto}.cf-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px}.cf-card h3{font-size:22px;color:var(--cf-dark);margin:0 0 10px;font-weight:900}.cf-card p{font-size:16px}.cf-card a{color:var(--cf-blue);font-weight:900;text-transform:uppercase;font-size:13px;text-decoration:none}.cf-testimonial-box{background:var(--cf-navy);color:#fff;border-radius:28px;padding:48px;text-align:center;box-shadow:0 22px 60px rgba(7,29,58,.18)}.cf-testimonial-box h2,.cf-testimonial-box p,.cf-testimonial-box strong{color:#fff}.cf-stars{color:#ffd54a!important;font-size:24px!important;letter-spacing:.15em}.cf-service-list{display:flex;flex-wrap:wrap;gap:12px}.cf-service-list span{border:1px solid #cbdcf6;background:#fff;border-radius:999px;padding:12px 16px;font-weight:800;color:var(--cf-navy)}.cf-cta{background:linear-gradient(135deg,var(--cf-navy),#0a4ea3);padding:72px 0;color:#fff}.cf-cta h2,.cf-cta p{color:#fff}.cf-cta .cf-eyebrow{color:#9cc7ff}@media(max-width:900px){.cf-hero-grid,.cf-two-col{grid-template-columns:1fr}.cf-hero{padding:42px 0}.cf-hero h1{font-size:44px}.cf-lead{font-size:17px}.cf-strip-grid,.cf-cards{grid-template-columns:1fr 1fr}.cf-section h2{font-size:34px}.cf-hero-photo{order:-1}.cf-hero-photo img{max-height:460px;object-position:top center}}@media(max-width:560px){.cf-wrap{padding:0 18px}.cf-hero h1{font-size:38px}.cf-actions,.cf-btn{width:100%}.cf-strip-grid,.cf-cards,.cf-mini-grid{grid-template-columns:1fr}.cf-section{padding:48px 0}.cf-testimonial-box{padding:30px 20px}.cf-hero-photo img{border-radius:18px;border-width:5px}}

/* Correct Fitness contact form fixes */
html { scroll-behavior: smooth; }
.cf-contact { background: #f6f8fb; }
.cf-contact-direct { margin-top: 24px; padding: 18px; border-left: 5px solid #0057c8; background: #fff; border-radius: 12px; }
.cf-contact-direct a { color: #0057c8; font-weight: 800; text-decoration: none; }
.cf-form-card { background: #fff; border-radius: 20px; padding: 28px; box-shadow: 0 16px 45px rgba(10, 32, 70, 0.12); border: 1px solid rgba(0,0,0,.08); }
.cf-form-card label { display: block; margin: 14px 0 7px; font-weight: 800; color: #111827; }
.cf-form-card input, .cf-form-card select, .cf-form-card textarea { width: 100%; border: 1px solid #d7dde8; border-radius: 10px; padding: 13px 14px; font-size: 16px; background: #fff; }
.cf-submit { width: 100%; margin-top: 18px; border: 0; cursor: pointer; }
.cf-success { background: #e8f7ee; border: 1px solid #b5e3c5; padding: 12px; border-radius: 10px; font-weight: 800; }
@media (max-width: 760px) { .cf-form-card { padding: 20px; } }