/*INSIDE PAGE BANNER*/
.page-banner {
    --background-color: inherit;
    --gradient-color: var(--background-color);
    --page-banner-foreground-color: var(--white);
    --page-banner-gradient-length: 50%;
    background-repeat: no-repeat;
    background-size: 25%;
    background-position: 90% 30%;
    background-color: var(--background-color);
    color: var(--page-banner-foreground-color);
    border-image: fill 1 linear-gradient(270deg, var(--gradient-color) 0%, rgba(0,212,255,0) var(--page-banner-gradient-length));
}

.page-banner.dark {
    --background-color: var(--purple);
    --page-banner-foreground-color: var(--white);
}

.page-banner.light {
    --background-color: var(--light-green-blue);
    --page-banner-foreground-color: var(--purple);
}

.page-banner h1 {
    font-size: 3.125rem;
    font-weight: 400;
    margin: 0;
    padding-bottom: 0.8667em;
}

/*----------------------------*/

/*INSIDE PAGE CONTENT*/
.content-section {
    color: var(--purple);
}

.content-section h2 {
    color: var(--fuchsia);
}

.content-section:has(+ .why-choose-section-inside) :is(h1, h2, h3, h4, h5, h6):first-child {
    color: var(--fuchsia);
}

/*---------------------*/

/*INSIDE PAGE VIDEO*/
.video-section {
    background-color: var(--black);
    margin: 0;
    min-height: 650px;
    height: 75vh;
}

/*------------------*/

/*INSIDE PAGE WHAT WE OFFER*/

.what-we-offer-section {
    color: var(--white);
}

.what-we-offer-section h1 {
    margin-bottom: 1.2em;
}

.what-we-offer-card-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.what-we-offer-section .what-we-offer-card-grid .what-we-offer-card {
    background-color: var(--white);
    color: var(--purple);
    transition: .2s ease-in-out all;
}

.what-we-offer-section .what-we-offer-card-grid .what-we-offer-card:hover {
    text-decoration: none;
}

.what-we-offer-section .what-we-offer-card-grid .what-we-offer-card .cover-image-container {
    padding-top: 75%;
    color: var(--white);
}

.what-we-offer-section .what-we-offer-card-grid .what-we-offer-card:hover .cover-image-container .cover-image {
    scale: 1.1;
}

.what-we-offer-section .what-we-offer-card-grid .what-we-offer-card .card-content {
    padding: 35px 26px;
    font-size: 0.625rem;
    font-weight: 200;

}

.what-we-offer-section .what-we-offer-card-grid .what-we-offer-card:hover {
    background-color: color-mix(in srgb, var(--white), var(--black) 5%);
}

.what-we-offer-section .what-we-offer-card-grid .what-we-offer-card .card-content .bigbutton {
    margin-top: 15%;
}

/*-------------------------*/

/*INSIDE PAGE WHY CHOOSE US*/
.why-choose-section-inside {
    color: var(--purple);
}

.why-choose-section-inside h1:first-child {
    color: var(--fuchsia);
}

.why-choose-section-inside .why-choose {
    background-color: var(--sky-blue);
}

.why-choose-section-inside .why-choose .desc{
    width: 40%;
}

.why-choose-section-inside .why-choose .desc h4{
    font-size: 36px;

}

.why-choose-section-inside .why-choose .desc .button-container{
    margin: 2rem 0;
}

.why-choose-section-inside .why-choose .reasons.col-1 {

    width: 50%;

}

.why-choose-section-inside .why-choose .reasons.col-2 {
    width: 75%;
}

.why-choose-section-inside .why-choose .reasons ol {
    padding: 0;
    list-style: none;
    counter-reset: li;

}

.why-choose-section-inside .why-choose .reasons.col-1 ol {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 2rem;
}

.why-choose-section-inside .why-choose .reasons.col-2 ol {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.4rem;
}

.why-choose-section-inside .why-choose .reasons ol li .reason{
    counter-increment: li;
    position: relative;
}

.why-choose-section-inside .why-choose .reasons ol li .reason::before {
    content: counter(li);
    font-size: 3.125rem;
    font-family: var(--primary-font);
    color: var(--fuchsia);
    position: absolute;
    top: 0;
    left: -1.05em;
    width: 1em;
    line-height: .8em;
    text-align: center;
}

.why-choose-section-inside .why-choose .reasons ol li .count {
    display: none;
}

.why-choose-section-inside .why-choose .reasons ol li .reason h5{
    margin: 0;
    margin-bottom: .5em;
    width: 50%;
}

.why-choose-section-inside .why-choose .reasons ol li .reason .reason-text {
    width: 70%;
}

/*---------------------------*/

/*Meet our personal trainers section*/

.personal-trainers-section {
    color: var(--white);
    background-color: var(--purple);
}

.personal-trainers-section h1 {
    margin-bottom: 1.2em;
}

.personal-trainers-section .personal-trainers-slider .personal-trainer-card {
    background-color: var(--white);
    color: var(--purple);
    margin-right: 1.3333rem;
    border-radius: 25px;
    overflow: hidden;
}

.personal-trainers-section .personal-trainers-slider .personal-trainer-card .cover-image-container {
    padding-top: 80%;
}

.personal-trainers-section .personal-trainers-slider .personal-trainer-card .card-body {
    padding: 1rem;
}

.personal-trainers-section .personal-trainers-slider .personal-trainer-card .card-body h5 {
    color: var(--fuchsia);
    margin-bottom: 10px;
}

.personal-trainers-section .personal-trainers-slider .personal-trainer-card .card-body .trainer-desc {
    font-size: 0.625rem;
    font-weight: 200;
}

.personal-trainers-section .personal-trainers-slider .personal-trainer-card .card-footer {
    font-size: 0.5rem;
    font-weight: 200;
    margin-top: 10%;
    margin-right: 1em;
    margin-bottom: 1em;
}

/*----------------------------------*/

/*PRICING SECTION*/

.pricing-section {
    background-color: var(--sky-blue);
    color: var(--purple);
}

.pricing-section.wysiwyg h2 {
    margin-top: 0;
    color: var(--fuchsia);
}

.pricing-section .pricing-cards-grid, .combined-pricing-section .pricing-cards-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 45px;
}

.pricing-section .pricing-cards-grid.col-2 {
     grid-template-columns: repeat(2, 1fr);
    display: inline-grid;
}

.pricing-section .pricing-cards-grid.col-1 {
     grid-template-columns: repeat(1, 1fr);
     display: inline-grid;
}

.pricing-card{
    background-color: var(--white);
    border-radius: 20px;
    padding: 40px 26px;
}

.pricing-section .pricing-cards-grid.col-2 .pricing-card, .pricing-section .pricing-cards-grid.col-1 .pricing-card {
    width: 450px;
}

.pricing-card h5{
    margin-top: 0;

}

.pricing-card .price{
    background-color: var(--purple);
    color: var(--white);
    width: 100%;
    border-radius: 20px;
    font-size: 50px;
    padding: 55px 0 20px 0;
}

.pricing-card .price.membership-rate{
    background-color: var(--fuchsia);
}

.pricing-card .price .whole-part{
    font-size: 2em;
}

.pricing-card .price .sessions-number{
    font-size: 15px;
    padding-top: 3%;
    font-weight: 200;
}

.pricing-card .one-class-price {
    font-size: 20px;
    font-weight: 200;
    padding-top: 2em;
}

.pricing-section hr {
    border: 1px solid var(--mint);
    margin: 50px 0;
}

.pricing-section .pricing-terms h5 {
    font-weight: 200;
    font-size: 20px;
    font-family: var(--primary-font), sans-serif;
    margin-bottom: 1.2em;
}

.pricing-section .pricing-terms ul {
    padding: 0;
    display: flex;
    justify-content: center;
    font-size: 15px;
    gap: .5em;
    list-style-position: inside;
    font-weight: 200;
    flex-wrap: wrap;
}

.pricing-section .pricing-terms ul li:first-child::marker {
    content: "";
}

.pricing-section .disclaimer, .combined-pricing-section .disclaimer {
    font-size: 20px;
    font-weight: 200;
    margin-top: 50px;
}

.pricing-section .disclaimer p, .combined-pricing-section .disclaimer  p{
    font-size: 14px;
}

.pricing-section .disclaimer ul , .combined-pricing-section .disclaimer ul {
    padding-left: 0;
}

.pricing-section .disclaimer ul li , .combined-pricing-section .disclaimer ul li {
    display: inline-block;
}

.pricing-section .disclaimer ul li::after, .combined-pricing-section .disclaimer ul li::after {
    content: "•";
    margin-left: 10px;
    margin-right: 10px;
}

/*---------------*/

/*CONTACT US SECTION*/

.contact-us-section {
    color: var(--purple);
}

.contact-us-section .right {
    width: 75%;
}

.contact-us-section .right h5{
    font-size: 20px;
    margin-bottom: 2em;

}

.contact-us-section .right .contact-info .contact{
    font-weight: 300;
    margin-bottom: 30px;
    font-size: 15px;
    line-height: 1.7em;
}

.contact-us-section .right .contact-info .contact .title{
    font-weight: 400;
    margin-bottom: 9px;
    text-transform: uppercase;
}

.contact-us-section .right .opening-hours{
    font-weight: 300;
    font-size: 15px;
    line-height: 1.7em;
}

.contact-us-section .right .opening-hours .title{
    font-weight: 400;
    margin-bottom: 9px;
    text-transform: uppercase;
}

.contact-us-section .right .opening-hours .follow-us{
    margin-top: 2em;
}

.contact-us-section .right .opening-hours .follow-us h5{
    margin-bottom: 0;
}

.contact-us-section .right .opening-hours .follow-us .social-icon{
    line-height: 0;
}

.contact-us-section .right .opening-hours .follow-us .social-icon:hover img{
    filter: drop-shadow(0px 0px 1px #C326BF);

}

/*------------------*/

/*MAP SECTION*/

section.margin_to_padded.map-section {
    padding: 15% 0;
}

/*-----------*/

/*HELP FORM SECTION*/
.form-section {
    background-color: var(--purple);
    color: var(--white);
}

.form-section .left{
    width: 20%;
}

.form-section .left h4{
    color: var(--light-green-blue);
}

.form-section .left .form-desc {
    font-size: 20px;
    font-weight: 200;
}

.form-section .form-container{
    width: 70%;
}
/*-----------------*/

/*APPLY FORM SECTION*/

.form-section.light {
    color: var(--purple);
    background-color: var(--white);
}

.form-section.light .left h4{
    color: var(--fuchsia);
}

/*----------------*/

/*DETAILED PROFILE SECTION*/

.detailed-profiles-section {
    background-color: var(--purple);
    color: var(--white);
}

.detailed-profiles-section h1 {
    margin-bottom: 1.2em;
}

.detailed-profiles-section .detailed-profile {
    background-color: var(--white);
    color: var(--purple);
    border-radius: 25px;
    overflow: hidden;
    margin-right: 32px;
}

.detailed-profiles-section .detailed-profile .left {
    background-color: var(--fuchsia);
    color: var(--white);
    /* width: 100%; */
    
    width: 35%;
}

.detailed-profiles-section .detailed-profile .left .cover-image-container {
    padding-top: 100%;
}

.detailed-profiles-section .detailed-profile .left .profile-details {
    padding: 21px 26px;
    font-size: 20px;
}

.detailed-profiles-section .detailed-profile .left .profile-details h5 {
    margin-bottom: .7em;
    font-size: 1.2em;
}

.detailed-profiles-section .detailed-profile .left .profile-details .profession {
    font-size: 1em;
    font-family: var(--secondary-font), sans-serif
}

.detailed-profiles-section .detailed-profile .left .profile-details .availability {
    font-size: 0.6em;
    font-weight: 200;
    margin-top: 15%;
}

.detailed-profiles-section .detailed-profile .right {
    padding: 37px;
    font-size: 15px;
    font-weight: 200;
    width: 65%;
    min-width: 100px;
}

.detailed-profiles-section .detailed-profile .right .about {
    font-size: 16px;
    margin-bottom: 3.5em;
}

.detailed-profiles-section .detailed-profile .right h3 {
    font-size: 1.75em;
    margin-bottom: .5em;
}

.detailed-profiles-section .detailed-profile .right .about .about-text {
    line-height: 1.5em;
}

.detailed-profiles-section .detailed-profile .right .specialisation p {
    font-size: 1em;
    font-weight: 200;
    margin-bottom: 1em;
}


.detailed-profiles-section .detailed-profile .right .specialisation ul {
    padding-left: 1em;
    margin: 1.5em 0 0;
    line-height: 1.4em;
}

.detailed-profiles-section.slick-lines .slick-dots {
    --slick-lines-bottom: -20%;
}

.detailed-profiles-section .disclaimer {
    margin-top: 10%;
    font-size: 15px;
    font-weight: 200;
}

/*------------------------*/

/*COMBINED PRICING SECTION*/

.combined-pricing-section {
    background-color: var(--purple);
    color: white;
}

.combined-pricing-section h2 {
    margin-top: 0;
}

.combined-pricing-section .combine-desc {
    font-size: 20px;
    font-weight: 400;
    font-family: var(--secondary-font), sans-serif;
    margin-bottom: 3em;
}

.combined-pricing-section .pricing-card {
    color: var(--purple);
    max-width: 30%;
    margin: 0 auto;
}

/*------------------------*/

/*NEWS/OFFERS SECTION*/

.news-offers-section .news-offers-grid {
    --grid-colums : 3;

    display: grid;
    grid-template-columns: repeat(var(--grid-colums), 1fr);
    gap: 1.5rem;
}

.news-offers-section .news-offers-grid .news-offers-card {
    color: var(--purple);
}

.news-offers-section .news-offers-grid .news-offers-card:hover {
    color: var(--fuchsia);
    text-decoration: none;
}

.news-offers-section .news-offers-grid .news-offers-card .cover-image-container{
    padding-top: 75%;
    border-radius: 20px;
    overflow: hidden;
    background-color: var(--purple);
}

.news-offers-section .news-offers-grid .news-offers-card h5::after{
    font-family: 'Font Awesome 5 Free', sans-serif;
    font-weight: 600;
    content: "\f178";

    margin-left: .5em;

    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}


.news-offers-section .news-offers-grid .news-offers-card:hover .cover-image-container .cover-image {
    scale: 1.1;
}

/*-------------------*/

/*ANNOUNCEMENT SECTION*/

.announcement-section {
    background-color: var(--purple);
    color: var(--white);
}

/*--------------------*/

/* NEWS SLIDER */
.news-slider-section {
    background-color: var(--blue-green);
}

.news-slider-section .news-slider .news-slide {
   height: 50vh;
    min-height: 450px;
    border-radius: 20px;
    margin-right: 2rem;

    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.news-slider-section .news-slider.slick-lines .slick-dots {
    margin-left: var(--container-offset);
    width: calc(100% - var(--container-offset));
    --slick-lines-bottom: -25%;
}

.news-slider-section .slick-lines .slick-dots {
    bottom: calc(-50px - 20px);
}


/*----------------------------*/

/* TEXT BLOCK */

.text-image-section div.flex {
    gap: 2.5rem;
}

.text-image-section .cover-image-container {
    width: 40%;
    padding-top: 35%;
    border-radius: 20px;
}

.text-image-section .text-block {
    color: var(--purple);
    max-width: 30%;
}

.text-image-section .text-block h4{
    color: var(--fuchsia);
    margin-bottom: .5em;
}

.text-image-section .text-block .text{
    font-size: 20px;
    line-height: 1.3em;
    font-weight: 200;
    margin-bottom: 3em;
}

/*------------*/

/*3dr party service*/
.third-party-services-section .third-party-card {
    background-color: var(--sky-blue);
    padding: 56px;
    color: var(--purple);
    border-radius: 20px;
    margin-bottom: 1rem;
}

.third-party-services-section .third-party-card div.flex {
    gap: 2.5rem;
}

.third-party-services-section .third-party-card .cover-image-container {
    border-radius: 25px;
    width: 35%;
    padding-top: 30%;
}

.third-party-services-section .third-party-card .text-block {
    max-width: 35%;
    font-size: 20px;
    line-height: 1.3em;
    font-weight: 200;
}

.third-party-services-section .third-party-card .text-block h4 {
    color: var(--fuchsia);
    margin-bottom: .5em;
}

.third-party-services-section .third-party-card .text-block .text {
    margin-bottom: 3em;
}


/*-----------------*/

/*404 SECTION*/

.error-section {
    background-color: var(--sky-blue);
    color: var(--purple);
}

.error-section h2 {
    color: var(--fuchsia);
    margin-top: 0;
}

.error-section .error-message {
    font-size: 20px;
    line-height: 1.3em;
    font-weight: 200;
    margin-bottom: 3em;
}

/*-----------*/

/* SCHEDULE SECTION */

.schedule-section {
    color: var(--purple);
}

.schedule-section h1 {
    margin-bottom: 1.2em;
}

.schedule-section ul, .content-section ul {

    margin: 0 0 1em;
    line-height: 1.5em;
    font-size: 20px;
    padding-left: 1em;
    font-weight: 200;

}

.schedule-section .location {
    font-size: 20px;
    line-height: 1.3em;
    margin-bottom: 3em;
}

.schedule-section table, .content-section table {
    border-collapse: collapse;
    margin-bottom: 3em;
    border: 1px solid var(--mint);
    width: 100%;
    table-layout: auto;
}

.schedule-section table th, .schedule-section table td, .content-section table th, .content-section table td {
    padding: 20px 25px;
    border: 1px solid var(--mint);
    text-align: center;
}

.schedule-section table th, .content-section table th, .schedule-section table tr:first-child td, .content-section table thead tr td {
    font-size: 2em;
    padding: 1em .8em;
    color: var(--fuchsia);
    font-weight: 400;
    border: 1px solid var(--mint);
}

.schedule-section table th:first-child, .schedule-section table td:first-child, .content-section table th:first-child, .content-section table thead td:first-child {
    border-right-color: var(--purple);
    color: var(--fuchsia);
}

.schedule-section table tr:first-child td:first-child {
    border-right-color: var(--purple);
}

/* ---------------- */

/*ANNOUNCEMENT SECTION*/

.announcement-section {
    background-color: var(--purple);
    color: var(--white);
    font-size: 20px;
    font-weight: 200;
    line-height: 1.3em;
}

.announcement-section .announcement-content {
    max-width: 25%;
    margin-left: 10%;
    align-content: center;
    padding-top: 50px;
    padding-bottom: 50px;
}

.announcement-section .announcement-content .announcement-date {
    margin-top: 2.5em;
    font-weight: 400;
}


.announcement-section .cover-image-container {
    width: 65%;
    padding-top: 30%;
}

.announcement-section .cover-image-container .cover-image {
    background-size: contain;
}

/*--------------------*/

/*-------MEDIA QUERIES---------*/

/*----------TABLET LANDSCAPE---------------*/
@media screen and (max-width: 1100px) {

    /*PAGE BANNER*/

    .page-banner {
        background-size: 45%;
    }

    /*-----------*/

    /*PRICING SECTION*/

    .pricing-section .pricing-cards-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .pricing-section.membership-pricing .pricing-cards-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .pricing-section .pricing-cards-grid .pricing-card {
        padding: 40px 15px;
    }

    .pricing-section .pricing-cards-grid .pricing-card h5 {
        margin-bottom: 10px;
    }

    .pricing-section .pricing-cards-grid .pricing-card .one-class-price {
        font-size: 12px;
        padding: 0;
    }

    .pricing-section.membership-pricing .pricing-cards-grid .pricing-card .one-class-price {
        font-size: 15px;
        padding: 2em;
    }

    .pricing-section.membership-pricing .pricing-cards-grid .pricing-card .price {
        font-size: 50px;
    }


    .pricing-section .pricing-cards-grid .pricing-card .price {
        padding: 20px 0;
        font-size: 30px;
        width: 75%;
    }

    .pricing-section.membership-pricing  .pricing-cards-grid .pricing-card .price {
        padding: 50px 0;
        width: 100%;
    }

    .pricing-section .pricing-terms ul {
        font-size: 12px;
        gap: .4em;
    }

    /*-------------------*/

    /*NEWS OFFERS SECTION*/

    .news-offers-section .news-offers-grid {
        --grid-colums : 2;
    }

    /*--------------------*/

    /*DETAILED PROFILE SECTION*/

    .detailed-profiles-section h1 {
        margin-bottom: .8em;
    }

    .detailed-profiles-section .disclaimer {
        margin-top: 0;
        margin-bottom: 3em;
    }

    .detailed-profiles-section .detailed-profile .left .cover-image-container {
        padding-top: 60%;
    }

    .detailed-profiles-section .detailed-profile .left .profile-details .availability {
        margin-top: 40px;
    }

    .detailed-profiles-section .detailed-profile {
        margin-right: 0;
        margin-bottom: 40px;
    }

    .detailed-profiles-section .detailed-profile .right {
        max-width: none;
    }

    .detailed-profiles-section .detailed-profile .right .about {
        font-size: 14px;
    }

    /*-----------------------*/

    /*WHY CHOOSE SECTION INSIDE SECTION

    .why-choose-section-inside .why-choose .desc {
        width: 35%;
    }*/

    /*-----------------------*/

    /*COMBINED PRICING SECTION*/
    
        
    .pricing-section.membership-pricing .pricing-cards-grid {
        grid-template-columns: repeat(1, 1fr);
        width: 100%;
    }

    .pricing-section .pricing-cards-grid .pricing-card {
        width: 80% !important;
        margin: auto;
    }

    .combined-pricing-section .pricing-card {
        max-width: 60%;
    }

    /*------------------------*/
    
      /*WHY CHOOSE SECTION INSIDE COL 2*/
    
    .why-choose .flex.flex-breaker {
        flex-direction: column;
        gap: 1rem;
      }

    .why-choose-section-inside .why-choose .desc {
        width: 100%;
    }

    .why-choose-section-inside .why-choose .reasons.col-2 ol {
        grid-template-columns: repeat(1, 1fr);
    }

    .why-choose-section-inside .why-choose .reasons ol li .reason{
        margin-left: 3rem;
    }

    .why-choose-section-inside .why-choose .reasons ol li .reason h5 {
        width: auto;
    }

    .why-choose-section-inside .why-choose .reasons ol li .reason .reason-text {
        width: auto;
    }
    
    .why-choose-section-inside .why-choose .reasons.col-2 {
      width: 100%;
    }

}
/*-----------END TABLET LANDSCAPE---------------*/

/*----------TABLET PORTRAIT---------------*/

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

    .page-banner {
        background-size: 0;
    }

  

    /*-------------------------*/

    /*WHAT WE OFFER*/

    .what-we-offer-section .what-we-offer-card-grid .what-we-offer-card {
        margin-right: 1rem;
    }

    .what-we-offer-section .what-we-offer-card-grid .what-we-offer-card:not(.slick-center) {
        opacity: .5;
    }

    /*-------------------*/

    /*THIRD PARTY SERVICES*/

    .third-party-services-section .third-party-card {
        padding: 30px 20px;
    }

    .third-party-services-section .third-party-card div.flex {
        align-items: flex-start;
    }

    .third-party-services-section .third-party-card .cover-image-container {
        width: 70%;
        padding-top: 60%;
    }

    .third-party-services-section .third-party-card .text-block {
        max-width: 90%;
    }

    /*-------------------*/

    /*TEXT IMAGE SECTION*/

    .text-image-section .cover-image-container {
        width: 100%;
        padding-top: 70%;
        border-radius: 20px;
    }

    .text-image-section .text-block {
        max-width: none;
        text-align: left;
    }

    /*-------------------*/

    /*FORM SECTION*/

    .form-section .left {
        width: auto;
        font-size: 1.5rem;
        margin-bottom: 2em;
    }

    .form-section .left .form-desc {
        font-size: 18px;
    }

    /*------------*/

    /*ANNOUNCEMENT SECTION*/

    .announcement-section .announcement-content {
        max-width: none;
        margin: var(--default-section-margin) var(--container-offset) ;
        margin-bottom: var(--default-section-mega-margin);
    }

    .announcement-section .announcement-content .announcement-date {
        display: none;
    }


    .announcement-section .cover-image-container {
        width: 100%;
        padding-top: 70%;
    }

    /*--------------------*/


    /*WHY CHOOSE SECTION INSIDE COL 1*/

    .why-choose-section-inside .why-choose .reasons.col-1{
        width: 100%;
    }

    .why-choose-section-inside .why-choose .reasons.col-1 ol br {
        display: none;
    }

    /*-------------------------*/

    /*PRICING SECTION*/

    .combined-pricing-section .pricing-card {
        max-width: 70%;
    }

    .form-section .form-container {
        width: 100%;
    }

    /*---------------*/
    
    /* detailed profile section */
    
    .detailed-profiles-section .detailed-profile .left {
        width: 100%;
    }
    
     .detailed-profiles-section .detailed-profile .right {
        width: unset;
    }
}

/*-----------END TABLET PORTRAIT---------------*/

/*----------MOBILE---------------*/

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

    /*THIRD PARTY SERVICES*/

    .third-party-services-section .third-party-card .text-button.mini {
        font-size: 1rem;
    }

    .third-party-services-section .third-party-card .cover-image-container {
        width: 75%;
        padding-top: 70%;
    }

    /*-------------------*/

    /*TEXT + OFFER SECTION*/

    .text-image-section .cover-image-container {
        padding-top: 100%;
    }

    /*-------------------*/

    /*NEWS OFFERS SECTION*/

    .news-offers-section .news-offers-grid {
        --grid-colums : 1;
    }

    /*-------------------*/

    /*DETAILED PROFILES SECTION*/

    .detailed-profiles-section .detailed-profile .left .profile-details {
        font-size: 18px;
    }

    /*-------------------*/

    /*PRICING SECTION*/

    .pricing-section .pricing-cards-grid .pricing-card {
        width: calc(100% - 30px);
    }

    .pricing-section.membership-pricing .pricing-cards-grid .pricing-card .price {
        font-size: 40px;
    }

    /*-------------------*/

    /*COMBINED PRICING SECTION*/

    .combined-pricing-section .pricing-card {
        max-width: 100%;
    }

    .combined-pricing-section .pricing-card .price {
        font-size: 40px;
    }

    /*-------------------*/

    /*Personal trainer section*/

    .personal-trainers-section .personal-trainers-slider .stack-cards {
        display: flex;
        flex-direction: column;
        gap: 20px;
        transition: .2s ease-in-out all;
    }

    .personal-trainers-section .personal-trainers-slider .stack-cards:not(.slick-center) {
        opacity: .5;
    }

    .personal-trainers-section .personal-trainers-slider .personal-trainer-card {
        display: flex;
    }

    .personal-trainers-section .personal-trainers-slider .personal-trainer-card .cover-image-container {
        padding-top: 50%;
        width: 50%;
    }
    
    .personal-trainers-section .personal-trainers-slider .personal-trainer-card .card-body {
         width: calc(50% - 1rem);
    }

    /*------------------------*/

    /*WHAT WE OFFER SECTION*/

    .what-we-offer-section .what-we-offer-card-grid .what-we-offer-card .card-content {
        font-size: .8rem;
    }

    /*---------------------*/

    /*VIDEO SECTION*/
    .video-section {
        min-height: 300px;
        height: 40dvh;
    }
    /*-------------*/

    /*NEWS SLIDER*/

    .news-slider-section .news-slider .news-slide {
        padding-top: 0;
        min-height: 0;
        height: 300px;
      }
    
    

    /*------------*/


}

/*-----------END MOBILE---------------*/
/*---------END MEDIA QUERIES--------*/