/* extra large Devices, Desktops */

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


/* large Devices, Desktops */


@media only screen and (max-width: 1440px) {
  .sl-wrapper {
    height: 400px;
    width: 682px;
    display: inline-block;
  }

  .sl-header-wrapper {
    width: 400px;
  }

  .digital-innovation .swiper-container {
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translate(0px, -50%);
    width: 665px;
    height: 400px;
  }

  .sl-main-container {
    width: 1136px;
    display: flex;
    align-items: center;
  }

  .sl--card-hide {
    transform: translate(0px, 216px);
  }

  .sl--content-container .sl--card-content {
    font-weight: 300;
    margin-top: 15px;
    overflow-y: auto;
    text-align: center;
    color: rgb(96, 96, 96);
    font-size: 14px;
  }
}

@media only screen and (max-width: 1280px) {
  .our-programm .bg-slider {
    background-size: cover;
    background-position: 70% top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding: 2rem 4rem;
    border-radius: 30px;
  }

  .our-programm .bg-slider1 {
    background-position: 76% top;
  }

  .our-programm .bg-slider7 {
    background-position: 56% top;
  }

  .d-1136 {
    display: none;
  }

  .d-1920 {
    display: block;
  }
}


/* Medium Devices, Desktops */

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

  .navbar .navbar-brand img {
    max-width: 100%;
  }

  .sl-wrapper {
    height: 400px;
    width: 522px;
    display: inline-block;
  }

  .sl-main-container {
    width: 924px;
    display: flex;
    align-items: center;
  }

  .digital-innovation .swiper-container {
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translate(0px, -50%);
    width: 505px;
    height: 400px;
  }

  .sl--card-hide {
    height: 620px;
    transform: translate(0px, 156px);
  }

}


/* Small Devices, Tablets */

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

  .approach-section .swiper-button-next,
  .our-programm .swiper-container-rtl .swiper-button-prev {
    right: 1vh !important;
    filter: grayscale(1);
    top: 70%;
  }

  .approach-section .swiper-button-prev,
  .our-programm .swiper-container-rtl .swiper-button-next {
    left: 1vh !important;
    filter: grayscale(1);
    top: 70%;
  }

  .navbar .navbar-brand img {
    max-width: 100%;
  }

  .banner-imgage {
    height: auto;
  }

  img.banner-1 {
    position: absolute;
    left: 10px;
    bottom: 63vh;
    border-radius: 0px;
    width: 30%;
  }

  img.banner-2 {
    position: absolute;
    left: 0px;
    bottom: 40vh;
    border-radius: 0px;
    width: 30%;
  }

  img.banner-3 {
    position: absolute;
    right: 20px;
    bottom: 70vh;
    border-radius: 0px;
    width: 30%;
  }

  img.banner-4 {
    position: absolute;
    right: -20px;
    bottom: 53vh;
    border-radius: 0px;
    width: 30%;
  }

  img.banner-5 {
    position: absolute;
    right: 30px;
    bottom: 32vh;
    border-radius: 0px;
    width: 30%;
  }


  nav.navbar.navbar-expand-lg.sticky-top.bg-light {
    height: 60px;
  }

  nav.navbar.navbar-expand-lg.sticky-top.bg-light.black {
    height: 60px;
  }

  .navbar-collapse {
    background-color: rgb(255 255 255) !important;
    padding: 0px 20px 20px 20px;
    border-radius: 0 0 20px 20px;
    margin-top: 10px;
    position: absolute;
    left: 0rem;
    right: 0rem;
    width: 100%;
    top: 3rem;
  }


  .navbar-toggler {
    /* border: var(--bs-border-width) solid #fff; */
    border-radius: 50px;
  }

  .nav-w {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .header-w {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .header-bg {
    padding-top: 80px;
    padding-bottom: 0px;
    /* background-image: url(../images/header_bg_m.jpg);
background-size: cover;
background-position: top;
background-repeat: no-repeat; */
    width: 100%;
    margin-top: -60px;
    background-attachment: fixed;
    display: flex;
    align-items: flex-start;
    z-index: 1;
    height: auto;
  }



  .header-about-bg {
    padding-top: 80px;
    padding-bottom: 0px;
    background-size: cover;
    background-image: url(../images/header_bg_about_m.jpg);
    background-position: top;
    background-repeat: no-repeat;
    width: 100%;
    margin-top: -60px;
    background-attachment: fixed;
    display: flex;
    align-items: flex-start;
    z-index: 1;
  }

  .header-about-bg h1 {
    font-size: 28px;
    color: rgb(100, 100, 100);
    line-height: 1.2;
    font-weight: 500;
  }

  .header-about-bg h1 span {
    font-weight: 800;
    font-size: 35px;
  }

  .header-about-bg h2 {
    font-size: 16px;
    color: #333;
    font-weight: 300;
    line-height: 1.4;
  }

  .our-programm {
    /* background: rgb(235,249,248);
background: linear-gradient(180deg, rgba(235,249,248,1) 0%, rgba(255,255,255,1) 100%); */
    z-index: 3;
    border-radius: 0;
    /* margin-top: -40px; */
    padding-top: 40px;
    padding-bottom: 40px;
    background-position: top !important;
  }

  .swiper-button-next,
  .swiper-container-rtl .swiper-button-prev {
    right: 15px !important;
    filter: grayscale(1);
    height: 20px !important;
  }

  .swiper-button-prev,
  .swiper-container-rtl .swiper-button-next {
    left: 15px !important;
    filter: grayscale(1);
    height: 20px !important;
  }

  .our-programm .bg-slider {
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding: 2rem;
    border-radius: 30px;
    padding-bottom: 28rem;
  }

  .our-programm img {
    border-radius: 24px;
  }

  .our-programm .bg-slider1 {
    background-image: url(../images/our-programm-slide1-m.jpg);
  }

  .our-programm .bg-slider2 {
    background-image: url(../images/our-programm-slide2-m.jpg);
  }

  .our-programm .bg-slider3 {
    background-image: url(../images/our-programm-slide3-m.jpg);
  }

  .our-programm .bg-slider4 {
    background-image: url(../images/our-programm-slide4-m.jpg);
  }

  .our-programm .bg-slider5 {
    background-image: url(../images/our-programm-slide5-m.jpg);
  }

  .our-programm .bg-slider6 {
    background-image: url(../images/our-programm-slide6-m.jpg);
  }

  .our-programm .bg-slider7 {
    background-image: url(../images/our-programm-slide7-m.jpg);
  }

  .our-programm .bg-slider8 {
    background-image: url(../images/our-programm-slide8-m.jpg);
  }

  .our-programm h1 {
    font-size: 28px;
  }

  .our-programm .swiper-button-next,
  .our-programm .swiper-container-rtl .swiper-button-prev {
    right: 20px !important;
    filter: grayscale(1);
  }

  .our-programm .swiper-button-prev,
  .our-programm .swiper-container-rtl .swiper-button-next {
    left: 20px !important;
    filter: grayscale(1);
  }

  .our-programm h2 {
    font-size: 20px;
  }

  .our-programm h3 {
    font-size: 24px;
    text-align: center;
  }

  .our-programm p {
    margin-top: 0;
    font-size: 18px;
    color: #171818;
    font-weight: 300;
    line-height: 1.4;
    margin-bottom: 0rem;
    text-align: center;
  }

  .conventional-care {
    /* background-color: #fff; */
    z-index: 3;
    border-radius: 20px 20px 0 0;
    margin-top: 0px;
    padding-top: 20px;
    padding-bottom: 40px;
  }

  .conventional-care h1 {
    font-size: 24px;
    line-height: 1;
    text-align: center;
    margin-top: 1rem;
  }

  .conventional-care p {
    margin-top: 0;
    font-size: 16px;
    color: #171818;
    font-weight: 300;
    line-height: 1.4;
    margin-bottom: 1.5rem;
    text-align: center;
  }

  .conventional-care h2 {
    font-size: 18px;
    color: #202020;
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
  }

  .UserSpeak {
    background-color: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .UserSpeak h1 {
    font-size: 24px;
    margin-bottom: 1.5rem;
    text-align: center;
  }

  .UserSpeak .container {
    width: 82%;
    margin: 0 auto;
  }

  .UserSpeak .swiper-button-prev,
  .UserSpeak .swiper-container-rtl .swiper-button-next {
    left: 5vw !important;
    filter: grayscale(1);
    top: 56%;
  }

  .UserSpeak .swiper-button-next,
  .UserSpeak .swiper-container-rtl .swiper-button-prev {
    right: 5vw !important;
    filter: grayscale(1);
    top: 56%;
  }

  .UserSpeak h2 {
    font-size: 16px;
    color: #202020;
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
  }

  .UserSpeak h2:last-child {
    margin-bottom: 3rem;
  }

  .l-container {
    display: flex;
    flex-direction: column;
  }

  .tab-menu {
    width: 70%;
    margin: 0 auto;
  }

  .tab-image {
    width: 100%;
    padding-right: 0px;
  }

  .tab-content-text h3 {
    margin-top: 0;
    font-size: 20px;
    color: #76cc8f;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 0;
  }

  .tab-content-text h4 {
    margin-top: 0;
    font-size: 20px;
    color: #606060;
    font-weight: 600;
    line-height: 1.4;
  }

  .tab-content-text p {
    margin-top: 0;
    font-size: 16px;
    color: #606060;
    font-weight: 300;
    line-height: 1.4;
    margin-bottom: 0;
  }

  .tab-content-text {
    position: absolute;
    top: 300px;
    right: 0px;
    padding: 0px;
    width: 100%;
    text-align: center;
  }

  .nurturing-wellness {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .nurturing-wellness .grey-box {
    background-color: #f4f4f4;
    border-radius: 30px;
    padding: 30px;
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .nurturing-wellness h1 {
    font-size: 24px;
    line-height: 1;
    text-align: center;
  }

  .nurturing-wellness h3 {
    font-size: 18px;
    color: #333;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 1rem;
    text-align: center;
  }

  .nurturing-wellness h2 {
    font-size: 20px;
    line-height: 1.3;
    text-align: center;
  }

  .nurturing-wellness .nwmb-img-1 {
    height: 100px;
  }

  .timeline-item .subtitle1 {
    padding-left: 3vh;
  }

  .timeline-item .maintitle {
    padding-left: 3vh;
  }

  .timeline-item__number {
    padding-left: 3vh;
  }

  .swiper-timeline .swiper-slide:first-child {
    margin-left: 0%;
  }

  .timeline-item .caption {
    padding-left: 3vh;
    width: 100%;
    padding-right: 8px;
    font-size: 16px;
    color: #2d2d2d;
    font-weight: 300;
    line-height: 1.4;
  }

  .small-habits {
    background-color: #fff;
    z-index: 3;
    border-radius: 20px 20px 0 0;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 50px;
  }

  .small-habits h1 {
    font-size: 25px;
    color: #202020;
    font-weight: 400;
    line-height: 1.3;
    text-align: center;
  }

  .small-habits h2 {
    font-size: 16px;
    color: #333;
    font-weight: 300;
    line-height: 1.3;
    text-align: center;
  }

  .digital-innovation {
    background-color: #e46435;
    z-index: 3;
    border-radius: 20px 20px 0 0;
    margin-top: -40px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .digital-innovation h1 {
    font-size: 25px;
    color: #fff;
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
  }

  .approach-section {
    padding-bottom: 30px;
  }

  .approach-section h1 {
    font-size: 24px;
    color: rgb(61, 66, 108);
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
  }

  .approach-section h2 {
    font-size: 21px;
  }

  .approach-section h3 {
    font-size: 16px;
  }

  .swiper-button-prev3,
  .swiper-button-next3 {
    filter: invert(1);
    display: block;
  }

  .lifestyle-section {
    padding-bottom: 30px;
    padding-top: 30px;
  }

  .lifestyle-section h1 {
    text-align: center;
    font-size: 24px;
    color: rgb(61, 66, 108);
    font-weight: 600;
    line-height: 1;
  }

  .lifestyle-section h2 {
    font-size: 21px;
  }

  .lifestyle-section h3 {
    font-size: 14px;
    margin-bottom: 0.5rem;
    text-align: center;
  }

  .lifestyle-section .lifestyle-img {
    height: auto;
  }

  .lifestyle-section .dot {
    font-size: 12px;
  }

  .swiper-button-prev4,
  .swiper-button-next4 {
    filter: invert(1);
    top: 35%;
  }


  .achieving-bg {
    border-radius: 20px 20px;
    padding: 10px;
    background-size: cover;
    background-repeat: repeat;
  }

  .achieving-bg h1 {
    text-align: center;
    font-size: 24px;
    color: rgb(61, 66, 108);
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 1rem;
  }

  .achieving-bg h3 {
    font-size: 12px;
    margin-top: 0rem;
    margin-bottom: 0px;
    color: #404040;
    font-weight: 300;
    line-height: 1.3;
    text-align: left;
  }

  .achieving-section {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .achieving-bg h2 {
    font-size: 26px;
    margin-top: 0rem;
    margin-bottom: 0rem;
    color: rgb(64, 64, 64);
    font-weight: 700;
    line-height: 1;
    text-align: left;
  }

  .award-winning-section {
    padding-top: 40px;
    padding-bottom: 0px;
  }

  .award-winning-section h1 {
    font-size: 25px;
    color: #383838;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 10px;
  }

  .award-winning-section h2 {
    font-size: 16px;
  }

  .award-winning-section1 {
    background-color: #fff;
    z-index: 2;
    padding-top: 0px;
    padding-bottom: 30px;
    border-radius: 0 0 20px 20px;
  }

  .rewards-section {
    /* background-color: #dcdee0; */
    z-index: 1;
    padding-top: 70px;
    padding-bottom: 20px;
    margin-top: -40px;
  }

  .rewards-section h1 {
    font-size: 24px;
    line-height: 1;
    text-align: center;
  }

  .rewards-section .swiper-button-next,
  .rewards-section .swiper-button-prev {
    filter: grayscale(1);
    display: none;
  }

  .rewards-section h2 {
    font-size: 18px;
    color: #202020;
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
  }

  .rewards-section h3 {
    font-size: 20px;
    margin-top: 1rem;
    margin-bottom: 1px;
    line-height: 1.4;
  }

  .general-practiconer-section {
    background-color: #fff;
    z-index: 3;
    padding-top: 0px;
    padding-bottom: 10px;
  }

  .general-practiconer-section h1 {
    font-size: 17px;
    color: #FFF;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 20px;
    text-align: center;
    margin-bottom: 0;
  }

  .general-practiconer-section-bg {
    border-radius: 20px;
    background-color: rgb(101, 104, 148);
    padding: 16px;
  }

  .general-practiconer-section .btn-call-now {
    background-color: #ff4800;
    border: 0;
    padding: 3px 10px;
    font-size: 25px;
    width: 100%;
    border-radius: 14px;
  }

  .nhs-section {
    background-color: #fff;
    z-index: 3;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .rewards-section .swiper-slide {
    padding: 0 0rem;
    height: auto;
  }

  .nhs-section h1 {
    font-size: 16px;
  }

  .nhs-section h2 {
    font-size: 16px;
  }

  .nhs-section .slide {
    width: 300px;
  }

  .digital-innovation .swiper-container {
    width: 100%;
    height: 400px;
  }

  .sl-main-container {
    width: auto;
    display: flex;
    align-items: center;
    flex-direction: column;
  }

  .sl-wrapper {
    height: 400px;
    width: 100%;
    display: inline-block;
  }

  .sl-header-wrapper {
    width: auto;
  }

  .sl--content-container .sl--card-content {
    font-weight: 300;
    margin-top: 15px;
    overflow-y: auto;
    text-align: center;
    color: rgb(96, 96, 96);
    font-size: 14px;
  }

  footer {
    padding-bottom: 30px;
    padding-top: 30px;
  }

  .bg-footer {
    border-radius: 20px;
    margin: 0 auto;
    width: 100%;
    padding: 10px 0px;
  }

  .footerlinks li {
    display: inline-block;
    text-align: center;
    padding: 0px 10px 10px 10px;
  }

  .footerlinks ul {
    padding-left: 0px;
  }

  footer .col-md-4,
  footer .col-md-8,
  footer .footerlinks {
    text-align: center;
    margin-bottom: 0.5rem;
  }

  .socials {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
  }

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

  footer .bigicon,
  footer p {
    color: #7e7e7e;
    font-size: 14px;
    text-align: center;
  }

  footer .col-md-9 {
    padding-right: 0px;
    padding-left: 0px;
  }

  .nav-link {
    color: #000;
  }

  .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 100%;
    background: #bebebe;
    opacity: .2;
  }

  .swiper-pagination-bullet-active {
    opacity: 1;
    background: #bebebe;
  }


}

/* Mobile Devices */

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

  nav.navbar.navbar-expand-lg.sticky-top.bg-light {
    height: 60px;
  }

  nav.navbar.navbar-expand-lg.sticky-top.bg-light.black {
    height: 60px;
  }

  .navbar-collapse {
    background-color: rgb(255 255 255) !important;
    padding: 10px 20px 10px 20px;
    border-radius: 0 0 20px 20px;
    margin-top: 10px;
    position: absolute;
    left: 0rem;
    right: 0rem;
    width: 100%;
    top: 3rem;
  }

  .col-12.col-sm-12.col-md-12.col-lg-5.col-xl-5.align-self-center {
    text-align: center;
  }

  img.banner-1 {
    position: absolute;
    left: 10px;
    bottom: 43vh;
    border-radius: 0px;
    width: 30%;
  }

  img.banner-2 {
    position: absolute;
    left: 0px;
    bottom: 20vh;
    border-radius: 0px;
    width: 30%;
  }

  img.banner-3 {
    position: absolute;
    right: 20px;
    bottom: 50vh;
    border-radius: 0px;
    width: 30%;
  }

  img.banner-4 {
    position: absolute;
    right: -20px;
    bottom: 33vh;
    border-radius: 0px;
    width: 30%;
  }

  .offer-div {
    border-radius: 20px;
    background-color: rgb(38, 68, 166);
    position: absolute;
    z-index: 9999;
    bottom: 10px;
    width: auto;
    display: flex;
    left: 10px;
    right: 10px;
  }

  .offer-div.stick-to-right {
    position: fixed;
    right: 70px;
    bottom: 10px;
    left: 10px;
    width: 81%;
  }

  .offerTagName {
    font-size: 22px;
    color: rgb(255, 255, 255);
    font-weight: 500;
    line-height: 1.2;
    padding: 10px;
    text-align: center;
    width: 100%;
  }

  #movetop {
    bottom: 20px;
  }

  .offerTagName span {
    font-size: 32px;
    color: rgb(255, 255, 255);
    font-weight: 600;
  }

  .stick-to-right .offerTagName {
    font-size: 16px;
    color: rgb(255, 255, 255);
    font-weight: 500;
    line-height: 1.2;
    padding: 10px;
    text-align: center;
    width: 100%;
  }

  .stick-to-right .offerTagName span {
    font-size: 24px;
    color: rgb(255, 255, 255);
    font-weight: 600;
  }

  .offerTag {
    border-radius: 20px 0 0 20px;
    background-color: #ff7e00;
    font-size: 13px;
    color: rgb(255, 255, 255);
    font-weight: 500;
    line-height: 1.2;
    padding: 10px;
    text-align: center;
    display: flex;
    align-items: center;
  }

  img.banner-5 {
    position: absolute;
    right: 30px;
    bottom: 12vh;
    border-radius: 0px;
    width: 30%;
  }

  .banner-img {
    position: relative;
    height: 60vh;
    display: flex;
    align-items: flex-end;
    justify-content: center;
  }

  .navbar-toggler {
    /* border: var(--bs-border-width) solid #fff; */
    border-radius: 50px;
  }

  .nav-w {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .header-w {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
    height: 90vh;
  }

  .header-bg {
    padding-top: 80px;
    padding-bottom: 0px;
    background-image: url(../images/header_bg_m.jpg);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    width: 100%;
    margin-top: -60px;
    background-attachment: fixed;
    display: flex;
    align-items: flex-start;
    z-index: 1;
    height: auto;
  }

  .header-bg h1 {
    font-size: 24px;
    line-height: 1.2;
    text-align: center;
  }

  .header-bg h1 span {
    font-size: 20px;
  }

  .header-bg h2 {
    font-size: 16px;
    color: #333;
    font-weight: 300;
    line-height: 1.4;
    text-align: center;
  }

  .img-mobile {
    height: 45vh;
    margin-top: 20px;
  }

  .header-about-bg {
    padding-top: 80px;
    padding-bottom: 0px;
    background-size: cover;
    background-image: url(../images/header_bg_about_m.jpg);
    background-position: top;
    background-repeat: no-repeat;
    width: 100%;
    margin-top: -60px;
    background-attachment: fixed;
    display: flex;
    align-items: flex-start;
    z-index: 1;
  }

  .header-about-bg h1 {
    font-size: 28px;
    color: rgb(100, 100, 100);
    line-height: 1.2;
    font-weight: 500;
  }

  .header-about-bg h1 span {
    font-weight: 800;
    font-size: 35px;
  }

  .header-about-bg h2 {
    font-size: 16px;
    color: #333;
    font-weight: 300;
    line-height: 1.4;
  }

  .our-programm {
    z-index: 3;
    border-radius: 0;
    /* margin-top: -40px; */
    padding-top: 40px;
    padding-bottom: 10px;
    background-position: top !important;
  }

  .our-programm .content-bg {
    padding-bottom: 0px;
    padding-top: 20px;
  }

  .swiper-button-next,
  .swiper-container-rtl .swiper-button-prev {
    right: 15px !important;
    filter: grayscale(1);
    height: 20px !important;
    /* display: none; */
  }

  .swiper-button-prev,
  .swiper-container-rtl .swiper-button-next {
    left: 15px !important;
    filter: grayscale(1);
    height: 20px !important;
    /* display: none; */
  }

  .our-programm .bg-slider {
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding: 2rem;
    border-radius: 30px;
    padding-bottom: 12rem;
  }

  .our-programm .bg-slider1 {
    background-image: url(../images/our-programm-slide1-m.jpg);
  }

  .our-programm .bg-slider2 {
    background-image: url(../images/our-programm-slide2-m.jpg);
  }

  .our-programm .bg-slider3 {
    background-image: url(../images/our-programm-slide3-m.jpg);
  }

  .our-programm .bg-slider4 {
    background-image: url(../images/our-programm-slide4-m.jpg);
  }

  .our-programm .bg-slider5 {
    background-image: url(../images/our-programm-slide5-m.jpg);
  }

  .our-programm .bg-slider6 {
    background-image: url(../images/our-programm-slide6-m.jpg);
  }

  .our-programm .bg-slider7 {
    background-image: url(../images/our-programm-slide7-m.jpg);
  }

  .our-programm .bg-slider8 {
    background-image: url(../images/our-programm-slide8-m.jpg);
  }

  .our-programm h1 {
    font-size: 24px;
  }

  .our-programm .swiper-button-next,
  .our-programm .swiper-container-rtl .swiper-button-prev {
    right: 20px !important;
    filter: grayscale(1);
  }

  .our-programm .swiper-button-prev,
  .our-programm .swiper-container-rtl .swiper-button-next {
    left: 20px !important;
    filter: grayscale(1);
  }

  .our-programm h2 {
    font-size: 18px;
  }

  .our-programm h3 {
    margin-top: 1rem;
    font-size: 22px;
    text-align: center;
  }

  .our-programm p {
    margin-top: 0;
    font-size: 16px;
    color: #171818;
    font-weight: 300;
    line-height: 1.4;
    margin-bottom: 1.5rem;
    text-align: center;
  }

  .conventional-care {
    /* background-color: #fff; */
    z-index: 3;
    border-radius: 20px 20px 0 0;
    margin-top: 0px;
    padding-top: 30px;
    padding-bottom: 20px;
  }

  .conventional-care h1 {
    font-size: 24px;
    line-height: 1;
    text-align: center;
    margin-top: 1.5rem;
  }

  .conventional-care .grey-box {
    background-color: #f4f4f4;
    border-radius: 30px;
    overflow: hidden;
    margin-right: 1rem !important;
    margin-left: 1rem !important;
    padding-bottom: 2rem;
  }

  .conventional-care .img-slide-app {
    border-radius: 30px;
  }

  .conventional-care h2 {
    font-size: 18px;
    color: #202020;
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
  }

  .conventional-care .sliderimg {
    height: 48vh;
    margin-bottom: 1rem;
  }

  .l-container {
    display: flex;
    flex-direction: column;
  }

  .tab-menu {
    width: 70%;
    margin: 0 auto;
  }

  .tab-image {
    width: 100%;
    padding-right: 0px;
  }

  .tab-content-text h3 {
    margin-top: 0;
    font-size: 20px;
    color: #76cc8f;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 0;
  }

  .tab-content-text h4 {
    margin-top: 0;
    font-size: 20px;
    color: #606060;
    font-weight: 600;
    line-height: 1.4;
  }

  .tab-content-text p {
    margin-top: 0;
    font-size: 16px;
    color: #606060;
    font-weight: 300;
    line-height: 1.4;
    margin-bottom: 0;
  }

  .tab-content-text {
    position: absolute;
    top: 300px;
    right: 0px;
    padding: 0px;
    width: 100%;
    text-align: center;
  }

  .nurturing-wellness {
    z-index: 3;
    /* border-radius: 20px 20px 0 0; */
    /* margin-top: 20px; */
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .nurturing-wellness h1 {
    font-size: 24px;
    line-height: 1;
    text-align: center;
  }

  .nurturing-wellness h2 {
    font-size: 20px;
    line-height: 1.3;
    text-align: left;
    margin-bottom: 0;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

  }

  .nurturing-wellness h2 .price {
    font-size: 32px;
    font-weight: 600;
  }

  .nurturing-wellness h2 .price span {
    font-size: 22px;
  }

  .nurturing-wellness .nwmb-img-1 {
    height: 100px;
  }

  .timeline-item .subtitle1 {
    padding-left: 3vh;
  }

  .timeline-item .maintitle {
    padding-left: 3vh;
  }

  .timeline-item__number {
    padding-left: 3vh;
  }

  .swiper-timeline .swiper-slide:first-child {
    margin-left: 0%;
  }

  .timeline-item .caption {
    padding-left: 3vh;
    width: 100%;
    padding-right: 8px;
    font-size: 16px;
    color: #2d2d2d;
    font-weight: 300;
    line-height: 1.4;
  }

  .small-habits {
    background-color: #fff;
    z-index: 3;
    border-radius: 20px 20px 0 0;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 50px;
  }

  .small-habits h1 {
    font-size: 25px;
    color: #202020;
    font-weight: 400;
    line-height: 1.3;
    text-align: center;
  }

  .small-habits h2 {
    font-size: 16px;
    color: #333;
    font-weight: 300;
    line-height: 1.3;
    text-align: center;
  }

  .digital-innovation {
    background-color: #e46435;
    z-index: 3;
    border-radius: 20px 20px 0 0;
    margin-top: -40px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .digital-innovation h1 {
    font-size: 25px;
    color: #fff;
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
  }

  .approach-section {
    padding-bottom: 30px;
  }

  .approach-section h1 {
    font-size: 24px;
    color: rgb(61, 66, 108);
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
  }

  .approach-section h2 {
    font-size: 21px;
  }

  .approach-section h3 {
    font-size: 16px;
  }

  .swiper-button-prev3,
  .swiper-button-next3 {
    filter: invert(1);
    display: none;
  }

  .lifestyle-section {
    padding-bottom: 30px;
    padding-top: 30px;
  }

  .lifestyle-section h1 {
    text-align: center;
    font-size: 24px;
    color: rgb(61, 66, 108);
    font-weight: 600;
    line-height: 1;
  }

  .lifestyle-section h2 {
    font-size: 21px;
  }

  .lifestyle-section h3 {
    font-size: 14px;
    margin-bottom: 0.5rem;
    text-align: center;
  }

  .lifestyle-section .lifestyle-img {
    height: 70vh;
  }

  .lifestyle-section .dot {
    font-size: 12px;
  }

  .swiper-button-prev4,
  .swiper-button-next4 {
    filter: invert(1);
    top: 35%;
  }


  .achieving-bg {
    border-radius: 20px 20px;
    padding: 10px;
    background-size: cover;
    background-repeat: repeat;
  }

  .achieving-bg h1 {
    text-align: center;
    font-size: 24px;
    color: rgb(61, 66, 108);
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 1rem;
  }

  .achieving-bg h3 {
    font-size: 12px;
    margin-top: 0rem;
    margin-bottom: 0px;
    color: #404040;
    font-weight: 300;
    line-height: 1.3;
    text-align: left;
  }

  .achieving-section {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .achieving-bg h2 {
    font-size: 26px;
    margin-top: 0rem;
    margin-bottom: 0rem;
    color: rgb(64, 64, 64);
    font-weight: 700;
    line-height: 1;
    text-align: left;
  }

  .award-winning-section {
    padding-top: 40px;
    padding-bottom: 0px;
  }

  .award-winning-section h1 {
    font-size: 25px;
    color: #383838;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 10px;
  }

  .award-winning-section h2 {
    font-size: 16px;
  }

  .award-winning-section1 {
    background-color: #fff;
    z-index: 2;
    padding-top: 0px;
    padding-bottom: 30px;
    border-radius: 0 0 20px 20px;
  }

  .rewards-section {
    /* background-color: #dcdee0; */
    z-index: 1;
    padding-top: 70px;
    padding-bottom: 40px;
  }

  .rewards-section h1 {
    font-size: 24px;
    line-height: 1;
    text-align: center;
    margin-bottom: 0;
  }

  .rewards-section p {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
  }

  .rewards-section .container {
    width: 93%;
    margin: 0 auto;
  }

  .rewards-section .swiper-button-next,
  .rewards-section .swiper-button-prev {
    filter: grayscale(1);
    display: none;
  }

  .rewards-section h2 {
    font-size: 18px;
    color: #202020;
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
  }

  .rewards-section h3 {
    font-size: 20px;
    margin-top: 0rem;
    margin-bottom: 1rem;
    line-height: 1.4;
  }

  .rewards-section button.accordion-button {
    border-width: 0px;
    border-color: #f2f2f2;
    border-style: solid;
    border-radius: 10px !important;
    background-color: #f2f2f2;
    font-size: 17px;
    font-weight: 400;
  }

  .general-practiconer-section {
    background-color: #fff;
    z-index: 3;
    padding-top: 0px;
    padding-bottom: 10px;
  }

  .general-practiconer-section h1 {
    font-size: 17px;
    color: #FFF;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 20px;
    text-align: center;
    margin-bottom: 0;
  }

  .general-practiconer-section-bg {
    border-radius: 20px;
    background-color: rgb(101, 104, 148);
    padding: 16px;
  }

  .general-practiconer-section .btn-call-now {
    background-color: #ff4800;
    border: 0;
    padding: 3px 10px;
    font-size: 25px;
    width: 100%;
    border-radius: 14px;
  }

  .nhs-section {
    background-color: #fff;
    z-index: 3;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .rewards-section .swiper-slide {
    padding: 0 0rem;
    height: auto;
  }

  .nhs-section h1 {
    font-size: 16px;
  }

  .nhs-section h2 {
    font-size: 16px;
  }

  .nhs-section .slide {
    width: 300px;
  }

  .digital-innovation .swiper-container {
    width: 100%;
    height: 400px;
  }

  .sl-main-container {
    width: auto;
    display: flex;
    align-items: center;
    flex-direction: column;
  }

  .sl-wrapper {
    height: 400px;
    width: 100%;
    display: inline-block;
  }

  .sl-header-wrapper {
    width: auto;
  }

  .sl--content-container .sl--card-content {
    font-weight: 300;
    margin-top: 15px;
    overflow-y: auto;
    text-align: center;
    color: rgb(96, 96, 96);
    font-size: 14px;
  }

  footer {
    padding-bottom: 100px;
    padding-top: 30px;
  }

  .bg-footer {
    border-radius: 20px;
    margin: 0 auto;
    width: 100%;
    padding: 10px 0px;
  }

  .footerlinks li {
    display: inline-block;
    text-align: center;
    padding: 0px 10px 10px 10px;
  }

  .footerlinks ul {
    padding-left: 0px;
  }

  footer .col-md-4,
  footer .col-md-8,
  footer .footerlinks {
    text-align: center;
    margin-bottom: 0.5rem;
  }

  .socials {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
  }

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

  footer .bigicon,
  footer p {
    color: #7e7e7e;
    font-size: 14px;
    text-align: center;
  }

  footer .col-md-9 {
    padding-right: 0px;
    padding-left: 0px;
  }

  .nav-link {
    color: #000;
  }

  .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 100%;
    background: #bebebe;
    opacity: .2;
  }

  .swiper-pagination-bullet-active {
    opacity: 1;
    background: #bebebe;
  }

}

@media only screen and (min-width:481px) and (max-width: 576px) {}

/* Smaller Mobile Devices */

@media only screen and (min-width:400px) and (max-width: 480px) {}

@media only screen and (min-width:360px) and (max-width: 399px) {}

/* Smallest Mobile Devices */

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


@media only screen and (min-width: 321px) and (max-width: 330px) {}

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