@font-face {
    font-family: 'Verb';
    src: url('../fonts/Verb-Light.woff2') format('woff2'),
        url('../fonts/Verb-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Verb';
    src: url('../fonts/Verb-Medium.woff2') format('woff2'),
        url('../fonts/Verb-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Verb';
    src: url('../fonts/Verb.woff2') format('woff2'),
        url('../fonts/Verb.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Verb';
    src: url('../fonts/Verb-Italic.woff2') format('woff2'),
        url('../fonts/Verb-Italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Verb';
    src: url('../fonts/Verb-SemiBold.woff2') format('woff2'),
        url('../fonts/Verb-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Verb';
    src: url('../fonts/Verb-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/Verb-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Verb';
    src: url('../fonts/Verb-Bold.woff2') format('woff2'),
        url('../fonts/Verb-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Verb Compressed';
    src: url('../fonts/VerbCompressed-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/VerbCompressed-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Verb';
    src: url('../fonts/Verb-SemiBold.woff2') format('woff2'),
        url('../fonts/Verb-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Verb ExtraCond';
    src: url('../fonts/VerbExtraCond-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/VerbExtraCond-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Verb ExtraCond';
    src: url('../fonts/VerbExtraCond.woff2') format('woff2'),
        url('../fonts/VerbExtraCond.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Verb ExtraCond';
    src: url('../fonts/VerbExtraCond-Medium.woff2') format('woff2'),
        url('../fonts/VerbExtraCond-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Verb ExtraCond';
    src: url('../fonts/VerbExtraCond-Bold.woff2') format('woff2'),
        url('../fonts/VerbExtraCond-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Verb ExtraCond';
    src: url('../fonts/VerbExtraCond-Extrabold.woff') format('woff2'),
        url('../fonts/VerbExtraCond-Extrabold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Verb ExtraCond';
    src: url('../fonts/VerbExtraCond-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/VerbExtraCond-ExtraBoldItalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Verb ExtraCond';
    src: url('../fonts/VerbExtraCond-SemiBold.woff2') format('woff2'),
        url('../fonts/VerbExtraCond-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Verb';
    src: url('../fonts/Verb-BoldItalic.woff2') format('woff2'),
        url('../fonts/Verb-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --primary-color: #040404;
    --secondary-color: #ff0000;
    --footer-bg-color: #0d0d0d;
    --white-color: #fff;
    --grey-color: #dedede;
    --grey-text-shade: #bfbfbf;
    --advantages-text: #3b3b3b;
    --pricing-text: #ebebeb;
    ---black-shade-2: #1c1c1c;
    --green-color: #338A66;
    ---light-white: #f5f5f5
}

body {
    font-family: "DM Sans";
    font-weight: 400;
    overflow-x: hidden;
    font-size: 16px;
    line-height: 1.3em;
}

/* Global btn Stylings on Desktop*/
.btn {
    background-color: var(--primary-color);
    padding: 15px 30px;
    text-decoration: none;
    color: var(--white-color);
    border: 2px solid var(--secondary-color);
    border-radius: 4px;
    font-family: 'Verb';
    font-weight: 600;
    transition: all 0.4s;
}


.btn:hover {
    background-color: var(--secondary-color);
    transition: all 0.4s;
}

/* Global Stylings of Black btn on Desktop  */
.black-btn {
    display: block;
    color: var(--white-color);
    background-color: var(---black-shade-2);
    text-decoration: none;
    text-transform: none;
    border-radius: 4px;
    position: relative;
    border: 2px solid var(---black-shade-2);
    font-family: Verb;
    font-size: 16px;
    font-weight: 600;
    line-height: 19.86px;
    text-align: center;
    padding: 15px 40px 15px 13px;
    max-width: fit-content;
    transition: all 0.4s;
}

.black-btn:after {
    content: "";
    background-image: url(../images/tilt-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 13px;
    top: 16.5px;
}

.black-btn:hover {
    background-color: var(--secondary-color);
    border: 2px solid var(--secondary-color);
    transition: all 0.4s;
}

/* Global Stylings on H2 Stroke Heading on Desktop */
h2 {
    font-family: Verb ExtraCond;
    font-size: 76px;
    font-weight: 700;
    line-height: 94.09px;
    text-align: left;
    color: var(--white-color);
    background: linear-gradient(360deg, rgba(185, 185, 185, 0.574) 28.64%, rgba(171, 171, 171, 0.6) 81.8%);
    -webkit-background-clip: text;
    -webkit-text-stroke: 2px transparent;
    text-transform: uppercase;
}

/* Global Stylings of H2 Heading of Section */
h2.black {
    font-family: Verb ExtraCond;
    font-size: 86px;
    font-weight: 700;
    line-height: 106.47px;
    text-align: center;
    color: var(--footer-bg-color);
    background: linear-gradient(360deg, rgba(185, 185, 185, 0.574) 28.64%, rgba(171, 171, 171, 0.6) 81.8%);
    -webkit-background-clip: text;
    -webkit-text-stroke: 2px transparent;
    text-transform: uppercase;
}

/* Global Stylings of H3 of Section */
h3.sec {
    font-family: Verb ExtraCond;
    font-size: 50px;
    font-style: italic;
    font-weight: 800;
    line-height: 50px;
    letter-spacing: 0.06em;
    text-align: left;
    text-transform: uppercase;
}

/* Global Stylings of Section description */
p.sec-desc {
    font-family: Verb;
    font-size: 18px;
    font-weight: 300;
    line-height: 32.4px;
    text-align: left;
}

/* Global stylings of hero section on all pages like h1, p and a  */
h1.main-heading {
    font-family: Verb;
    font-size: 70px;
    font-style: italic;
    font-weight: 600;
    line-height: 86.66px;
    text-align: center;
    text-transform: uppercase;
    color: var(--white-color);
}

p.main-text {
    font-family: Verb;
    font-size: 17px;
    font-weight: 300;
    line-height: 30.6px;
    text-align: center;
    color: var(--white-color);
}

a.main-btn {
    background-color: var(--secondary-color);
    border: 2px solid var(--secondary-color);
    color: var(--white-color) !important;
}

a.main-btn:hover {
    background-color: transparent;
    border: 2px solid var(--secondary-color);
}

/* Fade In Up Animation */

.fade-in-top {
    opacity: 0;
    animation: fadeInUp 1s forwards;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

/* Simple Fade In */

.fade-in {
    opacity: 0;
    animation: fadeIn 1s forwards;
    animation-duration: 2s;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Fade In Right */
.fade-in-right {
    opacity: 0;
    animation: fadeInRight 1.5s forwards;
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

/* Fade In Left */
.fade-in-left {
    opacity: 0;
    animation: fadeInLeft 1.5s forwards;
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

/* Fade In Down */
.fade-in-down {
    opacity: 0;
    animation: fadeInDown 1.5s forwards;
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

#wrapper {
    width: 100%;
    overflow: hidden;
}

.container {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 15px;
}

.testimonials-container {
    max-width: 1100px;
    padding: 0 20px;
    margin: 0 auto;
}

.sticky {
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 9999;
    transition: all 0.4s;
    overflow: hidden;
}

/* Header Stylinigs */
#header,
#home-header {
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 9998;
    position: relative;
    top: 0px;
    left: 0px;
    right: 0px;
    background-color: rgba(0, 0, 0, 0.7);
}

#header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}



/* #accueil-main,
#notre-equip-main{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
} */
.hidden {
    transform: translateY(-100%);
}

/* Header Nav holder stylings here */
/*Accuciel Nav holder Stylings and Main Nav holder settings*/
.nav-holder {
    position: relative;
    padding: 25px 0px;
    transition: all 0.4s;
    /* background-color: rgba(0, 0, 0, 0.7); */
}

/* Sticky position of menu when someone scroll 100vh after that the menu background should red and sticky on top */
.sticky {
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 9999;
    transition: transform 0.3s ease;
    overflow: hidden;
}

.nav-holder ul.nav-links {
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav-holder ul.nav-links li {
    list-style: none;
    padding-right: 60px;
}

.nav-holder ul.nav-links li:last-child {
    padding-right: 0px;
}

.nav-holder ul.nav-links li a {
    font-size: 17px;
    line-height: 1.3em;
    font-weight: 600;
    font-family: 'Verb';
    color: var(--white-color);
    text-decoration: none;
}

.nav-holder ul.nav-links li a:hover {
    color: var(--secondary-color);
}

.nav-holder .cross-sign {
    display: none;
}


.header-holder-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.7);
}

.header-holder {
    position: relative;
    /* top: -72px; */
    /* background-color: rgba(0, 0, 0, 0.7); */
    padding: 10px 0px;
}

/* .header-holder-overlay,
.nav-holder-overlay{
    background-color: rgba(0, 0, 0, 0.7);
} */
.accueil-nav-holder {
    background-color: rgba(0, 0, 0, 0.7);
    padding: 10px 0px;
}

.header-holder .row {
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.header-holder .row>div {
    display: flex;
}

.header-holder .row .icon-holder strong {
    display: inline-block;
    padding: 13.5px;
}

.header-holder .row .icon-holder .language-icon {
    border-right: 1px solid #fff;
}

.header-holder .row .icon-holder strong img {
    width: 24px;
    height: 24px;
}

.header-holder .row .logo-holder strong a {
    background-image: url(../images/logo.svg);
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    width: 116px;
    height: 77px;
    text-indent: -9999px;
}

.header-holder .bars {
    display: none;
}

#home-header>.nav-holder {
    display: none;
}

/* Global Hero  Stylings are here */
.hero,
.global-hero {
    width: 100%;
    height: calc(100vh);
    overflow-y: hidden;
    position: relative;
}

.hero .banner,
.global-hero .banner {
    position: relative;
    filter: grayscale(100%);
}

.hero .banner::before,
.global-hero .banner::before {
    content: "";
    background-image: url(../images/video-overlay.png);
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
}

.global-hero .banner::after {
    content: "";
    background: #000000BA;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

}

.hero .banner video,
.global-hero .banner video,
.global-hero .banner img {
    width: 100%;
    display: block;
}

.hero .content-holder,
.global-hero .content-holder {
    width: 900px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.hero .content-holder {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.global-hero .content-holder {
    top: 60%;
}

.global-hero .content-holder {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.hero .content-holder h3 {
    font-family: Verb Compressed;
    font-size: 40px;
    font-style: italic;
    font-weight: 600;
    line-height: 93.2px;
    text-align: center;
    color: var(--secondary-color);
    text-transform: uppercase;

}

.hero .content-holder img {
    max-width: 350px;
    max-height: 58px;
    margin-bottom: 55px;
}

.hero .content-holder a {
    background: var(--secondary-color);
    border: 2px solid var(--secondary-color);
    max-width: 585px;
    padding: 19px 32px;
    border-radius: 30px;
    color: var(--white-color);
    font-family: Verb;
    font-size: 20px;
    font-weight: 600;
    line-height: 24.82px;
    text-align: center;
    text-decoration: none;
    transition: all 0.4s;

}

.hero .content-holder a:hover {
    transition: all 0.4s;
    border: 2px solid var(--secondary-color);
    background-color: transparent;
}

/*Accuciel Nav holder Stylings and Main Nav holder settings*/
.accueil-nav-holder {
    /* position: absolute;
    bottom: 0;
    left: 0;
    right: 0; */
    position: relative;
    padding: 25px 0px;
    transition: all 0.4s;
    top: -72px;
}

/* Sticky position of menu when someone scroll 100vh after that the menu background should red and sticky on top */
.sticky {
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 9999;
    transition: all 0.4s;
    overflow: hidden;
}

.accueil-nav-holder ul.nav-links {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.accueil-nav-holder ul.nav-links li {
    list-style: none;
    padding-right: 20px;
}

.accueil-nav-holder ul.nav-links li:last-child {
    padding-right: 0px;
}

.accueil-nav-holder ul.nav-links li a {
    font-size: 17px;
    line-height: 1.3em;
    font-weight: 600;
    font-family: 'Verb';
    color: var(--white-color);
    text-decoration: none;
}

.accueil-nav-holder ul.nav-links li a:hover {
    color: var(--secondary-color);
}

/* when the menu is sticky on top the achors hover color should be black */
.accueil-nav-holder.sticky ul.nav-links li a:hover {
    color: var(--primary-color);
}

.mobile-accueil-nav-holder {
    display: none;
}

/* Footer Stylings on Desktop */
#footer {
    background-color: var(--footer-bg-color);
    border-top: 1px solid var(--white-color);
}

.footer-cotent {
    padding: 50px 0px;
    text-align: center;
}

.footer-logo-holder,
.footer-cotent .contact-details,
.footer-cotent .social-icons-list,
.email-Subscription {
    margin: 0px 0px 54px 0px;
}

.footer-logo-holder a img {
    max-width: 430px;
    max-height: 73px;
}

.contact-details .row {
    display: flex;
    justify-content: center;
}

.contact-details .row .content {
    margin: 0px 45px 0px 45px;
}

.contact-details .row .content h6 {
    font-family: Verb;
    font-size: 16px;
    font-weight: 500;
    line-height: 19.74px;
    text-align: center;
    color: var(--white-color);
    margin: 0px 0px 8px 0px;
}

.contact-details .row .content a {
    display: flex;
    align-items: start;
    color: var(--grey-color);
    align-items: center;
    text-decoration: none;
    font-family: Verb;
    font-size: 16px;
    font-weight: 400;
    line-height: 20.8px;
    text-align: left;

}

.footer-cotent .social-icons-list {
    display: flex;
    justify-content: center;
}

.social-icons-list ul {
    display: flex;
}

.social-icons-list ul li {
    list-style: none;
    margin-right: 15px;
}

.social-icons-list ul a {
    text-decoration: none;
    display: block;
    background: rgba(28, 28, 28, 1);
    padding: 13px 15.5px 10px;
    border-radius: 100px;
    transition: all 0.4s;

}

.social-icons-list ul a:hover {
    background-color: var(--secondary-color);
    transition: all 0.4s;
}

.social-icons-list ul a img {
    width: 24px;
    height: 24px;
}

.footer-cotent .footer-links .row {
    display: flex;
    justify-content: space-between;
}

ul.footer-nav-links {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

ul.footer-nav-links li {
    list-style: none;
    padding-right: 20px;
}

ul.footer-nav-links li:last-child {
    padding-right: 0px;
}

ul.footer-nav-links li a {
    font-size: 17px;
    line-height: 1.3em;
    font-weight: 500;
    font-family: 'Verb';
    color: var(--grey-color);
    text-decoration: none;
}

ul.footer-nav-links li a:hover {
    color: var(--secondary-color);
}

.footer-menu a.bars,
.footer-menu .menu-heading {
    display: none;
}

/* About Section Styligs on Desktop */
.about-us {
    padding: 18px 0px 95px 0px;
}

.about-us .row {
    display: flex;
}

.about-us .row .right-col {
    width: 45%;
}

.about-us .row .left-col {
    width: 55%;
    margin: 0px 50px 0px 0px;
}

.about-us .row .left-col h3 {
    margin: -35px 0px 18px 0px;
}

.about-us .row p {
    color: var(--advantages-text);
}

.about-us .row .left-col p {
    margin: 0px 0px 18px 0px;

}

.about-us .row .left-col img {
    margin: 0px 0px 18px 0px;
}

.about-us .row .left-col img,
.about-us .row .right-col img {
    max-width: 100%;
}

.about-us .row .right-col img {
    margin: 0px 0px 10px 0px;
}

/* Bredcrums Global Section Stylings on Desktop */
.bredcrumbs {
    position: absolute;
    top: 170px;
    left: 0;
    right: 0;
}

.bredcrumbs ul.breadcrumb {
    padding: 10px 0px;
    list-style: none;
}

.bredcrumbs ul.breadcrumb li {
    display: inline;
    font-size: 18px;
    position: relative;
    padding: 0px 18px 0px 0px;
}

.bredcrumbs ul.breadcrumb li+li:before {
    content: "";
    background: url('../images/bredcrum-icon.svg') no-repeat center center;
    background-size: contain;
    width: 8px;
    height: 8px;
    position: absolute;
    /* Position it absolutely within the link */
    left: -14px;
    /* Align to the left */
    top: 50%;
    /* Center vertically */
    transform: translateY(-50%);
}

.bredcrumbs ul.breadcrumb li a,
.bredcrumbs ul.breadcrumb li p {
    color: var(--white-color);
    text-decoration: none;
    text-transform: none;
    font-family: Verb;
    font-size: 17px;
    font-weight: 300;
    line-height: 21.05px;
    display: inline;

}

.bredcrumbs ul.breadcrumb li:last-child p {
    font-weight: 600;
    display: inline;
}

/* Counters Section Stylingson Desktop */
.counters {
    background-color: var(--secondary-color);
    padding: 34.5px 0px;
}

.counters .row {
    display: flex;
    justify-content: space-between;
}

.counters .row .counter {
    display: flex;
    padding: 0px 30px 0px 0px;
    border-right: 2px solid var(--white-color);
    align-items: center;
}

.counters .row .counter:last-child {
    border-right: none;
}

.counters .row .counter h4.number {
    font-family: Verb;
    font-size: 37px;
    font-weight: 700;
    line-height: 46.32px;
    text-align: center;
    color: var(--white-color);
    margin: 0px 15px 0px 0px;
}

.counters .row .counter p.details {
    font-family: Verb;
    font-size: 22px;
    font-weight: 600;
    line-height: 27.3px;
    text-align: center;
    color: var(--white-color);
}

/* Find Jym Stylings on the Desktop */

.find-jym {
    background-color: var(--footer-bg-color);
    padding: 55px 0px 95px 0px;
    text-align: center;
}

.find-jym h3.sec {
    margin: -37px 0px 25px 0px;
    text-align: center;
    color: var(--white-color);
}

.find-jym #location-slider {
    width: 100%;
    white-space: normal;
}

#location-slider .slick-slide {
    margin: 0px 25px 0px 0px;
}

.find-jym p.sec-desc {
    color: var(--grey-text-shade);
    margin: 0 250px 40px 250px;
    text-align: center;
    line-height: 25px;
}

.find-jym .slide {
    position: relative;

}

.find-jym .slide .img-holder {
    display: flex;
}

.find-jym .slide .img-holder::after {
    content: "";
    display: block;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 61.32%, #000000 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.5s ease;
}

.find-jym .slide .img-holder img {
    width: 100%;
}

.find-jym .slide .location-btn {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, #000000 100.57%);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.find-jym .slide .location-btn a {
    font-family: Verb;
    font-size: 35px;
    font-weight: 300;
    line-height: 43.33px;
    text-align: start;
    display: block;
    color: var(--white-color);
    text-decoration: none;
    text-transform: none;
    position: relative;
    max-width: 100%;
    transition: all 0.4s;
    padding: 20px 20px 21px 20px;
}

.find-jym .slide .location-btn a::after {
    content: "";
    background-image: url(../images/location-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 68px;
    height: 68px;
    position: absolute;
    right: 15px;
    top: 5px;
}

.find-jym .slide:hover .img-holder::after {
    transition: all 0.5s ease;
    opacity: 1;
}

/* Advantages Section stylingson Desktop */
.advantages {
    padding: 95px 0px;
}

.advantages h2 {
    text-align: center;
    font-size: 96px;
    line-height: 104px;
}

.advantages h3.sec {
    text-align: center;
    margin: -30px 0px 25px 0px;
}

.advantages p.sec-desc {
    text-align: center;
    color: var(--advantages-text);
    margin: 0px 83px 80px 83px;
}

.advantages .tab-holder {
    max-width: 1025px;
    display: flex;
    margin: 0 auto;
    gap: 85px;
}

.advantages .tab {
    width: 45%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.advantages .tab button {
    font-family: Verb;
    font-size: 30px;
    font-weight: 400;
    line-height: 37.14px;
    text-align: start;
    background: transparent;
    border: none;
    padding: 45px 25px;
    text-transform: uppercase;
    color: #000;

}

.advantages .tab button.active {
    font-family: Verb;
    font-size: 48px;
    font-weight: bold;
    font-style: italic;
    line-height: 59.42px;
    border-bottom: 6px solid var(--secondary-color);
    padding: 35px 25px;

}

.advantages .tabcontent {
    width: 55%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.advantages .tabcontent .row {
    display: flex;
    padding: 27px 23px;
}

.advantages .tabcontent .row .icon-holder {
    display: flex;
    padding: 28px;
    align-items: center;
}

.advantages .tabcontent .row .icon-holder img {
    width: 40px;
    height: 40px;
}

.advantages .tabcontent .row .content-holder h6 {
    font-family: Verb;
    font-size: 18px;
    font-weight: 700;
    line-height: 22.46px;
    text-align: start;
    margin: 0px 0px 18px 0px;

}

.advantages .tabcontent .row .content-holder p {
    font-family: Verb;
    font-size: 16px;
    font-weight: 300;
    line-height: 19.81px;
    text-align: start;

}

/* Adapted Subscription section stylings on desktop */
.adapted-subscription {
    background-color: var(--footer-bg-color);
    padding: 95px 0px;
}

.adapted-subscription h3.sec {
    text-align: center;
    color: var(--white-color);
    margin: 0px 20px 25px 0px;
}

.adapted-subscription p.sec-desc {
    color: var(--grey-text-shade);
    max-width: 840px;
    margin: 0 auto 70px auto;
    text-align: center;
    line-height: 25px;
}

#pricing-slider {
    padding: 0px 0px 0px 50px;
}

#pricing-slider .slide {
    border: 1px solid rgba(44, 44, 44, 1);
}

#pricing-slider .slide .content {
    text-align: center;
    padding: 25px 17px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

#pricing-slider .slide .content .col {
    display: flex;
    flex-direction: column;
    margin: 0px 0px 17px 0px;
}

#pricing-slider .slide .content .col .head-content-holder {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 215px;
}

#pricing-slider .slide .content .col .head-content-holder h4 {
    max-width: fit-content;
    background: linear-gradient(40.82deg, #5C5C5C 3.66%, #CFCFCF 96.34%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: Verb;
    font-size: 30px;
    font-weight: 500;
    line-height: 37.02px;
    margin: 0 auto;
    text-transform: uppercase;

}

.slide .content .col .head-content-holder .price {
    display: flex;
    justify-content: center;
}

.slide .content .col .head-content-holder .price h3 {
    font-family: Verb;
    font-size: 50px;
    font-weight: 700;
    line-height: 62.6px;
    text-align: center;
    background: linear-gradient(40.82deg, #5C5C5C 3.66%, #CFCFCF 96.34%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.slide .content .col .head-content-holder .price span {
    font-family: Verb;
    font-size: 14px;
    font-weight: 400;
    line-height: 17.33px;
    text-align: left;
    background: linear-gradient(40.82deg, #5C5C5C 3.66%, #CFCFCF 96.34%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    margin: 10px 0px 0px 0px;

}

.slide .content .col .head-content-holder .whats-included {
    font-family: Verb;
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
    text-align: center;
    background: rgba(163, 163, 163, 1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    display: block;
    margin: 0px 0px 17px 0px;
}

.slide .content .col .head-content-holder .whats-included::before {
    content: "";
    background: rgba(163, 163, 163, 1);
    height: 1px;
    width: 60px;
    display: block;
    vertical-align: middle;
    position: absolute;
    top: 10px;
    left: 0;
}

.slide .content .col .head-content-holder .whats-included::after {
    content: "";
    background: rgba(163, 163, 163, 1);
    height: 1px;
    width: 60px;
    display: block;
    vertical-align: middle;
    position: absolute;
    top: 10px;
    right: 0;
}

.slide .content .col .package-details ul li {
    list-style: none;
    padding: 8px 0px;
}

.slide .content .col .package-details ul li span {
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: flex-start;
    font-family: Verb;
    font-size: 14px;
    font-weight: 350;
    line-height: 17.33px;
    text-align: start;
    color: var(--pricing-text);
}

.slide .content .col .package-details ul li span img {
    width: 24px;
    height: 24px;
}

.slide .content .btn-holder {
    display: flex;
    justify-content: center;
}

.content .btn-holder .grey-btn {
    display: block;
    color: var(--white-color);
    background: linear-gradient(40.82deg, #5C5C5C 3.66%, #CFCFCF 96.34%);
    text-decoration: none;
    text-transform: none;
    border: 2px solid var(--footer-bg-color);
    border-radius: 4px;
    position: relative;
    font-family: Verb;
    font-size: 16px;
    font-weight: 600;
    line-height: 19.86px;
    text-align: center;
    padding: 15px 70px 15px 45px;
    max-width: fit-content;
    transition: all 0.5s ease-in;
}


.content .btn-holder .grey-btn:after {
    content: "";
    background-image: url(../images/right-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 40px;
    top: 15px;
}

.content .btn-holder .grey-btn:hover {
    background: transparent;
    border: 2px solid var(--grey-text-shade);
    transition: all 0.5s ease-in;
}

/* .content .btn-holder .grey-btn:hover{
    transition: all 0.5s ease-in;
    background: linear-gradient(40.82deg,  #CFCFCF 3.66%, #5C5C5C 96.34%);
}  */

#pricing-slider .slide .content .col .head-content-holder h4.red,
.slide .content .col .head-content-holder .price h3.red,
.slide .content .col .head-content-holder .price span.red {
    background: linear-gradient(40.82deg, #931E1E 3.66%, #D90000 96.34%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.content .btn-holder .red {
    background: linear-gradient(40.82deg, #931E1E 3.66%, #D90000 96.34%);

}

#pricing-slider .slide .content .col .head-content-holder h4.yellow,
.slide .content .col .head-content-holder .price h3.yellow,
.slide .content .col .head-content-holder .price span.yellow {
    background: linear-gradient(40.82deg, #CD9419 3.66%, #EBC993 96.34%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.content .btn-holder .yellow {
    background: linear-gradient(40.82deg, #CD9419 3.66%, #EBC993 96.34%);
}


/* Services Video Section Stylinson Desktop  */
.services-videos {
    width: 100%;
    text-align: center;
    padding: 95px 0px 0px 0px;
}

.services-videos h2 {
    text-align: center;
    font-size: 110px;
    font-weight: 700;
    line-height: 136.18px;

}

.services-videos h3.sec {
    text-align: center;
    margin: -30px 0px 27px 0px;
}

.services-videos p.sec-desc {
    text-align: center;
    color: var(--advantages-text);
    margin: 0px 108px 80px 108px;
}

.services-videos .video-holder {
    display: flex;
    position: relative;
    background-color: var(--footer-bg-color);
}

.services-videos .video-holder::after {
    content: "";
    background-image: url(../images/video-overlay.png);
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.services-videos .video-holder video {
    width: 100%;
    height: 100%;
    filter: grayscale(100%);
}

.services-videos .row {
    display: flex;
}

.services-videos .row .left-col,
.services-videos .row .right-col {
    width: 50%;
    display: flex;
    position: relative;
    cursor: pointer;
}

.services-videos .row .left-col img,
.services-videos .row .right-col img {
    width: 100%;
    filter: grayscale(100%);
    position: relative;
}

.services-videos .row .left-col::after {
    content: "";
    display: block;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.5s ease;
}

.services-videos .row .right-col::after {
    content: "";
    display: block;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.5s ease;
}

.services-videos .row .left-col .service-btn,
.services-videos .row .right-col .service-btn {
    font-family: Verb;
    font-size: 40px;
    font-weight: 500;
    line-height: 50px;
    text-align: start;
    display: block;
    color: var(--white-color);
    text-decoration: none;
    text-transform: none;
    position: relative;
    max-width: 100%;
    transition: all 0.4s;
    padding: 20px 105px 21px 20px;
    text-transform: uppercase;
}

.services-videos .row .left-col .service-btn::after {
    content: "";
    background-image: url(../images/location-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 68px;
    height: 68px;
    position: absolute;
    right: 15px;
    top: 8px;
}

.services-videos .row .right-col .service-btn::after {
    content: "";
    background-image: url(../images/location-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 68px;
    height: 68px;
    position: absolute;
    right: 15px;
    top: 8px;
}

.services-videos .row .left-col .content,
.services-videos .row .right-col .content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    transition: all 0.4s;
    z-index: 2;
}

.services-videos .row .left-col:hover .content {
    display: block;
    transition: all 0.4s;
}

.services-videos .row .right-col:hover .content {
    display: block;
    transition: all 0.4s;
}

.services-videos .row .left-col:hover img {
    filter: grayscale(0%);
}

.services-videos .row .left-col:hover::after {
    opacity: 1;
    transition: all 0.5s ease;
}

.services-videos .row .right-col:hover::after {
    opacity: 1;
    transition: all 0.5s ease;
}

.services-videos .row .right-col:hover img {
    filter: grayscale(0%);
}

/* tiktok video section stylings on Desktop */
.tiktok {
    background-color: var(--footer-bg-color);
    padding: 95px 0px;
}

.tiktok h3.sec {
    color: var(--white-color);
    margin: 0px 0px 18px 0px;
}

.tiktok p.sec-desc {
    color: var(--grey-text-shade);
    line-height: 25px;
}

.tiktok .row {
    display: flex;
    margin: 0px 0px 40px 0px;
}

.tiktok .row .content-holder {
    width: 62%;
}

.tiktok .row .btn-holder {
    width: 38%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.tiktok .row .btn-holder .black-btn {
    background-color: var(--secondary-color);
}

.tiktok .row .btn-holder .black-btn:hover {
    background-color: transparent;
}

#tiktok-slider {
    display: none;
}

.tiktok .tiktok-videos .videos-row {
    display: flex;
}

.tiktok .tiktok-videos .videos-row .video {
    width: 25%;
    position: relative;
    margin: 0px 20px 0px 0px;
}

.tiktok .tiktok-videos .videos-row .video:last-child {
    margin: 0px;
}

.tiktok .tiktok-videos .videos-row .video::after {
    content: "";
    display: block;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 61.32%, #000000 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
    opacity: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.5s ease;
    border-radius: 30px;
}

.tiktok .tiktok-videos .video-holder video {
    width: 100%;
    border-radius: 30px;
    filter: grayscale(100%);
    transition: all 0.5s ease;
}

.tiktok-videos .video .tech-desc {
    margin: 0px 12px;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    z-index: 2;
}

.tiktok-videos .video .tech-desc .service-btn {
    font-family: Verb;
    font-size: 25.58px;
    font-weight: 600;
    line-height: 31.74px;
    text-align: start;
    display: block;
    color: var(--white-color);
    text-decoration: none;
    text-transform: none;
    position: relative;
    max-width: 100%;
    transition: all 0.4s;
    padding: 20px 0px 0px 0px;
}

.tiktok-videos .video .tech-desc .service-btn::after {
    content: "";
    background-image: url(../images/tiktok-arrow-black.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 58px;
    height: 58px;
    position: absolute;
    right: 0px;
    top: 8px;
    transition: all 0.5s ease;
}

.tiktok .tiktok-videos .videos-row .video:hover .service-btn::after {
    transition: all 0.5s ease;
    background-image: url(../images/tiktok-arrow-red.svg);
}

.tiktok .tiktok-videos .videos-row .video:hover .video-holder video {
    filter: none;
    transition: all 0.5s ease;
}

/* Testimonials Section Stylings on Desktop */
.testimonials {
    padding: 95px 0px;
}

.testimonials h2 {
    font-family: Verb ExtraCond;
    font-size: 129px;
    font-weight: 700;
    line-height: 159.7px;

}

.testimonials h2,
.testimonials h3.sec {
    text-align: center;
}

.testimonials h3.sec {
    margin: -50px 0px 25px 0px;
}

.testimonials p.sec-desc {
    margin: 0px 100px 20px 100px;
}

.testimonial-slider-holder {
    position: relative;
}

.testimonials-slider .slide .row {
    display: flex;
    gap: 100px;
    padding: 100px 0px 0px 0px;
}

.testimonials-slider .slide .row .img-holder {
    width: 40%;
}

.testimonials-slider .slide .row .img-holder img {
    width: 100%;
}

.testimonials-slider .slide .row .content-holder {
    width: 60%;
    display: flex;
    flex-direction: column;
    gap: 140px;
    position: relative;
    padding: 0px 40px;
}

.testimonials-slider .slide .row .content-holder h6.top-quote-sign {
    position: absolute;
    top: -65px;
    left: -40px;
    font-family: Verb ExtraCond;
    font-size: 100px;
    font-weight: 800;
    line-height: 124px;
    text-align: center;
    color: var(--secondary-color);

}

.testimonials-slider .slide .row .content-holder h6.center-quote-sign {
    position: absolute;
    bottom: 0%;
    right: -40px;
    font-family: Verb ExtraCond;
    font-size: 100px;
    font-weight: 800;
    line-height: 0px;
    text-align: center;
    color: var(--secondary-color);
    transform: rotate(180deg);


}

.testimonials-slider .slide .row .content-holder .content {
    padding: 120px 0px 0px 0px;
    position: relative;
}

.testimonials-slider .slide .row .content-holder .content p {
    font-family: Verb;
    font-size: 18px;
    font-weight: 300;
    line-height: 32.4px;
    text-align: start;
    color: var(--advantages-text);
    margin: 0px 0px 40px 0px;
}

.testimonials-slider .slide .row .content-holder .content h5 {
    font-family: Verb;
    font-size: 27px;
    font-weight: 400;
    line-height: 32.4px;
    letter-spacing: 0.01em;
    text-align: start;
    color: var(---black-shade-2);
}

.testimonials-slider .slide .row .content-holder .icon-holder {
    display: flex;
    justify-content: flex-start;
    gap: 60px;
}

.testimonials-slider .slide .row .content-holder .icon-holder .black-btn {
    background-color: var(--secondary-color);
    border: 2px solid var(--secondary-color);
}

.testimonials-slider .slide .row .content-holder .icon-holder .black-btn:hover {
    background-color: var(--primary-color);
    border: 2px solid var(--primary-color);
}

.testimonial-slider-holder ul.navigation {
    position: absolute;
    top: 50%;
    right: 0px;
    display: flex;
    justify-content: space-between;
    width: 112%;
    left: -67px;
}

.testimonial-slider-holder ul.navigation {
    list-style-type: none;
}

/* Newsletter Section stylingson Desktop */
.newsletter {
    background-color: var(--footer-bg-color);
    padding: 95px 0px 135px 0px;
    text-align: center;
}

.newsletter h2 {
    font-size: 105px;
    line-height: 120.13px;
}

.newsletter h3.sec {
    text-align: center;
    color: var(--white-color);
    margin: -37px 0px 25px 0px;
}

.newsletter p.sec-desc {
    text-align: center;
    color: var(--white-color);
    margin: 0px 200px 25px 200px;
}

.newsletter .news-letter-form {
    margin: 0px 0px 80px 0px;
}

.newsletter .img-holder {
    padding: 30px 20px;
}

.newsletter .img-holder img {
    width: 90%;
}

#newsletter-slider {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

#newsletter-slider .slick-slide {
    transition: transform 0.5s ease-in-out;
    opacity: 0.5;

}

#newsletter-slider .slick-center,
#newsletter-slider .slick-current {
    opacity: 1;
}

#newsletter-slider .slick-center .img-holder {
    padding: 0px;
}

#newsletter-slider .slick-center .img-holder img,
#newsletter-slider .slick-current .img-holder img {
    transition: transform 0.5s ease-in-out;
    width: 100%;
}

/* Tiktok slider pagination stylings here  */
/* Coaches-members-slider that is on the coaches page pagination stylings  */

#newsletter-slider .pagination,
#tiktok-slider .pagination,
.coaches-members-slider .pagination {
    position: absolute;
    bottom: -42px;
    display: flex;
    width: 100%;
    justify-content: center;
}

#newsletter-slider .pagination li,
#tiktok-slider .pagination li,
.coaches-members-slider .pagination li {
    list-style: none;
    padding: 0px 2px;
}

#newsletter-slider .pagination li button,
#tiktok-slider .pagination li button,
.coaches-members-slider .pagination li button {
    position: relative;
    border: none;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #3d3d3d;
    text-indent: -9999px;
}

#newsletter-slider .pagination li.slick-active button,
#tiktok-slider .pagination li.slick-active button {
    background-color: var(--white-color)
}

.coaches-members-slider .pagination li.slick-active button {
    background-color: var(--secondary-color);
}

/* Instgram Post section stylingson the Desktop */
.instagram {
    padding: 55px 0px 0px 0px;
}

.instagram .content-row {
    display: flex;
    margin: 0px 0px 40px 0px;
}

.instagram .content-row .content-holder {
    width: 62%;
}

.instagram .content-row .btn-holder {
    width: 38%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.instagram h3.sec {
    margin: 0px 0px 18px 0px;
}

.instagram p.sec-desc {
    line-height: 25px;
    padding: 0px 30px 0px 0px;
}

.instagram .content-row .btn-holder .black-btn {
    background-color: var(--secondary-color);
    border: 2px solid var(--secondary-color);
}

.instagram .content-row .btn-holder .black-btn:hover {
    background-color: var(--primary-color);
    border: 2px solid var(--primary-color);
}

.instagram .post-row {
    display: flex;
    gap: 40px;
    background-image: url('../images/insta-mockup.png');
    background-position: left center;
    background-size: 72% 100%;
    background-repeat: no-repeat;
}


.instagram .post-row .img-holder,
.instagram .post-row .post-holder {
    width: 50%;
}

.instagram .post-row .img-holder img {
    opacity: 0;
    width: 100%;
}

.instagram .post-row .post-holder {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    padding: 0px 0px 50px 0px;
}

.instagram .post-row .post {
    display: flex;
    position: relative;
    width: 47.5%;
}

.instagram .post-row .post img {
    width: 100%;
    position: relative;
}

.instagram .post-row .post:after {
    content: "";
    display: block;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.5s ease;
}

.instagram .post-row .post .content {
    position: absolute;
    bottom: 15px;
    right: 0;
    left: 0;
    transition: all 0.4s;
    z-index: 2;
    width: 100%;
    display: none;
    justify-content: center;
}

.instagram .post-row .post .content .service-btn {
    font-family: Verb;
    font-size: 25.71px;
    font-weight: 500;
    line-height: 31.72px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: var(--white-color);
    position: relative;
}

.instagram .post-row .post .content .service-btn::after {
    content: "";
    background-image: url(../images/location-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 44px;
    height: 44px;
    position: absolute;
    left: 45px;
    top: -55px;
}

.instagram .post-row .post:hover img {
    filter: grayscale(100%);
}

.instagram .post-row .post:hover::after {
    opacity: 1;
}

.instagram .post-row .post:hover .content {
    display: flex;
}

/* .home-page .nav-holder {
    display: none;
} */

/* Notre Equip Page Stylings */
/* Notre Equip Hero Remaining stylings */
.notre-hero .content-holder {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

/* Team Section of Notre Page Stylings on Desktop */
.team {
    padding: 95px 0px;
    text-align: center;
}

.team h2 {

    font-size: 140px;
    font-weight: 700;
    line-height: 170px;
    text-align: center;
}

.team h3.sec {
    text-align: center;
    margin: -60px 0px 20px 0px;
}

.team p.sec-desc {
    text-align: center;
    margin: 0px 90px 0px 90px;
}

.team .head-content {
    margin: 0px 0px 70px 0px;
}
.team .team-members{
    display: flex;
    flex-direction: column;
}
.team-members .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 44px;
    margin: 0px 0px 50px 0px;
}

.team-members .row .col {
    width: 31%;
    border: 1.14px solid #A8A8A8;
    border-radius: 5px;
    padding: 13px 20px;
}

.col .img-holder {
    margin: 0px 0px 18px 0px;
}

.col .img-holder img {
    max-width: 100%;
}

.col .content-holder h5 {
    font-family: Verb ExtraCond;
    font-size: 35.64px;
    font-style: italic;
    font-weight: 600;
    line-height: 44.12px;
    text-align: center;
    text-transform: uppercase;
    margin: 0px 0px 10px 0px;
    color: var(--secondary-color);
}

.col .content-holder p {
    font-family: Verb;
    font-size: 19.44px;
    font-weight: 500;
    line-height: 34.99px;
    text-align: center;
    color: var(--advantages-text);
}

.team-members .row .col .content-holder a {
    font-family: Verb;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    text-decoration: none;
    color: var(--advantages-text);

}

.team-members .row .col .content-holder a:hover {
    color: var(--secondary-color);
}

.team-members .btn-holder {
    display: flex;
    justify-content: center;
}

.team-members .btn-holder a:hover {
    background-color: var(---black-shade-2);
    border: 2px solid var(---black-shade-2)
}

/* Team Black Section on  Notre Equip Page*/
.team-black {
    background-color: var(--primary-color);
}

.team-black h3.sec,
.team-black p.sec-desc {
    color: var(--green-color);
}

.team-black .tab-holder {
    max-width: 1200px;
}

.team-black .tab,
.team-black .tab-content {
    width: 50%;
}

.team-black .tab button {
    color: var(--white-color);
    padding: 45px 10px;
}

/* Customization in the Section of Advantages that is  */
.advantages .tabcontent .content-holder,
.advantages .tabcontent .img-holder {
    position: relative;
}

.advantages .tabcontent .img-holder::after {
    content: "";
    display: block;
    background: linear-gradient(180deg, rgba(13, 13, 13, 0) 0%, #0D0D0D 100%);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.advantages .tabcontent .img-holder img {
    width: 100%;
}

.advantages .tabcontent .txt-holder {
    position: absolute;
    bottom: 16px;
    left: 16px;
    right: 16px;
}

.advantages .tabcontent .txt-holder p {
    font-family: Verb;
    font-size: 16px;
    font-weight: 500;
    line-height: 25.6px;
    color: var(--white-color);
}

/* granby hero section stylings that is on the granby page */
.granby-hero p.main-text {
    margin: 0px 150px;

}

/* Subpages counter section in the Granby Page on Desktop */
.subpages-counters h5 {
    font-family: Verb ExtraCond;
    font-size: 36.14px;
    font-weight: 400;
    line-height: 44.74px;
    color: #FFE6E6;

}

.subpages-counters .row .counter:first-child {
    border-left: 2px solid var(--white-color);
    padding: 0px 30px 0px 30px;
}

/* Gallery Section that is on the Granby Page Stylings */
.gallery {
    background-color: var(--footer-bg-color);
}

/* Facilities Tabs section stylings that is on the Granby Page */
.facilities-tabs .tab {
    justify-content: start;
    gap: 30px;
}

/* .image-slides {
    display: inline-block;
    animation: 10s scroll infinite linear;
}
@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    
    100% {
        transform: translateX(-100%);
    }
} */
.gallery-slider .slide .img-holder {
    display: flex;
}

.gallery-slider .slide .img-holder img {
    width: 100%;
}

/* Contact section  in the Graby Page Stylingson Desktop*/
.contactus {
    background-color: var(--footer-bg-color);
    padding: 68px 0px;
}

.contactus .row-holder {
    background-color: var(---black-shade-2);
}

.contactus .row {
    display: flex;
    gap: 40px;
}

.contactus .row .img-holder,
.contactus .content-holder {
    width: 50%;
}

.contactus .img-holder {
    margin-top: -20px;
    margin-bottom: -20px;
}

.contactus .img-holder img {
    width: 100%;
}

.contactus .content-holder {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 80px;

}

.contactus .content-holder h2.black {
    font-size: 80px;
    line-height: 96.47px;
    color: #1c1c1c;
    text-align: start;
}

.contactus .content-holder h3.sec {
    margin: -50px 0px 0px 0px;
    color: var(--white-color);
}

.contactus .content-holder .contact-data {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.contactus .content-holder .contact-data .content {
    display: flex;
    justify-content: space-between;
}

.contactus .content-holder .contact-data .content a {
    display: flex;
    align-items: start;
    color: var(--grey-color);
    align-items: center;
    text-decoration: none;
    font-family: Verb;
    font-size: 20px;
    font-weight: 500;
    line-height: 36px;
    align-items: flex-start;
    gap: 10px;
}

.contactus .content-holder .contact-data .content a img {
    width: 40px;
    height: 40px;
    margin: 4px 0px 0px 0px;
}

.contactus .content-holder .contact-data a.contact-btn {
    font-family: Verb;
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;
    align-items: flex-start;
    color: var(--secondary-color);
}

.contactus .content-holder .contact-data a.contact-btn:hover {
    color: var(--white-color);
}

.map img {
    width: 100%;
}

/* Contact Form Section Stylings on Desktop */
.contact-form-section h2 {
    font-size: 80px;
    line-height: 102px;
}

.contact-form-section .img-holder img {
    width: 100%;
}

/* Jym hours Section on Granby Page stylings on the Desktop */
.jym-hours {
    padding: 0px 0px 95px 0px;
}

.jym-hours h2,
.jym-hours h3.sec {
    text-align: center;
}

.jym-hours h3.sec {
    margin: -40px 0px 0px 0px;
}

.jym-hours .head-content {
    margin: 0px 0px 60px 0px;
}

.jym-hours .row {
    display: flex;
    gap: 12px;
    justify-content: center;
    margin: 0px 0px 20px 0px;
}

.jym-hours .row .day-slot {
    display: flex;
    flex-direction: column;
    width: 25%;
}

.jym-hours .row .day-slot .day {
    display: flex;
    justify-content: start;
    background: #f5f5f5;
    font-family: Verb;
    font-size: 18px;
    font-weight: 700;
    line-height: 22.46px;
    text-decoration: none;
    color: var(--primary-color);
    padding: 15px 10px;
    border: 1px solid #D5D5D5;
}

.jym-hours .row .day-slot .day img {
    width: 25px;
    height: 25px;
    margin: 0px 8px 0px 0px;
}

.jym-hours .row .day-slot .time {
    display: flex;
    justify-content: start;
    font-family: Verb;
    font-size: 18px;
    font-weight: 700;
    line-height: 22.46px;
    text-decoration: none;
    color: var(--primary-color);
    padding: 15px 10px;
    border: 1px solid #D5D5D5;
    border-top: none;

}

.jym-hours .row .day-slot .time img {
    width: 25px;
    height: 25px;
    margin: 0px 8px 0px 0px;
}

.jym-hours .row .day-slot .red {
    background-color: var(--secondary-color);
    color: var(--white-color);
}

/* Logos Section on the Partners Page stylingson Desktop */
.logos {
    padding: 25px 0px;
    background-color: var(--secondary-color);
}

/* Partners tabs Section on the Partners Page stylingson Desktop */
.partners-tabs {
    padding: 95px 0px;
}

.partners-tabs .tab-holder {

    display: flex;
    flex-direction: column;
    gap: 45px;
}

.partners-tabs .tab-holder .tab {
    display: flex;
    justify-content: center;
    gap: 30px;
    border: 1px solid #D9D9D9;
    padding: 15px 0px;
    border-radius: 4px;
}

.partners-tabs .tab-holder .tab button {
    font-family: Verb ExtraCond;
    font-size: 18px;
    font-weight: 600;
    line-height: 32.4px;
    background: transparent;
    border: none;
    color: var(--advantages-text);
    cursor: pointer;
}

.partners-tabs .tab-holder .tab button.active {
    color: var(--primary-color);
    border-bottom: 2px solid var(--primary-color);
}

.partners-tabs .content-holder {
    width: 100%;
}

.content-holder table {
    width: 100%;
}

.content-holder table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    table-layout: auto;
}

.content-holder table thead {
    margin: 0px 0px 17px 0px;
}

.content-holder table thead tr {
    background-color: #f5f5f5;
}

.content-holder table tr th {
    font-family: Verb;
    font-size: 15px;
    font-weight: 600;
    line-height: 27px;
    padding: 17px 0px;

}

.content-holder table tr th:first-child,
.content-holder table tr:nth-child(2n+2) td:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.content-holder table tr th:last-child,
.content-holder table tr:nth-child(2n+2) td:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.content-holder table tr:nth-child(2n+2) {
    background-color: #f5f5f5;
}

.content-holder table tr td {
    padding: 13px 0px;
    text-align: center;
    white-space: nowrap;
}

.content-holder table tr td.c-name,
.content-holder table tr td.c-telephone {
    font-family: Verb;
    font-size: 18px;
    font-weight: 600;
    line-height: 32.4px;
    text-align: center;
}

.content-holder table tr td.c-telephone a {
    text-decoration: none;
    color: var(--primary-color);
}

.content-holder table tr td.c-email,
.content-holder table tr td.c-website {
    font-family: Verb;
    font-size: 15px;
    font-weight: 600;
    line-height: 27px;
    text-align: center;
}

.content-holder table tr td.c-email a,
.content-holder table tr td.c-website a {
    text-decoration: none;
    color: var(--primary-color);
}

.content-holder table tr td.c-socail-icons ul {
    display: flex;
    justify-content: center;
}

.content-holder table tr td.c-socail-icons ul li {
    list-style: none;
    margin-right: 5px;
}

.content-holder table tr td.c-socail-icons ul li a {
    text-decoration: none;
    display: block;
    background: var(--primary-color);
    padding: 11px 11px 5px 11px;
    border-radius: 100px;
    transition: all 0.4s;
    width: 40px;
    height: 40px;
}

.content-holder table tr td.c-socail-icons ul li a:hover {
    transition: all 0.4s;
    background-color: var(--secondary-color);
}

.content-holder table tr td.c-socail-icons ul li a img {
    width: 17px;
    height: 17px;
}

.content-holder table tr td.c-offers a.partner-btn {
    display: inline-block;
    padding: 15px 12px;
    background-color: var(--secondary-color);
    border: 2px solid var(--secondary-color);
}

a.partner-btn::after {
    content: none;
}

.content-holder table tr td.c-offers {
    padding: 20px 0px;
}

.content-holder table tr td.c-offers a.partner-btn:hover {
    background-color: var(--primary-color);
    border: 2px solid var(--primary-color);
}

.partners-tabs .view-more {
    display: flex;
    justify-content: center;
    margin: 45px 0px 0px 0px;
}

.partners-tabs .view-more a.black-btn:hover {
    background-color: var(--primary-color);
    border: 2px solid var(--primary-color);
}

/* Partner Pop Up that is on the Partners Page Stylings */

.pop-up-overlay.active {
    background: var(--primary-color);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999;
    min-height: 100vh;
    opacity: .7;
    display: block;
    cursor: pointer;
}

.member-pop-up {
    display: none;
    margin: 0 auto;
    width: 500px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--secondary-color);
    z-index: 9999;
    border-radius: 10px;
    padding: 10px;
}

.member-pop-up.active {
    display: flex;
}

.member-pop-up .cross-sign {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 10px;
    font-size: 24px;
    color: var(--white-color);
}

.member-pop-up .cross-sign:hover i {
    color: var(--secondary-color);
}

.member-pop-up .img-holder {
    display: flex;
    max-width: 100%;
}

.member-pop-up .img-holder img {
    width: 100%;
    border-radius: 10px;
}

/* Partners Fo{rm Page that is on the Partners Page stylings on the Desktop */
.partners-form {
    background-color: var(--footer-bg-color);
}

.partners-form h2,
.partners-form h3.sec,
.partners-form p.sec-desc {
    text-align: start;
}

.partners-form h3.sec {
    margin: -45px 0px 25px 0px;
    color: var(--white-color);
}

.partners-form p.sec-desc {
    margin: 0px 0px 40px 0px;
}

.partners-form .img-holder img {
    width: 100%;
}

.career-hero .content-holder h1,
.career-hero .content-holder p {
    color: var(--green-color);
}

/* Job Offer section that is on the Career Page stylings on the desktop */
.job-offer h2 {
    font-size: 83px;
    font-weight: 700;
    line-height: 102.75px;

}

.job-offer h3.sec {
    margin: -50px 0px 20px 0px;
}

.job-offer p.sec-desc {
    color: var(--green-color);
}

.team .head-content {
    margin: 0px 0px 50px 0px;
}

.job-offer .selectbox-holder,
.job-offer .faq-holder {
    max-width: 950px;
    margin: 0 auto;
}

.job-offer .selectbox-holder {
    margin: 0 auto 30px auto;
}

.job-offer .selectbox-holder .selectbox {
    display: flex;
    justify-content: space-between;
    gap: 50px;
}

.selectbox .col {
    width: 50%;
}

.selectbox .col form {
    display: flex;
    flex-direction: column;
    text-align: start;
    width: 100%;
    gap: 15px;
}

.selectbox .col form label {
    font-family: Verb;
    font-size: 20px;
    font-weight: 600;
    line-height: 36px;
    text-align: left;
}

/* Custom-Select Box Stylings */

.custom-select {
    position: relative;
    font-family: Arial;
}

.select-selected {
    background-color: transparent;
    padding: 10px;
    border: 1px solid #424242;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #949494;
    font-family: Verb;
    font-size: 20px;
    font-weight: 350;
    line-height: 36px;
}

.select-selected .icon {
    margin-left: 10px;
    display: flex;
}

.select-selected .icon img {
    width: 20px;
    height: 20px;
}

.select-selected.active .icon {
    transform: rotate(180deg);
}

.select-items {
    position: absolute;
    background-color: var(--white-color);
    border: 1px solid var(--footer-bg-color);
    z-index: 99;
    width: 100%;
}

.select-items .custom-option {
    padding: 10px;
    cursor: pointer;
    color: #949494;
    font-family: Verb;
    font-size: 20px;
    font-weight: 350;
    line-height: 36px;
}

.select-items .custom-option:hover {
    background-color: var(--primary-color);
    color: var(--white-color);
}

.select-hide {
    display: none;
}

/* Faq div that is in the job offer section Stylings  */
.faq-holder .accordian {
    width: 100%;
    cursor: pointer;
}

.faq-holder ul.accordian>li {
    list-style: none;
    width: 100%;
    border-radius: 8px;
}

/* .bb {
    border-bottom: 1px solid var(--primary-color);
} */

.faq-holder .accordian li label {
    display: flex;
    align-items: center;
    padding: 15px 0px;
    font-family: Verb ExtraCond;
    font-size: 20px;
    font-weight: 600;
    line-height: 24.76px;
    justify-content: space-between;
    cursor: pointer;
    border-bottom: 1px solid var(--primary-color);

}

.faq-holder li label::after {
    content: "";
    background-image: url(../images/plus-icon.svg);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.faq-holder li input[type="radio"] {
    display: none;
}

.faq-holder .accordian .content {
    color: var(--primary-color);
    padding: 0 10px;
    line-height: 26px;
    max-height: 0;
    overflow: hidden;
    text-align: start;
    cursor: auto;
}

.faq-holder .accordian .content p,
.content ul.details li {
    font-family: Verb;
    font-size: 16px;
    font-weight: 400;
    line-height: 32.4px;

}

ul.details li {
    list-style: circle;
}

.faq-holder .accordian input[type="radio"]:checked+label+.content {
    max-height: 400px;
    padding: 10px 0px 20px 0px;
}

.faq-holder .accordian input[type="radio"]:checked+label::after {
    content: "";
    background-image: url(../images/plus-icon.svg);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

/* facilities hero section stylings that is on the Facilities Page  */
.facilities-hero p.main-text {
    color: var(--green-color);

}

/* Hockey section on the facilities page stylings on the Desktop */
.hockey {
    background-color: var(--footer-bg-color);
    padding: 55px 0px;
}

.hockey .row {
    display: flex;
    gap: 45px;
}

.hockey .row .content-holder,
.hockey .row .img-holder {
    width: 50%;
}

.hockey .row .content-holder {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 60px;
}


.hockey h2.black {
    text-align: start;
    font-family: Verb ExtraCond;
    font-size: 61px;
    font-weight: 700;
    line-height: 75.52px;
}

.hockey h3.sec {
    font-size: 50px;
    line-height: 61.9px;
    letter-spacing: 0.06em;
    color: var(--white-color);
    margin: -40px 0px 0px 0px;
}

.hockey p.sec-desc {
    font-family: Verb;
    font-size: 18px;
    font-weight: 300;
    line-height: 32.4px;
    color: var(--grey-text-shade);
}

.hockey .row .img-holder {
    display: flex;
    margin-bottom: -150px;
}

.hockey .row .img-holder img {
    width: 100%;
}

/* Boutique section on the facilities page stylings on the Desktop */
.boutique {
    padding: 0px;
    background-color: var(---black-shade-2);
}

.boutique .row .content-holder {
    justify-content: center;
    padding: 100px 0px 0px 0px;
}

.boutique h2.black {
    color: var(---black-shade-2);
}

.boutique .row .img-holder {
    margin: -20px 0px -20px 0px;
}

/* Room section on the Facilities Page stylings on the desktop */
.rooms .row .img-holder {
    margin: -50px 0px 20px 0px;
}

/*Health Section the Facilities Page stylings on the desktop */
.health .row .img-holder {
    margin: 0px;
}

/* Hero section stylings on the Clinique Page*/
.clinique-hero h1.main-heading {
    font-size: 66px;
}

.clinique-hero .content-holder {
    width: 1000px;
}

/* Clinique Counter section stylings on the Desktop */
.clinique-counters .row .counter:last-child {
    border-right: 2px solid var(--white-color);
}

/* Clinique Services Section on the Clinique Page stylings on the Desktop */
.clinique-services {
    background-color: var(--primary-color);
    padding: 65px 0px 0px 0px;
}

.clinique-services h3.sec {
    color: var(--white-color);
    margin: -45px 0px 65px 0px;
}

/* Expert Services Section on the Clinique Page stylings on the desktop */
.expert-services {
    padding: 120px 0px 55px 55px;
}

.expert-services .row {
    display: flex;
    gap: 35px;
    justify-content: space-between;
}

.expert-services .row .content-holder {
    width: 25%;
    display: flex;
    flex-direction: column;
    gap: 45px;
}

.expert-services .row .service-slider-holder {
    width: 75%;
}

.expert-services .row .content-holder h4 {
    font-family: Verb ExtraCond;
    font-size: 40px;
    font-style: italic;
    font-weight: 700;
    line-height: 49.52px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.expert-services .row .content-holder p {
    font-family: Verb;
    font-size: 17px;
    font-weight: 400;
    line-height: 28px;
}

.expert-services .row .content-holder .selectbox .col {
    width: 75%;
}

.expert-services .row .content-holder .selectbox .col form label {
    font-family: Verb;
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    color: #BFBFBF;

}

.expert-services .row .content-holder .selectbox .select-selected {
    border: 1px solid var(--secondary-color);
    font-family: Verb;
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    color: var(---black-shade-2);
}

.expert-services .row .content-holder .select-selected .icon img {
    width: 15px;
    height: 15px;
}

.expert-services .row .content-holder .selectbox .select-items .custom-option {
    font-family: Verb;
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    color: var(---black-shade-2);
}

.expert-services .row .content-holder .selectbox .select-items .custom-option:hover {
    background-color: var(--grey-color);
}

.service-slider .slide {
    position: relative;
}

.service-slider .slide .img-holder {
    position: relative;
    display: flex;
}

.service-slider .slide .img-holder img {
    width: 100%;
    position: relative;
    border-radius: 4px;
}

.service-slider .slide .img-holder::after {
    content: "";
    display: block;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    opacity: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease;

}

.service-slider .slide .slide-content-holder {
    position: absolute;
    top: 24px;
    left: 20px;
    right: 20px;
    bottom: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.service-slider .slide .slide-content-holder .icon-holder {
    display: flex;
    justify-content: end;
    visibility: hidden;
    transition: all 0.3s ease;
}

.service-slider .slide .head-content {
    display: flex;
    margin: 0px 0px 24px 0px;
    gap: 15px;
    justify-content: space-between;
}

.service-slider .slide .head-content .serive-logo {
    display: flex;
    align-self: end;
}

.service-slider .slide .head-content h5 {
    font-family: Verb;
    font-size: 24px;
    font-weight: 600;
    line-height: 29.71px;
    letter-spacing: 0.11999999731779099px;
    margin: 0px 0px 8px 0px;
    color: var(--white-color);

}

.service-slider .slide .head-content a {
    display: block;
    font-family: Verb;
    font-size: 15px;
    font-weight: 500;
    line-height: 19.81px;
    letter-spacing: 0.11999999731779099px;
    text-decoration: none;
    padding: 8px;
    border: 1px solid var(--white-color);
    border-radius: 100px;
    color: var(--white-color);
}

.service-slider .slide .details p.limit-text {
    font-family: Verb;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.81px;
    letter-spacing: 0.11999999731779099px;
    color: var(--white-color);
    transition: all 0.5s ease;
    display: none;
}

.service-slider .slide:hover .icon-holder a {
    transition: all 0.5s ease;
    visibility: visible;
}

.service-slider .slide:hover .details p {
    transition: all 0.5s ease;
    display: -webkit-box;
    /* Required for line clamping */
    -webkit-box-orient: vertical;
    /* Set box orientation */
    -webkit-line-clamp: 4;
    /* Limit to three lines */
    overflow: hidden;
}

.service-slider-holder .navigation-holder {
    display: flex;
    justify-content: space-between;
}

.service-slider-holder ul.navigation {
    display: flex;
    list-style-type: none;
    margin: 40px 0px 0px 0px;
    gap: 15px;
}

.navigation-holder .footer-heading h2 {
    font-size: 158px;
    font-weight: 700;
    line-height: 195.6px;
}

.service-slider .slick-slide {
    margin-right: 30px;
}

/* Price-list section that is on the Clinique Page */
.price-list {
    padding: 90px 0px;
    background-color: var(--footer-bg-color);
}

.price-list h2.black {
    font-size: 86px;
    line-height: 86.47px;
}

.price-list h3.sec {
    color: var(--white-color);
    text-align: center;
    margin: 0px 0px 18px 0px;
}

.price-list p.sec-desc {
    color: var(--white-color);
    text-align: center;
    margin: 0px 0px 60px 0px;
}

.price-list .pricing-levels {
    width: 1030px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 75px;

}

.price-list .pricing-levels .row {
    display: flex;
    justify-content: space-between;
    gap: 45px;
}

.price-list .pricing-levels .row .col {
    width: 80%;
    display: flex;
    flex-direction: column;
    gap: 35px;
}

.price-list .pricing-levels .row .col-2 {
    width: 20%;
    text-align: end;
    display: flex;
    flex-direction: column;
    gap: 35px;
}

.price-list .pricing-levels .row .head-row {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.price-list .pricing-levels .row .head-row .col-1,
.price-list .pricing-levels .row .content-row .col-1 {
    width: 40%;
}

.price-list .pricing-levels .row .head-row .col-2,
.price-list .pricing-levels .row .head-row .col-3,
.price-list .pricing-levels .row .content-row .col-2,
.price-list .pricing-levels .row .content-row .col-3 {
    width: 30%;
}

.price-list .pricing-levels .row .content-row .col-3 {
    text-align: end;
}

.price-list .pricing-levels .row .head-row .col-3 .content-holder,
.price-list .pricing-levels .row .head-row .col .content-holder {
    background-color: var(--advantages-text);
    text-align: center;
    display: flex;
    flex-direction: column;

}

.price-list .pricing-levels .row .head-row .col-3 .content-holder h6,
.price-list .pricing-levels .row .head-row .col .content-holder h6 {
    font-family: Verb;
    font-size: 30px;
    font-weight: 700;
    line-height: 37.44px;
    color: var(--white-color);
    margin-top: -20px;

}

.price-list .pricing-levels .row .head-row .col-3 .content-holder h4,
.price-list .pricing-levels .row .head-row .col .content-holder h4 {
    font-family: Verb;
    font-size: 56px;
    font-weight: 700;
    line-height: 69.89px;
    color: var(--white-color);

}

.price-list .pricing-levels .row .content-row {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.price-list .pricing-levels .row>.col-2>.head-row>.col,
.price-list .pricing-levels .row>.col-2>.content-row>.col {
    width: 100%;
}

.price-list .pricing-levels .row .content-row>.col-1 {
    background-color: var(--secondary-color);
    border-radius: 4px;
}

.price-list .pricing-levels .row .content-row>.col-1 .heading-holder {
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.price-list .pricing-levels .row .content-row>.col-1 .heading-holder span {
    font-family: Verb;
    font-size: 27px;
    font-weight: 700;
    line-height: 33.7px;
    color: var(--white-color);

}

.price-list .pricing-levels .row .content-row>.col-2 ul.service-time li {
    list-style: none;
    padding: 25px 0px;
    background: #2e2e2e;
    color: var(--white-color);
    text-align: center;
    font-family: Verb;
    font-size: 20px;
    font-weight: 700;
    line-height: 24.96px;

}

.price-list .pricing-levels .row .content-row>.col-3 ul.service-price li,
.price-list .pricing-levels .row>.col-2>.content-row>.col ul.service-price li {
    list-style: none;
    padding: 25px 0px;
    background: var(--advantages-text);
    color: var(--white-color);
    text-align: center;
    font-family: Verb;
    font-size: 20px;
    font-weight: 700;
    line-height: 24.96px;
}

/* Reservation section that is on the Clinique Page stylingson the Desktop */
.reservation {
    padding: 0px 0px 75px 0px;
}

.reservation h2,
.reservation h3.sec,
.reservation p.sec-desc {
    text-align: center;
}

.reservation h3.sec {
    margin: -35px 0px 35px 0px;
}

.reservation .img-holder img {
    width: 100%;
}

/* Hero Section  that is on the Massage Therapy Page stylings on the Desktop */
.massage-therapy-hero h1 {
    margin: 0px 50px;
}

.massage-therapy-hero p.main-text {
    margin: 0px 150px;
}

/* Appointment Section  that is on the Massage Therapy Page stylings on the Desktop */
.appointment {
    padding: 95px 0px;
}

/* Why Massage Section  that is on the Massage Therapy Page stylings on the Desktop */
.why-massage {
    background-color: var(--footer-bg-color);
    padding: 120px 0px;
}

.why-massage h3.sec {
    text-align: center;
    color: #fff;
    margin: -10px 0px 20px 0px;
}

.why-massage p.sec-desc {
    color: var(--grey-text-shade);
    text-align: center;
    margin: 0px 0px 80px 0px;
}

.why-massage .icon-boxes {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.why-massage .icon-boxes .row-1,
.why-massage .icon-boxes .row-2 {
    display: flex;
    justify-content: space-between;
    gap: 25px;
}

.why-massage .icon-boxes .row-1 .icon-box-holder:first-child {
    width: 70%;
}

.why-massage .icon-boxes .row-1 .icon-box-holder:last-child {
    width: 30%;
}

.why-massage .icon-boxes .row-1 .icon-box-holder,
.why-massage .icon-boxes .row-2 .icon-box-holder {
    background-color: var(---black-shade-2);
    padding: 30px 25px 30px 25px;
    border-radius: 4px;
}

.why-massage .icon-boxes .row-1 .icon-box-holder .icons,
.why-massage .icon-boxes .row-2 .icon-box-holder .icons {
    display: flex;
    justify-content: space-between;
    margin: 0px 0px 30px 0px;
}

.why-massage .icon-boxes .row-1 .icon-box-holder .icons span,
.why-massage .icon-boxes .row-2 .icon-box-holder .icons span {
    display: block;
    background: #2e2e2e;
    padding: 10px 12.5px;
    border-radius: 50%;
}

.why-massage .icon-boxes .row-1 .icon-box-holder .icons span img,
.why-massage .icon-boxes .row-2 .icon-box-holder .icons span img {
    width: 30px;
    height: 30px;
}

.why-massage .icon-boxes .row-1 .icon-box-holder a.massage-action,
.why-massage .icon-boxes .row-2 .icon-box-holder a.massage-action {
    transition: all 0.5 ease;
    display: none;
    align-self: center;
}

.why-massage .icon-boxes .row-1 .icon-box-holder img,
.why-massage .icon-boxes .row-2 .icon-box-holder img {
    width: 40px;
    height: 40px;
}

.why-massage .icon-boxes .row-1 .icon-box-holder h5,
.why-massage .icon-boxes .row-2 .icon-box-holder h5 {
    font-family: Verb;
    font-size: 18.17px;
    font-weight: 700;
    line-height: 22.68px;
    color: var(--white-color);
    margin: 0px 0px 15px 0px;
}

.why-massage .icon-boxes .row-1 .icon-box-holder p,
.why-massage .icon-boxes .row-2 .icon-box-holder p {
    font-family: Verb;
    font-size: 14.54px;
    font-weight: 350;
    line-height: 18px;
    color: var(--grey-color);

}

.why-massage .icon-boxes .row-2 .icon-box-holder:first-child,
.why-massage .icon-boxes .row-2 .icon-box-holder:nth-child(2) {
    width: 33.95%;
}

.why-massage .icon-boxes .row-2 .icon-box-holder:last-child {
    width: 30%;
}

.why-massage .icon-boxes .row-1 .icon-box-holder:hover a.massage-action,
.why-massage .icon-boxes .row-2 .icon-box-holder:hover a.massage-action {
    cursor: pointer;
    transition: all 0.5 ease;
    display: flex;
}

/* Therapeutic massage section on the Massage Therapy Page stylings on the Desktop */
.therapeutic-massage {
    padding: 68px 0px;
    background-color: var(--footer-bg-color);
}

/* physiotherapy Sectionthat is on the Phsiotherapy page stylings on the Desktop */
.physiotherpay-hero h1,
.physiotherpay-hero p.main-text {
    margin: 0px 100px;
}

/* Support Section that is on the Phsiotherapy page stylings on the Desktop */
.support {
    padding: 68px 0px 0px 0px;
    background-color: var(--footer-bg-color);
}

.support h2.black,
.support h3.sec,
.support p.sec-desc {
    text-align: center;
}

.support h2.black {
    font-size: 65px;
    line-height: 80.47px;
}

.support h3.sec {
    color: var(--white-color);
    margin: -35px 0px 15px 0px;
}

.support p.sec-desc {
    color: var(--grey-text-shade);
    margin: 0px 0px 40px 0px;
}

.support .appraoch {
    background-color: var(---black-shade-2);
    padding: 40px 0px 40px 0px;
}

.support .appraoch h3.sub-sec,
.support .therapy-treatment h3.sub-sec,
.support .results h3.sub-sec {
    font-family: Verb ExtraCond;
    font-size: 40px;
    font-style: italic;
    font-weight: 700;
    line-height: 49.52px;
    letter-spacing: 0.06em;
    color: var(--white-color);
    text-transform: uppercase;

}

.support .appraoch h3.sub-sec {
    margin: 0px 0px 40px 0px;
}

.support .therapy-treatment h3.sub-sec {
    margin: 0px 0px 20px 0px;
}

.support .appraoch p.sub-sec-desc {
    font-family: Verb;
    font-size: 17.09px;
    font-weight: 350;
    line-height: 30.75px;
    color: var(--white-color);
    margin: 0px 0px 30px 0px;
}

.support .appraoch .img-holder,
.support .therapy-treatment .therapeutic-care-img-holder,
.support .therapy-treatment .pathologies-car-img-holder,
.support .results .img-holder {
    display: flex;
    position: relative;
    border-radius: 4px;
}

.support .appraoch .img-holder {
    margin-bottom: -150px;
}

.support .appraoch .img-holder img,
.support .therapy-treatment .therapeutic-care-img-holder img,
.support .therapy-treatment .pathologies-car-img-holder img,
.support .results .img-holder img {
    width: 100%;
}

.support .appraoch .img-holder span,
.support .therapy-treatment .therapeutic-care-img-holder span,
.support .therapy-treatment .pathologies-car-img-holder span,
.support .results .img-holder span {
    display: block;
    background: var(--white-color);
    padding: 10px 12.5px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.support .appraoch .img-holder span img,
.support .therapy-treatment .therapeutic-care-img-holder span img,
.support .therapy-treatment .pathologies-car-img-holder span img,
.support .results .img-holder span img {
    width: 72px;
    height: 72px;
}

.support .therapy-treatment {
    padding: 165px 0px;
}

.support .therapy-treatment .row {
    display: flex;
    gap: 60px;
}

.support .therapy-treatment .row .therapeutic-care,
.support .therapy-treatment .row .pathologies-care {
    width: 50%;
}

.support .therapy-treatment ul {
    list-style-type: none;
    margin: 45px 0px 35px 0px;
}

.support .results ul {
    list-style-type: none;
    margin: 15px 0px 0px 0px;
}

.support .therapy-treatment ul li,
.support .results ul li {
    font-family: Verb;
    font-size: 15px;
    font-weight: 500;
    line-height: 27px;
    color: #dedede;
    background: url('../images/custom-list-icon.svg') no-repeat left center;
    background-size: 17px;
    padding-left: 30px;
    line-height: 20px;
    margin: 14px 0px;

}

.support .pathologies-car-img-holder {
    margin: 0px 0px 20px 0px;
}

.support .pathologies-care p {
    font-family: Verb;
    font-size: 17px;
    font-weight: 350;
    line-height: 30.6px;
    color: #eeeeee;
}

.support .pathologies-care ul {
    list-style-type: none;
    margin: 0px 0px 25px 0px;
}

.support .results {
    background-color: var(---black-shade-2);
    padding: 4px 0px 68px 0px;
}

.support .results .img-holder {
    margin-top: -120px;
    margin-bottom: 35px;
}

.support .results ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.support .results ul li {
    width: 35%;
}

/* Why us section section stylings on the that is on the Coaches Page  */
.why-us p.sec-desc {
    margin: 0px 140px 80px 140px;
}

.why-us .icon-boxes {
    width: 915px;
    margin: 0 auto 60px auto;
}

.why-us .icon-boxes .row {
    display: flex;
    justify-content: space-between;
    gap: 27px;
    flex-wrap: wrap;
}

.why-us .icon-boxes .row .icon-box-holder {
    background-color: var(---black-shade-2);
    padding: 30px 25px 30px 25px;
    border-radius: 4px;
    width: 48.5%;
    transition: all 0.4s;
    cursor: pointer;
}

.why-us .icon-boxes .row .icon-box-holder:hover {
    transition: all 0.4s;
    background-color: var(--secondary-color);
}

.why-us .icon-boxes .row .icon-box-holder .icons {
    display: flex;
    justify-content: space-between;
    margin: 0px 0px 30px 0px;
}

.why-us .icon-boxes .row .icon-box-holder .icons span {
    display: block;
    background: #2e2e2e;
    padding: 10px 12.5px;
    border-radius: 50%;
}

.why-us .icon-boxes .row .icon-box-holder .icons span img {
    width: 30px;
    height: 30px;
}

.why-us .icon-boxes .row .icon-box-holder h5 {
    font-family: Verb;
    font-size: 18.17px;
    font-weight: 700;
    line-height: 22.68px;
    color: var(--white-color);
    margin: 0px 0px 15px 0px;
}

.why-us .icon-boxes .row .icon-box-holder p {
    font-family: Verb;
    font-size: 14.54px;
    font-weight: 350;
    line-height: 18px;
    color: var(--grey-color);
}

.why-us .btn-holder {
    display: flex;
    justify-content: center;
}

/* Coaches Members Section that is on the coaches page stylings on desktop  */
.coaches-members .coaches-members-slider {
    display: none;
}

.coaches-members .team-members .col {
    position: relative;
}

.coaches-members .team-members .col .img-caption {
    background-color: var(--secondary-color);
    padding: 12px 16px;
    border-radius: 4px;
    max-width: fit-content;
    position: absolute;
    top: 24px;
    left: 30px;
}

.coaches-members .team-members .col .img-caption span {
    font-family: Verb ExtraCond;
    font-size: 18px;
    font-weight: 500;
    line-height: 32.4px;
    color: var(--white-color);
}

.coaches-members .team-members .col .content-holder {
    display: flex;
    flex-direction: column;
}

/* Subscription section stylings that is on the coaches page */
.our-subscription {
    background-color: var(--footer-bg-color);
    padding: 95px 0px;
}

.our-subscription h2.black {
    font-size: 70px;
    line-height: 86px;
}

.our-subscription h3.sec {
    text-align: center;
    color: var(--white-color);
    margin: -40px 0px 20px 0px;

}

.our-subscription p {
    margin: 0px 210px 80px 210px;
    color: var(--grey-text-shade);
    text-align: center;

}

.subs-packages .gold-package,
.subs-packages .silver-package,
.subs-packages .bronze-package {
    display: flex;
    width: 100%;
    gap: 15px;
}

.gold-package .package-details,
.gold-package .package-pricing,
.silver-package .package-details,
.silver-package .package-pricing,
.bronze-package .package-details,
.bronze-package .package-pricing,
.program-price .package-pricing,
.program-price .package-details {
    width: 50%;
}

.gold-package .package-details {
    background: linear-gradient(40.82deg, #CD9419 3.66%, #EBC993 96.34%);
    border-width: 1px 1px 0px 1px;
    border-style: solid;
    border-color: #2C2C2C;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.silver-package .package-details {
    background: linear-gradient(40.82deg, #5C5C5C 3.66%, #CFCFCF 96.34%);
    border-width: 1px 1px 0px 1px;
    border-style: solid;
    border-color: #2C2C2C;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.bronze-package .package-details {
    background: linear-gradient(40.82deg, #79381D 3.66%, #D9B78D 96.34%);
    border-width: 1px 1px 0px 1px;
    border-style: solid;
    border-color: #2C2C2C;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.gold-package .package-details h3,
.silver-package .package-details h3,
.bronze-package .package-details h3 {
    background: #1A1A1A80;
    font-family: Verb;
    font-size: 26.98px;
    font-weight: 700;
    line-height: 33.68px;
    text-shadow: 0px 2.16px 2.16px rgba(0, 0, 0, 0.25);
    color: var(--white-color);
    text-align: center;
    padding: 11px;
}

.gold-package .package-details ul.package-breadcrumb,
.silver-package .package-details ul.package-breadcrumb,
.bronze-package .package-details ul.package-breadcrumb {
    display: flex;
    justify-content: center;
    list-style: none;
}

.package-details ul.package-breadcrumb li {
    display: inline;
    position: relative;
    padding: 0px 25px 0px 0px;
    font-family: Verb;
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
    color: var(--white-color);

}

.package-details ul.package-breadcrumb li+li:before {
    content: "";
    background: url(../images/package-bredcrum-list-icon.svg) no-repeat center center;
    background-size: contain;
    width: 7px;
    height: 7px;
    position: absolute;
    left: -11px;
    top: 50%;
    transform: translateY(-50%);
}

.our-subscription .subs-packages {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.our-subscription .price-list {
    padding: 90px 0px 0px 0px;
}

.gold-package .package-details .pacakge-deatils-headings,
.silver-package .package-details .pacakge-deatils-headings,
.bronze-package .package-details .pacakge-deatils-headings {
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: var(--white-color);
}

.gold-package .package-details .pacakge-deatils-headings h4,
.silver-package .package-details .pacakge-deatils-headings h4,
.bronze-package .package-details .pacakge-deatils-headings h4 {
    font-family: Verb;
    font-size: 21px;
    font-weight: 500;
    line-height: 26px;
    text-align: center;
}

.gold-package .package-pricing,
.silver-package .package-pricing,
.bronze-package .package-pricing,
.program-price .package-pricing {
    display: flex;
    gap: 17px;
}

.gold-package .package-pricing .pricings,
.silver-package .package-pricing .pricings,
.bronze-package .package-pricing .pricings {
    width: 50%;
    background-color: #424242;
    border-radius: 4px;
    border-width: 1.24px 1.24px 0px 1.24px;
    border-style: solid;
    border-color: #2C2C2C;
    padding: 55px 17px;
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 20px;

}

.gold-package .package-pricing .pricings .price,
.silver-package .package-pricing .pricings .price,
.bronze-package .package-pricing .pricings .price,
.program-price .package-pricing .pricings .price {
    background-color: #2e2e2e;
    padding: 16px 25px 16px 25px;
    display: flex;
    justify-content: center;
}

.gold-package .package-pricing .pricings .price h3,
.silver-package .package-pricing .pricings h3,
.bronze-package .package-pricing .pricings h3,
.program-price .package-pricing .pricings h3 {
    font-family: Verb;
    font-size: 33.39px;
    font-weight: 700;
    line-height: 41.8px;
    background: linear-gradient(40.82deg, #CD9419 3.66%, #EBC993 96.34%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gold-package .package-pricing .pricings .price .sub-price,
.silver-package .package-pricing .pricings .price .sub-price,
.bronze-package .package-pricing .pricings .price .sub-price,
.program-price .package-pricing .pricings .price .sub-price {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.gold-package .package-pricing .pricings .price .sub-price span,
.silver-package .package-pricing .pricings .price .sub-price span,
.bronze-package .package-pricing .pricings .price .sub-price span {
    background: linear-gradient(40.82deg, #CD9419 3.66%, #EBC993 96.34%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: Verb;
    font-size: 11.83px;
    font-weight: 400;
    line-height: 14.64px;
}

.silver-package .package-pricing .pricings h3,
.silver-package .package-pricing .pricings .price .sub-price span {
    background: linear-gradient(40.82deg, #5C5C5C 3.66%, #CFCFCF 96.34%);
    -webkit-background-clip: text;
}

.bronze-package .package-pricing .pricings h3,
.bronze-package .package-pricing .pricings .price .sub-price span {
    background: linear-gradient(40.82deg, #79381D 3.66%, #D9B78D 96.34%);
    -webkit-background-clip: text;
}

.program-price .package-pricing .pricings h3 {
    background: var(--secondary-color);
    -webkit-background-clip: text;
}

.gold-package .package-pricing .pricings .price .sub-price span.sub-script,
.silver-package .package-pricing .pricings .price .sub-price span.sub-script,
.bronze-package .package-pricing .pricings .price .sub-price span.sub-script {
    text-transform: uppercase;
}

.gold-package .package-pricing .pricings a.saving-btn,
.silver-package .package-pricing .pricings a.saving-btn,
.bronze-package .package-pricing .pricings a.saving-btn {
    background-color: var(--secondary-color);
    padding: 5px;
    text-decoration: none;
    color: var(--white-color);
    border: 2px solid var(--secondary-color);
    font-family: Verb;
    font-size: 17.32px;
    font-weight: 500;
    line-height: 30.93px;
    transition: all 0.4s;
}

.program-price .package-pricing .pricings {
    width: 50%;
    background-color: #424242;
    border-radius: 4px;
    border-width: 1.24px 1.24px 0px 1.24px;
    border-style: solid;
    border-color: #2C2C2C;
    padding: 25px 17px;
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 20px;

}

.subs-packages .program-price {
    display: flex;
    width: 100%;
    gap: 15px;
}

.subs-packages .program-price .program-content {
    background: var(--secondary-color);
    border-width: 1px 1px 0px 1px;
    border-style: solid;
    border-color: #2C2C2C;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 50%;
    justify-content: center;
    border-radius: 4px;
}

.subs-packages .program-price .program-content h5 {
    /* text-shadow: 0px 2px 2px #00000078; */
    text-shadow: 0px 2.16px 2.16px rgba(0, 0, 0, 0.25);
    font-family: Verb;
    font-size: 26.98px;
    font-weight: 700;
    line-height: 33.68px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--white-color);
}

/* Traning Programs Sub Section Styling on Desktop that is in the Our Subscription Section in Coaches Page  */
.traning-programs .pricing-levels {
    width: 100%;
    gap: 12px;
}

.traning-programs .pricing-levels .row {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.traning-programs .pricing-levels .row .col {
    width: 60%;
    display: flex;
    flex-direction: column;
    gap: 35px;
}

.traning-programs .pricing-levels .row .col-2 {
    width: 40%;
    text-align: end;
    display: flex;
    flex-direction: column;
}

.traning-programs .pricing-levels .row .col-2 .content-row {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.traning-programs .pricing-levels .row .content-row>.col-1 .heading-holder {
    padding: 30px;
    flex-direction: column;
    justify-content: space-between;
}

.traning-programs .pricing-levels .row .content-row>.col-1 .heading-holder span.time {
    background: #FFFFFF38;
    display: block;
    padding: 12px 30px;
}

/* Consultation Section on Coaches Page Stylings on Desktop*/
.consultation p.sec-desc {
    text-align: center;
    margin: 0px 175px 0px 175px;
    color: var(--primary-color);
}

/* Body Composition Section on Coaches Page Stylings on the Desktop*/
.body-composition {
    background-color: var(--footer-bg-color);
    padding: 95px 0px;
}

.body-composition h2.black {
    font-size: 61px;
    line-height: 75px;
}

.body-composition h3.sec {
    font-size: 43px;
    line-height: 53px;
    color: var(--white-color);
    text-align: center;
    margin: -40px 0px 80px 0px;
}

.body-composition .row,
.body-composition .row-2 {
    display: flex;
}

.body-composition .row .content-holder {
    width: 55%;
    display: flex;
    gap: 38px;
    flex-direction: column;
    justify-content: center;
    padding: 0px 50px 0px 0px;
}

.body-composition .row-2 .content-holder {
    width: 55%;
    display: flex;
    gap: 38px;
    flex-direction: column;
    justify-content: center;
    padding: 0px 0px 0px 50px;
}

.body-composition .row .content-holder h4,
.body-composition .row-2 .content-holder h4 {
    font-family: Verb ExtraCond;
    font-size: 43px;
    font-style: italic;
    font-weight: 700;
    line-height: 53.23px;
    letter-spacing: 0.06em;
    color: var(--white-color);
    text-transform: uppercase;
}

.body-composition .row .content-holder p.sec-desc,
.body-composition .row-2 .content-holder p.sec-desc {
    color: var(--grey-text-shade);
}

.body-composition .row .img-holder,
.body-composition .row-2 .img-holder {
    width: 45%;
}

.body-composition .row .img-holder img,
.body-composition .row-2 .img-holder img {
    width: 100%;
}

.body-composition .row-2 {
    margin: 0px 0px 80px 0px;
}

.body-composition h3.special-sec {
    font-family: Verb ExtraCond;
    font-style: italic;
    letter-spacing: 0.06em;
    font-size: 43px;
    line-height: 53px;
    color: var(--white-color);
    text-align: center;
    text-transform: uppercase;
}

.body-composition .measurements {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin: 70px 0px 70px 0px;
}

.body-composition .measurements p {
    display: inline-flex;
    font-family: Verb;
    font-size: 20.9px;
    font-weight: 600;
    line-height: 37.61px;
    padding: 20px;
    background-color: var(---black-shade-2);
    color: var(--white-color);
    border-radius: 4px;
    margin: 0px 0px 30px 0px;
    transition: all 0.4s;
}

.body-composition .measurements p:hover {
    transition: all 0.4s;
    background-color: var(--secondary-color);
}

/* Subscription Page Hero section Stylings on Desktop that in on the Subscription Page*/
.subscription-page-hero h1.main-heading {
    font-size: 56px;
    line-height: 70.66px;
}

.subscription-page-hero p.main-text {
    color: var(--green-color);
}

/* progym-subscription Section stylings that i son the Subscription Page */
.progym-subscription {
    padding: 95px 0px;
    background-color: var(--footer-bg-color);
}

.progym-subscription h2.black {
    font-size: 70px;
    line-height: 82.47px;
}

.progym-subscription h3.sec {
    text-align: center;
    color: var(--white-color);
    margin: -35px 0px 0px 0px;
}

.progym-subscription p.sec-desc {
    color: var(--grey-text-shade);
    text-align: center;
    margin: 0px 215px 25px 215px;
}

.progym-subscription .btn-holder {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin: 0px 0px 50px 0px;
}

.progym-subscription .btn-holder a {
    font-family: Verb;
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    padding: 12px 20px;
    color: var(--white-color);
    border: 1px solid #CD1818;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.4s;
}

.progym-subscription .btn-holder a:hover {
    background-color: #CD1818;
    transition: all 0.4s;
}

.progym-subscription .subcription-holder {
    color: #fff;
}

.subscription-holder .row {
    display: flex;
    color: #fff;
    gap: 20px;
}

.subscription-holder .row.mt-30 {
    margin: 30px 0px 0px 0px;
}

.subscription-holder .row .content-col {
    padding-top: 187px;
    width: 30%;
}

.subscription-holder .row .content-col .content-holder {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.subscription-holder .row .subscription-features-holder {
    width: 70%;
    display: flex;
    gap: 20px;
}

.subscription-holder .row .content-col .content-holder .content {
    border-bottom: 1px solid #525252;
    display: flex;
    padding: 25.40px 25px 25.40px 0px;
}

.subscription-holder .row .content-col .content-holder .content h6 {
    font-family: Verb;
    font-size: 16px;
    font-weight: 700;
    line-height: 23.71px;
    color: var(--white-color);
}

.subscription-features-holder .subscription-features {
    border: 1px solid #2C2C2C;
    width: 25%;
}

.subscription-features .head-content {
    background: #1A1A1A;
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 10px;
    gap: 15px;
}

.subscription-features .head-content.regular {
    background: #2E2E2E;
}

.subscription-features .head-content h4 {
    font-family: Verb;
    font-size: 21px;
    font-weight: 700;
    line-height: 25.91px;
    background: linear-gradient(40.82deg, #5C5C5C 3.66%, #CFCFCF 96.34%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    min-height: 52px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
}


.subscription-features .head-content .price {
    background-color: #2e2e2e;
    padding: 13px 4px;
    display: flex;
    justify-content: center;
}

.subscription-features .head-content.regular .price {
    background: #1A1A1A;

}

.subscription-features .head-content .price h3 {
    font-family: Verb;
    font-size: 23px;
    font-weight: 700;
    line-height: 33.78px;
    background: linear-gradient(40.82deg, #5C5C5C 3.66%, #CFCFCF 96.34%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

.subscription-features .head-content .price span.sub-script {
    font-family: Verb;
    font-size: 9.56px;
    font-weight: 400;
    line-height: 11.84px;
    background: linear-gradient(40.82deg, #5C5C5C 3.66%, #CFCFCF 96.34%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
}

.subscription-features .head-content p {
    font-family: Verb;
    font-size: 13px;
    font-weight: 500;
    line-height: 25px;
    text-align: center;
    background: linear-gradient(40.82deg, #5C5C5C 3.66%, #CFCFCF 96.34%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.subscription-features .features-eligibilty-holder {
    display: flex;
    flex-direction: column;
}

.subscription-features .features-eligibilty-holder .feature-eiligibilty {
    display: flex;
    padding: 24.45px 20px;
    border-bottom: 1px solid #2C2C2C;
    justify-content: center;
    flex: 1;
    min-height: 74.91px;
    background-color: #000;
}

.subscription-features .features-eligibilty-holder .feature-eiligibilty .feature-icon img {
    width: 20px;
    height: 20px;
}

.subscription-features .features-eligibilty-holder .feature-eiligibilty:last-child {
    border-bottom: none;
}

.subscription-features .features-eligibilty-holder .feature-eiligibilty p.feature-price {
    display: flex;
    font-family: Verb;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 25.04px;
    text-shadow: 0px 2.16px 2.16px rgba(0, 0, 0, 0.25);

}

.subscription-features .head-content.regular h4,
.subscription-features .head-content.regular .price h3,
.subscription-features .head-content.regular .price span.sub-script,
.subscription-features .head-content.regular p {
    background: linear-gradient(40.82deg, #931E1E 3.66%, #D90000 96.34%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.subscription-features .head-content.premium h4,
.subscription-features .head-content.premium .price h3,
.subscription-features .head-content.premium .price span.sub-script,
.subscription-features .head-content.premium p {
    background: linear-gradient(40.82deg, #7F5C0F 3.66%, #E5B973 96.34%);

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Bottom Buttons Stylings on the Desktop */
.subscription-holder .row .content-col-blank {
    width: 30%;
}

.subscription-holder .row .subscription-features-btn-holder {
    display: flex;
    width: 70%;
    gap: 20px;
}

.subscription-features-btn-holder .subscription-features-btn {
    width: 25%;
    display: flex;
}

.subscription-features-btn-holder .subscription-features-btn .feature-btn {
    width: 100%;
    max-width: 100%;
    border: 2px solid var(--footer-bg-color);
}

.subscription-features-btn-holder .subscription-features-btn .feature-btn.grey {
    background: linear-gradient(40.82deg, #1C1C1C 3.66%, #828282 96.34%);
    transition: all 0.4s;
}

.subscription-features-btn-holder .subscription-features-btn .feature-btn.red {
    background: linear-gradient(40.82deg, #931E1E 3.66%, #D90000 96.34%);
    transition: all 0.4s;
}

.subscription-features-btn-holder .subscription-features-btn .feature-btn.golden {
    background: linear-gradient(40.82deg, #7F5C0F 3.66%, #E5B973 96.34%);
    transition: all 0.4s;
}

.subscription-features-btn-holder .subscription-features-btn .feature-btn.grey:hover,
.subscription-features-btn-holder .subscription-features-btn .feature-btn.red:hover,
.subscription-features-btn-holder .subscription-features-btn .feature-btn.golden:hover {
    background: transparent;
    border: 2px solid var(--white-color);
    transition: all 0.4s;
}

/* Flex Subscription Plan stylings on the Desktop *sub section on subscription page */
.subscription-holder.flex-subscription {
    margin: 50px 0px 0px 0px;
}

.subscription-holder.flex-subscription .row .content-col {
    padding-top: 187px;
    width: 65%;
}

.subscription-holder.flex-subscription .row .content-col-blank {
    width: 65%;
}

.subscription-holder.flex-subscription .row .subscription-features-holder,
.subscription-holder.flex-subscription .row .subscription-features-btn-holder {
    width: 35%;
}

.subscription-holder.flex-subscription .subscription-features,
.subscription-holder.flex-subscription .subscription-features-btn-holder .subscription-features-btn {
    width: 50%;
}

.subscription-holder.flex-subscription .row .content-col .content-holder .content {
    padding: 34px 25px 34px 0px;
}

.subscription-holder.flex-subscription .row .content-col .content-holder .content.hidden {
    opacity: 0;
    visibility: hidden;
}

.subscription-holder.flex-subscription .subscription-features .features-eligibilty-holder .feature-eiligibilty {
    min-height: 92.3px;
    padding: 24.45px 10px;
}

.subscription-holder.flex-subscription .subscription-features .features-eligibilty-holder .feature-eiligibilty p.feature-desc {
    font-family: Verb;
    font-size: 14px;
    font-weight: 300;
    line-height: 20.8px;
    text-align: center;
}

/* Why-us-premium Section that is on the Subscription page stylingson the desktop */
.why-us-premium h3.sec {
    margin: -25px 0px 20px 0px;
}

.why-us-premium .icon-boxes {
    width: 100%;
}

.why-us .icon-boxes .row {
    justify-content: center;
}

.why-us-premium .icon-boxes .row .icon-box-holder {
    width: 31.8%;
}

.why-us-premium .text-holder p {
    margin: 0px 115px;
    font-family: Verb;
    font-size: 18px;
    font-weight: 300;
    line-height: 32.4px;
    text-align: center;
    color: var(--grey-text-shade);
}

/* subscription types section stylingon desktop that is on the Subscription Page */
.subscription-types h3.sec {
    margin: -40px 0px 25px 0px;
}

.subscription-types .tab {
    justify-content: space-between;
}

.subscription-types p.sec-desc {
    margin: 0px 195px 80px 195px;
}

.subscription-types .tab-holder {
    margin: 0px auto 50px auto;
}

.subscription-types .tab button {
    padding: 30px 25px;
}

.subscription-types .tabcontent {
    justify-content: space-between;
}

.subscription-types .tabcontent .content-holder {
    display: flex;
    border: 1px solid #C4C4C4;
    padding: 15px;
    border-radius: 4px;
    flex-direction: column;
}

.subscription-types .tabcontent .img-holder {
    display: flex;

}

.subscription-types .tabcontent .img-holder img {
    border-radius: 6.4px;
}

.subscription-types .tabcontent .txt-holder {
    position: relative;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 30px 25px;
}

.subscription-types .tabcontent .txt-holder p {
    font-family: Verb;
    font-size: 20px;
    font-weight: 500;
    line-height: 25.6px;
    color: var(--advantages-text);
}

.subscription-types .btn-holder {
    display: flex;
    justify-content: center;
}

.subscription-types .btn-holder a:hover {
    background-color: var(--primary-color);
    border: 2px solid var(--primary-color);

}

/* corporate-packages section stylings on the Desktop that is on the Subscription Page */
.corporate-packages {
    padding: 95px 0px;
    background-color: var(--footer-bg-color);
}

.corporate-packages h2 {
    text-align: center;
    font-size: 63px;
    line-height: 80px;
}

.corporate-packages h3.sec {
    color: var(--white-color);
    text-align: center;
    margin: -30px 0px 30px 0px;
}

.corporate-packages p {
    color: var(--grey-text-shade);
    margin: 0px 100px 60px 100px;
    text-align: center;
}

.corporate-packages .img-holder {
    display: flex;
    justify-content: center;
}

.corporate-packages .img-holder img {
    width: 75%;
}

/* Branches hero section stylings on the Desktop that is on the Branches Page */

.branches-hero .content-holder h1,
.branches-hero .content-holder p {
    color: var(--white-color);
}

.branches-hero .content-holder p {
    margin: 0px 90px 0px 90px;
}

/* Contact Deatils section stylings on the Desktop that is on the Branches Page */
.contacts-details {
    padding: 95px 0px;
    background-color: var(--footer-bg-color);
}

.contacts-details h2 {
    text-align: center;
    color: #000;
}

.contacts-details h3.sec {
    color: var(--white-color);
    text-align: center;
    margin: -50px 0px 30px 0px;
}

.contacts-details p.sec-desc {
    text-align: center;
    margin: 0px 0px 50px 0px;
    color: var(--white-color);
}

.contact-details-holder .contact .img-holder {
    position: relative;
}

.contact-details-holder .contact .img-holder img {
    width: 100%;
}

.contact-details-holder .img-holder::after {
    content: "";
    display: block;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, #000000 100.57%);
    opacity: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.5s ease;
}

.contact-details-holder .row {
    display: flex;
    gap: 25px;
}

.contact-details-holder .row .contact {
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
    width: 33%;
    overflow: hidden;
}

.contact-details-holder .row .contact h4 {
    font-family: Verb;
    font-size: 30px;
    font-weight: 600;
    line-height: 37.14px;
    color: var(--white-color);
}

.contact-details-holder .row .contact-btn {
    color: var(--white-color);
    font-size: 15px;
    padding: 15px 40px;
    background-color: var(--secondary-color);
    border: 2px solid var(--secondary-color);
}

.contact-details-holder .row .contact-btn::before {
    content: "";
    background-image: url(../images/contact-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 35px;
    height: 35px;
    position: absolute;
    left: 6px;
    top: 8px;
}

.contact-btn.black-btn:after {
    top: 14.5px;
}

.contact-details-holder .row .contact-btn:hover {
    background: transparent;
    border: 2px solid var(--grey-text-shade);
    transition: all 0.4s;
}

.contact-details-holder .row .contact .icon-holder {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: end;
    padding: 15px 15px 0px 0px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.contact-details-holder .row .contact:hover .icon-holder {
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease;
}

/* places Tabs section on the Branches Page stylingson the desktop */
.places-tabs h2 {
    text-align: center;
}

.places-tabs h3.sec {
    text-align: center;
    margin: -40px 0px 20px 0px;
    font-size: 43px;
    line-height: 50px;
}

.places-tabs p.sec-desc {
    color: var(--advantages-text);
    text-align: center;
    margin: 0px 225px 35px 225px;
}

.places-tabs .tab-holder {
    max-width: 1000px;
    margin: 0 auto;
}

.places-tabs .tab-holder .content-holder .row {
    display: flex;
    gap: 30px;
}

.places-tabs .tab-holder .content-holder .row .img-holder {
    display: flex;
    width: 50%;
}

.places-tabs .tab-holder .content-holder .row .img-holder img {
    width: 100%;
}

.places-tabs .tab-holder .content-holder .row .contact-data-holder {
    width: 50%;
    display: flex;
}

.places-tabs .tab-holder .content-holder .contact-data {
    display: flex;
    flex-direction: column;
    gap: 25px;
    justify-content: space-between;
    width: 100%;
}

.places-tabs .tab-holder .content-holder .contact-data .content {
    display: flex;
    justify-content: space-between;
    background: #F5F5F5;
    padding: 25px 20px;
    border-radius: 4px;
    position: relative;
}

.places-tabs .tab-holder .content-holder .contact-data .content a {
    display: flex;
    align-items: start;
    align-items: center;
    text-decoration: none;
    font-family: Verb;
    font-size: 18px;
    font-weight: 500;
    line-height: 34px;
    align-items: flex-start;
    gap: 10px;
    color: var(---black-shade-2);
}

.places-tabs .tab-holder .content-holder .contact-data .content a.contact-details {
    width: 85%;
}

.places-tabs .tab-holder .content-holder .contact-data .content a.contact-btn {
    position: absolute;
    right: 25px;
    color: var(--secondary-color);
}

.places-tabs .tab-holder .content-holder .contact-data .content a.contact-btn:hover {
    color: var(---black-shade-2);
}

/* Synergy section that is on the branches page stylings on the Desktop */
.synergy-holder {
    padding: 68px 0px;
    background: var(--footer-bg-color);
}

.synergy .img-holder {
    position: relative;
}

.synergy .img-holder span.icon {
    display: block;
    background: var(--white-color);
    padding: 10px 12.5px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.synergy .img-holder span.icon img {
    width: 88px;
    height: 88px;
}

/* find-us section that is on the Branches Page stylings on Desktop */
.find-us h2.black {
    font-size: 80px;
    line-height: 99px;
}

.find-us h3.sec {
    margin: -170px 0px 0px 0px;
}

/* Frenchise Counters Section that is on the Frenchise page stylings on the Desktop */
.frenchise-counters .row {
    justify-content: center;
}

.frenchise-counters .row .counter {
    padding: 0px 30px 0px 30px;
}

.frenchise-body-composition h3.sec {
    margin: -30px 0px 30px 0px;
}

.frenchise-body-composition p.main-sec-desc {
    color: var(--grey-text-shade);
    margin: 0px 240px 50px 240px;
    font-family: Verb;
    font-size: 18px;
    font-weight: 300;
    line-height: 25.4px;
    text-align: center;
}

/* Strength section that is on the Frenchise Page stylingso n the Desktop */
.strength {
    background: #FF0100;
    padding: 55px 0px;
}

.strength h2.black {
    background: linear-gradient(360deg, rgba(185, 185, 185, 0.116) 28.64%, rgba(171, 171, 171, 0.4) 81.8%);
    -webkit-background-clip: text;
    -webkit-text-stroke: 2px #0000000a;
    color: #ff0100;
    font-size: 139.97px;
    line-height: 205.57px;
}

.strength h3.sec {
    text-align: center;
    font-size: 37px;
    line-height: 50px;
    margin: -80px 0px 30px 0px;
}

.strength p.sec-desc {
    font-family: Verb;
    font-size: 15px;
    font-weight: 300;
    line-height: 25px;
    text-align: center;
    margin: 0px 230px 50px 230px;
    color: var(--advantages-text);
}

.strength .icon-boxes-holder {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin: 0px 0px 50px 0px;
}

.strength .icon-box {
    display: flex;
    max-width: fit-content;
    border-radius: 70px;
    border: 1px solid #D3D3D3;
    padding: 24px;
    gap: 18px;
}

.strength .icon-box.bg-black {
    background-color: var(---black-shade-2);
}

.strength .icon-box.bg-white {
    background-color: var(--white-color);
}

.strength .icon-box p {
    font-family: Verb;
    font-size: 22px;
    font-weight: 600;
    line-height: 27.06px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    display: flex;
    align-items: center;

}

.strength .icon-box.bg-black p {
    color: var(--white-color);
}

.strength .icon-box.bg-white p {
    color: var(---black-shade-2);
}

.strength .icon-box .icon img {
    width: 40px;
    height: 40px;
}

.strength .icon-box .red-icon {
    display: block;
    background: #CD1818;
    padding: 10px 12.5px;
    border-radius: 50%;
}

.strength .icon-box .white-icon {
    display: block;
    background: var(--white-color);
    padding: 10px 12.5px;
    border-radius: 50%;
}

.strength .strength-btn-holder {
    display: flex;
    justify-content: center;
}

.strength .strength-btn {
    background: #CD1818;
    text-decoration: none;
    color: var(--white-color);
    padding: 19px 28px;
    border-radius: 50px;
    max-width: fit-content;
    text-align: center;
    font-family: Verb;
    font-size: 16px;
    font-weight: 600;
    line-height: 19.86px;
    border: 1px solid #CD1818;
    transition: all 0.4s;
}

.strength .strength-btn:hover {
    transition: all 0.4s;
    background-color: transparent;
    border: 1px solid var(---black-shade-2);
}

/* Numbers, Selection section that is on the frenchise page stylings on the desktop */
.numbers,
.selection-process {
    background-color: #fafcff;
    padding: 95px 0px;
}

.numbers h3.sec,
.selection-process h3.sec {
    margin: 0px 0px 65px 0px;
    text-align: center;
}

.numbers h3.sec:after,
.selection-process h3.sec:after {
    content: "";
    background: var(--primary-color);
    height: 1.5px;
    width: 180px;
    display: block;
    vertical-align: middle;
    position: absolute;
    left: 44%;
    margin-top: 15px;
}

.numbers .icon-boxes {
    display: flex;
    gap: 15px;
    width: 1000px;
    margin: 0 auto;
}

.numbers .icon-boxes .icon-box-holder {
    background-color: var(--white-color);
    border-radius: 30px;
    padding: 50px 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 20px;
    width: 25%;
}

.numbers .icon-boxes .icon-box-holder .heading-holder {
    display: flex;
    position: relative;
}

.numbers .icon-boxes .icon-box-holder .heading-holder:after {
    content: "";
    background: #444;
    height: 1.5px;
    width: 40px;
    display: block;
    vertical-align: middle;
    position: absolute;
    left: 0px;
    margin-top: 55px;
}

.numbers .icon-boxes .icon-box-holder .heading-holder h5 {
    font-family: Verb ExtraCond;
    font-size: 35px;
    font-weight: 800;
    line-height: 40px;
    color: #444;
}

.numbers .icon-boxes .icon-box-holder p.sec-desc {
    font-family: Verb;
    font-size: 15px;
    font-weight: 500;
    line-height: 20.4px;
    text-align: left;
    color: #444;
    margin-top: 15px;
}

.numbers .icon-boxes .icon-box-holder span.icon {
    display: flex;
}

.numbers .icon-boxes .icon-box-holder span.icon img {
    width: 70px;
    height: 70px;
}

/* Selection Process section that is on the frenchise page stylings on the desktop */
.selection-process .icon-boxes {
    display: flex;
    gap: 15px;
    width: 1000px;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: center;
}

.selection-process .icon-boxes .icon-box-holder {
    display: flex;
    background-color: var(--white-color);
    border-radius: 20px;
    padding: 10px 10px 30px 10px;
    width: 23%;
}

.selection-process .icon-boxes .icon-box-holder .number-icon img {
    width: 20px;
    height: 20px;
}

.selection-process .icon-boxes .icon-box-holder .main-icon {
    display: flex;
    margin: 12px 0px 0px 0px;
}

.selection-process .icon-boxes .icon-box-holder .main-icon svg {
    transition: all 0.5s ease;
    width: 50px;
    height: 50px;
}

.selection-process .icon-boxes .icon-box-holder p.sec-desc {
    font-family: Verb;
    font-size: 15px;
    font-weight: 500;
    line-height: 20.4px;
    text-align: left;
    color: #444;
    align-self: center;
    display: flex;
    margin: 0px 0px 0px 12px;
}

.selection-process .icon-boxes .icon-box-holder:hover .main-icon>svg path {
    transition: all 0.5s ease;
    fill: var(--secondary-color);
}

/* Marqee text section is on the frenchise page stylings on desktop */
.marquee-container {
    display: flex;
    align-items: center;
    background: var(--secondary-color);
    overflow: hidden;
    height: 100px;
    /* Set height for the container */
}

.marquee {
    display: flex;
    color: var(--white-color);
    white-space: nowrap;
    /* Prevent text wrapping */
    animation: marquee 30s linear infinite;
    /* Adjust duration for smoothness */
}

.marqee-text .marquee p {
    font-family: Verb ExtraCond;
    font-size: 36.14px;
    font-weight: 400;
    line-height: 44.74px;
    color: #FFE6E6;
}

/* Employment section that is on the frenchise page stylings on the desktop */
.employment-form {
    padding: 95px 0px;
}

.employment-form .img-holder {
    text-align: center;
}

.employment-form .img-holder img {
    width: 70%;
    margin: 0 auto;
}

.employment-form h2,
.employment-form h3 {
    text-align: center;
}

.employment-form h3 {
    margin: -35px 0px 20px 0px;
}

.employment-form p {
    text-align: center;
    color: #338A66;
    margin: 0px 100px 70px 100px;
}

@keyframes marquee {
    0% {
        transform: translateX(0);
        /* Start from the left */
    }

    100% {
        transform: translateX(-50%);
        /* Move left by half the width of the text */
    }
}

/* schedules-tabs section stylings on the desktop that is on the group lessons page */
.schedules-tabs {
    padding: 95px 0px;
}

.schedules-tabs h2 {
    text-align: center;
}

.schedules-tabs h3.sec {
    text-align: center;
    margin: -40px 0px 20px 0px;
    font-size: 43px;
    line-height: 50px;
}

.schedules-tabs p.sec-desc {
    color: var(--advantages-text);
    text-align: center;
    margin: 0px 225px 35px 225px;
}

.schedules-tabs .tab-holder {
    margin: 0px 0px 40px 0px;
}

.schedules-tabs .tab-holder .tab {
    display: flex;
    justify-content: center;
    gap: 30px;
    padding: 15px 0px;
    border-radius: 4px;
}

.schedules-tabs .tab-holder .tab button {
    width: 33%;
    /* font-family: Verb ExtraCond;
    font-size: 18px;
    font-weight: 600;
    line-height: 32.4px;
    background: transparent;
    border: none;
    color: var(--advantages-text); */
    cursor: pointer;
    border: none;
}

.schedules-tabs .tab-holder .tab .tab-holder-data {
    position: relative;
}

.schedules-tabs .tab-holder .tab .tab-holder-data .img-holder {
    display: flex;
}

.schedules-tabs .tab-holder .tab .tab-holder-data .img-holder img {
    width: 100%;
}

.schedules-tabs .tab-holder .tab .tab-holder-data .schedule-btn {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, #000000 100.57%);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.schedules-tabs .tab-holder .tab .tab-holder-data .schedule-btn a {
    font-family: Verb;
    font-size: 35px;
    font-weight: 300;
    line-height: 43.33px;
    text-align: start;
    display: block;
    color: var(--white-color);
    text-decoration: none;
    text-transform: none;
    position: relative;
    max-width: 100%;
    transition: all 0.4s;
    padding: 20px 20px 21px 20px;
}

.schedules-tabs .tab-holder .tab .tab-holder-data .schedule-btn a::after {
    content: "";
    background-image: url(../images/schedule-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 58px;
    height: 58px;
    position: absolute;
    right: 15px;
    top: 13px;
    opacity: 0;
    visibility: none;
}

.schedules-tabs .tab-holder .tab button.active .tab-holder-data .schedule-btn a::after {
    opacity: 1;
    visibility: visible;
}

.schedules-tabs .tab-holder .content-holder {
    width: 100%;
}

.schedules-tabs .tab-holder .content-holder .calender {
    display: flex;
    width: 100%;
    gap: 10px;
}

.schedules-tabs .tab-holder .content-holder .calender .day {
    width: 16.6667%;
}

.schedules-tabs .tab-holder .content-holder .calender .day .head {
    background-color: #000;
    border-radius: 4px 4px 0px 0px;
}

.schedules-tabs .tab-holder .content-holder .calender .head h4 {
    font-family: Verb;
    font-size: 32px;
    font-weight: 700;
    line-height: 39.94px;
    text-align: center;
    text-transform: uppercase;
    color: var(--white-color);
    padding: 20px 30px;
}

.schedules-tabs .tab-holder .content-holder .calender .day .slot {
    color: var(--white-color);
    display: flex;
    flex-direction: column;
    gap: 9px;
    padding: 10px;
}

.schedules-tabs .tab-holder .content-holder .calender .day .slot.green {
    background: #029443;
}

.schedules-tabs .tab-holder .content-holder .calender .day .slot.blue {
    background: #2565AD;
}

.schedules-tabs .tab-holder .content-holder .calender .day .slot.yellow {
    background: #FACA10;
}

.schedules-tabs .tab-holder .content-holder .calender .day .slot.red {
    background: #E61E24;

}

.schedules-tabs .tab-holder .content-holder .calender .day .slot.orange {
    background: #F57E22;
}

.schedules-tabs .tab-holder .content-holder .calender .day .slot.purple {
    background: #93278D;
}

.schedules-tabs .tab-holder .content-holder .calender .day .slot h5 {
    font-family: Verb;
    font-size: 20px;
    font-weight: 700;
    line-height: 26.95px;
    text-align: start;
}

.schedules-tabs .tab-holder .content-holder .calender .day .slot p {
    background: #FFFFFF17;
    font-family: Verb;
    font-size: 16px;
    font-weight: 700;
    line-height: 19.97px;
    text-align: start;
    padding: 8.5px 0px 8px 42px;
    position: relative;
}

.schedules-tabs .tab-holder .content-holder .calender .day .slot p.class-name::before {
    content: "";
    background-image: url(../images/class-user.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 15px;
    top: 7px;
}

.schedules-tabs .tab-holder .content-holder .calender .day .slot p.class-time::before {
    content: "";
    background-image: url(../images/class-clock.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 15px;
    top: 7px;
}

.schedules-tabs .note h4 {
    font-family: Verb;
    font-size: 32px;
    font-weight: 600;
    line-height: 39.62px;
    margin: 0px 0px 25px 0px;
}

.schedules-tabs .note p {
    font-family: Verb;
    font-size: 24px;
    font-weight: 600;
    line-height: 29.71px;
    padding: 32px 24px;
    background-color: #f5f5f5;
}

.schedules-tabs .note p {
    margin: 0px 0px 15px 0px;
}

.schedules-tabs .note p:last-child {
    margin: 0px;
}

/* Courses Section stylings on Desktop that is on the Group Lessons */
.courses-tab {
    background-color: var(--footer-bg-color);
}

.courses-tab h3.sec {
    color: var(--white-color);
}

.courses-tab .tab-holder {
    max-width: 100%;
    margin: 0;
}

.courses-tab .tab-holder .tab {
    border: 1px solid #2E2E2E;
}

.courses-tab .tab-holder .tab button {
    color: var(--white-color);
}

.courses-tab .tab-holder .tab button.active {
    border-bottom: 2px solid #F57E22;
    color: #F57E22;
}

.courses-tab .tab-holder .content-holder {
    display: flex;
    flex-direction: column;
}

.courses-tab .tab-holder .content-holder .row {
    display: flex;
    column-gap: 30px;
    row-gap: 50px;
    flex-wrap: wrap;
    margin: 0px 0px 70px 0px;
}

.courses-tab .tab-holder .content-holder .row .col {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 48.5%;
}

.courses-tab .tab-holder .content-holder .row .col .img-holder {
    width: 100%;
    position: relative;
}

.courses-tab .tab-holder .content-holder .row .col .img-holder img {
    width: 100%;
    border-radius: 4px;
}

.courses-tab .tab-holder .content-holder .row .col .img-holder::after {
    content: "";
    display: block;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    opacity: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.courses-tab .tab-holder .content-holder .row .col .img-caption {
    background-color: var(--secondary-color);
    padding: 12px 16px;
    border-radius: 4px;
    max-width: fit-content;
    position: absolute;
    top: 24px;
    left: 30px;
}

.courses-tab .tab-holder .content-holder .row .col .img-caption span {
    font-family: Verb ExtraCond;
    font-size: 16px;
    font-weight: 700;
    line-height: 19.81px;
    text-align: center;
    color: var(--white-color);

}

.courses-tab .tab-holder .content-holder .row .col h4 {
    font-family: Verb ExtraCond;
    font-size: 40px;
    font-style: italic;
    font-weight: 700;
    line-height: 49.52px;
    letter-spacing: 0.06em;
    color: var(--white-color);
    text-transform: uppercase;
}

.courses-tab .tab-holder .content-holder .row .col p {
    font-family: Verb;
    font-size: 17px;
    font-weight: 350;
    line-height: 28.9px;
    text-align: left;
    color: #EEEEEE;


}

.courses-tab .tab-holder .content-holder .row .col a.courses-btn,
.courses-tab .tab-holder .content-holder a.more-courses {
    display: block;
    color: var(--white-color);
    background-color: var(--secondary-color);
    text-decoration: none;
    text-transform: none;
    border-radius: 4px;
    position: relative;
    border: 2px solid var(---black-shade-2);
    font-family: Verb;
    font-size: 16px;
    font-weight: 600;
    line-height: 19.86px;
    text-align: center;
    padding: 15px 40px 15px 13px;
    max-width: fit-content;
    transition: all 0.4s;
}

.courses-tab .tab-holder .content-holder .row .col a.courses-btn::after {
    content: "";
    background-image: url(../images/right-arrow-straight.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 13px;
    top: 16.5px;
}

.courses-tab .tab-holder .content-holder .row .col a.courses-btn:hover,
.courses-tab .tab-holder .content-holder a.more-courses:hover {
    background-color: var(---black-shade-2);
    border: 2px solid var(---black-shade-2);
    transition: all 0.4s;
}

.courses-tab .tab-holder .content-holder a.more-courses {
    padding: 15px 13px 15px 40px;
    display: flex;
    align-self: center;
}

.courses-tab .tab-holder .content-holder a.more-courses::before {
    content: "";
    background-image: url(../images/see-more-courses.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 13px;
    top: 16.5px;
}

/* courses pop styling on the desktop */
.courses-pop-up {
    margin: 0 auto;
    width: 1250px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--white-color);
    z-index: 9999;
    border-radius: 4px;
    padding: 25px;
    display: flex;
    flex-direction: column;
    row-gap: 18px;
    display: none;
}

.courses-pop-up .cross-sign {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 99;
}

.courses-pop-up .course-content-holder {
    display: flex;
    gap: 35px;
}

.courses-pop-up .course-content-holder .video-holder {
    width: 35%;
}

.courses-pop-up .course-content-holder .video-holder img {
    width: 100%;
}

.courses-pop-up .course-content-holder .content-holder {
    width: 65%;
}

.courses-pop-up .course-content-holder .content-holder h4 {
    font-family: Verb ExtraCond;
    font-size: 40px;
    font-weight: 700;
    line-height: 49.52px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin: 0px 0px 30px 0px;
    color: var(--footer-bg-color);
}

.courses-pop-up .course-content-holder .content-holder h5 {
    font-family: Verb ExtraCond;
    font-size: 24px;
    font-weight: 700;
    line-height: 29.71px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--footer-bg-color);
}

.courses-pop-up .course-content-holder .content-holder p {
    font-family: Verb;
    font-size: 17px;
    font-weight: 350;
    line-height: 28.9px;
}

.courses-pop-up .course-content-holder .content-holder p span.red-color {
    color: var(--secondary-color);
    font-weight: 700;
}

.courses-pop-up .course-features {
    display: flex;
    gap: 8px;
}

.courses-pop-up .course-features .feature {
    width: 25%;
    padding: 15px;
    background-color: #f5f5f5;
}

.courses-pop-up .course-features .feature h4 {
    font-family: Verb;
    font-size: 23px;
    font-weight: 600;
    line-height: 29.71px;
    text-align: center;
    color: #000;
    text-transform: uppercase;
    margin: 0px 0px 15px 0px;
}

.courses-pop-up .course-features .feature ul {
    display: flex;
    list-style: none;
    gap: 12px;
    justify-content: center;
}

.courses-pop-up .course-features .feature ul li img {
    width: 25px;
    height: 25px;
}

.courses-pop-up.active {
    display: flex;
}

.courses-pop-up .course-content-holder-slider {
    display: none;
}

/* team pop styling on the desktop */
.team-pop-up {
    margin: 0 auto;
    width: 1250px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--white-color);
    z-index: 9999;
    border-radius: 4px;
    padding: 25px;
    display: flex;
    flex-direction: column;
    row-gap: 18px;
    display: none;
    box-shadow: 0px 0px 9px 0px rgba(21.999999999999996, 48.00000000000002, 66, 0.25882352941176473);
}

.team-pop-up .cross-sign {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 99;
}

.team-pop-up .team-content-holder {
    display: flex;
    gap: 35px;
}

.team-pop-up .team-content-holder .img-holder {
    width: 35%;
}

.team-pop-up .team-content-holder .img-holder img {
    width: 100%;
    border-radius: 4px;
}

.team-pop-up .team-content-holder .content-holder {
    width: 65%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.team-pop-up .team-content-holder .content-holder h4 {
    font-family: Verb ExtraCond;
    font-size: 40px;
    font-weight: 700;
    line-height: 49.52px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin: 0px 0px 20px 0px;
    color: var(--footer-bg-color);
}

.team-pop-up .team-content-holder .content-holder h5 {
    font-family: Verb ExtraCond;
    font-size: 24px;
    font-weight: 700;
    line-height: 29.71px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin: 0px 0px 10px 0px;
    color: var(--footer-bg-color);
}

.team-pop-up .team-content-holder .content-holder p {
    font-family: Verb;
    font-size: 17px;
    font-weight: 350;
    line-height: 28.9px;
}

.team-pop-up .team-content-holder .content-holder p span.red-color {
    color: var(--secondary-color);
    font-weight: 700;
}

.team-pop-up.active {
    display: flex;
}

.team-pop-up .team-content-holder-slider {
    display: none;
}

/* Synergy White section that is on the Branches Page stylings on desktop */
.white-synergy {
    background: var(--white-color);
}

.white-synergy .hockey h3.sec {
    color: var(---black-shade-2);
}

.white-synergy .hockey p.sec-desc {
    color: var(--advantages-text);
}

.white-synergy .hockey {
    background: var(--white-color);
}

/* Tab Stylings */
@media (min-width: 768px) and (max-width: 1024px) {

    .btn {
        padding: 12px 24px;
    }

    /* Global Stylings on H2 Stroke Heading on Tab */
    h2 {
        font-size: 65px;
        line-height: 85px;
    }

    /* Global Stylings of H3 of Section on Tab */
    h3.sec {
        font-size: 45px;
        line-height: 45px;
    }

    /* Global Stylings of Section description on Tab*/
    p.sec-desc {
        font-size: 16px;
        line-height: 26.4px;
    }

    /* Global Stylings of black btn on Tab */
    .black-btn {
        padding: 10.5px 63px 10.5px 33px;
    }

    /* Global Stylings of h2.black on Tab */
    h2.black {
        font-size: 70px;
        line-height: 90px;
    }

    /* Global stylings of hero section on all pages like h1, p and a on Tab */
    h1.main-heading {
        font-size: 50px;
        line-height: 56.66px;

    }

    p.main-text {
        font-size: 15px;
        line-height: 24.6px;
    }

    /*Global Main Hero Stylingson the Tab  */
    .global-hero {
        height: 42vh;
    }

    .global-hero .content-holder {
        width: 90%;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        top: 56%;
    }

    .black-btn:after {
        width: 15px;
        height: 15px;
        top: 14.5px;
    }


    #header {
        height: auto;
    }

    .header-holder {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        background-color: var(--primary-color);
    }

    .header-holder .row .icon-holder .language-icon {
        padding: 13.5px 13.5px 13.5px 0px;
    }

    .nav-holder ul.nav-links li a {
        font-size: 14px;
        line-height: 1.3em;
        font-weight: 600;
        font-family: 'Verb';
        color: var(--white-color);
        text-decoration: none;
    }

    .nav-holder ul.nav-links li a:hover {
        color: var(--secondary-color);
    }


    .header-holder .bars {
        display: block;
        padding: 10px 0px 10px 20px;
    }

    .header-holder a.bars i {
        color: var(--white-color);
    }

    .susbcribe-btn .btn {
        display: none;
    }

    .accueil-nav-holder {
        display: none;
    }

    /* Accuciel Main Stylings on Tab*/
    #accueil-main {
        position: relative;
    }

    .hero {
        height: 42vh;
    }

    .hero .content-holder {
        top: 56%;
    }

    .hero .content-holder h3 {
        font-size: 30px;
        line-height: 43.2px;

    }

    .hero .content-holder img {
        max-width: 270px;
        max-height: 50px;
        margin-bottom: 20px;
    }

    .hero .content-holder a {
        padding: 12px 24px;
        font-size: 16px;
        line-height: 20px;
    }

    /*------------------*/
    .nav-holder {
        position: fixed;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: var(--primary-color);
        z-index: 9999;
        padding: 35px 0px;
        transition: all 0.5s ease;
        display: block !important;
    }

    .nav-holder ul.nav-links {
        display: flex;
        align-items: start;
        flex-direction: column;
    }

    .nav-holder ul.nav-links li {
        padding: 5px 0px;
    }

    .nav-holder .cross-sign {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        padding: 14px 24px;
        font-size: 24px;
        color: var(--white-color);
    }

    .nav-holder .cross-sign:hover {
        color: var(--secondary-color);
    }

    #header>.nav-holder.active {
        overflow-y: scroll;
        left: 0;
        transition: all 0.5s ease;
    }

    #home-header>.nav-holder.active {
        overflow-y: scroll;
        left: 0;
        transition: all 0.5s ease;
    }

    /* Footer-stylings on Tab */

    .footer-logo-holder,
    .footer-cotent .contact-details,
    .footer-cotent .social-icons-list,
    .email-Subscription {
        margin: 0px 0px 24px 0px;
    }

    .contact-details .row .content {
        margin: 0px 18px 0px 0px;
    }

    .email-Subscription img {
        max-width: 670px;
    }

    .footer-menu .footer-nav-links {
        display: none;
    }

    .footer-menu a.bars,
    .footer-menu .menu-heading {
        display: block;
    }

    .footer-menu {
        display: flex;
    }

    .footer-menu .bars {
        display: block;
        padding: 10px 0px 10px 20px;
    }

    .footer-menu a.bars i {
        color: var(--white-color);
    }

    .footer-menu .menu-heading {
        font-family: Verb;
        font-size: 17px;
        font-weight: 500;
        line-height: 20px;
        text-align: center;
        color: var(--white-color);
        padding: 10px;
    }

    .language-list img {
        padding: 10px;
    }

    /* About us section stylingson the Tab */
    .about-us {
        padding: 55px 0px;
    }

    .about-us .row {
        flex-direction: column;
    }

    .about-us .row .left-col,
    .about-us .row .right-col {
        width: 100%;
    }

    .about-us .row .left-col {
        margin: 0px 0px 30px 0px;
    }

    /* bredcrums */
    .bredcrumbs {
        position: absolute;
        top: 95px;
    }

    /* Counter section stylings on Tab */
    .counters .row {
        flex-wrap: wrap;
    }

    .counters .row .counter {
        width: 45%;
        margin: 0px 10px 10px 0px;
        border-right: 2px solid var(--white-color);
    }

    .counters .row .counter:nth-child(2n+2) {
        margin: 0px 0px 10px 0px;
    }

    .counters .row .counter:last-child {
        border-right: 2px solid var(--white-color);
    }

    .counters .row .counter h4.number {
        font-size: 32px;
        line-height: 38.32px;
    }

    .counters .row .counter p.details {
        font-size: 18px;
        line-height: 22.3px;
    }

    /* Find Jym Stylings on the Tab */

    .find-jym {
        padding: 55px 0px 55px 0px;
    }

    .find-jym p.sec-desc {
        margin: 0 25px 40px 25px;
        text-align: center;
    }

    .find-jym .slide .location-btn a {

        font-size: 26px;
        line-height: 32px;
    }

    .find-jym .slide .location-btn a::after {
        width: 48px;
        height: 48px;
        position: absolute;
        top: 10px;
    }

    /* Advantage Section Stylins on Tab */
    .advantages {
        padding: 55px 0px;
    }

    .advantages p.sec-desc {
        margin: 0px 0px 30px 0px;
    }

    .advantages .tab-holder {
        max-width: 100%;
        gap: 30px;
    }

    .advantages .tab button {
        font-size: 24px;
        line-height: 28px;
    }

    .advantages .tab button.active {
        font-size: 40px;
        line-height: 50.42px;
        padding: 20px 10px
    }


    .advantages .tabcontent .row {
        padding: 20px 0px;
    }

    .advantages .tabcontent .row .icon-holder {
        padding: 28px 18px;
    }

    /* Adpated subscription section stylings on the Tab*/
    .adapted-subscription {
        padding: 55px 0px;
    }

    #pricing-slider {
        padding: 0px 0px 0px 20px;
    }

    .adapted-subscription p.sec-desc {
        color: var(--grey-text-shade);
        max-width: 100%;
        margin: 0 auto 50px auto;
    }


    /* Video Section Stylings */
    .services-videos {
        padding: 55px 0px 0px 0px;
    }

    .services-videos h2 {
        font-size: 99px;
        line-height: 99px;
    }

    .services-videos h3.sec {
        text-align: center;
        margin: -30px 0px 27px 0px;
    }

    .services-videos p.sec-desc {
        margin: 0px 0px 30px 0px;
    }

    .services-videos .row .left-col .service-btn,
    .services-videos .row .right-col .service-btn {
        font-size: 30px;
        line-height: 40px;
        padding: 20px 105px 21px 20px;
    }

    .services-videos .row .left-col .service-btn::after {
        width: 50px;
        height: 50px;
        right: 35px;
        top: 16px;
    }

    .services-videos .row .right-col .service-btn::after {
        width: 50px;
        height: 50px;
        right: 35px;
        top: 16px;
    }

    /* Tiktok section stylings on the Tab */
    .tiktok {
        padding: 55px 0px;
    }

    .tiktok .row {
        flex-direction: column;
    }

    .tiktok .row .content-holder {
        width: 100%;
    }

    .tiktok .row .btn-holder {
        width: 100%;
    }

    .tiktok .tiktok-videos .videos-row {
        flex-wrap: wrap;
    }

    .tiktok .tiktok-videos .videos-row .video {
        width: 46%;
        margin: 0px 15px 15px 0px;
    }

    .tiktok .tiktok-videos .videos-row .video:last-child {
        margin: 0px 15px 15px 0px;
    }

    /* testimonials section stylingson tab */
    .testimonials {
        padding: 55px 0px;
    }

    .testimonials h2 {
        font-size: 80px;
        line-height: 130PX;
    }

    .testimonials p.sec-desc {
        margin: 0px 30px 30px 30px;
        text-align: center;
    }

    .testimonials-slider .slide .row {
        gap: 30px;
        padding: 0px 20px;
        padding: 80px 0px 0px 20px;
    }

    .testimonials-slider .slide .row .content-holder {
        gap: 30px;
    }

    .testimonials-slider .slide .row .content-holder .content {
        padding: 20px 0px 0px 0px;
    }

    .testimonials-slider .slide .row .content-holder .content p {
        margin: 0px 0px 30px 0px;
    }

    .testimonials-slider .slide .row .content-holder h6.center-quote-sign {
        bottom: 35px;
    }

    .testimonials-slider .slide .row .content-holder .icon-holder {
        gap: 20px;
        flex-direction: column;
    }

    .testimonials-slider .slide .row .content-holder .icon-holder img {
        max-width: 200px;

    }

    .testimonial-slider-holder ul.navigation {
        position: relative;
    }

    .testimonial-slider-holder ul.navigation {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        justify-content: center;
        width: 100%;
        gap: 20px;
        padding: 30px 0px 0px 0px;
    }

    /* Newsletter Section stylings in Tab */
    .newsletter {
        padding: 55px 0px;
    }

    .newsletter p.sec-desc {
        margin: 0px 0px 20px 0px;
    }

    /*Instagram Section Stylings on Tab */
    .instagram .content-row {
        flex-direction: column;
    }

    .instagram .content-row .content-holder,
    .instagram .content-row .btn-holder {
        width: 100%;
    }

    .instagram .post-row .post-holder {
        gap: 20px;
    }

    .instagram .post-row .post {
        width: 46.5%;
    }

    .instagram .post-row .post .content .service-btn {
        font-size: 18.71px;
        line-height: 24.72px;
    }

    .instagram .post-row .post .content .service-btn::after {
        width: 36px;
        height: 36px;
        left: 35px;
        top: -45px;
    }

    /* Team Section of Notre Page Stylings on Tabs */
    .team {
        padding: 55px 0px;
    }

    .team h2 {
        font-size: 100px;
        line-height: 130px;
    }

    .team h3.sec {
        margin: -45px 0px 20px 0px;
    }

    .team p.sec-desc {
        margin: 0px 40px 0px 40px;
    }

    .team .head-content {
        margin: 0px 0px 40px 0px;
    }

    .team-members .row {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 20px;
    }

    .team-members .row .col {
        padding: 13px 15px;
        width: 48%;
    }

    /* Team-Black Section on the Note Page Stylings on the Tab */
    .advantages .tabcontent .img-holder {
        margin: 0px 0px 10px 0px;
    }

    .advantages .tabcontent .txt-holder {
        position: relative;
        top: 0;
        right: 0;
        left: 0;
    }

    /* Suboages counter section on Desktop */
    .subpages-counters h5 {
        font-size: 26.14px;
        line-height: 36.74px;
    }

    .subpages-counters .row .counter:nth-child(3),
    .subpages-counters .row .counter:nth-child(5) {
        border-left: 2px solid var(--white-color);
        padding: 0px 30px 0px 30px;

    }

    /* Contact section  in the Graby Page Stylingson on Tab*/
    .contactus {
        background-color: var(--footer-bg-color);
        padding: 55px 0px;
    }

    .contactus .row {
        display: flex;
        flex-direction: column-reverse;
        gap: 30px;
    }

    .contactus .row .img-holder,
    .contactus .content-holder {
        width: 100%;
    }

    .contactus .content-holder {
        gap: 30px;
    }

    /* Contact Form Section Stylings on Desktop */
    .contact-form-section h2 {
        font-size: 60px;
        line-height: 90px;
    }

    /* Jym hours Section on Granby Page stylings on the Tab */
    .jym-hours {
        padding: 0px 0px 55px 0px;
    }

    /*granby hero section stylings on tab  */
    .granby-hero p.main-text {
        margin: 0px 100px;
    }

    /* Facilities Tabs section stylings on Tab that is on the Granby Page */
    .facilities-tabs .tab {
        gap: 0px;
    }

    /* Partners tabs Section on the Partners Page stylingson Desktop */
    .partners-tabs .tab-holder .tab {
        gap: 15px;
        padding: 15px 15px;
    }

    .content-holder table {
        overflow-x: scroll;
        display: block;
        white-space: nowrap;
        width: auto;
        max-width: none;
    }

    .content-holder table tr td {
        padding: 12px 15px;
    }

    .content-holder table th,
    .content-holder table td {
        min-width: fit-content;
        white-space: nowrap;
        padding-left: 20px;
        padding-right: 20px;
    }

    /* Partners Fo{rm Page that is on the Partners Page stylings on the Desktop */

    .partners-form h3.sec {
        margin: -30px 0px 25px 0px;
    }

    .partners-form p.sec-desc {
        margin: 0px 0px 30px 0px;
    }

    /* Job Offer section that is on the Career Page stylings on the Tab */
    .job-offer h2 {
        font-size: 70px;
        font-weight: 700;
        line-height: 90px;
    }

    .job-offer h3.sec {
        margin: -30px 0px 20px 0px;
    }

    .job-offer .img-holder img {
        width: 100%;
    }

    /* Hockey section on the facilities page stylings on the Tab */
    .hockey .row .content-holder {
        gap: 30px;
    }

    .hockey .row .img-holder {
        margin-bottom: -85px;
    }

    /* Botique section stylings on the Tab */
    .boutique {
        padding: 40px 0px;
        background-color: var(---black-shade-2);
    }

    .boutique .row .img-holder {
        margin: -60px 0px -20px 0px;
    }

    /*Health Section the Facilities Page stylings on the desktop */
    .health .row .img-holder {
        margin: 0px;
    }

    /* Clinique Counter section stylings on the Tab */
    .clinique-hero .content-holder {
        top: 62%;
    }

    .clinique-hero h1.main-heading {
        font-size: 45px;
        line-height: 50px;
    }

    /* Expert Services Section on the Clinique Page stylings on the Tab */
    .expert-services {
        padding: 55px 0px 55px 20px;
    }

    .expert-services .row {
        gap: 20px;
    }

    .expert-services .row .content-holder {
        width: 35%;
    }

    .expert-services .row .service-slider-holder {
        width: 65%;
    }

    .expert-services .row .content-holder h4 {
        font-size: 31px;
        line-height: 38px;
    }

    .expert-services .row .content-holder .selectbox .col {
        width: 90%;
    }

    .service-slider .slide:hover .icon-holder a img {
        width: 40px;
        height: 40px;
    }

    .service-slider .slide .head-content .serive-logo {
        align-self: flex-start;
    }

    .service-slider .slide .head-content .serive-logo img {
        width: 100%;
    }

    .service-slider .slide .head-content {
        flex-direction: column;
        margin: 0px;
        gap: 4px;
    }

    .service-slider .slide .head-content a {
        max-width: fit-content;
    }

    .service-slider .slick-slide {
        margin-right: 15px;
    }

    .service-slider-holder ul.navigation {
        margin: 20px 0px 0px 0px;
    }

    .navigation-holder .footer-heading h2 {
        font-size: 75px;
        line-height: 100.6px;
    }

    /* Price-list section that is on the Clinique Page */
    .price-list {
        padding: 55px 0px;
    }

    .price-list h2.black {
        font-size: 70px;
        line-height: 70.47px;
    }

    .price-list .pricing-levels {
        width: 100%;
        gap: 35px;
    }

    .price-list .pricing-levels .row {
        gap: 25px;
    }

    .price-list .pricing-levels .row .head-row .col-3 .content-holder h4,
    .price-list .pricing-levels .row .head-row .col .content-holder h4 {
        font-family: Verb;
        font-size: 42px;
        line-height: 58.89px;
    }

    /* Reservation section that is on the Clinique Page stylingson the Tab */
    .reservation {
        padding: 55px 0px 55px 0px;
    }


    .reservation h3.sec {
        margin: -35px 20px 35px 20px;
    }

    /* Hero Section  that is on the Massage Therapy Page stylings on the Tab */
    .massage-therapy-hero h1 {
        margin: 0px;
    }

    .massage-therapy-hero p.main-text {
        margin: 0px;
    }

    /* Why Massage Section  that is on the Massage Therapy Page stylings on the Tab */
    .why-massage {
        padding: 55px 0px;
    }

    .why-massage p.sec-desc {
        margin: 0px 0px 40px 0px;
    }

    .why-massage .icon-boxes .row-1 .icon-box-holder,
    .why-massage .icon-boxes .row-2 .icon-box-holder {
        padding: 30px 15px 30px 15px;
    }

    /* Therapeutic massage section on the Massage Therapy Page stylings on the Tab */
    .therapeutic-massage {
        padding: 55px 0px;
    }

    .therapeutic-massage .hockey h3.sec {
        font-size: 40px;
        line-height: 46px;
    }

    .therapeutic-massage .boutique .row .img-holder {
        margin: -60px 0px -60px 0px;
    }

    /* Support Section that is on the Phsiotherapy page stylings on the Tab */
    .support {
        padding: 55px 0px 0px 0px;
    }

    .support h2.black {
        font-size: 38px;
        line-height: 70.47px;
    }

    .support .appraoch h3.sub-sec {
        margin: 0px 0px 30px 0px;
    }

    .support .therapy-treatment h3.sub-sec {
        font-size: 28px;
        line-height: 34.52px;
    }

    .support .results .img-holder {
        margin-top: -145px;
        margin-bottom: 30px;
    }

    .support .results ul li {
        width: 50%;
    }

    .support .therapy-treatment ul {
        margin: 40px 0px 25px 0px;
    }

    /* Why us section section stylings on the that is on the Coaches Page  */
    .why-us p.sec-desc {
        margin: 0px 40px 40px 40px;
    }

    .why-us .icon-boxes {
        width: 100%;
    }

    .why-us .icon-boxes .row {
        gap: 20px;
    }

    /* Coaches-Members Slide styings on the Tab */
    .coaches-members {
        padding: 55px 0px 90px 0px;
    }

    .coaches-members .team-members {
        display: none;
    }

    .coaches-members .coaches-members-slider {
        display: block;
    }

    .coaches-members .coaches-members-slider .slick-slide {
        margin-right: 15px;
    }

    .coaches-members .coaches-members-slider .slide .col {
        position: relative;
    }

    .coaches-members-slider .slide .col .img-caption {
        background-color: var(--secondary-color);
        padding: 12px 16px;
        border-radius: 4px;
        max-width: fit-content;
        position: absolute;
        top: 24px;
        left: 30px;
        color: var(--white-color);
    }

    .coaches-members-slider .slide .col .content-holder {
        display: flex;
        flex-direction: column;
    }

    .coaches-members-slider .slide .col .content-holder h5 {
        font-size: 32.64px;
        line-height: 38.12px;
        margin: 0px;
    }

    .coaches-members-slider .slide .col .content-holder p {
        font-size: 18.44px;
        line-height: 28.99px;
    }

    .coaches-members-slider .slide .col .content-holder a {
        font-family: Verb;
        font-size: 15px;
        font-weight: 500;
        line-height: 22px;
        text-align: center;
        text-decoration: none;
        color: var(--advantages-text);
    }

    .coaches-members-slider .slide .col .content-holder a:hover {
        color: var(--secondary-color);
    }

    /* Subscription section stylings on Tab that is on the coaches page */
    .our-subscription {
        padding: 55px 0px;
    }

    .our-subscription p {
        margin: 0px 100px 30px 100px;
    }

    .our-subscription .subs-packages {
        gap: 30px;
    }

    .subs-packages .gold-package,
    .subs-packages .silver-package,
    .subs-packages .bronze-package {
        flex-direction: column;
        gap: 30px;
    }

    .gold-package .package-details,
    .gold-package .package-pricing,
    .silver-package .package-details,
    .silver-package .package-pricing,
    .bronze-package .package-details,
    .bronze-package .package-pricing,
    .program-price .package-pricing,
    .program-price .package-details {
        width: 100%;
        gap: 30px;
    }

    .subs-packages .program-price {
        flex-direction: column;
        gap: 30px;
    }

    .gold-package .package-pricing .pricings,
    .silver-package .package-pricing .pricings,
    .bronze-package .package-pricing .pricings {
        padding: 25px 17px;
    }

    .subs-packages .program-price .program-content {
        width: 100%;
    }

    /* Traning Programs Sub Section Styling on Desktop that is in the Our Subscription Section in Coaches Page  */

    .traning-programs .pricing-levels .row {
        gap: 15px;
    }

    .traning-programs .pricing-levels .row .col {
        width: 100%;
    }

    .traning-programs .pricing-levels .row .col-2,
    .traning-programs .pricing-levels .row .content-row .col-1 {
        width: 50%;
    }

    .traning-programs .pricing-levels .row .content-row>.col-1 .heading-holder {
        padding: 30px 20px;
    }

    .traning-programs .pricing-levels .row .content-row>.col-1 .heading-holder span {
        font-size: 22px;
        line-height: 26.7px;
    }

    .traning-programs .pricing-levels .row .content-row>.col-1 .heading-holder span.time {
        font-size: 22px;
        line-height: 26.7px;
        padding: 12px 25px;
    }

    .price-list .pricing-levels .row .content-row>.col-2 ul.service-time li {
        font-size: 18px;
        line-height: 24.96px;
    }

    .price-list .pricing-levels .row .content-row>.col-3 ul.service-price li,
    .price-list .pricing-levels .row>.col-2>.content-row>.col ul.service-price li {
        font-size: 18px;
        line-height: 24.96px;
    }

    /* Body Composition Section on Coaches Page Stylings on the Tab*/
    .body-composition {
        padding: 55px 0px;
    }

    .body-composition .row,
    .body-composition .row-2 {
        margin: 0px 0px 30px 0px;
    }

    .body-composition .row-2 {
        margin: 0px 0px 30px 0px;
    }

    .body-composition .row .img-holder,
    .body-composition .row-2 .img-holder {
        display: flex;
        width: 45%;
    }

    .body-composition .measurements {
        margin: 30px 0px 30px 0px;
    }

    .body-composition .measurements p {
        font-size: 14.9px;
        line-height: 20.61px;
    }

    /* progym-subscription Section stylings on Tab that is on the Subscription Page */
    .subscription-page-hero h1.main-heading {
        font-size: 30px;
        line-height: 40.66px;
    }

    .progym-subscription {
        padding: 55px 0px;
    }

    .subscription-holder {
        overflow-x: auto;
    }

    .subscription-holder .row .content-col,
    .subscription-holder .row .content-col-blank {
        flex: 0 0 auto;
        width: 45%;
    }

    .subscription-holder .row .subscription-features-holder,
    .subscription-holder .row .subscription-features-btn-holder {
        display: flex;
        /* Keeps the flex layout for child elements */
        min-width: 100%;
        /* Ensures the row takes at least the full width of the parent */
    }

    .subscription-features-holder .subscription-features,
    .subscription-features-btn-holder .subscription-features-btn {
        flex: 0 0 auto;
        /* Prevents columns from shrinking and allows them to maintain their width */
        width: 25%;
        /* Adjust this value as necessary for your layout */
    }

    .subscription-holder .row .content-col .content-holder .content {
        padding: 25px 10px 25px 0px;
    }

    .subscription-holder .row .content-col .content-holder .content h6 {
        font-size: 17px;
        line-height: 23.71px;
    }

    .subscription-features-btn-holder .subscription-features-btn .feature-btn {
        border: none;
        padding: 10.5px 55px 10.5px 30px;
    }

    .subscription-features-btn-holder .subscription-features-btn .feature-btn::after {
        top: 12.5px;
    }

    /* Flex Subscription Plan stylings on the Desktop *sub section on subscription page */
    .subscription-holder.flex-subscription {
        margin: 40px 0px 0px 0px;
    }

    .subscription-holder.flex-subscription .row .content-col {
        width: 50%;
    }

    .subscription-holder.flex-subscription .row .content-col-blank {
        width: 50%;
    }

    .subscription-holder.flex-subscription .row .subscription-features-holder,
    .subscription-holder.flex-subscription .row .subscription-features-btn-holder {
        width: 50%;
    }

    .subscription-holder.flex-subscription .subscription-features,
    .subscription-holder.flex-subscription .subscription-features-btn-holder .subscription-features-btn {
        width: 30%;
    }

    /* Why-us-premium Section that is on the Subscription page stylingson the Tab */
    .why-us-premium .icon-boxes .row .icon-box-holder {
        width: 48%;
    }

    .why-us-premium .text-holder p {
        margin: 0px 50px;
    }

    /* subscription types section styling on Tab that is on the Subscription Page */
    .subscription-types h2 {
        font-size: 63px;
        line-height: 83px;
    }

    .subscription-types h3.sec {
        margin: -30px 0px 25px 0px;
    }

    .subscription-types p.sec-desc {
        margin: 0px 0px 25px 0px;
    }

    .subscription-types .tab-holder {
        margin: 0px auto 30px auto;
    }

    /* corporate-packages section stylings on the Tab that is on the Subscription Page */
    .corporate-packages {
        padding: 55px 0px;
    }

    .corporate-packages h2 {
        font-size: 63px;
        line-height: 80px;
    }

    .corporate-packages h3.sec {
        margin: -30px 0px 20px 0px;
    }

    .corporate-packages p {
        margin: 0px 0px 30px 0px;
    }

    .corporate-packages .img-holder img {
        width: 90%;
    }

    /* Contact Deatils section stylings on the Tab that is on the Branches Page */
    .contacts-details {
        padding: 55px 0px;
    }

    .contacts-details h3.sec {
        margin: -40px 0px 30px 0px;
    }

    .contacts-details p.sec-desc {
        margin: 0px 0px 30px 0px;
    }

    .contact-details-holder .row {
        flex-wrap: wrap;
        justify-content: center;
    }

    .contact-details-holder .row .contact {
        width: 48%;
        text-align: center;
        align-items: center;
    }

    .contact-details-holder .row .contact h4 {
        font-size: 27px;
        line-height: 37.14px;
    }

    .black-btn.contact-btn:after {
        top: 16.5px !important;
    }

    /* places Tabs section on the Branches Page stylingson the Tab */
    .partners-tabs {
        padding: 55px 0px;
    }

    .places-tabs h3.sec {
        text-align: center;
        margin: -40px 0px 20px 0px;
        font-size: 33px;
        line-height: 43px;
    }

    .places-tabs p.sec-desc {
        color: var(--advantages-text);
        text-align: center;
        margin: 0px 105px 35px 105px;
    }

    .places-tabs .tab-holder .content-holder .row {
        gap: 15px;
    }

    .places-tabs .tab-holder .content-holder .contact-data .content a {
        font-size: 17px;
        line-height: 27px;
    }

    /* Synergy section that is on the branches page stylings on the Tab */
    .synergy-holder {
        padding: 55px 0px;
    }

    .synergy .img-holder span.icon img {
        width: 60px;
        height: 60px;
    }

    /* find-us section that is on the Branches Page stylings on Tab */
    .find-us h2.black {
        font-size: 55px;
        line-height: 65px;
    }

    .find-us h3.sec {
        margin: -170px 0px 0px 0px;
    }

    /* Frenchise Counters Section that is on the Frenchise page stylings on the Tab */
    .frenchise-counters .row {
        justify-content: center;
    }

    .frenchise-counters .row .counter {
        padding: 0px 30px 0px 30px;
    }

    .frenchise-body-composition h3.sec {
        margin: -30px 0px 30px 0px;
    }

    .frenchise-body-composition p.main-sec-desc {
        color: var(--grey-text-shade);
        margin: 0px 0px 30px 0px;
    }

    /* Strength section that is on the Frenchise Page stylings on the Tab */

    .strength h2.black {
        font-size: 110px;
        line-height: 165px;
    }

    .strength h3.sec {
        text-align: center;
        font-size: 37px;
        line-height: 50px;
        margin: -80px 0px 20px 0px;
    }

    .strength p.sec-desc {
        margin: 0px 0px 30px 0px;
    }

    .strength .icon-boxes-holder {
        margin: 0px 0px 30px 0px;
    }

    .strength .icon-box {
        padding: 10px 20px;
    }

    .strength .icon-box p {
        font-size: 18px;
        line-height: 22.06px;
    }

    .strength .icon-box .icon img {
        width: 25px;
        height: 25px;
    }

    /* Employment section that is on the frenchise page stylings on the Tab */
    .employment-form {
        padding: 55px 0px;
    }

    .employment-form h3 {
        margin: -35px 0px 20px 0px;
    }

    .employment-form p {
        text-align: center;
        color: #338A66;
        margin: 0px 100px 70px 100px;
    }

    /* Numbers, Selection section that is on the frenchise page stylings on the Tab */
    .numbers,
    .selection-process {
        padding: 55px 0px;
    }

    .numbers h3.sec:after {
        left: 37%;
    }

    .numbers h3.sec {
        margin: 0px 0px 45px 0px;
        text-align: center;
    }

    .numbers .icon-boxes {
        width: 100%;
        margin: 0;
        flex-wrap: wrap;
    }

    .numbers .icon-boxes .icon-box-holder {
        padding: 50px 30px;
        gap: 20px;
        width: 48%;
    }

    /* Selection Process section that is on the frenchise page stylings on the Tab */
    .selection-process .icon-boxes {
        width: 100%;
    }

    .selection-process .icon-boxes .icon-box-holder {
        width: 30%;
    }

    /* schedules-tabs section stylings on the Tab that is on the group lessons page */
    .schedules-tabs {
        padding: 55px 0px;
    }

    .schedules-tabs .tab-holder .tab {
        gap: 12px;
    }

    .schedules-tabs .tab-holder .content-holder {
        min-width: 100%;
        overflow: scroll;
        display: flex;
    }

    .schedules-tabs .tab-holder .content-holder .calender {
        width: auto;
    }

    .schedules-tabs .tab-holder .tab .tab-holder-data .schedule-btn a {
        font-family: Verb;
        font-size: 15px;
        line-height: 25.33px;
    }

    .schedules-tabs .tab-holder .tab .tab-holder-data .schedule-btn a::after {
        width: 30px;
        height: 30px;
        right: 15px;
        top: 16px;
    }

    .schedules-tabs .tab-holder .content-holder .calender .head h4 {
        font-size: 22px;
        line-height: 34.94px;
    }

    .schedules-tabs .note p {
        font-size: 20px;
        line-height: 29.71px;
        padding: 20px 24px;
    }

    /* Courses Section stylings on Tab that is on the Group Lessons */

    .courses-pop-up .course-content-holder-slider {
        display: none;
    }

    .courses-tab .tab-holder .content-holder .row {
        column-gap: 15px;
        row-gap: 30px;
        margin: 0px 0px 30px 0px;
    }

    .courses-tab .tab-holder .content-holder .row .col {
        gap: 15px;
    }

    /* course content holder slider
    .courses-pop-up {
        width: 700px;
        padding: 15px;
    }

    .course-content-holder-slider .slide .video-holder {
        width: 100%;
    }

    .course-content-holder-slider .slide .video-holder img {
        width: 100%;
        height: 500px;
    }

    .course-content-holder-slider .slide .content-holder {
        display: flex;
        flex-direction: column;
        align-self: center;
        padding: 20px;
    }

    .course-content-holder-slider .slide .content-holder h4 {
        font-family: Verb ExtraCond;
        font-size: 40px;
        font-weight: 700;
        line-height: 49.52px;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        margin: 0px 0px 15px 0px;
        color: var(--footer-bg-color);
        text-align: center;
    }

    .course-content-holder-slider .slide .content-holder h5 {
        font-family: Verb ExtraCond;
        font-size: 24px;
        font-weight: 700;
        line-height: 29.71px;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: var(--footer-bg-color);
        text-align: center;
    }

    .course-content-holder-slider .slide .content-holder p {
        font-family: Verb;
        font-size: 17px;
        font-weight: 350;
        line-height: 28.9px;
        text-align: center;
    }

    .course-content-holder-slider .slide .content-holder p span.red-color {
        color: var(--secondary-color);
        font-weight: 700;
    }

    .courses-pop-up .course-features {
        display: flex;
        flex-wrap: wrap;
    }

    .courses-pop-up .course-features .feature {
        width: 49%;
    }*/

    /* courses pop stylings on the Tab device */
    .courses-pop-up {
        width: 700px;
    }

    .courses-pop-up .course-content-holder .video-holder {
        width: 100%;
    }

    .courses-pop-up .course-content-holder .content-holder {
        display: none;
    }

    .courses-pop-up .course-content-holder .video-holder img {
        height: 600px;
    }

    .courses-pop-up .course-features {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
    }

    .courses-pop-up .course-features .feature {
        width: 49%;
    }

    .courses-pop-up .cross-sign {
        top: 22px;
        right: 22px;
    }

    .courses-pop-up .cross-sign img {
        width: 30px;
        height: 30px;
    }

    /* Marqee Text stylingson the Tab */
    .marqee-text .marquee p {
        font-size: 28.14px;
        line-height: 34.74px;
    }

    /* team popup stylings on the Tab device */
    .team-pop-up {
        width: 550px;
    }

    .team-pop-up .team-content-holder .img-holder {
        display: none;
    }

    .team-pop-up .team-content-holder .content-holder {

        width: 100%;
    }

    .team-pop-up .team-content-holder .content-holder h4 {
        font-size: 36px;
        line-height: 42.52px;
        margin: 0px 0px 12px 0px;
    }

    .team-pop-up .team-content-holder .content-holder h5 {
        margin: 0px 0px 8px 0px;
    }

    .team-pop-up .cross-sign {
        top: 22px;
        right: 22px;
    }

    .team-pop-up .cross-sign img {
        width: 30px;
        height: 30px;
    }

}

/* Mobile Stylings */
@media (min-width: 290px) and (max-width: 767px) {

    .btn {
        padding: 6px 12px;
    }

    /* Global Stylings on H2 Stroke Heading on Mobile */
    h2 {
        font-size: 40px;
        line-height: 50px;
    }

    /* Global Stylings of H3 of Section on Mobile */
    h3.sec {
        font-size: 26px;
        line-height: 26px;
    }

    /* Global Stylings of Section description on Mobile*/
    p.sec-desc {
        font-size: 15px;
        line-height: 22.4px;
    }

    /* Global Stylings of black btn on MObile */
    .black-btn {
        font-size: 15px;
        padding: 10.5px 42px 10.5px 20px;
    }

    /* Global Stylings of h2.black on Mobile */
    h2.black {
        font-size: 40px;
        line-height: 50px;
    }

    .black-btn:after {
        width: 15px;
        height: 15px;
        top: 13.5px;
        right: 20px;
    }

    /* Global stylings of hero section on all pages like h1, p and a on Mobile */
    h1.main-heading {
        font-size: 38px;
        line-height: 48.66px;

    }

    p.main-text {
        display: none;
        font-size: 15px;
        line-height: 24.6px;
    }

    /*Global Main Hero Stylingson the Tab  */
    .global-hero {
        height: calc(26vh);
        margin-top: 77px;
    }

    .global-hero .content-holder {
        width: 90%;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        top: 50%;
    }

    .black-btn:after {
        width: 15px;
        height: 15px;
        top: 14.5px;
    }

    /*  Header Stylings on mobile */
    #header {
        width: auto;
    }

    .header-holder {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        background-color: var(--primary-color);
    }

    .header-holder .row .icon-holder .language-icon {
        padding: 13.5px 10px 13.5px 0px;
    }

    .header-holder .row .icon-holder .user-icon {
        padding: 13.5px 0px 13.5px 10px;
    }

    .header-holder .row .logo-holder strong a {
        width: 85px;
        height: 57px;
    }

    .susbcribe-btn .btn {
        display: none;
    }

    .header-holder .bars {
        display: block;
        padding: 10px 0px 10px 20px;
    }

    .header-holder a.bars i {
        color: var(--white-color);
    }

    /* Hero Stylings on Mobile  */
    .hero {
        height: calc(26vh);
        margin-top: 77px;
    }

    .hero .content-holder {
        width: 100%;
        padding: 0px 25px;
        top: 45%;
    }

    .hero .content-holder h3 {
        font-size: 24px;
        line-height: 44px;

    }

    .hero .content-holder img {
        max-width: 200px;
        max-height: 30px;
        margin-bottom: 12px;
    }

    .hero .content-holder a {
        padding: 6px 10px;
        font-size: 12px;
        line-height: 20px;
    }

    .nav-holder {
        position: fixed;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: var(--primary-color);
        z-index: 9999;
        padding: 35px 0px;
        transition: all 0.5s ease;
        display: block !important;
    }

    .nav-holder ul.nav-links {
        display: flex;
        align-items: start;
        flex-direction: column;
    }

    .nav-holder ul.nav-links li {
        padding: 5px 0px;
    }

    .nav-holder ul.nav-links li a {
        font-size: 14px;
        line-height: 1.3em;
        font-weight: 600;
        font-family: 'Verb';
        color: var(--white-color);
        text-decoration: none;
    }

    .nav-holder ul.nav-links li a:hover {
        color: var(--secondary-color);
    }

    .nav-holder ul.nav-links a.cross-sign {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        padding: 12px;
        font-size: 24px;
        color: var(--white-color);
    }

    .nav-holder .cross-sign:hover {
        color: var(--secondary-color);
    }

    .accueil-nav-holder {
        display: none;
    }

    #header>.nav-holder.active {
        overflow-y: scroll;
        left: 0;
        transition: all 0.5s ease;
    }

    #home-header>.nav-holder.active {
        overflow-y: scroll;
        left: 0;
        transition: all 0.5s ease;
    }

    /* Footer-stylings on Mobile */
    .footer-cotent {
        padding: 40px 0px;
    }

    .footer-logo-holder a img {
        max-width: 250px;
        max-height: 45px;
    }

    .contact-details .row {
        flex-direction: column;
        text-align: center;
    }

    .footer-logo-holder,
    .footer-cotent .contact-details,
    .footer-cotent .social-icons-list,
    .email-Subscription {
        margin: 0px 0px 15px 0px;
    }

    .contact-details .row .content {
        margin: 0px 0px 15px 0px;
    }

    .contact-details .row .content a {
        text-align: center;
        justify-content: center;
    }

    .email-Subscription img {
        max-width: 330px;
    }

    .footer-cotent .footer-links .row {
        justify-content: center;
    }

    .footer-menu .footer-nav-links {
        display: none;
    }

    .social-icons-list ul {
        justify-content: center;
    }

    .social-icons-list ul li {
        margin-right: 10px;
    }

    .social-icons-list ul a img {
        width: 22px;
        height: 22px;
    }

    .footer-menu a.bars,
    .footer-menu .menu-heading {
        display: block;
    }

    .footer-menu {
        display: flex;
    }

    .footer-menu .bars {
        display: block;
        padding: 10px 0px 10px 20px;
    }

    .footer-menu a.bars i {
        color: var(--white-color);
    }

    .language-list img {
        padding: 10px;
    }

    .footer-menu .menu-heading {
        font-family: Verb;
        font-size: 17px;
        font-weight: 500;
        line-height: 20px;
        text-align: center;
        color: var(--white-color);
        padding: 10px;
    }

    /* About us section stylingson the Mobile */
    .about-us {
        padding: 40px 0px;
    }

    .about-us .row {
        flex-direction: column;
    }

    .about-us .row .left-col,
    .about-us .row .right-col {
        width: 100%;
    }

    .about-us .row .left-col {
        margin: 0px 0px 20px 0px;
    }

    .about-us .row .left-col h3 {
        margin: -18px 0px 18px 0px;
    }

    .about-us .row .right-col {
        display: flex;
        flex-direction: column-reverse;
    }

    .about-us .row .right-col p {
        margin: 0px 0px 20px 0px;
    }

    .about-us .row .right-col img {
        margin: 0px;
    }

    /* Bredcrumbs stylingson the Mobile */
    .bredcrumbs {
        position: absolute;
        top: 75px;
        left: 0;
        right: 0;
    }

    .bredcrumbs ul.breadcrumb li a,
    .bredcrumbs ul.breadcrumb li p {
        font-size: 10px;
    }

    .bredcrumbs ul.breadcrumb li+li:before {
        top: 64%;
    }

    /* Counter section stylings on Mobile */
    .counters .row {
        flex-wrap: wrap;
    }

    .counters .row .counter {
        width: 50%;
        margin: 0px 0px 10px 0px;
        border-right: 0px;
        padding: 0px;
        justify-content: center;
        flex-direction: column;
    }

    .counters .row .counter:nth-child(1),
    .counters .row .counter:nth-child(3) {
        border-right: 1px solid var(--white-color);
        padding: 0px 8px 0px 0px;
    }

    .counters .row .counter:nth-child(2n+2) {
        margin: 0px 0px 10px 0px;
    }

    .counters .row .counter:last-child {
        border-right: 0px;
    }

    .counters .row .counter h4.number {
        font-size: 32px;
        line-height: 38.32px;
        margin: 0px;
    }

    .counters .row .counter p.details {
        font-size: 16px;
        line-height: 22.3px;
    }

    /* Find Jym Stylings on the Mobile */

    .find-jym {
        padding: 40px 0px;
    }

    .find-jym h3.sec {
        margin: -20px 0px 0px 0px;
    }

    .find-jym p.sec-desc {
        color: var(--grey-text-shade);
        max-width: 100%;
        margin: 0 0 20px 0;
        line-height: 22px;
    }

    .find-jym .slide .location-btn a {

        font-size: 26px;
        line-height: 32px;
    }

    .find-jym .slide .location-btn a::after {
        width: 42px;
        height: 42px;
        top: 13px;
    }

    #location-slider .slick-slide {
        margin: 0px;
    }

    /* Advantages section stylingson the Mobile */
    .advantages {
        padding: 55px 0px;
    }

    .advantages h2 {
        font-size: 45px;
        line-height: 63px;
    }

    .advantages h3.sec {
        margin: -25px 0px 10px 0px;
    }

    .advantages p.sec-desc {
        margin: 0px 0px 20px 0px;
    }

    .advantages .tab-holder {
        max-width: 100%;
        flex-direction: column;
        gap: 0px;
    }

    .advantages .tab {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        flex-wrap: wrap;
    }

    .advantages .tab button {
        text-align: center;
        width: 50%;
        font-size: 18px;
        line-height: 22px;
        padding: 10px;
    }

    .advantages .tab button.active {
        font-size: 20px;
        line-height: 30px;
        padding: 12px 0px;
    }

    .advantages .tabcontent {
        width: 100%;
    }

    .advantages .tabcontent .row {
        flex-direction: column;
        padding: 10px;
    }

    .advantages .tabcontent .row .icon-holder {
        padding: 10px 0px;
        justify-content: center;
    }

    .advantages .tabcontent .row .content-holder {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .advantages .tabcontent .row .content-holder p {
        text-align: center;
    }

    /* Adapated subscription section stylings on the Mobile*/
    .adapted-subscription {
        padding: 55px 0px 55px 20px;
    }

    .adapted-subscription h3.sec {
        margin: 0px 0px 20px 0px;
    }

    #pricing-slider {
        padding: 0px;
    }

    .adapted-subscription p.sec-desc {
        color: var(--grey-text-shade);
        max-width: 100%;
        margin: 0 auto 20px auto;
    }

    #pricing-slider .slide .content .col .head-content-holder h4 {
        font-size: 28px;
        line-height: 32.02px;
    }

    /* Service-Videos Section stylingson Mobile */

    .services-videos {
        padding: 55px 0px 0px 0px;
    }

    .services-videos h2 {
        font-size: 57px;
        line-height: 57px;
    }

    .services-videos h3.sec {
        margin: -15px 0px 30px 0px;
    }

    .services-videos p.sec-desc {
        margin: 0px 0px 20px 0px;
    }

    .services-videos .row {
        flex-direction: column;
    }

    .services-videos .row .left-col,
    .services-videos .row .right-col {
        width: 100%;
    }

    .services-videos .row .left-col .service-btn,
    .services-videos .row .right-col .service-btn {
        font-size: 22px;
        line-height: 30px;
        padding: 20px 105px 21px 20px;
    }

    .services-videos .row .left-col .service-btn::after {
        width: 40px;
        height: 40px;
        right: 43px;
        top: 16px;
    }

    .services-videos .row .right-col .service-btn::after {
        width: 40px;
        height: 40px;
        right: 43px;
        top: 16px;
    }

    /* Tiktok section stylings on the Mobile */
    .tiktok {
        padding: 55px 0px;
    }

    .tiktok .row {
        flex-direction: column;
    }

    .tiktok p.sec-desc {
        margin: 0px 0px 18px 0px;
    }

    .tiktok .row .content-holder {
        width: 100%;
    }

    .tiktok .row .btn-holder {
        width: 100%;
        justify-content: flex-start;
    }

    #tiktok-slider {
        display: block;
    }

    .tiktok .tiktok-videos .videos-row {
        flex-wrap: wrap;
        display: none;
    }

    .tiktok .tiktok-videos .videos-row .video {
        width: 100%;
        margin: 0px 0px 15px 0px;
    }

    .tiktok .tiktok-videos .videos-row .video:last-child {
        margin: 0px 0px 15px 0px;
    }

    /* Tiktok video Slider Stylingson Mobile */
    #tiktok-slider .slide .video {
        position: relative;
    }


    #tiktok-slider .slide .video::after {
        content: "";
        display: block;
        background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 61.32%, #000000 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
        opacity: 1;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transition: all 0.5s ease;
        border-radius: 30px;
    }

    #tiktok-slider .slide .video .video-holder video {
        width: 100%;
        border-radius: 30px;
        filter: grayscale(100%);
        transition: all 0.5s ease;
    }

    #tiktok-slider .video .tech-desc {
        margin: 0px 12px;
        position: absolute;
        bottom: 20px;
        left: 0;
        right: 0;
        z-index: 2;
    }

    #tiktok-slider .video .tech-desc .service-btn {
        font-family: Verb;
        font-size: 25.58px;
        font-weight: 600;
        line-height: 31.74px;
        text-align: start;
        display: block;
        color: var(--white-color);
        text-decoration: none;
        text-transform: none;
        position: relative;
        max-width: 100%;
        transition: all 0.4s;
        padding: 20px 0px 0px 0px;
    }

    #tiktok-slider .video.tech-desc .service-btn::after {
        content: "";
        background-image: url(../images/tiktok-arrow-black.svg);
        background-size: contain;
        background-repeat: no-repeat;
        display: inline-block;
        width: 58px;
        height: 58px;
        position: absolute;
        right: 0px;
        top: 8px;
        transition: all 0.5s ease;
    }

    #tiktok-slider .slide .video:hover .service-btn::after {
        transition: all 0.5s ease;
        background-image: url(../images/tiktok-arrow-red.svg);
    }

    #tiktok-slider .slide .video:hover .video-holder video {
        filter: none;
        transition: all 0.5s ease;
    }

    /* testimonials section stylingson the Mobile */
    .testimonials {
        padding: 55px 0px;
    }

    .testimonials h2 {
        font-size: 52px;
        line-height: 60.7px;
    }

    .testimonials h3.sec {
        margin: -15px 0px 10px 0px;
    }

    .testimonials p.sec-desc {
        text-align: center;
        margin: 0px 0px 30px 0px;
    }

    .testimonials-slider .slide .row {
        flex-direction: column;
        gap: 30px;
        padding: 0px;
    }

    .testimonials-slider .slide .row .img-holder {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .testimonials-slider .slide .row .img-holder img {
        width: 75%;
    }

    .testimonials-slider .slide .row .content-holder h6.top-quote-sign {
        font-size: 50px;
        line-height: 52px;
        position: absolute;
        top: -20px;
        left: 44px;
    }

    .testimonials-slider .slide .row .content-holder .content {
        padding: 0px;
    }

    .testimonials-slider .slide .row .content-holder {
        width: 100%;
        margin: 0 auto;
        gap: 30px;
        padding: 0px;
    }

    .testimonials-slider .slide .row .content-holder .content p {
        font-size: 15px;
        line-height: 21.4px;
        margin: 0px 0px 10px 0px;
        text-align: center;
        bottom: 10px;
        right: 30px;
        width: 75%;
        margin: 0 auto;
    }

    .testimonials-slider .slide .row .content-holder h6.center-quote-sign {
        font-size: 50px;
        bottom: 10px;
        right: 50px;
    }

    .testimonials-slider .slide .row .content-holder .content h5 {
        font-size: 20px;
        line-height: 25.4px;
        text-align: center;
    }

    .testimonials-slider .slide .row .content-holder .icon-holder {
        flex-direction: column;
        gap: 15px;
        align-items: center
    }

    .testimonial-slider-holder ul.navigation {
        top: 25%;
        width: 100%;
        left: 0px;
    }

    #testimonials-slider .slick-slide .icon-holder img {
        width: 100px;
    }

    .testimonial-slider-holder ul.navigation li a img {
        width: 30px;
        height: 30px;
    }

    /* Newsletter Section stylings in Tab */
    .newsletter {
        padding: 55px 0px 75px 0px;
    }

    .newsletter h2 {
        font-size: 52px;
        line-height: 60px;
    }

    .newsletter h3.sec {
        margin: -20px 0px 0px 0px;
    }

    .newsletter p.sec-desc {
        margin: 0px 0px 20px 0px;
    }

    .newsletter .news-letter-form {
        margin: 0px 0px 30px 0px;
        width: 100%;
    }

    /*Instagram Section Stylings on Tab */

    .instagram h3.sec {
        margin: 0px 0px 18px 0px;
    }

    .instagram p.sec-desc {
        padding: 0px 0px 18px 0px;
    }

    .instagram .content-row {
        flex-direction: column;
    }

    .instagram .content-row .content-holder,
    .instagram .content-row .btn-holder {
        width: 100%;
        justify-content: flex-start;
    }

    .instagram .post-row {
        display: flex;
        gap: 20px;
        flex-direction: column;
        background-image: none;
    }

    .instagram .post-row .img-holder,
    .instagram .post-row .post-holder {
        width: 100%;
    }

    .instagram .post-row .img-holder img {
        opacity: 1;
        width: 100%;
    }

    .instagram .post-row .post-holder {
        gap: 20px;
    }

    .instagram .post-row .post {
        width: 46.5%;
    }

    .instagram .post-row .post .content .service-btn {
        font-size: 18.71px;
        line-height: 24.72px;
    }

    .instagram .post-row .post .content .service-btn::after {
        width: 36px;
        height: 36px;
        left: 35px;
        top: -45px;
    }

    /* Team Section of Notre Page Stylings on Mobile     */
    .team {
        padding: 55px 0px;
    }

    .team h2 {
        font-size: 75px;
        line-height: 110px;
    }

    .team h3.sec {
        margin: -40px 0px 15px 0px;
    }

    .team p.sec-desc {
        margin: 0px;
    }

    .team .head-content {
        margin: 0px 0px 30px 0px;
    }

    .team-members .row {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 20px;
    }

    .team-members .row .col {
        padding: 13px 15px;
        width: 100%;
    }

    .col .content-holder h5 {
        font-size: 28.64px;
        line-height: 32.12px;
        margin: 0px;
    }

    .col .content-holder p {
        font-size: 17.44px;
        line-height: 30.99px;
    }

    /* Team-Black Section on the Note Page Stylings on the Tab */
    .advantages .tabcontent .img-holder {
        margin: 0px 0px 10px 0px;
    }

    .advantages .tabcontent .txt-holder {
        position: relative;
        top: 0;
        right: 0;
        left: 0;
    }

    .team-black .tab {
        margin: 0px 0px 20px 0px;
    }

    .team-black .tab button {
        width: 100%;
    }

    /* Suboages counter section on Desktop */
    .subpages-counters h5 {
        font-size: 20.14px;
        line-height: 22.74px;
        text-align: center;
    }

    .subpages-counters .row .counter:nth-child(1),
    .subpages-counters .row .counter:nth-child(3) {
        border-left: 1px solid var(--white-color);
        padding: 0px 8px 0px 8px;

    }

    /* Sub Pages Counter section */
    .subpages-counters .row .counter {
        width: 100%;
        border-left: 1px solid var(--white-color);
        padding: 0px 8px 0px 8px;
        border-right: 1px solid var(--white-color);
    }

    .subpages-counters .row .counter:last-child {
        border-right: 1px solid var(--white-color);
    }

    /* Contact section  in the Granby Page Stylingson on Tab*/
    .contactus {
        background-color: var(--footer-bg-color);
        padding: 55px 0px;
    }

    .contactus .content-holder h2.black {
        font-size: 40px;
        line-height: 46.47px;
    }

    .contactus .content-holder h3.sec {
        margin: -20px 0px 0px 0px;
    }

    .contactus .row {
        display: flex;
        flex-direction: column-reverse;
        gap: 40px;
    }

    .contactus .row .img-holder,
    .contactus .content-holder {
        width: 100%;
    }

    .contactus .content-holder {
        padding: 30px 0px 30px 0px;
        gap: 30px;
    }

    .contactus .content-holder .contact-data .content {
        display: flex;
        justify-content: space-between;
        /* flex-direction: column; */
    }

    .contactus .content-holder .contact-data .content>a {
        width: 62%;
        font-size: 15px;
        line-height: 24px;
    }

    .contactus .content-holder .contact-data a.contact-btn {
        width: 38%;
        font-size: 15px;
        line-height: 25px;
        justify-content: flex-end;
    }

    .contactus .content-holder .contact-data .content a img {
        width: 25px;
        height: 25px;
        margin: 4px 0px 0px 0px;
    }

    /* Contact Form Section Stylings on Desktop */
    .contact-form {
        padding: 55px 0px;
    }

    .contact-form-section h2 {
        font-size: 35px;
        line-height: 45px;
    }

    .team h3.sec {
        margin: -20px 0px 15px 0px;
    }


    /* Jym hours Section on Granby Page stylings on the Tab */
    .jym-hours {
        padding: 0px 0px 55px 0px;
    }

    .jym-hours h3.sec {
        margin: -20px 0px 0px 0px;
    }

    .jym-hours .head-content {
        margin: 0px 0px 30px 0px;
    }

    .jym-hours .row {
        flex-wrap: wrap;
    }

    .jym-hours .row .day-slot {
        width: 48%;
    }

    /* Partners tabs Section on the Partners Page stylingson Desktop */
    .partners-tabs {
        padding: 55px 0px;
    }

    .partners-tabs .tab-holder .tab {
        gap: 13px;
        padding: 15px 0px;
        justify-content: center;
        flex-wrap: wrap;
    }

    .partners-tabs .tab-holder .tab button {
        width: 45%;
    }

    .content-holder table {
        overflow-x: scroll;
        display: block;
        white-space: nowrap;
        width: auto;
        max-width: none;
    }

    .content-holder table tr td {
        padding: 12px 15px;
    }

    .content-holder table th,
    .content-holder table td {
        min-width: fit-content;
        white-space: nowrap;
        padding-left: 10px;
        padding-right: 10px;
    }

    /* Partner Pop up Stylings */
    .member-pop-up {
        width: 330px;
    }

    /* Job Offer section that is on the Career Page stylings on the Tab */
    .job-offer h2 {
        font-size: 35px;
        line-height: 60px;
    }

    .job-offer h3.sec {
        margin: -25px 0px 20px 0px;
    }

    .job-offer .img-holder img {
        width: 100%;
    }

    .job-offer .selectbox-holder .selectbox {
        gap: 20px;
        flex-direction: column;
    }

    .selectbox .col {
        width: 100%;
    }

    /* Hockey section on the facilities page stylings on the Mobile */
    .hockey .row {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .hockey .row .content-holder,
    .hockey .row .img-holder {
        width: 100%;
    }

    .hockey .row .content-holder {
        gap: 30px;
    }

    .hockey .row .img-holder {
        margin-bottom: 0px;
    }

    /* Botique section stylings on the Tab */
    .boutique {
        padding: 40px 0px;
        background-color: var(---black-shade-2);
    }

    .boutique .row {
        flex-direction: column-reverse;
    }

    .boutique .row .content-holder {
        padding: 0px;
    }

    .boutique .row .img-holder {
        margin: 0px;
    }

    .hockey h2.black {
        font-size: 34px;
        line-height: 34px;
    }
    .hockey h3.sec{
        font-size: 34px;
        line-height: 34px;
        margin: -15px 0px 0px 0px;
    }

    /* Clinique Counter section stylings on the Tab */

    .clinique-hero h1.main-heading {
        font-size: 32px;
        line-height: 40px;
    }

    /* Expert Services Section on the Clinique Page stylings on the Mobile */
    .expert-services {
        padding: 55px 0px 55px 20px;
    }

    .expert-services .row {
        gap: 20px;
        flex-direction: column;
    }

    .expert-services .row .content-holder,
    .expert-services .row .service-slider-holder {
        width: 100%;
    }

    .expert-services .row .content-holder {
        padding: 0px 20px 0px 0px;
        gap: 15px;
    }

    .expert-services .row .content-holder h4 {
        font-size: 22px;
        line-height: 32px;
    }

    .expert-services .row .content-holder p {
        font-size: 15px;
        line-height: 22px;
    }

    .service-slider .slide .slide-content-holder {
        position: absolute;
        top: 24px;
        left: 10px;
        right: 10px;
        bottom: 15px;
    }

    .service-slider .slide .head-content h5 {
        font-size: 20px;
        line-height: 24.71px;
    }

    .expert-services .row .content-holder .selectbox .col {
        width: 90%;
    }

    .service-slider .slide:hover .icon-holder a img {
        width: 40px;
        height: 40px;
    }

    .service-slider .slide .head-content .serive-logo {
        align-self: flex-start;
    }

    .service-slider .slide .head-content .serive-logo img {
        width: 100%;
    }

    .service-slider .slide .head-content {
        flex-direction: column;
        margin: 0px;
        gap: 4px;
    }

    .service-slider .slide .head-content a {
        font-size: 13px;
        line-height: 19.81px;
        max-width: fit-content;
    }

    .service-slider .slide .details p.limit-text {
        font-size: 14px;
        line-height: 17.81px;
    }

    .service-slider .slick-slide {
        margin-right: 15px;
    }

    .service-slider-holder ul.navigation {
        margin: 10px 0px 0px 0px;
        gap: 8px;
    }

    .service-slider-holder ul.navigation .btn-prev a img,
    .service-slider-holder ul.navigation .btn-next a img {
        width: 30px;
        height: 30px;
    }

    .navigation-holder .footer-heading h2 {
        font-size: 52px;
        line-height: 72.6px;
    }

    /* Price-list section that is on the Clinique Page */
    .price-list {
        padding: 55px 0px;
    }

    .price-list h2.black {
        font-size: 56px;
        line-height: 56.47px;
    }

    .price-list p.sec-desc {
        margin: 0px 0px 20px 0px;
    }

    .price-list .pricing-levels .row .head-row .col-1,
    .price-list .pricing-levels .row .content-row .col-1 {
        width: 30%;
        flex: 0 0 auto;
        min-width: 200px;
    }

    .price-list .pricing-levels .row .head-row .col-2,
    .price-list .pricing-levels .row .head-row .col-3,
    .price-list .pricing-levels .row .content-row .col-2,
    .price-list .pricing-levels .row .content-row .col-3 {
        width: 35%;
        flex: 0 0 auto;
        min-width: 200px;
    }

    .price-list .pricing-levels {
        gap: 35px;
        padding: 30px 30px 0px 0px;
        display: flex;
        overflow-x: auto;
        white-space: nowrap;
        max-width: 100%;
    }

    .price-list .pricing-levels .row {
        gap: 30px;
        display: flex;

    }

    .price-list .pricing-levels .row .col {
        width: auto;
    }

    .price-list .pricing-levels .row .head-row {
        width: 100%;
    }

    .price-list .pricing-levels .row .head-row .col-3 .content-holder h4,
    .price-list .pricing-levels .row .head-row .col .content-holder h4 {
        font-size: 42px;
        line-height: 58.89px;
    }

    .price-list .pricing-levels .row .head-row .col-3 .content-holder h6,
    .price-list .pricing-levels .row .head-row .col .content-holder h6 {
        font-size: 30px;
        line-height: 37.44px;
        margin-top: -20px;
    }

    .price-list .pricing-levels .row>.col-2>.head-row>.col,
    .price-list .pricing-levels .row>.col-2>.content-row>.col {
        flex: 0 0 auto;
        min-width: 200px;
        width: 100%;
    }

    .price-list .pricing-levels .row .col {
        width: auto;
        display: flex;
        flex-direction: column;
        gap: 35px;
    }

    /* Reservation section that is on the Clinique Page stylingson the Desktop */
    .reservation {
        padding: 55px 0px 55px 0px;
    }

    .reservation h3.sec {
        margin: -20px 20px 35px 20px;
    }

    /* Hero Section  that is on the Massage Therapy Page stylings on the Mobile */
    .massage-therapy-hero h1 {
        margin: 0px;
    }


    /* Why Massage Section  that is on the Massage Therapy Page stylings on the Mobile */
    .why-massage {
        padding: 55px 0px 0px 0px;
    }

    .why-massage h2.black {
        font-size: 36px;
        line-height: 46px;
    }

    .why-massage h3.sec {
        margin: -20px 0px 15px 0px;
    }

    .why-massage p.sec-desc {
        margin: 0px 0px 30px 0px;
    }

    .why-massage .icon-boxes .row-1,
    .why-massage .icon-boxes .row-2 {
        flex-direction: column;
    }

    .why-massage .icon-boxes .row-1 .icon-box-holder:first-child,
    .why-massage .icon-boxes .row-1 .icon-box-holder:last-child,
    .why-massage .icon-boxes .row-2 .icon-box-holder:first-child,
    .why-massage .icon-boxes .row-2 .icon-box-holder:nth-child(2),
    .why-massage .icon-boxes .row-2 .icon-box-holder:last-child {
        width: 100%;
    }

    .why-massage .icon-boxes .row-1 .icon-box-holder,
    .why-massage .icon-boxes .row-2 .icon-box-holder {
        padding: 30px 15px 30px 15px;
    }

    /* Therapeutic massage section on the Massage Therapy Page stylings on the Mobile */
    .therapeutic-massage {
        padding: 55px 0px;
    }

    .therapeutic-massage .hockey h3.sec {
        font-size: 40px;
        line-height: 46px;
    }

    /* Hero Section that is on the Phsiotherapy page stylings on the Mobile */
    .physiotherpay-hero h1,
    .physiotherpay-hero p.main-text {
        margin: 0px;
    }

    /* Support Section that is on the Phsiotherapy page stylings on the Mobile */
    .support {
        padding: 55px 0px 0px 0px;
    }

    .support h2.black {
        font-size: 28px;
        line-height: 36px;
    }

    .support h3.sec {
        color: var(--white-color);
        margin: -15px 0px 15px 0px;
        font-size: 22px;
        line-height: 24px;
    }

    .support p.sec-desc {
        margin: 0px 0px 30px 0px;
    }

    .support .appraoch h3.sub-sec {
        margin: 0px 0px 20px 0px;
        font-size: 24px;
        line-height: 28px
    }

    .support .appraoch p.sub-sec-desc {
        font-size: 15.09px;
        line-height: 22.75px;
    }

    .support .appraoch .img-holder {
        margin-bottom: 0px;
    }

    .support .therapy-treatment h3.sub-sec,
    .support .results h3.sub-sec {
        font-size: 28px;
        line-height: 34.52px;
    }

    .support .appraoch .img-holder span img,
    .support .therapy-treatment .therapeutic-care-img-holder span img,
    .support .therapy-treatment .pathologies-car-img-holder span img,
    .support .results .img-holder span img {
        width: 36px;
        height: 36px;
    }

    .support .therapy-treatment {
        padding: 40px 0px;
    }

    .support .therapy-treatment .row {
        gap: 0px;
        flex-direction: column;
    }

    .support .therapy-treatment .row .therapeutic-care,
    .support .therapy-treatment .row .pathologies-care {
        width: 100%;
    }

    .support .therapy-treatment ul {
        list-style-type: none;
        margin: 20px 0px 25px 0px;
    }

    .support .therapy-treatment .row .pathologies-care {
        display: flex;
        flex-direction: column-reverse;
    }

    .support .results {
        padding: 40px 0px 40px 0px;
    }

    .support .results .img-holder {
        margin-top: 0px;
        margin-bottom: 30px;
    }

    .support .results ul li {
        width: 100%;
    }

    /* Why us section section stylings on the that is on the Coaches Page  */
    .why-us {
        padding: 55px 0px 55px 0px;
    }

    .why-us p.sec-desc {
        margin: 0px 0px 40px 0px;
    }

    .why-us .icon-boxes {
        width: 100%;
        margin: 0 auto 40px auto;
    }

    .why-us .icon-boxes .row {
        gap: 20px;
    }

    .why-us .icon-boxes .row .icon-box-holder {
        width: 100%;
    }

    /* Coaches-Members Slide styings on the Mobile */
    .coaches-members {
        padding: 55px 0px 90px 0px;
    }

    .coaches-members .coaches-members-slider {
        display: block;
    }

    .coaches-members .team-members {
        display: none;
    }

    .coaches-members .coaches-members-slider .slide .col {
        width: 100%;
        border: 1.14px solid #A8A8A8;
        border-radius: 5px;
        padding: 13px 20px;
        position: relative;
    }

    .coaches-members-slider .slide .col .img-caption {
        background-color: var(--secondary-color);
        padding: 12px 16px;
        border-radius: 4px;
        max-width: fit-content;
        position: absolute;
        top: 24px;
        left: 30px;
        color: var(--white-color);
    }

    .coaches-members-slider .slide .col .content-holder {
        display: flex;
        flex-direction: column;
    }

    .coaches-members-slider .slide .col .content-holder a {
        font-family: Verb;
        font-size: 15px;
        font-weight: 500;
        line-height: 22px;
        text-align: center;
        text-decoration: none;
        color: var(--advantages-text);
    }

    .coaches-members-slider .slide .col .content-holder a:hover {
        color: var(--secondary-color);
    }

    /* Subscription section stylings on Tab that is on the coaches page */
    .our-subscription {
        padding: 55px 0px;
    }

    .our-subscription h2.black {
        font-size: 50px;
        line-height: 66px;
    }

    .our-subscription h3.sec {
        margin: -25px 0px 20px 0px;
    }

    .our-subscription p {
        margin: 0px 0px 30px 0px;
    }

    .our-subscription .subs-packages {
        gap: 15px;
    }

    .subs-packages .gold-package,
    .subs-packages .silver-package,
    .subs-packages .bronze-package {
        flex-direction: column;
        gap: 15px;
    }

    .gold-package .package-details,
    .gold-package .package-pricing,
    .silver-package .package-details,
    .silver-package .package-pricing,
    .bronze-package .package-details,
    .bronze-package .package-pricing,
    .program-price .package-pricing,
    .program-price .package-details {
        width: 100%;
        gap: 15px;
    }

    .subs-packages .program-price {
        flex-direction: column;
        gap: 15px;
    }

    .subs-packages .program-price .program-content {
        width: 100%;
    }

    .gold-package .package-details ul.package-breadcrumb,
    .silver-package .package-details ul.package-breadcrumb,
    .bronze-package .package-details ul.package-breadcrumb {
        flex-direction: column;
        width: 70%;
        align-self: center;
        text-align: center;
    }

    .package-details ul.package-breadcrumb li {
        padding: 0px;
    }

    .package-details ul.package-breadcrumb li:before {
        content: "";
        background: url(../images/package-bredcrum-list-icon.svg) no-repeat center center;
        background-size: contain;
        width: 7px;
        height: 7px;
        position: absolute;
        left: -11px;
        top: 50%;
        transform: translateY(-50%);
    }

    .gold-package .package-details .pacakge-deatils-headings h4,
    .silver-package .package-details .pacakge-deatils-headings h4,
    .bronze-package .package-details .pacakge-deatils-headings h4 {
        font-size: 18px;
        line-height: 20px;
    }

    .gold-package .package-pricing .pricings,
    .silver-package .package-pricing .pricings,
    .bronze-package .package-pricing .pricings,
    .program-price .package-pricing .pricings {
        width: 48%;
        padding: 15px 10px;
        gap: 15px;
    }

    .gold-package .package-pricing .pricings .price,
    .silver-package .package-pricing .pricings .price,
    .bronze-package .package-pricing .pricings .price,
    .program-price .package-pricing .pricings .price {
        padding: 12px;
    }

    .gold-package .package-pricing .pricings .price h3,
    .silver-package .package-pricing .pricings h3,
    .bronze-package .package-pricing .pricings h3,
    .program-price .package-pricing .pricings h3 {
        font-size: 25px;
        line-height: 30px;
    }

    .gold-package .package-pricing .pricings .price .sub-price span,
    .silver-package .package-pricing .pricings .price .sub-price span,
    .bronze-package .package-pricing .pricings .price .sub-price span {
        font-size: 10.83px;
        line-height: 13.64px;
        text-align: start;
    }

    .gold-package .package-pricing .pricings a.saving-btn,
    .silver-package .package-pricing .pricings a.saving-btn,
    .bronze-package .package-pricing .pricings a.saving-btn {
        font-size: 14.32px;
        line-height: 20.93px;
    }

    .subs-packages .program-price .program-content h5 {
        font-size: 20.98px;
        line-height: 26.68px;
    }

    /* Traning Programs Sub Section Styling on Desktop that is in the Our Subscription Section in Coaches Page  */

    .price-list.traning-programs {
        padding: 0px;
    }

    .traning-programs .pricing-levels {
        gap: 15px;
    }

    .traning-programs .pricing-levels .row .head-row .col-1,
    .traning-programs .pricing-levels .row .content-row .col-1 {
        width: 30%;
        flex: 0 0 auto;
        min-width: 330px;
    }

    .traning-programs .pricing-levels .row .content-row>.col-1 .heading-holder {
        padding: 30px 20px;
    }

    .traning-programs .pricing-levels .row .content-row>.col-1 .heading-holder span {
        font-size: 22px;
        line-height: 26.7px;
    }

    .traning-programs .pricing-levels .row .content-row>.col-1 .heading-holder span.time {
        font-size: 22px;
        line-height: 26.7px;
        padding: 12px 25px;
    }

    .traning-programs .pricing-levels .row .content-row>.col-2 ul.service-time li {
        font-size: 18px;
        line-height: 24.96px;
    }

    .traning-programs .pricing-levels .row .content-row>.col-3 ul.service-price li,
    .traning-programs .pricing-levels .row>.col-2>.content-row>.col ul.service-price li {
        font-size: 18px;
        line-height: 24.96px;
    }

    /* Body Composition Section on Coaches Page Stylings on the Mobile*/
    .body-composition {
        padding: 55px 0px;
    }

    .body-composition h2.black {
        font-size: 45px;
        line-height: 55px;
    }

    .body-composition h3.sec {
        font-size: 25px;
        line-height: 30px;
        color: var(--white-color);
        text-align: center;
        margin: -20px 0px 30px 0px;
    }

    .body-composition .row {
        flex-direction: column;
        gap: 30px;
        margin: 0px 0px 30px 0px;
    }

    .body-composition .row-2 {
        flex-direction: column-reverse;
        gap: 30px;
    }

    .body-composition .row .content-holder,
    .body-composition .row-2 .content-holder {
        width: 100%;
        gap: 20px;
        padding: 0px;
    }

    .body-composition .row .img-holder,
    .body-composition .row-2 .img-holder {
        width: 100%;
    }

    .body-composition .row .content-holder h4,
    .body-composition .row-2 .content-holder h4 {
        font-size: 30px;
        line-height: 35.23px;
    }

    .body-composition .row-2 {
        margin: 0px 0px 30px 0px;
    }

    .body-composition h3.special-sec {
        font-size: 30px;
        line-height: 40px;
    }

    .body-composition .measurements {
        margin: 30px 0px 0px 0px;
    }

    .body-composition .measurements p {
        font-size: 14px;
        line-height: 20px;
        text-align: center;
    }

    .body-composition .row.mb-0 {
        margin: 0px;
    }

    /* progym-subscription Section stylings on Tab that is on the Subscription Page */
    .subscription-page-hero h1.main-heading {
        font-size: 30px;
        line-height: 30.66px;
    }

    .progym-subscription {
        padding: 55px 0px;
    }

    .progym-subscription p.sec-desc {
        margin: 0px 0px 25px 0px;
    }

    .progym-subscription .btn-holder {
        gap: 20px;
        margin: 0px 0px 30px 0px;
        flex-direction: column;
    }

    .progym-subscription .btn-holder a {
        text-align: center;
    }

    .subscription-holder {
        overflow-x: auto;
        min-width: 100%;
    }

    .subscription-holder .row .content-col,
    .subscription-holder .row .content-col-blank {
        flex: 0 0 auto;
        width: 80%;
    }

    .subscription-holder .row .subscription-features-holder,
    .subscription-holder .row .subscription-features-btn-holder {
        display: flex;
        /* Keeps the flex layout for child elements */
        min-width: 100%;
        /* Ensures the row takes at least the full width of the parent */
    }

    .subscription-features-holder .subscription-features,
    .subscription-features-btn-holder .subscription-features-btn {
        flex: 0 0 auto;
        /* Prevents columns from shrinking and allows them to maintain their width */
        width: 60%;
        /* Adjust this value as necessary for your layout */
    }

    .subscription-holder .row .content-col .content-holder .content {
        padding: 15px 10px 15px 0px;
    }

    .subscription-features .features-eligibilty-holder .feature-eiligibilty {
        padding: 14.45px;
        min-height: 54.5px;
    }

    .subscription-holder .row .content-col .content-holder .content h6 {
        font-size: 15px;
        line-height: 23.71px;
    }

    .subscription-features-btn-holder .subscription-features-btn .feature-btn {
        border: none;
        padding: 10.5px 55px 10.5px 30px;
    }

    .subscription-features-btn-holder .subscription-features-btn .feature-btn::after {
        top: 12.5px;
    }

    /* Flex Subscription Plan stylings on the Desktop *sub section on subscription page */
    .subscription-holder.flex-subscription {
        margin: 40px 0px 0px 0px;
    }

    .subscription-holder.flex-subscription .row .content-col {
        width: 90%;
    }

    .subscription-holder.flex-subscription .row .content-col-blank {
        width: 90%;
    }

    .subscription-holder.flex-subscription .row .subscription-features-holder,
    .subscription-holder.flex-subscription .row .subscription-features-btn-holder {
        width: 100%;
    }

    .subscription-holder.flex-subscription .subscription-features,
    .subscription-holder.flex-subscription .subscription-features-btn-holder .subscription-features-btn {
        width: 60%;
    }

    /* Why-us-premium Section that is on the Subscription page stylingson the Mobile */
    .why-massage h3.sec {
        margin: -12px 0px 15px 0px;
    }

    .why-us-premium .text-holder p {
        margin: 0px;
        font-size: 16px;
        line-height: 26.4px;
    }

    /* subscription types section styling on Tab that is on the Subscription Page */

    .subscription-types h2 {
        font-size: 33px;
        line-height: 53px;
    }

    .subscription-types h3.sec {
        margin: -20px 0px 20px 0px;
    }

    .subscription-types p.sec-desc {
        margin: 0px 0px 20px 0px;
    }

    .subscription-types .tab button {
        font-size: 16px;
    }

    .subscription-types .tabcontent .txt-holder {
        padding: 20px 15px;
    }

    .subscription-types .tabcontent .txt-holder p {
        font-size: 17px;
        line-height: 22.6px;
    }

    .subscription-types .tab-holder {
        margin: 0px auto 20px auto;
    }

    /* corporate-packages section stylings on the Tab that is on the Subscription Page */
    .corporate-packages {
        padding: 55px 0px;
    }

    .corporate-packages h2 {
        font-size: 33px;
        line-height: 50px;
    }

    .corporate-packages h3.sec {
        margin: -10px 0px 20px 0px;
    }

    .corporate-packages p {
        margin: 0px 0px 30px 0px;
    }

    .corporate-packages .img-holder img {
        width: 90%;
    }

    /* Contact Deatils section stylings on the Tab that is on the Branches Page */
    .contacts-details {
        padding: 55px 0px;
    }

    .contacts-details h3.sec {
        margin: -20px 0px 20px 0px;
        font-size: 32px;
        line-height: 32px;
    }

    .contacts-details p.sec-desc {
        margin: 0px 0px 20px 0px;
    }

    .contact-details-holder .row {
        flex-wrap: wrap;
        justify-content: center;
    }

    .contact-details-holder .row .contact {
        width: 100%;
        text-align: center;
        align-items: center;
    }

    .contact-details-holder .row .contact h4 {
        font-size: 27px;
        line-height: 37.14px;
    }

    .contact-details-holder .row .contact-btn::before {
        width: 32px;
        height: 32px;
    }

    .black-btn.contact-btn:after {
        top: 15.5px;
        right: 11px;
        width: 18px;
        height: 18px;
    }

    /* places Tabs section on the Branches Page stylingson the Tab */
    .partners-tabs {
        padding: 55px 0px;
    }

    .places-tabs h3.sec {
        margin: -20px 0px 20px 0px;
        font-size: 24px;
        line-height: 30px;
    }

    .places-tabs p.sec-desc {
        margin: 0px 0px 20px 0px;
    }

    .places-tabs .tab-holder .content-holder .row {
        flex-direction: column;
        gap: 15px;
    }

    .places-tabs .tab-holder .content-holder .row .img-holder,
    .places-tabs .tab-holder .content-holder .row .contact-data-holder {
        width: 100%;
    }

    .places-tabs .tab-holder .content-holder .contact-data .content a.contact-btn {
        right: 15px;
    }

    .places-tabs .tab-holder .content-holder .contact-data .content a {
        font-size: 15px;
        line-height: 25px;
    }

    .places-tabs .tab-holder .content-holder .contact-data .content a.contact-details {
        width: 100%;
    }

    .places-tabs .tab-holder .content-holder .contact-data .content a img {
        width: 25px;
        height: 25px;
        margin: 4px 0px 0px 0px;
    }

    /* Synergy section that is on the branches page stylings on the Mobile */
    .synergy-holder {
        padding: 55px 0px;
    }

    .synergy .img-holder span.icon img {
        width: 60px;
        height: 60px;
    }

    /* find-us section that is on the Branches Page stylings on Tab */
    .find-us .row {
        flex-direction: column;
    }

    .find-us h2.black {
        font-size: 34px;
        line-height: 34px;
    }

    .find-us h3.sec {
        margin: -15px 0px 0px 0px;
        font-size: 34px;
        line-height: 34px;
    }

    /* Frenchise Counters Section that is on the Frenchise page stylings on the Tab */

    .frenchise-hero h1.main-heading {
        font-size: 33px;
        line-height: 43.66px;
    }

    .frenchise-body-composition h2.black {
        font-size: 42px;
        line-height: 52px;
    }

    .frenchise-body-composition h3.sec {
        margin: -20px 0px 20px 0px;
    }

    .frenchise-body-composition .row {
        margin: 0px;
    }

    .frenchise-body-composition p.main-sec-desc {
        color: var(--grey-text-shade);
        margin: 0px 0px 30px 0px;
        font-size: 15px;
        line-height: 22.4px;
    }

    /* Strength section that is on the Frenchise Page stylings on the Tab */

    .strength h2.black {
        font-size: 58px;
        line-height: 58px;
    }

    .strength h3.sec {
        text-align: center;
        font-size: 28px;
        line-height: 32px;
        margin: -20px 0px 20px 0px;
    }

    .strength p.sec-desc {
        margin: 0px 0px 30px 0px;
    }

    .strength .icon-boxes-holder {
        margin: 0px 0px 30px 0px;
    }

    .strength .icon-box .red-icon {
        padding: 8px 10.5px;
    }

    .strength .icon-box {
        gap: 8px;
        padding: 10px 20px;
    }

    .strength .icon-box p {
        font-size: 15px;
        line-height: 22.06px;
        text-align: start;
    }

    .strength .icon-box .icon img {
        width: 20px;
        height: 20px;
    }

    .strength .strength-btn {
        padding: 14px 28px;
        font-size: 15px;
        line-height: 19.86px;
    }

    /* Marqee text section is on the frenchise page stylings on Mobile */
    .marquee {
        font-size: 22px;
        line-height: 25.63px;
    }

    .marquee-container {
        height: 50px;
    }

    /* Employment section that is on the frenchise page stylings on the Mobile */
    .employment-form {
        padding: 55px 0px;
    }

    .employment-form h2 {
        font-size: 34px;
        line-height: 50px;
    }

    .employment-form h3 {
        margin: -22px 0px 20px 0px;
        font-size: 23px;
        line-height: 26px;
    }

    .employment-form p {
        margin: 0px 0px 20px 0px;
    }

    .employment-form .img-holder img {
        width: 100%;
    }

    /* Numbers, Selection section that is on the frenchise page stylings on the Mobile */
    .numbers,
    .selection-process {
        padding: 55px 0px;
    }

    .numbers h3.sec:after {
        left: 35%;
        width: 120px;
    }

    .numbers h3.sec {
        margin: 0px 0px 35px 0px;
        text-align: center;
    }

    .numbers .icon-boxes {
        width: 100%;
        margin: 0;
        flex-wrap: wrap;
    }

    .numbers .icon-boxes .icon-box-holder {
        padding: 20px 12px;
        gap: 15px;
        width: 47%;
    }

    .numbers .icon-boxes .icon-box-holder p.sec-desc {
        font-family: Verb;
        font-size: 13px;
        line-height: 17px;
    }

    /* Selection Process section that is on the frenchise page stylings on the Tab */
    .selection-process h3.sec,
    .selection-process h3.sec {
        margin: 0px 0px 35px 0px;
    }

    .selection-process h3.sec:after {
        left: 35%;
        width: 120px;
    }

    .selection-process .icon-boxes {
        width: 100%;
    }

    .selection-process .icon-boxes .icon-box-holder {
        width: 47%;
        padding: 10px 10px 20px 10px;
    }

    .selection-process .icon-boxes .icon-box-holder .main-icon {
        margin: 8px 0px 0px 0px;
    }

    .selection-process .icon-boxes .icon-box-holder .main-icon svg {
        width: 35px;
        height: 35px;
    }

    .selection-process .icon-boxes .icon-box-holder p.sec-desc {
        font-size: 13px;
        line-height: 17.4px;
        margin: 9px 0px 0px 4px;
    }

    /* schedules-tabs section stylings on the Mobile that is on the group lessons page */
    .schedules-tabs {
        padding: 55px 0px;
    }

    .schedules-tabs h2 {
        font-size: 59px;
        line-height: 52px;
    }

    .schedules-tabs p.sec-desc {
        margin: 0px 0px 20px 0px;
    }

    .schedules-tabs .tab-holder {
        margin: 0px 0px 20px 0px;
    }

    .schedules-tabs .tab-holder .tab {
        gap: 12px;
        display: flex;
        overflow: scroll;
        justify-content: start;
    }

    .schedules-tabs .tab-holder .tab button {
        width: 60%;
        flex: 0 0 auto;
        cursor: pointer;
        border: none;

    }

    .schedules-tabs .tab-holder .content-holder {
        min-width: 100%;
        overflow: scroll;
        display: flex;
    }

    .schedules-tabs .tab-holder .content-holder .calender {
        width: auto;
    }

    .schedules-tabs .tab-holder .tab .tab-holder-data .schedule-btn a {
        font-family: Verb;
        font-size: 15px;
        line-height: 25.33px;
    }

    .schedules-tabs .tab-holder .tab .tab-holder-data .schedule-btn a::after {
        width: 30px;
        height: 30px;
        right: 15px;
        top: 16px;
    }

    .schedules-tabs .tab-holder .content-holder .calender .head h4 {
        font-size: 22px;
        line-height: 34.94px;
    }

    .schedules-tabs .note h4 {
        font-size: 28px;
        line-height: 34.62px;
        margin: 0px 0px 20px 0px;
    }

    .schedules-tabs .note p {
        font-size: 16px;
        line-height: 24.71px;
        padding: 15px 24px;
    }

    /* Courses Section stylings on Tab that is on the Group Lessons */
    .courses-tab .tab-holder .content-holder .row {
        column-gap: 15px;
        row-gap: 30px;
        margin: 0px 0px 20px 0px;
    }

    .courses-tab .tab-holder .content-holder .row .col {
        gap: 15px;
        width: 100%;
    }

    /* courses pop stylings on the mobile device */
    .courses-pop-up {
        margin: 0 auto;
        width: 320px;
        padding: 8px;
    }

    .courses-pop-up .course-content-holder .video-holder {
        width: 100%;
    }

    .courses-pop-up .course-content-holder .content-holder {
        display: none;
    }

    .courses-pop-up .course-features {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
    }

    .courses-pop-up .course-features .feature {
        width: 48%;
        padding: 8px 4px;
    }

    .courses-pop-up .course-features .feature h4 {
        font-size: 12px;
        line-height: 16.71px;
    }

    .courses-pop-up .course-features .feature ul {
        gap: 4px;
    }

    .courses-pop-up .course-features .feature ul li img {
        width: 8px;
        height: 8px;
    }

    /* Marqee Text stylingson the Mobile */
    .marqee-text .marquee p {
        font-size: 18.14px;
        line-height: 22.74px;
    }

    /* team pop stylings on the mobile device */
    .team-pop-up {
        margin: 0 auto;
        width: 320px;
        padding: 30px 20px;
    }

    .team-pop-up .team-content-holder .img-holder {
        display: none;
    }

    .team-pop-up .team-content-holder .content-holder {

        width: 100%;
    }

    .team-pop-up .team-content-holder .content-holder h4 {
        font-size: 26px;
        font-weight: 700;
        line-height: 34px;
        margin: 0px 0px 10px 0px;
    }

    .team-pop-up .team-content-holder .content-holder h5 {
        font-size: 22px;
        line-height: 24px;
        margin: 0px 0px 8px 0px;
    }

    .team-pop-up .team-content-holder .content-holder p {
        font-size: 15px;
        line-height: 26px;
    }

    /* Synergy White section that is on the Branches Page stylings on Mobile */
    .white-synergy {
        padding: 0px;
    }

    .white-synergy .hockey h3.sec {
        color: var(---black-shade-2);
        font-size: 34px;
        line-height: 34.9px;
        margin: -15px 0px 0px 0px;
    }


}