@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;
	scroll-behavior: smooth; 
}

: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;
}
h1{
	 margin: 0px !important;
}

/* 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;
	position: relative;
}

.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);
}
/*Drop down Stylings on Desktop*/
#nav .nav-links li.has-submenu-children .dropdown{
    display: none;
    width: 300px;
    position: absolute;
    top: 142px;
    left: 50%;
    right: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    font-size: 14px;
    padding: 20px 0px;
    background: #000000;
    text-align: center;
    transition: all 0.4s;
}
.nav-links li.has-submenu-children .dropdown ul.submenu li{
    list-style: none;
    padding: 15px 0px;
    position: relative;
}

.nav-links li.has-submenu-children .dropdown ul.submenu li:hover{
    background-color: var(--secondary-color);
}
.nav-links li.has-submenu-children .dropdown ul.submenu li a:hover{
    color: var(--white-color);
}

#nav>ul.nav-links li.has-submenu-children.active .dropdown{
    display: block;
    transition: all 0.4s;
}

.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: hidden;
    position: relative;
}

.hero .banner,
.global-hero .banner {
    position: relative;
    filter: grayscale(100%);
	height: calc(100vh);
}
    .hero .banner-mobile img, .global-hero .banner-mobile img {
        width: 100% !important;
    }
.hero .banner-mobile, .global-hero .banner-mobile{
	display: none !important;
}
.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: 1000px;
    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: visible;
}

.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;
	position: relative;
}

.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);
	overflow: hidden;
}

/*Footer marqee stylings on the desktop*/
.footer-marquee-container .marquee{
	gap: 30px;
}
.footer-marquee-container .marquee  .content h6 {
	display: flex;
    justify-content: center;
    font-family: Verb;
    font-size: 16px;
    font-weight: 500 !important;
    line-height: 19.74px;
    text-align: center;
    color: var(--white-color);
    margin: 0px 40px 8px 40px;

}
.footer-marquee-container .marquee  .content h6 a{
	font-weight: 600 !important;
}

.footer-marquee-container {
    display: flex;
    align-items: center;
    overflow: visible;
    height: 100px;
    margin-bottom: 40px;
}

.footer-marquee-container .marquee .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 {
    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%;
	    border-radius: 4px;
}

.find-jym .slide .location-btn {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, #000000 100.57%);
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
	 max-width: 100%;
    transition: all 0.4s;
    padding: 20px 20px 21px 20px;
	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;
}
.find-jym .slide  a{
    
    position: relative;
    max-width: 100%;
    transition: all 0.4s;
	color: var(--white-color);
	display: flex;
	text-decoration: none;
	font-size: 33px;
}

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


.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,
.advantages .tabcontent2{
    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 50px 0px 50px;
}
#pricing-slider .slick-track{
	width: auto !important;
	display: flex !important;
    flex-wrap: nowrap !important;
    
}

#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: 250px;
}

#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;
	min-height: 75px;

}

.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: 15px 0px 0px 0px;

}

.slide .content .col .head-content-holder .whats-included {
	min-height: 60px;
    padding: 0px 45px;
    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: flex;
	justify-content: center;
    align-items: center;

    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: 50%;
    left: 0;
}

.slide .content .col .head-content-holder .whats-included::after {
    content: "";
    background: rgba(163, 163, 163, 1);
    height: 1px;
    width: 45px;
    display: block;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    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;
	min-height: 75px;
}

.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;
	min-height: 75px;
}

.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%;
    border-radius: 8px;
}

#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: 25%;
	
}

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

.instagram .post-row .post-holder {
	width: 75%;
    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: start;
    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%;
	border-radius: 10px;
}

.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 {
	display: none;
    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(--white-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,
.advantages .tabcontent2 .content-holder,
.advantages .tabcontent2 .img-holder{
    position: relative;
}

.advantages .tabcontent .img-holder::after,
.advantages .tabcontent2 .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,
.advantages .tabcontent2 .img-holder img{
    width: 100%;
	border-radius: 8px;
}


.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);
}

/* New Gallery Carousel on Granby Page Stylings on Desktop */

.gallery-carousel-container {
    display: flex;
    align-items: center;
    background-color: var(--footer-bg-color);
    overflow: hidden;
}

.carousel {
    display: flex;
    white-space: nowrap;
    animation: marquee 30s linear infinite;
}

.carousel .img-holder {
    display: flex;
}
/* gallery Carousle stylings on mobile */
.carousel .img-holder img {
    width: 420px;
}


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

}

/* 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%;
	border-radius: 5px;
}

.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;
	transition: all 0.4s;
}

.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);
	background: #f5f5f5;
    color: var(--primary-color);
}
.jym-hours .row .day-slot .day:hover{
	background-color: var(--secondary-color);
    color: var(--white-color);
	transition: all 0.4s;
}

/* 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);
	color: #fff;
}
.content-holder table tr td.c-offers a.partner-btn:focus{
	color: #fff;
}
.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(--white-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 0px 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%;
	border-radius: 8px;
}

/* 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: 100%;
}

.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: 8px;
}

.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 .serive-logo img{
	display: none;
}
.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: 100%;
    display: flex;
    flex-direction: column;
    gap: 35px;
}
.price-list .pricing-levels .row > .col-2:nth-child(2){
	display: none !important;
}

.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%;
	border-radius: 8px;
}

.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 .icons {
    display: flex;
    justify-content: center;
    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;
	text-align: center;
}

.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);
	display: none;
	text-align: center;
}
.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:hover p {
    transition: all 0.4s;
	display: block;
}
.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;
}

.coaches-members .team-members .selectbox .col form {
	display: flex;
	flex-direction: row;
    justify-content: flex-start;
	margin-bottom: 30px;
}
.coaches-members .team-members .selectbox .col form .custom-select{
	    width: 50%;
}
.coaches-members .team-members .selectbox .col form .custom-select .select-selected,
.coaches-members .team-members .selectbox .col form .custom-select .select-items .custom-option{
	font-size: 16px;
	line-height: 20px;
}
.coaches-members .team-members .selectbox .col form .custom-select .select-selected .icon img{
	 width: 15px;
    height: 15px;
}
/* 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;
    justify-content: center;
}

.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-pricing,
.silver-package .package-pricing,
.bronze-package .package-pricing,
.program-price .package-pricing{
	width: 25%;
}

.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: 100%;
    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: row;
    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 p.saving-btn,
.silver-package .package-pricing .pricings p.saving-btn,
.bronze-package .package-pricing .pricings p.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;
	margin: 0px !important;
}

.program-price .package-pricing .pricings {
    width: 100%;
    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;
	justify-content: center;
}

.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: center;
    gap: 20px;
}

.traning-programs .pricing-levels .row .col {
    width: 76.2%;
    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 {
	display: none;
}
.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%;
	border-radius: 8px;
}

.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: center;
    margin: 70px 0px 70px 0px;
	gap: 20px
}

.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(--white-color);
}
/* Progym Tabs Stylings on Desktop*/
.progym-subscription .tab-holder .tab {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin: 0px 0px 50px 0px;
}

.progym-subscription .tab-holder .tab button {
    font-family: Verb;
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    padding: 12px 20px;
    color: var(--white-color);
    border: 1px solid #ff0000;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.4s;
    background-color: transparent;
    cursor: pointer;
}
.progym-subscription .tab-holder .tab button.active{
    background-color: #ff0000;
    transition: all 0.4s;
}
.progym-subscription .tab-holder .tabcontent .content-holder{ 
    width: 100%;
}


/* 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 115px 25px 115px;
}

.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 #ff0000;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.4s;
}

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

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

.subscription-holder .row {
    display: flex;
    color: #fff;
    gap: 20px;
	justify-content: center;
}
#flex-subscription .content-col {
    padding-top: 211px;
}

.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: 17.4px 25px 17.4px 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:hover {
	transition: all 0.4s;
	background: #2E2E2E;
}
.subscription-features .head-content:hover .price {
	transition: all 0.4s;
    background: #1A1A1A;
}
.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;
	margin: 10px 0px 0px 0px;
}

.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: 16.45px 20px;
    border-bottom: 1px solid #2C2C2C;
    justify-content: center;
    flex: 1;
    min-height: 58.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: 30.2%;
}

.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 {
	width: 45%;
    justify-content: space-between;
}

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

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

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

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

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

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

}

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

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

.subscription-types .tabcontent .txt-holder p,
.subscription-types .tabcontent2 .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: none;
    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: 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;
	max-width: 1000px;
    margin: 0 auto;
}

.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%;
    border-radius: 4px;
}

.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;
	flex-wrap: wrap;
}

.contact-details-holder .row .contact {
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
    width: 30%;
    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(255, 255, 255, 0.9) 28.64%, rgba(255, 255, 255, 1) 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: #fff;
}

.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 #000;
    padding: 24px;
    gap: 18px;
	    background: #fff;
}

.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: #ff0000;
    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: #ff0000;
    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 #ff0000;
    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: #fff;
    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;
    flex-wrap: wrap;
	justify-content: center;
}

.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: 32%;
	box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.3);
}

.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%;
	    box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.3);
}

.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: #FFF;
}

/* 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;
    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%;
  border-radius: 4px;
}

.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;
	margin-bottom: 40px;
}

.schedules-tabs .tab-holder .content-holder .calender .day {
    width: 28.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: none;
}

.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);
}
/*Red Carousel hide on the desktop*/
#coaches-main .marqee-text,
#clinique-main .marqee-text,
#carerr-main .marqee-text,
#frenchise-main .marqee-text,
#subscription-main .marqee-text,
#granby-projym-main .counters,
#massage-therapy-main .marqee-text,
#massage-therapy-main .marqee-text{
	display: none !important;
}
#notre-equip-main .counters{
	display: none!important;
}
#accueil-main .testimonials{
	display: none!important;
}
#accueil-main .tiktok{
	background-color: #ffffff;
}
#accueil-main .tiktok h3.sec {
    color: var(--footer-bg-color);
}
#accueil-main .tiktok p.sec-desc {
    color: var(--advantages-text);
}
.tiktok .row .btn-holder .black-btn{
	background-color: var(--secondary-color);
	border-color: var(--secondary-color);
}
.tiktok .row .btn-holder .black-btn:hover{
	background-color: var(--footer-bg-color);
	border-color: var(--footer-bg-color);
}
/*Granby, Sherbrook Est, Sherbrook Ouest Video hidden on deskop*/
.page-id-1471 .hero .banner, 
.page-id-1471 .global-hero .banner,
.page-id-1462 .hero .banner, 
.page-id-1462 .global-hero .banner,
.page-id-1376 .hero .banner, 
.page-id-1376 .global-hero .banner{
	display: block;
}
/*New Location slider stylings */
.subscription-locations{
	padding: 200px 0px 70px 0px;
}
.subscription-locations .location-slider{
	display: flex;
	gap: 20px;
	width: 100%;
	flex-wrap: wrap;
}
.subscription-locations .location-slider .slide{
	width: 32%;
}
.subscription-locations .location-slider .location-btn p{
 text-align: start;
 padding: 10px 0px 10px 0px;
 font-size: 17px;
 line-height: 26px;
}
/*Entranuirs page hero button styles*/
#coaches-main .global-hero .content-holder p.main-text{
	margin: 0px 0px 30px 0px;
}
#sb-tiktok-feeds-container-1 .sb-post-item-wrap {
    margin-bottom: 0px !important;
	padding: 0px !important; 
}
.page-id-1473 .team p.sec-desc{
	margin-bottom: 35px;
}
/*Carrier page filter uper margin on desktop*/
.page-id-925 .team p.sec-desc{
	margin-bottom: 30px;
}
/*Entreniurs page filter uper margin on desktop*/
.page-id-349 p.sec-desc{
	margin-bottom: 30px;
}
.page-id-230 .why-massage {
	    padding: 0px 0px 120px 0px;
}
.page-id-1471 .team p.sec-desc{
	margin-bottom: 30px;
}
/*Pro clinique page heading block hidden*/
.page-id-528 .price-list .pricing-levels .row .head-row,
.page-id-1067 .price-list .pricing-levels .row .head-row{
	display: none;
}

/* ----------BLOG MAIN PAGE STYLINGS---------------- */

.blog-content {
  padding: 95px 0px;
  background-color: var(--footer-bg-color);
}

.blog-content h2.black {
  font-size: 70px;
  line-height: 82.47px;
}

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

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

/* Blog Tabs */
.blog-tabs {
  margin: 40px 0;
}
.tab-list {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-bottom: 40px;
  border: 1px solid #3b3b3b;
	border-radius: 8px;
  padding: 18px 10px;
  flex-wrap: wrap;
}
.tab-list .tab {
  background: none;
  border: none;
  color: #fff;
  font-family: "Verb", sans-serif;
  font-size: 18px;
  cursor: pointer;
  border-bottom: 3px solid transparent;
  border-top: 5px solid transparent;
  border-radius: 4;
  transition: border-color 0.2s, color 0.2s;
  position: relative;
  outline: none;
  padding-bottom: 8px;
}
.tab-list .tab.active {
  color: #ff0000;
  border-bottom: 3px solid #ff0000;
  border-top: 5px solid transparent;
  background: none;
}
.tab-list .tab:hover {
  color: #ff0000;
}
.tab-list .tab:focus {
  outline: 0px solid #ff0000;
}

/* Blog Card Grid */
.blog-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  background: #151918;
  padding: 20px 20px;
  border-radius: 4px;
}

.blog-card {
  flex: 0 1 calc(33.333% - 14px);
  max-width: calc(33.333% - 14px);
  min-width: 300px;
  box-sizing: border-box;
  display: block;
  border-radius: 4px;
  overflow: hidden;
  text-decoration: none;
  color: #fff;
  position: relative;
}
.blog-card-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    0deg,
    rgba(24, 24, 24, 0.719) 90%,
    transparent 100%
  );
  z-index: 1;

  pointer-events: none;
}
.blog-card-thumb {
  background-size: cover;
  background-position: center;
  min-height: 400px;
  display: flex;
  align-items: flex-end;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.blog-card-info {
  position: relative;
  z-index: 2;
  padding: 22px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: none;
}
.blog-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #fff;
  opacity: 0.85;
  font-weight: 500;
  letter-spacing: 0.5px;
  font-family: "Verb", sans-serif;
}
.blog-meta .category {
  color: #ffffff;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: "Verb", sans-serif;
}
.blog-meta .dot {
  font-size: 16px;
  color: #fff;
  opacity: 0.7;
}
.blog-meta .author {
  display: flex;
  align-items: center;
  gap: 5px;
  font-weight: 400;
  color: #fff;
  font-family: "Verb", sans-serif;
}
.blog-meta .avatar {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  object-fit: cover;
  border: 1.5px solid #fff;
}
.blog-card-info h4 {
  font-size: 19px;
  margin: 0;
  font-family: "Verb", sans-serif;
  font-weight: 600;
  line-height: 1.3;
  color: #fff;
}
.blog-arrow {
  margin-top: 10px;
  font-size: 22px;
  color: #fff;
  opacity: 0.7;
  transition: opacity 0.2s, color 0.2s;
  align-self: flex-start;
}
.blog-card:hover .blog-arrow {
  opacity: 1;
  color: #fff;
}

/* SINGLE BLOG PAGE STYLINGS */
.blog-content-wrapper{
  padding-top: 200px;
}
.blog-header {
  display: flex;
  gap: 40px;
  align-items: flex-start;
  margin-bottom: 30px;
}
.blog-image  {
  width: 50%;
  min-width: 220px;
  height: 500px;
  border-radius: 8px;
  flex: 1 1 50%;
  box-sizing: border-box;
  border-radius: 4px;
}
.blog-thumbnail{
    width: 100%;
    height: 100%;
    object-fit: cover;
      border-radius: 4px;
}
.blog-meta {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: self-start;
  padding-left: 0;
}
.blog-category {
  background: #e60012;
  color: white !important;
  border: none;
  padding: 8px 22px;
  border-radius: 6px;
  font-weight: 400;
  margin-bottom: 18px;
  font-size: 1rem;
  cursor: pointer;
  font-family: "Verb", sans-serif;
}
.blog-title {
  font-size: 80px;
  font-family: "Verb ExtraCond", sans-serif;
  font-weight: 700;
  font-style: italic;
  color: white !important;
  margin: 0 0 10px 0;
  line-height: 1.1;
}
.blog-date {
  font-style: italic;
  color: #ccc;
  margin-bottom: 16px;
}
.blog-excerpt {
  font-family: Verb;
  font-size: 17px;
  font-weight: 300;
  line-height: 30.6px;
  color: rgb(255, 255, 255);
}
.blog-body {
  margin: 30px 0;
	color: white;
}
.blog-body p {
  font-family: Verb;
  font-size: 17px;
  font-weight: 300;
  line-height: 30.6px;
  color: rgb(255, 255, 255);
  margin-bottom: 18px;
}
.blog-post-panigation {
  background: #222;
  border-radius: 4px;
  padding: 18px 24px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.blog-social {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 40px 0;
  border-top: 1px solid #444;
  border-bottom: 1px solid #444;
}
.blog-like {
  font-size: 1.5rem;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: "Verb", sans-serif;
}
.blog-like span{
display:none;
}
.blog-share-icon a{
    margin-left: 10px;
}
.blog-share a {
  color: #fff;

  font-size: 1.3rem;
  transition: color 0.2s;
}
.blog-share a:hover, .blog-share-icon a:hover {
  color: #e60012;
}

.blog-like::before
 {
    
    content: "♡";
    color: white;
    padding: 10px 16px;
    border: 1px solid #444;
    display: inline-block;
    font-size: 30px;
    line-height: 1;
    border-radius: 100px;
	 cursor: pointer;
	 display: none;
 
}

.blog-share-icon a

 {
    color: #fff;
    font-size: 1.3rem;
    transition: color 0.2s;
    width: 55px;
    height: 55px;
    border-radius: 100px;
    background: #0D0D0D;
    text-align: center;
    padding: 11px;
	 margin: 0px;
}
.blog-share-icon{
	display: flex;
	gap: 10px;
}


.blog-navigation {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.blog-navigation .blog-prev {
	flex: 0 1 47%;
  display: flex;
  flex-direction: column;
  gap: 2px;
  color: #a5a5a5;
  font-weight: 500;
  font-family: "Verb", sans-serif;
}
.blog-navigation .blog-next {
		flex: 0 1 47%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
    color: #a5a5a5;
      font-weight: 500;
    font-family: "Verb", sans-serif;
}
.blog-navigation a {
margin-top: 15px;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  transition: color 0.2s;
  font-family: "Verb", sans-serif;
}
.blog-navigation a:hover {
  color: #e60012;
}

.page-id-2740 .blog-meta{
	flex-direction: row;
}
.blog-navigation .blog-next
{
	align-items: flex-end;
}
.blog-navigation .blog-next a{
	color: white!important;
}
.blog-navigation .blog-next a:hover{
	color: #FF0000!important;
}
.blog-navigation .blog-prev a{
	color: white!important;
}
.blog-navigation .blog-prev a:hover{
	color: #FF0000!important;
}

.blog-related {
  margin-top: 30px;
    background: #222222;
  padding: 20px 20px;
  border-radius: 4px;
}
.blog-related h3 {
  font-size: 30px;
  font-weight: 700;
  font-family: "Verb", sans-serif;
    color: #fff;
    margin-bottom: 25px;
}
.related-list {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}

.related-item {
  flex: 0 1 calc(33.333% - 12px);
  max-width: calc(33.333% - 12px);
  border-radius: 8px;
  overflow: hidden;
  width: 100%;
  display: flex;
  flex-direction: column;
  text-decoration: none;
}
.related-img {
  width: 100%;
  height: 300px;
  background-size: cover;
  background-position: center;
  border-radius: 4px;
}
.related-meta {
  padding: 12px 0px;
}
.related-cat {
  color: white;
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 6px;
  display: block;
  font-family: "Verb", sans-serif;
}
.related-title {
  font-size: 20px;
  font-weight: 600;
  color: #fff;
    font-family: "Verb", sans-serif;
}

/* 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;
	    margin: 0px 30px 30px 30px !important;
    }

    /* 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 !important;
    }

    /* 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;
    }
	
	/*Drop down Stylings on Tab*/
    #nav .nav-links li.has-submenu-children .dropdown {
        display: none;
        width: 100%;
        position: relative;
        top: 0px;
        left: 0;
        right: 0;
        transform: none ;
        z-index: 9999;
        font-size: 14px;
        padding: 20px 0px 0px 0px;
        background: #000000;
        text-align: center;
        transition: all 0.4s;
    }

    .nav-links li.has-submenu-children .dropdown ul.submenu li {
        list-style: none;
        padding: 10px 0px 10px 20px;
        position: relative;
        text-align: start;
    }
    .nav-links li.has-submenu-children .dropdown ul.submenu li:hover {
        background-color: var(--primary-color);
    }

    .nav-links li.has-submenu-children .dropdown ul.submenu li a:hover {
        color: var(--secondary-color)
    }

    #nav>ul.nav-links li.has-submenu-children.active .dropdown {
        display: block;
        transition: all 0.4s;
    }


    .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: 45px;
        height: 45px;
        position: absolute;
        top: -13px;
    }
	.subscription-locations .location-slider .location-btn p {
		font-size: 16px;
	}

    /* 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;
    }

    /* 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: 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;
		flex-direction: column;
    }

    .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;
    }
	
	.footer-marquee-container {
		margin-bottom: 25px;
	}

    /* 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;
    }
	/*New Location slider stylings on Tab*/
	.subscription-locations{
		padding: 155px 0px 55px 0px;
	}
	.subscription-locations .location-slider .slide {
    	width: 48%;
	}
	
	/*Blog stylings on Tab*/
		.blog-card, .related-item {
    flex: 0 1 47%;
    max-width: 47%;
}
	.blog-grid , .related-list{
		justify-content: space-between;
	}
	
	/* Single Blog */
	.blog-header{
		flex-direction: column;
	}	
	.blog-image , .blog-meta{
		width:100%!important;
	}
	
	
	

}

/* 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: 32px;
        line-height: 36.66px;

    }
/* Text Content Display  ProGym SHERBROOKE OUEST |  */
	  .page-id-1376 .page-id-1462 .page-id-1471 p.main-text {
  
        font-size: 14px;
        line-height: 19.6px;
    }
	
    p.main-text {
        display: none;
        font-size: 15px;
        line-height: 24.6px;
    }

    /*Global Main Hero Stylingson the Tab  */
    .global-hero {
        height: calc(40vh);
        margin-top: 77px;
    }
	.page-id-1471 .hero .banner, .page-id-1471 .global-hero .banner, .page-id-1462 .hero .banner, .page-id-1462 .global-hero .banner, 
	.page-id-1376 .hero .banner, .page-id-1376 .global-hero .banner {
      display: none;
    }
	.hero .banner, .global-hero .banner{
		display: none;
	}
	/* Hero Stylings on Mobile  */
 .hero .banner-mobile, .global-hero .banner-mobile{
		display: block !important;
		height: 100%!important;
	}
	
	.hero .banner-mobile img, 
	.global-hero .banner-mobile img{
		width: 100% !important;
		height: 100%!important;
	}
	
	
	.hero .banner-mobile, .global-hero .banner-mobile{
		display: block !important;
	}
	
	.hero .banner-mobile img, 
	.global-hero .banner-mobile img{
		width: 100% !important;
	}
    .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(40vh)!important;
        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;
    }
	/*Drop down Stylings on Mobile*/
    #nav .nav-links li.has-submenu-children .dropdown {
        display: none;
        width: 100%;
        position: relative;
        top: 0px;
        left: 0;
        right: 0;
        transform: none;
        z-index: 9999;
        font-size: 14px;
        padding: 0px;
        background: #000000;
        text-align: center;
        transition: all 0.4s;
    }

    .nav-links li.has-submenu-children .dropdown ul.submenu li {
        list-style: none;
        padding: 10px 0px 10px 20px;
        position: relative;
        text-align: start;
    }

    .nav-links li.has-submenu-children .dropdown ul.submenu li:hover {
        background-color: var(--primary-color);
    }

    .nav-links li.has-submenu-children .dropdown ul.submenu li a:hover {
        color: var(--secondary-color)
    }

    .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);
    }
	#section-links-holder{
		display: none;
	}
    .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: 15px 8px 15px 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: -11px;
    }
	.subscription-locations .location-slider .location-btn p{
	padding: 10px 0px 0px 0px;
	font-size: 16px;
		line-height: 24px;
		
	}

    #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,
	.advantages .tabcontent2{
        width: 100%;
    }

    .advantages .tabcontent .row,
	.advantages .tabcontent2 .row {
        flex-direction: column;
        padding: 10px;
    }

    .advantages .tabcontent .row .icon-holder,
	.advantages .tabcontent2 .row .icon-holder{
        padding: 10px 0px;
        justify-content: center;
    }

    .advantages .tabcontent .row .content-holder,
	.advantages .tabcontent2 .row .content-holder{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .advantages .tabcontent .row .content-holder p,
	.advantages .tabcontent2 .row .content-holder p{
        text-align: center;
    }
	.advantages .tabcontent .row .content-holder h6{
		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: 22px;
        line-height: 26.02px;
    }
	.slide .content .col .head-content-holder .price h3{
		font-size: 38px;
		line-height: 58.6px;
	}
	.slide .content .col .head-content-holder .whats-included {
		font-size: 11px;
		line-height: 21px;
	}
	.slide .content .col .head-content-holder .whats-included::before {
		width: 30px;
	}
	.slide .content .col .head-content-holder .whats-included::after {
		width: 30px;
	}
	.slide .content .col .package-details ul li span {
    
		font-size: 13px;
		line-height: 16.33px;
	}

    /* 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: block;
    }

    .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;
    }
	
	 /* gallery Carousle stylings on mobile */
     .carousel .img-holder img {
        width: 220px;
    }

    /* 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: 42px;
        line-height: 52px;
    }

    .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;
		margin-bottom: 0px;
    }

    .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: 240px;
    }

    .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;
    }
	.traning-programs .pricing-levels .row {
		justify-content: start;
	}

    .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: 0px 0px 55px 0px;
    }
	.appointment {
        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 20px 0px;
    }

    .coaches-members .coaches-members-slider {
        display: none;
    }

    .coaches-members .team-members {
        display: block;
    }
	.coaches-members .team-members .selectbox .col form {
		 justify-content: center;
	}
	.coaches-members .team-members .selectbox .col form .custom-select {
		width: 65%;
	}

    .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: 100%;
        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;
		margin: 0px 0px 10px 0px;
    }

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

    /* progym-subscription Section stylings on Tab that is on the Subscription Page */
	.progym-subscription h2.black {
		font-size: 46px;
		line-height: 66.47px;
	}
    .subscription-page-hero h1.main-heading {
        font-size: 28px;
        line-height: 30.66px;
    }

    .progym-subscription {
        padding: 55px 0px;
    }

    .progym-subscription p.sec-desc {
        margin: 0px 0px 25px 0px;
    }
	
	/* Progym Tab Stylings on the Mobile */

    .progym-subscription .tab-holder .tab{
        flex-direction: column;
        gap: 10px;
    }
	
	.progym-subscription .tab-holder .tabcontent .content-holder h2.black{
        font-size: 50px;
        line-height: 62.47px;   
    }
	

    .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 {
		justify-content: start;
	}

    .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: 0px 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,
	.subscription-types .tabcontent2 .txt-holder{
        padding: 20px 15px;
    }

    .subscription-types .tabcontent .txt-holder p,
	.subscription-types .tabcontent2 .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: 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: 0px 0px 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;
    }
	
	.numbers .icon-boxes .icon-box-holder .heading-holder h5 {
		font-size: 28px;
		line-height: 30px;
	}
	.numbers .icon-boxes .icon-box-holder .heading-holder:after{
            margin-top: 45px;
	}

    /* 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;
		flex-direction: column;
    }
	

    .schedules-tabs .tab-holder .content-holder .calender {
        width: auto;
		 margin-bottom: 20px;
    }
	.schedules-tabs .tab-holder .content-holder .calender .day {
        width: 57.6667%;
    }

    .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;
    }
	.schedules-tabs .tab-holder .content-holder .calender .day .slot h5 {
		font-size: 15px;
		line-height: 20.95px;
	}
	.schedules-tabs .tab-holder .content-holder .calender .day .slot p {
		font-size: 12px;
		line-height: 16.97px;
	}

    /* 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;
    }
	/*Custom Mrgin for custom-mt on mobile*/
	.custom-mt{
		padding: 0px 0px 55px 0px !important;
	}
	/*New Location slider stylings on Mobile*/
	.subscription-locations{
		padding: 100px 0px 50px 0px;
	}
	.subscription-locations .location-slider .slide {
    	width: 100%;
	}
	/*Abonnements Page Hero Button Hide*/
	.page-id-230 a.black-btn.tilt-arrow.main-btn {
    display: none;
}
		/* Increase Map Hight */
	.map img {
    width: 100%;
    height: 230px;
    object-fit: cover;
}
	
	
	/* Single Blog Mobile */
	.blog-card , .related-item{
    flex: 0 1 100%!important;
    max-width: 100%!important;
}
	.blog-header{
		flex-direction: column;
	}
	.blog-image , .blog-meta{
		width:100%!important;
	}
		.blog-social
 {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    padding: 20px 0;
}
	.blog-content-wrapper {
    padding-top: 100px;
}
.blog-navigation
	{
		justify-content: space-between;
    margin-bottom: 10px;
    padding: 20px 0px 0px 0px;
		flex-direction: row;
		gap:15px;
	}
	
	.blog-navigation .blog-prev a {
		font-size:14px;
		margin-top: 5px;
	}
	
	.blog-navigation .blog-next a {
		font-size:14px;
		margin-top: 5px;
	}
	
	
	.blog-title {
    font-size: 50px;
	}
	.blog-post-panigation{
		padding: 20px 10px!important;
		gap: 20px;
	}
	.blog-navigation{
		padding: 0px;
	}
	.blog-navigation .blog-next {
    align-items: flex-end;      
		text-align: end;
}

.blog-like::before {
  
    padding: 8px 15px;
    font-size: 30px;
    line-height: 35px;
    border-radius: 50px;
}	
	


}