/* Roots For Color and Fonts */

:root {
    /* Colors: */
    --white: hsl(0, 0%, 100%);
    --black: hsl(0, 0%, 0%);

    /* --clr-grey-1: hsl(0, 0%, 97%);
    --clr-grey-2: hsl(0, 0%, 90%);
    --clr-grey-3: hsl(0, 0%, 80%);
    --clr-grey-4: hsl(204, 2%, 48%);

    --clr-theme-0:hsl(196, 100%, 96%);
    --clr-theme-1:hsl(197, 47%, 90%);
    --clr-theme-2:hsl(200, 24%, 66%);
    --clr-theme-3:hsl(200, 44%, 59%);
    --clr-theme-4:hsl(200, 55%, 54%);
    --clr-theme-5:hsl(200, 59%, 36%); */

/* https://m2.material.io/design/color/the-color-system.html#tools-for-picking-colors */

    --gray-50: #FAFAFA;
    --gray-100: #F5F5F5;
    --gray-200: #EEEEEE;
    --gray-300: #E0E0E0;
    --gray-400: #BDBDBD;
    --gray-500: #9E9E9E;
    --gray-600: #757575;
    --gray-700: #616161;
    --gray-800: #424242;
    --gray-900: #212121;

    --blue-gray-50: #ECEFF1;
    --blue-gray-100: #CFD8DC;
    --blue-gray-200: #B0BEC5;
    --blue-gray-300: #90A4AE;
    --blue-gray-400: #78909C;
    --blue-gray-500: #607D8B;
    --blue-gray-600: #546E7A;
    --blue-gray-700: #455A64;
    --blue-gray-800: #37474F;
    --blue-gray-900: #263238;

    --blue-50:#E3F2FD;
    --blue-100:#BBDEFB;
    --blue-200:#90CAF9;
    --blue-300:#64B5F6;
    --blue-400:#42A5F5;
    --blue-500:#2196F3;
    --blue-600:#1E88E5;
    --blue-700:#1976D2;
    --blue-800:#1565C0;
    --blue-900:#0D47A1;
    --blue-A100:#82B1FF;
    --blue-A200:#448AFF;
    --blue-A400:#2979FF;
    --blue-A700:#2962FF;

    /* https://www.realtimecolors.com/?colors=0f1316-f4f7fa-4498ce-8bc9f1-43b3fd&fonts=Poppins-Poppins */
    /* Fonts */
    --base-font: 'Poppins',Verdana,system-ui,Trebuchet MS, Helvetica, sans-serif;
    --accent-font: Playfair Display, Georgia, 'Times New Roman', serif;
    --cursive-font: Permanent Marker,Georgia, serif;
    
     /* Step 0: 16px → 16px */
     --step-0: clamp(1rem, 1rem + 0vw, 1rem);
     /* Step 1: 18px → 19.2px */
     --step-1: clamp(1.125rem, 1.101rem + 0.12vw, 1.2rem);
     /* Step 2: 20.25px → 23.04px */
     --step-2: clamp(1.2656rem, 1.2098rem + 0.279vw, 1.44rem);
     /* Step 3: 22.7813px → 27.648px */
     --step-3: clamp(1.4238rem, 1.3265rem + 0.4867vw, 1.728rem);
     /* Step 4: 25.6289px → 33.1776px */
     --step-4: clamp(1.6018rem, 1.4508rem + 0.7549vw, 2.0736rem);
     /* Step 5: 28.8325px → 39.8131px */
     --step-5: clamp(1.802rem, 1.5824rem + 1.0981vw, 2.4883rem);
     /* Step 6: 32.4366px → 47.7757px */
     --step-6: clamp(2.0273rem, 1.7205rem + 1.5339vw, 2.986rem);
     /* Step 7: 36.4912px → 57.3309px */
     --step-7: clamp(2.2807rem, 1.8639rem + 2.084vw, 3.5832rem);
     /* Step 8: 41.0526px → 68.7971px */
    --step-8: clamp(2.5658rem, 1.9626rem + 3.0157vw, 4.2998rem);
    /* Step 9: 46.1841px → 82.5565px */
    --step-9: clamp(2.8865rem, 2.0958rem + 3.9535vw, 5.1598rem);
    /* Step 10: 51.9571px → 99.0678px */
    --step-10: clamp(3.2473rem, 2.2232rem + 5.1207vw, 6.1917rem);
 
     /* clamp calc */
     --fluid-16-48: clamp(1rem, 0.36rem + 3.2vw, 3rem);
 
     --fluid-16-16: clamp(1rem, 1rem + 0vw, 1rem);
}


/* body */


/* body{
    background-color: var(--clr-surface);
} */
body:has(.show){
    overflow-y: hidden;
    overflow-x: hidden;
}

/* body */



/* header */

.navbar-nav li{
    padding:8px;
    margin:5px 10px;
}

a.nav-link {
    font-weight:500;
    font-size: 1.15rem;
}
.header {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
  }
  /* @supports(position: sticky){
    .header {
        position: sticky;
      }
  } */
.header-logo img {
    vertical-align: middle;
    margin-block: 8px;
}
/* .header-join-now-mobile, .navbar-nav .nav-item .btn:last-child{
    background: #0D47A1;
    background: linear-gradient(120deg,rgba(13, 71, 161, 1) 0%, rgba(13, 71, 161, 1) 45%, rgba(187, 222, 251, 1) 50%, rgba(13, 71, 161, 1) 55%, rgba(13, 71, 161, 1) 100%);
        background-size: 300%;
    animation: animationbtn 3s infinite linear;
    }
    @keyframes animationbtn{
    0% {
        background-position: -600px center;
    }
    100% {
        background-position: 0px center;
    }
    } */

@media (max-width:1100px) {
    .navbar-nav li{
        padding:8px;
        margin:5px 5px;
    }
}
@media (min-width: 992px){
.navbar-toggler {
    display: none;
}
}
.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    /* box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width); */
}
/* @media (max-width: 992px) {
.collapse:not(.show) {
    display: none;
}
} */

/* advance hamburger */

.hamburger {
    display: block;
    position: relative;
    }
    .hamburger,
    .hamburger::before,
    .hamburger::after {
    width: 2em;
    height: 3px;
    background:  black;
    transition: transform 350ms ease-in-out, opacity 200ms linear;
    }
    .hamburger::before,
    .hamburger::after {
    content: '';
    position: absolute;
    left: 0;
    }
    .hamburger::before {
        bottom: 8px;
    }
    .hamburger::after {
         top: 8px;
    }
    .hamburger.show {
    transform: rotate(45deg);
    }
    .hamburger.show::before {
    opacity: 0;
    }

    .hamburger.show::after {
    transform: rotate(90deg) translate(-8px);
    }


/* advance hamburger */

.navbar .container-fluid{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
 .navbar-nav{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.navbar-collapse{
    display: flex;
    justify-content: space-between;
    align-items: center;
}.container-fluid.header-contact-info {
    display: flex;
    justify-content: space-between;
    padding-block: 0.3rem;
}
a.mobile-header-logo {
    display: none;
}
@media (max-width :991px) {
    button#navbar-toggler {
        padding: 1.25em 0.67em;
        border-radius: 0.3em;
    }

    div#navbar-collapse {
position:relative;
flex-direction: column;
}
a.mobile-header-logo {
    display: block;
    font-size: 2rem;
    color: var(--clr-white);
}
.header-logo {
    flex-grow: 1;
}
/* div#navbar-collapse::before {
    content:'';
    position:absolute;
    inset:0;
    background-image: url(/assets/images/logo.png);
    background-position: top 15vh center;
    background-repeat: no-repeat;
    background-size: min(400px, 100%);
    opacity: 10%;
    z-index: -1;
} */
.navbar-collapse.show .nav-item{
    transform:translatey(0);
    visibility: visible;
    opacity: 1;
    }
.navbar-collapse .nav-item{
        transform:translatey(20px);
        transition: transform 600ms cubic-bezier(.4,0,.2,1), opacity 600ms cubic-bezier(.4,0,.2,1);
        visibility: hidden;
        opacity: 0;
}
.navbar:has(.show) {
        max-height: 100vh;
        transition: max-height 600ms cubic-bezier(.4,0,.2,1); 
    }
.navbar:not(.show){
        max-height: inherit;
}
}
@media (max-width :991px) {
.collapse:has(.show) {
    visibility: visible;
    opacity: 1;
    max-height: 1000px;
    /* max-height: 100vh; */
}
.collapse:not(.show) {
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    transition: opacity 600ms ease-in-out;
}
}
.header-phone > * {
    margin-inline: 10px;
}

/* li.nav-item:last-child {
    background-color:var(--blue-A700);
    border: 1px var(--blue-700) solid;
    border-radius:0.3rem;
    padding-inline:0.75rem;
    transition: translate 300ms ease-in-out, background-color 300ms ease-in-out,color 300ms ease-in-out;
    a{
        color: var(--white);
    }
}
li.nav-item:last-child:hover {
    background-color:var(--white);
    
    /* translate: 0em -0.25em; */
    /* box-shadow: 5px 5px 5px 0px var(--clr-theme-5); */
   /* a{
        color: var(--blue-A700);
    }
} */
@media (max-width:991px) {
    li.nav-item:last-child {
    width: 100%;
    text-align: center;
    margin-top: 10vh;
    margin-bottom: 50vh;
}

    /* button#navbar-toggler {
        border: 1px black solid;
        padding: 5px 9px;
    } */
    .navbar-nav {
        flex-direction: column;
        justify-content:flex-end;
        align-items:center;
        width: 100%;
        margin-top: 10vh;
        text-align: center;
        text-decoration: none;
        border: unset;
    }
    .navbar-collapse{
        flex-grow: 1;
        flex-basis: 100%;
    }
    ul.navbar-nav li:not(:last-child) {
        /* border-bottom:1px var(--clr-white) solid; */
        width: 100%;
    }
}
@media screen and (max-width: 991px){
    .header-join-now-mobile {
        font-size: 14px;
        margin-right: 8px;
        padding: 4px 8px;
        border-radius: 4px;
        border: 1px var(--blue-900) solid;
        background-color: var(--blue-900);
    }
    .header-join-now-mobile a{
        color: white;
    }
}
@media (min-width: 576px) {

    .container,
    .container-sm,
    .alt-container,
    .wide-container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {

    .container,
    .container-md,
    .container-sm,
    .alt-container,
    .wide-container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .alt-container,
    .wide-container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .alt-container,
    .wide-container {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl,
    .alt-container,
    .wide-container {
        max-width: 1320px;
    }
}
/* @media (min-width: 1920px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1750px;
    }
} */




.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl,.alt-container,.wide-container {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
}

svg.header-logo {
    width: 1rem;
    height: 1rem;
}

/* header */

/* footer style */
.footer{
    padding-bottom: 1em;
    background-color: var(--gray-50);
}
.footer-logo--tag-line {
    font-family: var(--cursive-font);
    transform: rotate(-10deg);
    font-size:2rem;
}
.footer-logo-div{
    text-align: center;
    picture{
        display: inline-block;
    }
}
.copyright-section {
    text-align: center;
    color: var(--clr-white);
}
.footer-logo-img {
    max-width: 12rem;
}
.disclaimer {
    text-align: center;
}
.footer-wrapper {
    display: flex;
    justify-content: space-between;

}
.footer-heading{
    font-size: var(--step-2);
    color: var(--blue-A400);
}
.footer-wrapper{
padding-block: 3rem;
}
.footer-wrapper div:last-child {
    text-align: end;
}
.footer-wrapper div ul li {
    margin-block:0.75rem;
}
.social-links{
    padding-top:1.5rem;
}
svg.footer-logo {
    /* margin-left: 1rem; */
    width: 1.5rem;
    height:1.5rem;
}
.social-link--ul{
    display: flex;
    flex-direction: row;
    justify-content: end;
    gap: 1em;
}
.anchor.number svg, .anchor.mail svg{
    height: 1.5em;
}
.anchor.number, .anchor.mail{
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 10px;
}
.footer-wrapper div:not(:nth-child(2)) {
    flex:1;
}
@media (max-width: 767px) {
    .footer-wrapper {
      flex-direction: column;
      align-items: center;
      text-align: center;
      padding-bottom: 2em;
    }
    .footer-wrapper div:last-child {
        text-align: center;
    }
    .footer-logo-div {
    order: -1;
    }
    .footer-wrapper div:first-child{
        padding-block:2rem;
    }
    .anchor.number, .anchor.mail{
        justify-content: center;
    }
    .footer-logo-img {
        max-width: 10rem;
    }
    .social-link--ul{
        justify-content: center;
    }
}
@media (max-width: 992px) and (min-width:768px){
    .footer-wrapper div:not(:nth-child(2))
    {
        flex: unset;
    }
    .footer-wrapper div:last-child{
        text-align: unset;
    }
    .footer-logo-div {
    order: -1;
    }
    .footer-logo-img {
        max-width: 10rem;
    }
    .footer-logo--tag-line{
        font-size: 1rem;
    }
    .anchor.number, .anchor.mail{
        justify-content: unset;
    }
    svg.footer-logo {
        margin-left: unset;
    }
}

/* footer style */

/* home page welcome section */

.home-page-welcome-name {
    /* margin-block: 0.5rem; */
    margin-block:unset;
    font-size: var(--step-7);
    font-weight: 700 ;
    letter-spacing: 1px;   
    font-family: var(--accent-font);
}
.header-contact-info {
    font-size: 1rem;
}
@media (max-width: 767px) {
    .home-page-welcome-section{
        position: relative;
    }
    .home-page-welcome-section::before {
        content: '';
        position: absolute;
        inset: 0;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    z-index: -1;
    opacity: 0.5;

}
.home-page-welcome-name {
    margin-block: unset;
}
}

/* intro section */

.home-page-welcome-quote{
    font-size: var(--step-2);
    width: clamp(18.75rem, 100%, 31.25rem);
}
.home-page-welcome-quote span {
    /* letter-spacing:-0.04em; */
}
.home-page-intro{
    width: clamp(18.75rem, 100%, 31.25rem);
    margin: unset;
    margin-top: 1em;
}
.home-page-welcome-image img{
    text-align: center;
    max-width: 100%;
    /* width: 90%; */
    margin-inline: auto 0;
    border-radius: 20px;
}
.home-page-welcome-image{
    margin: 0 auto;
    width: 75%;
}

.work-with-you {
    text-transform: uppercase;
    margin: 0 0 28px;
}
p.home-page-work-with-you {
    text-transform: uppercase;
}
.home-page-welcome-main-div{
    display: flex;
    align-items: flex-start;
    gap: 2em;
}
.home-page-welcome-main-div > *{
    /* flex: 1; */
    flex-basis: 0%;
    flex-grow: 1;
}
.gradient-1{
    background: linear-gradient(to right,var(--blue-700), var(--blue-900));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}
@media (max-width:767px) {
    .home-page-welcome-main-div{
        flex-direction: column-reverse;
        gap: 1em;
    }
    .home-page-welcome-name {
        /* font-size: 3em; */
        text-align: center;
    }
    .home-page-welcome-content .home-page-welcome-quote{
    font-size: var(--step-1);
    text-align: center;
    }
}
@media (max-width: 992px) and (min-width: 768px) {
.home-page-welcome-main-div{
    flex-direction: column-reverse;
}
    .home-page-welcome-name{
        text-align:center
}
    .home-page-welcome-image{
        width:50%;
    }
}

/* philosophy section */
.home-page-philosophy-section-content{
    display: flex;
    gap: 10%;
}
.home-page-philosophy-section-content svg{
    width: 1.5em;
    height: 1.5em
}
.home-page-philosophy-section-content div:first-of-type{
   background-color: var(--gray-200);
   border-radius: 100px 0px 0px 0px;
   text-align: center;
    padding: 1.25em;
    color: var(--clr-white);
    box-shadow: 7px 7px 5px 0px var(--clr-theme-5);
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.home-page-philosophy-section-content div:first-of-type img{
    border-radius: 50%;
    aspect-ratio: 1/1;
    object-fit: cover;
    width: 250px;
    display: inline-block;
}
.home-page-philosophy-section-content div:last-of-type {
    align-self: center;
    flex-grow: 1;
    p{
        color: var(--clr-white);
        @media (min-width:1024px){
        padding-right:6em;
        }
    }
}
.home-page-philosophy-section-content .section--heading{
    text-align: left;
    line-height: 1.15;
    /* letter-spacing: -1px; */
}
section.home-page-philosophy-section {
    background-color: var(--gray-50);
}
@media (max-width:767px) {
    .home-page-philosophy-section-content{
        flex-direction: column-reverse;
        gap: 2em;
    }
    .home-page-philosophy-section-content div:first-of-type{
        padding: 2.5em 0.5em;
    }
}
@media (max-width:992px) and (min-width:768px){
.home-page-philosophy-section-content{
    gap: 5%;
}
.home-page-philosophy-section-content div:first-of-type{
    width: unset;
}
}

/* philosophy section */
/* about section */
.home-page-about-section{
    background-color: var(--gray-50);
}
.home-page-about-content strong {
    font-size:1.25em;
    text-transform: capitalize;
}
.home-page-about-content {
    div{
        padding-top: 1em;
    }
}
.home-page-about-heading {
    font-size: 2.5em;
    color: var(--gray-800);
    font-family:var(--accent-font);
}
ol.home-page-about-benefit li {
    list-style: '✓';
    font-size: 1rem;
    margin-left: 1rem;
}
::marker {
    /* color: var(--blue-A700); */
  }
.home-page-about-main-div{
    display: flex;
    gap: 10%;
}
.home-page-about-main-div > *{
    flex:1;
}
.home-page-about-image img{
    max-width: 100%;
    width: 100%;
    border-radius: 1em;
    
}
@media (max-width:767px) {
    .home-page-about-main-div{
        flex-direction: column;
        align-items: center;
    }
    .home-page-about-content {
        /* margin-top: 2em; */
    }
    .home-page-about-heading {
        text-align: center;
    }
    .home-page-about-content strong {
        text-align: center;
        display: inline-block;
    }
}
@media (max-width:992px) and (min-width:768px) {
    .home-page-about-main-div {
        flex-direction: column;
    }
    .home-page-about-content {
        /* margin-top: 2em; */
        .book-your-consultation-btn{
            display: block;
            text-align: center;
        }
    }
    .home-page-about-heading{
        text-align:center;
}
    .home-page-about-heading +span{
        display:block;
        text-align:center;
        }
    .home-page-about-image{
         width:50%;
        margin: 0 auto;
    }
}
/* about section */

/* why us section */
.home-page-why-us-section{
    /* background-image: url(/assets/images/self/IMG_0179_min.jpg);
    background-size: 120%;
    background-repeat: no-repeat;
    background-position-x: 3%;
    background-position-y: 18%;
    background-color: var(--gray-200);
    background-blend-mode: soft-light; */
}
.home-page-why-us-content-card {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.home-page-why-us-ind-content-card {
    padding-block: 2em;
    margin: 1em;
    color: var(--gray-800);
    border-radius: 1em;
    border: 1px var(--gray-400) solid;
    .card-title{
        font-size: var(--step-1);
        font-weight: 500;
        color: var(--gray-800);
    }
}
.home-page-why-us-ind-content-card:hover {
    box-shadow: 0px 1px 5px 0px var(--blue-400);
    border: 1px solid var(--blue-400);
}
.home-page-why-us-ind-content-card svg{
    width: 40px;
    height: 40px;
    color: var(--white);
}
.card-title {
    text-transform: capitalize;
    text-align: center;
}
.home-page-why-us-ind-content-card .card-body {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    flex-direction: column;
    div {
        background-color: var(--blue-A700);
        border-radius: 50%;
        padding: 1em;
        display: flex;
    }
}
.home-page-why-us-ind-content-card:nth-child(2n+1) .card-body {
    flex-direction: row-reverse; /* Reverse the alignment of elements */
    flex-direction: column;
}
@media (max-width:767px) {
    .home-page-why-us-ind-content-card .card-body{
        justify-content: start;
        flex-direction: column;
    }
    .home-page-why-us-ind-content-card:nth-child(2n+1) .card-body {
        flex-direction: column;
    }
    .home-page-why-us-content-card {
        flex-direction: column;
        flex-wrap: unset;
    }
    .home-page-why-us-ind-content-card {
        border: 1px solid var(--gray-200);
        border-radius: 8px;
        box-shadow: 0px 1px 5px 0px var(--gray-400);
        padding-inline: 1em;
        padding-block: 1em;
        h4{
            font-size:1.25rem;
        }
    }
}
@media (max-width:992px) and (min-width:768px) {
    .home-page-why-us-ind-content-card:nth-child(2n+1) .card-body {
        flex-direction: column;
    }
    .home-page-why-us-ind-content-card .card-body {
        flex-direction: column;
        text-align: center;
    }
}

/* why us section */


/* succcess stories */
.transformation--anchor{
    margin-top:2em;
    text-align: end;
}
section.success-stories-section {
    background-color: var(--gray-50);
}
.success-stories-section .ind-success-stories {
    background: var(--blue-50);
    border-radius: 1.5em;
}
.ind-success-stories .card-text {
    font-size: 1rem;
}

/* .ind-success-stories div h5.card-title {
    padding-block: 5%;
    text-align: center;
} */



.weight-loss{
    position: absolute;
    bottom: 4px;
    background-color: var(--white);
    color: var(--gray-700);
    padding: 4px 8px;
    border-radius: 8px;
    left: 25%;
    right: 25%;
    margin: 0 auto;
    font-weight: 600;
    border: 2px var(--blue-A400) dashed;
}
.weight-loss svg{
    width: 12px;
}
.testomonials--anchor{
    text-align: center;
    
}
.journey-btn--content{
    padding: 1em;
}
@media( max-width:767px) {
    .transformation--anchor{
        text-align: center;
        margin-top: 1em;
    }
    .journey-btn--content{
        padding: 0.75em;
    }
}
/* succcess stories */



/* keyfigure section */
.keyfigure-section{
    color: var(--gray-800);
}
.keyfigure-section .keyfigure-icon-section {
    display: none;
}
.keyfigure-icon-section {
    width: 6rem;
    height: 6rem;
    background-color: var(--blue-50);
    border-radius: 50%;
    margin-inline: auto;
    margin-bottom: var(--step-2);
    display: flex;
    justify-content: center;
    align-items: center;
    
}
.keyfigure-icon-section svg{
    width: 4rem;
    color: var(--blue-900);
}
.keyfigure-icon-section:hover{
    background-color: var(--blue-900);
    svg{
        color: var(--white);
    }
}
/* .keyfigure-content-section .count:after {
    content: '+';
} */
.keyfigure-figures-section {
    text-align: center;
    flex-basis: 0;
    flex-grow: 1;
    padding-top: 1em;
    padding: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
}
.about-page-keyfigure .keyfigure-figures-section{
    flex-direction: column;
}
.keyfigure-features-box{
    display: flex;
    justify-content: center;
    margin-top: var(--step-7);
}
.keyfigure-main-div{
    text-align: center;
}
.keyfigure-count{
    font-size: var(--step-5);
    font-weight: 600;
    color: var(--blue-900);
    text-align: center;
}
.keyfigure-section .keyfigure-count{
    text-align: start;
}
.keyfigure-content-section p {
    font-size: var(--step-0);
    font-weight: 400;
    margin-block: unset;
}
.keyfigure-section .keyfigure-content-section{
    border-left: 1px var(--blue-A400) solid;
    padding-left: 1em;
}
@media (max-width:767px) {
    .keyfigure-features-box {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .keyfigure-figures-section {
    margin-block: 3%;
    border: 2px dashed var(--blue-400);
    border-radius: 8px;
    width: 48%;
    flex: unset;
        /* flex-basis: 0; */
    /* flex-grow: 1; */
    }
    .keyfigure-section .keyfigure-content-section{
        border-left: unset;
        padding-left: unset;
    }
    .keyfigure-section .keyfigure-count{
        text-align: center;
    }
    .keyfigure-count{
        text-align: center;
    }
    .keyfigure-icon-section {
        width: 3rem;
        height: 3rem;
    }
    .keyfigure-icon-section svg{
        width: 2rem;
    }

}
/* keyfigure section */


/* section:nth-child(even){
    background-color: hsl(199, 96%, 97%);
} */

/* faq section */

.faq-row div{
    flex-basis: 100%;
}
.faq-row {
    display: flex;
}


h2.faq-heading {
    text-align:center;
}
.single-accordion-item {
    margin: 1rem;
    /* box-shadow: 0px 0 5px 0px var(--gray-200); */
    background-color: var(--gray-200);
}
.single-accordion-item:hover{
    box-shadow: 0px 0 5px 0px var(--gray-400);
}
.single-accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 16px 24px;
    font-size: 1rem;
    text-align: left;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    color: var(--blue-gray-700);
}
.single-accordion-button:after {
    flex-shrink: 0;
    width: 17px;
    height: 20px;
    margin-left: auto;
    content: "";
    background-image: url(/assets/images/icons/plus-solid.svg);
    background-repeat: no-repeat;
    background-size:cover;
    transform: rotate(0deg);
    transition: transform 0.3s ease-in-out;
    color: var(--blue-A400);
    background-blend-mode: overlay;
}
.single-accordion-button:not(.collapsed)::after {
    transform: rotate(-135deg);
    transition: transform 0.3s ease-in-out;
}
.single-accordion-button:not(.collapsed){
    color: var(--blue-gray-900);
    }
.single-accordion-body{
    padding: 1rem 1.25rem;
    background-color: var(--white);
    border-color: var(--gray-400);
    border-style: dashed;
    border-width: 0px 1px 1px 1px;
}
.get-started-section {
    background-color:var(--gray-50);
}
a.btn.large {
    padding: 1rem 3rem;
    font-size: large;
}
.accordion-collapse{
    display: none;
}
@media (max-width:767px) {
    .get-started-section {
        background-position-y: 47%;
        background-position-x: 58%;
        background-size: 250%;
    }
    a.btn.large {
        padding:0.5em 1.5em;
        font-size: unset ;
    }
    .faq-row {
        flex-direction:column;
    }
    .single-accordion{
        display:flex;
        flex-direction:column;
    }
    div#accordionPanelsStayOpenRight {
        display: none;
    }
}

@media (prefers-color-scheme: dark){
    .single-accordion-body{
    color: var(--clr-black);
}
}
/* faq section */




 html {
    scroll-behavior: smooth;
  }



/* home page end */


/* glide slider code */
.glide__arrow{
    background-color: var(--blue-A400);
    color: var(--white);
    border-radius:5px;
    padding: 9px 9px 5px 9px;
    transition: transform 300ms ease-in-out,color 300ms ease-in-out;
}
.glide__arrow svg{
    width: var(--step-3);
    height:var(--step-3);;
}
.glide__arrow:hover,.glide__arrow__2:hover{
    transform: scale(1.05);
    color: var(--blue-A400);
    background-color: var(--white);
    border: 1px var(--blue-A400) solid;
}

/* .glide__arrow{
    position: relative;
    top: 105%;
}
.glide__arrow--left{
position:absolute;
right: 95%;
}
.glide__arrow--right{
position:absolute;
left: 6%;
} */

.glide__arrow{
    position: relative;
    top: 40%;
}
.glide__arrow--left{
position:absolute;
right: 99%;
}
.glide__arrow--right{
position:absolute;
left: 99%;
}
.slider__bullets {
    display: flex;
    justify-content: center;
    list-style: none;
}
.slider__bullet {
    background-color: var(--gray-200);
    width: 16px;
    height: 6px;
    border-radius: 4px;
    border: 2px solid transparent;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    cursor: pointer;
    line-height: 0;
    /* -webkit-box-shadow: 0 0.25em 0.5em 0 rgba(0,0,0,.1); */
    /* box-shadow: 0 0.25em 0.5em 0 rgba(0,0,0,.1); */
    margin: 0 0.25em;
}
.slider__bullet[class*=active] {
    background-color: var(--blue-A700);
    width: 32px;
}
@media (max-width:767px) {
    .slider__bullets{
        display: none;
    }
    .glide__arrow {
        /* bottom: 50%; */
        top: 40%;
    }  
    .glide__arrow--right {
        right: 0%;
        left:unset;
    } 
    .glide__arrow--left {
        left: 0%;
        right:unset;
    } 
}

.glide__arrows{
    margin: 1em;
}
/* glide slider code */


p.card-text {
    margin-bottom: 1.5rem;
}
.ind-success-stories .card-body {
    text-align: center;  
    position: relative;
}
/* .card-title:hover{
    opacity: 0.5;
} */

/* How can i Help */
 .home-page-how-can-i-help-main-div{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.home-page-how-can-i-help-card{
    flex: 40%;
    border-radius: 10px;
    border: 1px #e7e7e7  solid;
    padding: 1%;
    margin:1%
}
.home-page-how-can-i-help-card-img {
    width:7rem;
    object-fit: contain;
    margin-inline: auto;
}
.home-page-how-can-i-help-card {
    text-align: center;
}
@media (max-width:767px) {
    .home-page-how-can-i-help-main-div{
        flex-direction: column;
    }
    .home-page-how-can-i-help-card{
        flex: 50%;
    }
}
/* How can i Help */


.card-content, .card-image {
    text-align: center;
}
/* step section  // How it works */
/* @media (min-width: 1200px) {
    .wide-container{
        max-width: min(1140px, calc(100vw - 6rem));
    }
} */
@media (min-width: 1400px) {
    .wide-container{
        max-width: min(1620px, calc(100vw - 4rem));

    }
}
.home-page-steps-section{
    background-color: var(--gray-50);
}
.section-description{
    color: var(--clr-theme-5);
}
.home-page-steps {
    display:flex;
    justify-content: center;
    gap: 2em;
}
.home-page-step  {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 8px;
    padding-block: 1em;
    box-shadow: 0px 0px 5px 0px var(--gray-400);
    flex: 1;
}
.home-page-step:hover{
    box-shadow: 0px 0px 5px 1px var(--gray-400);
}
.home-page-step-title{
    font-weight: 600;
    font-size: 1.25em;
}
.home-page-step-number {
    width: 40px;
    margin: 0 auto;
}
.home-page-steps-footer{
    width: 100px;
    margin: 0 auto;
}
.home-page-step-body{
    padding-inline: 1em;
    flex-grow: 1;
}   
@media (max-width:1399px) {
    .home-page-steps {
        flex-wrap: wrap;
    }
    .home-page-step {
        flex-basis:47%; 
    }
}
  
@media (max-width:767px) {
    .home-page-steps {
        flex-direction: column;
    }
    .home-page-step {
        flex: unset;
        width: 100%;
    }
    .home-page-steps-footer{
        width: 72px;
    }
}
    
/* step section // How it works */





/* get started section */
section.get-started-section {
    text-align: center;
}
div.home-page-get-started-form
{
    display: block;
    text-align: center;
    border-radius: 10px;
    background: var(--clr-theme-3);
    padding: 3rem;
    /* box-shadow: 0px 10px 50px var(--clr-grey-3); */
}
div.home-page-get-started-form form
{
    margin-inline:auto;
    text-align: left;
}
.home-page-get-started-form-and-content {
    display: flex;
}
.home-page-get-started-form-and-content{
    display:flex;
    > div{
        width: 50%;
    }   
}
/* .home-page-get-started-form-and-content {
    background-image: url(/assets/images/self/IMG_0238-flipped-horizontal.jpg);
    background-position: center;
  background-repeat: no-repeat; 
  background-size: cover; 
  border-radius: 12px;
} */
@media (max-width:767px) {
    .home-page-get-started-form-and-content {
        background-image: unset;
    }
    .home-page-get-started-form-and-content{
        flex-direction: column;
        > div{
            width: 100%;
        }   
    }
}
/* get started section */


/* t and c */
.listed-list {
    list-style: disc;
    margin-left: 1em;
}
/* t and c */




/* transformations page */

.gallery {
    display: grid;
    gap: 2rem;
    row-gap: 4em;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));

    .transformation-picture .card-img-top {
        border-radius: unset;
    }
    .client-detail{
        padding: 1rem;
        color: var(--blue-gray-700);
    }
    .client-name{
        padding-bottom: 0.5em;
    }
    .client-detail > * span{
        color: var(--blue-900);
        font-weight: 400;
    }
    .slanted-edge {
        --p: 64px; /* control the shape (can be percentage) */
        height: 64px;
        clip-path: polygon(0 0,calc(100% - var(--p)) 0,100% 100%,0 100%);
        background: var(--blue-A200);
      }
    .gallery-single-header {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 2em;
        padding: 0.5em;
        border-top-left-radius: 0.4em;
        p{
            font-size: 1.25rem;
            font-weight: 400;
            color: var(--white);
        }
        img{
            width: 3rem;
            aspect-ratio: 1;
        }
    }
    .gallery-image {
        border: 1px var(--blue-A200) solid;
        transition: transform 300ms ease-in-out;
        border-radius: .5em;
    }
    .gallery-image:hover {
        transform:scale(1.02);
    }
}
.gallery-image {
    display: none;
  }
  .gallery-image.visible {
    display: flex;
  }

.show-more{
    text-align: center;
    svg{
        width: 1em;
        height: 1em;
    }
}

/* transformations page */

/* 404 page */
section.four0four-section {
    text-align:center;
}
.four0four-main-image {
    max-width: 100%;
    width: 90%;
    display: inline;
}
.four0four-content p{
    margin-bottom:20px;
}
.four0four-content {
    p{
        font-size:var(--step-2);
    }
}
/* 404 page */


/* about page */
.about-page--my-journey-section, .about-page--my-training-philosophy-section{
    background-color: var(--gray-50);
}
    .about-us--content{
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 2em;
        flex-direction: row-reverse;
    }
    .about-us--content >div{
        flex-basis: 50%;
        position: relative;
    }
    .about-us--content:nth-child(2n){
        flex-direction: row;
    }
    section .about-us--content{
        padding-block: var(--step-4);
        gap: var(--step-7);
    }
.about-page-keyfigure{
    .keyfigure-features-box{
        background-color: var(--blue-100);
        border-radius: 1em;
        box-shadow: 0px 5px 5px 1px var(--gray-400);
        padding-inline: 0.5em;
    }
}
.about-us--image{
    img{
        max-width: 100%;
        width: 100%;
        border-radius: 1em;
    }
    img.w-50.overlap {
        position: absolute;
        top: 32%;
        left: 23%;
    }img.w-50 {
        width: 69%;
    }
   
}
.pt-2{
    padding-top: 2em;
}
.mt-2{
    margin-top: 2em;
}
.about-us--inner-content__heading{
    /* font-style: italic; */
    font-family: var(--accent-font);
    font-size: var(--step-6);

}
.about-us--inner-content__social{
    display: flex;
    justify-content: start;
    align-items: flex-start;
    gap: 1em;
    svg{
        width: 1.5rem;
        height: 1.5rem;
    }
}
.shifts {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem
}

.ind-shift {
    box-shadow: 0 0 6px 2px var(--gray-400);
    text-align: center;
    padding-top: 1em;
    border-radius: 1em;
    img{
        display: inline-block;
        height: 400px;
        border-radius: 1em;
    }
    .shift--year{
        color: var(--blue-A400);
        font-size: 2em;
        font-weight: 600;
    }
}

.ind-shift img {
    height: 400px;
}
.training-philosophy{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2em;
}
.training-philosophy-item{
    flex: 1;
    border-radius: 8px;
    padding: 1em;
    margin-block: 1em;
    box-shadow: 0px 0px 0px 1px var(--gray-400) inset,0px 0px 5px 1px var(--gray-400);
    p,h3{
        text-align: center;
    }
}
.training-philosophy-item--icon{
    text-align: center;
    margin-bottom: var(--step-4);
    padding: 1em;
    background-color: rgb(255, 255, 255);
    -webkit-clip-path: circle();
    clip-path: circle();
    svg{
        width: var(--step-7);
        height: var(--step-7);
    }
}
@media screen and (max-width: 767px) {
    .about-us--content {
        flex-direction: column;
    }
    .about-us--content:nth-child(2n){
        flex-direction: column;
    }
}
/* about page */


/* our services page */


.ind-services-page{
    display: flex;
    align-items: center;
}
.ind-services-page:nth-child(even){
    flex-direction: row-reverse;
}
.ind-services-page > div {
    /*     flex-grow:1; */
        flex-basis: 100%;
    }
.services-image img{
    height: auto;
}

.ind-services-page{
    margin-block:4rem;
}
.content-service-page {
    align-self: center;
    padding-inline: 3rem;
}
.content-service-page  p{
    word-spacing:4px;
}
.service-welcome-image {
    background-image: url(/assets/images/for-programs.jpg);
    background-size:     cover;
    background-repeat:   no-repeat;
    background-position: center center;
    height: 100%;
    min-height: 60vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media (max-width:767px) {
    .ind-services-page:nth-child(even){
        flex-direction: column;
    }
    .ind-services-page{
        flex-direction: column;
    }
    .ind-services-page {
        margin-block: 3rem;
    }
    .content-service-page h3 {
        text-align: center;
    }
    .content-service-page {
        padding-inline: unset;
    }

}

/* our services page */


/* plans section  */
.plan-pricing-page-main-div, .home-page-plan-main-div {
    display: flex;
    justify-content: space-evenly;
}
.home-page-plan-pricing-questions{
    text-align: center;
}
@media (max-width:767px) {
    .plan-pricing-page-main-div, .home-page-plan-main-div{
        flex-direction: column;
    }

}

.plans-pricing-welcome-image{
    background-image: url(/assets/images/for-pricing.jpg);
    background-size:     cover;
    background-repeat:   no-repeat;
    background-position: top center;
    height:400px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.plan-pricing-page-box, .home-page-plan-box{
    padding: 5%;
    margin: 3%;
    border: 1px var(--clr-grey-3) solid;
    border-radius:10px;
    text-align: center;
}

.card-footer {
    margin-block: 2rem;
}
/* plans page */

/* contact page */
/* .heading-contact-us {
    background-image: url(/assets/images/for-contact.jpeg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: auto;
    max-width: 100%;
    min-height: 40vh;
    display: flex;
    justify-content: center;
    align-items: center;
} */

.contact-us-container {
    display: flex;
    justify-content: space-between;
}
.contact-us-section div.container {
    margin-top: 5rem;
}

@media (max-width:767px) {
    .contact-us-container {
        flex-direction: column;
        gap: 4em;
    }
}

.form-control {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 1rem;
    /* border: 1px solid var(--gray-400); */
    border-radius: 0.375rem;
    border:unset;
    background-color: var(--gray-100);
}
.form-control:focus {
    border:unset;
    outline: none;
}
.contact-us-form {
    form{
         div {
        padding-block: 0.5em;
    }
    }
}
.contact-us-container .contact-us-form{
    flex-basis: 50%;
    width: 50%;
}

.contact-us-contact-details {
    flex-basis: 30%;
    ul{
        padding-top:1em;
    }
    .social-links svg{
        width: 1.5rem;
        height:1.5rem;
        color: var(--clr-theme-3);
    }
}
.contact-us-page--social-links{
    padding-top: 1em;
}
sup.asterisk {
    font-size: 12px;
}
.phone_number{
    display: flex;
    gap: 16px;
}
p#status {
    border-radius: 8px;
    border-width: 0.5px;
    border-style: solid;
  }

  .error-message {
    color: red;
    font-size: 0.9em;
    margin-top: 5px;
    display: block;
  }

  .status-success {
    background-color: #d1e7dd;
    border-color: #a3cfbb;
    color: #0a3622;
    padding: 10px;
    border-radius: 5px;
    display: block;
  }

  .status-error {
    background-color: #f8d7da;
    border-color: #f1aeb5;
    color: #58151c;
    padding: 10px;
    border-radius: 5px;
    display: block;
  }

  .loader {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.6);
    /* overlay background */
    z-index: 99;
  }

  .loader span {
    position: absolute;
    top: 50%;
    /* left: calc(50% - 100px); */
    left: 50%;
    transform: translateX(-50%)
  }


  .loader span {
    color: #FFF;
    position: relative;
    display: inline-block;
    margin-top: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 48px;
    letter-spacing: 4px;
    box-sizing: border-box;
  }

  .loader span::before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    right: 70px;
    bottom: 20px;
    height: 28px;
    width: 5.15px;
    background: currentColor;
  }

  .loader span::after {
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    left: 125px;
    top: 2px;
    border-radius: 50%;
    background: red;
    box-sizing: border-box;
    animation: animloader 1s ease-in infinite;
  }

  @keyframes animloader {
    0% {
      transform: translateY(8px) scaleY(1) scaleX(1.25);
    }

    25%,
    75% {
      transform: translateY(-5px) scaleY(1.2) scaleX(1);
    }

    50% {
      transform: translateY(-10px) scaleY(1) scaleX(1);
    }

    100% {
      transform: translateY(8px) scaleY(0.8) scaleX(0.8);
    }
  }
@media (max-width:767px) {
    .contact-us-container .contact-us-form, .get-started-container .contact-us-form {
        width: 100%;
    }
    
}
@media (max-width:991px) {
    .phone_number{
        display: flex;
        flex-direction: column;
    }
}
/* contact page */

/* faq page*/
.accordion-content {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 500ms;
  }
  .accordion-content[aria-hidden="false"] {
    grid-template-rows: 1fr;
  }
  .accordion-content > div {
    overflow: hidden;
  }
  .accordion-content p{
    margin-top: unset;
  }
  .accordion-panel {
    border-bottom: 1px var(--gray-400) solid;
  }
  [type=button]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
}
label.form-label {
    font-weight: 400;
}
::placeholder {
    font-weight: 300;
    opacity: 0.5;
  }
.accordion-content {
    padding: 0rem 1.25rem;
}
.accordion-trigger[aria-expanded="true"] {
    /* background-color: var(--blue-100); */
}
  .accordion-trigger {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1.25rem 1rem;
    font-size: 1rem;
    line-height: 1.5;
    text-align: left;
    color: var(--blue-gray-700);
    border-radius: 0;
    overflow-anchor: none;
    /* transition: var(--bs-accordion-transition); */
}
  .accordion-trigger::after {
    flex-shrink: 0;
    content: "";
    width: 1.25rem;
    height:1.25rem;
    margin-left: auto;
    background-image: url(/assets/images/icons/plus-solid.svg);
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform 0.2s ease-in-out;
  }

.accordion-trigger[aria-expanded="true"]::after {
    transform: rotate(135deg);
}
.faq-page-section{
    margin-block: 3rem;
}

.accordion-button::after {

    background-image: url(/assets/images/icons/plus-solid.svg);

}
.accordion-button:not(.collapsed)::after {
    background-image: url(/assets/images/icons/plus-solid.svg);
    transform: rotate(315deg);
}
.faq-type {
    padding-bottom: var(--step-7);
}
.faq-type h2 {
    padding-bottom:0.5em;
}
.accordion-trigger:before {
    /* content: "\2BC8"; */
    align-self: flex-start;
}
/* faq page*/

/* get started page */

.get-started-para {
    text-align:center;
    margin-block: 24px;
    color: var(--clr-theme-5);
}
.get-started-container{
    display: flex;
    gap: 8%;
    margin-top: 6em;    
}
.get-started-container > div{
    flex: 1;
}
.get-started-container .contact-us-form {
    width: 50%;
}
.contact-us--anchor svg{
    height: 1.5em;
}
.contact-us--anchor{
    color: var(--clr-theme-3);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 1em;
    gap:10px;
}

@media screen and (max-width:767px) {
    .get-started-container{
        flex-direction: column;
        margin-top: 3em;
        gap: 4em;
    }
    .embed p{
        padding-right: unset;
    }
    .get-started-container .contact-us-form {
        width: 100%;
    }
}
/* https://65fa1ed5a552c70008ce545e--scott140507.netlify.app/get-started */


/* get started page */

/* insta feed */
.single-insta-post{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap:16px;
    img{
        aspect-ratio: 1 / 1;
        object-fit: cover;
    }
}
.single-insta-post a{
    width:23%;
    transition: transform 300ms ease-in-out;  
}
.single-insta-post a:hover{
    transform: scale(1.05);
}
.insta-feed-heading{
    text-align: center;
    margin-bottom: 2em;
    
}
.insta-feed-heading .section--heading a{
    display: block;
    transition: color 300ms ease-out,transform 300ms ease-out;
}
.insta-feed-heading .section--heading a:hover{
    color: var(--blue-A700);
transform: scale(1.05);

}
.insta-feed-heading svg{
    width: 40px;
    color: var(--blue-A700);
}
@media screen and (max-width:767px) {
    .single-insta-post{
        align-items:center;
        justify-content: space-between;
        flex-wrap:wrap;
        a{
            width:47%;
        }
    }
}

/* insta feed */


/* testimonials section // review section */
.home-page-testimonials-section{
    background-color: var(--clr-theme-3);
}
.ind-review {
    background-color: var(--blue-50);
    border-radius: 10px;
    padding:2em;
    border: 1px var(--gray-300) solid;
    /* min-height: 300px; */
}
.ind-review svg.star{
    padding-top: 0.5em;
    width: 16px;
}
.ind-review img{
    border-radius: 20px;
    width: 100px;
}
.ind-review .client-info{
    padding-block: 1em;
    font-size: 1em;
    font-weight: 500;
    color: var(--clr-theme-5);
}
.ind-review .full-story{
    margin-top: 2em;
    text-transform: uppercase;
}
.ind-review > svg{
    padding-top: 1em;
    width:32px;
}
.ind-review svg{
    color: var(--blue-A700);
}
.transformation-picture .card-img-top {
    border-top-left-radius: 1.5em;
    border-top-right-radius: 1.5em;
}
.ind-review .client-info-main {
    display: flex;
    gap: 20px;
    justify-content: start;
}
.glide__arrow__2 svg{
    width: var(--step-3);
    height: var(--step-3);
}
.glide__arrows__2{
    margin-block:2em;
    display: flex;
    justify-content: center;
    gap: 13px;
}
.glide__arrow__2{
    background-color: var(--blue-A400);
    color: var(--white);
    border-radius: 50%;
    padding: 9px 9px 5px 9px;
    border: 1px var(--blue-A400) solid;
    transition: transform 300ms ease-in-out,color 300ms ease-in-out;
}
@media screen and (max-width:767px) {
    .ind-review {
        padding:1em;
    }
}
@media (min-width: 1200px) {
    .alt-container{
        max-width: min(1140px, calc(100vw - 6rem));
        margin-right: unset;
        padding-right: unset;
        margin-left: auto;
    }
}
@media (min-width: 1400px) {
    .alt-container{
        max-width: min(1520px, calc(100vw - 4rem));
        margin-right: unset;
        padding-right: unset;
    }
}

/* testimonials section // review section */

/* testimonials section // review section -- flex type */
.client-reviews svg{
    width:32px;
}
.client-reviews{
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    .ind-review{
        padding: 1em;
        width: 47%;
        margin-block: 1em;
    }
}
    .client-review-content {
        margin-block: unset;
     }
     .read-more-btn {
        color: var(--gray-700);
        font-weight: 600;
        cursor: pointer;
        padding: unset;
      }
      .client-review-content {
        /* max-height: 3lh; */
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        /* -webkit-line-clamp: 5; */
        /* transition: max-height 1s; */
      }
     /* .client-review-content {
        position: relative;
        background-color: var(--clr-white);
        border: 3px solid var(--clr-theme-5);
        padding: 15px;
        border-radius: 10px;
        box-shadow: 5px 5px 0px var(--clr-theme-5);
    }
        .client-review-content::after {
        content: "";
        position: absolute;
        bottom: -20px;
        left: 20px;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 20px solid var(--clr-theme-5);
    }
    .client-review-content::before {
        content: "";
        position: absolute;
        bottom: -18px;
        left: 22px;
        width: 0;
        height: 0;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        border-top: 18px solid white;
    } */

@media (max-width:767px) {
    .client-reviews{
     flex-direction: column;  
     .ind-review{
        margin-inline: unset;
        width: 100%;
        
        }
    }
    .client-review-content {
     -webkit-line-clamp: 8;   
    }
}
/* testimonials section // review section -- flex type */


/* TERMS AND CONDITIONS PAGE */
.mb{
    margin-bottom: var(--step-4);
    h2{
        text-decoration: underline;
    }
}

/* DISCLAIMER PAGE */
.page-heading{
    text-align: center;
}
.disclaimer--last_updated{
    padding-block: 2em;
}
/* DISCLAIMER PAGE */

/* single transformation page */
.single-transformations-page-section:before{
    color: var(--blue-200);
    content: 'Success \A Stories';
    font-size: clamp(7.5rem, 6.4286rem + 5.3571vw, 11.25rem);
    line-height: clamp(7.5rem, 6.4286rem + 5.3571vw, 11.25rem);
    font-family: var(--cursive-font);
    position: absolute;
    right: 0px;
    white-space: pre;
    z-index: 0;
    opacity: 0.3;
}
.single-transformations-page-section{
    
    h1{
        font-size: var(--step-7);
        max-width: 100%;
        /* width: 55%; */
        color: var(--white);
        position: relative;
        color: var(--blue-800);
        text-align: center;
    }
}
section.single-transformations-page-section{
    padding-bottom: 12em;
    background: linear-gradient(270deg, var(--blue-50),var(--blue-200));
}
.single-transformations-page-content{
    .client-stats{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .client-stats li{
        padding-block: 18px;
        flex-basis: 45%;
    }
    .client-stats span{
        display: block;
        font-weight: 400;
        color: var(--blue-900);
        padding-bottom: 0.5rem;
        font-size: var(--step-1);
    }
    .colored{
        font-weight: 500;
        color: var(--blue-900);
    }
    .content{
        display: flex;
        gap:2em;
        flex-direction: row-reverse;
        padding-block: 2em;
        .single-transformations-page-section--progress-heading{
            font-size: var(--step-1);
            font-weight: 500;
            text-decoration: underline;
            margin-block: var(--step-1);
        }
    }
    .content img{
        box-shadow: 0px 0px 5px 1px var(--gray-400);
    }
    .content > div{
        flex-basis: 50%;
    }
    article{
        padding: 90px 10.47% 0;
        margin-top: -180px;
        background-color: var(--white);
    }
    img{
        border-radius: 1em;
    }
}
.single-transformations-page-testimonials{
    .content{
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(320px,1fr));
        row-gap: 2em;
        justify-items: center;
    }
    video{
        /* min-width:340px; */
        max-width: 100%;
        aspect-ratio: 1/1.77;
    max-height: 540px;
    border-radius: 1em;
    box-shadow: 0px 0px 12px 10px var(--blue-gray-200);
    }
    h2{
        padding-block: var(--step-2);
    }
}

@media (max-width:1024px) {

    .single-transformations-page-content{
        .content{
            display: block;
        }
        .content img{
           width:50%;
           float: right;
           margin-left: 1em;
        }
    }
}
@media (max-width:767px) {
    .single-transformations-page-section{
        h1{
            width: 100%;
        }
    }
    .single-transformations-page-content{
        article{
            padding: 60px 4% 0;
        }
        .content{
            display: flex;
            flex-direction: column;
        }
        .content img{
           /* width: clamp(75%, 75% + 5.3571vw, 100%); */
           width: 90%;
           float: unset;
           margin-left: unset;
           margin: 0 auto;
        }
        .content h3{
            text-align: center;
        }
    }
    .single-transformations-page-content{
        .client-stats{
            flex-direction: column;
        }
    }
}
/* single transformation page */

/* client testimonials page*/
/* .text-testimonials ul{
    padding-block: 2em;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
        column-gap: 1em;
        row-gap: 2em;

} */
.ind-video-testimonials{
    /* margin-block:4em; */
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2em;
    > *{
        flex-basis: 50%;
    }
    picture{
        width:40%;
        padding-top: 2em;
        /* padding-bottom: 1em; */
        text-align: center;
        display: inline-block;
    }
    video{
        /* width: clamp(320px,190vw ,90%); */
        max-width: 100%;
        aspect-ratio: 1/1.77;
    max-height: 540px;
    border-radius: 1em;
    box-shadow: 0px 0px 12px 10px var(--blue-gray-200);
    }
}
.ind-video-testimonials:nth-child(2n+1){
    flex-direction: row;
    padding-block: var(--step-10);
    background-color: var(--gray-50);
    padding: 3em;
    border-radius: 1em;
    margin-block: 3em;
}
.ind-video-testimonials:nth-child(2n){
    flex-direction: row-reverse;
    padding-block: var(--step-10);
    background-color: var(--blue-50);
    padding: 3em;
    border-radius: 1em;
    margin-block: 3em;
}
.testimonials-page-section .section--description {
    width: 62%;
    margin: 0 auto;
    padding-top: 1em;
    line-height: 1.4;
    font-size: var(--step-1);
    font-weight: 300;
}
.testimonials-video{
    display: flex;
    justify-content: center;
    position: relative;
}
.playPauseBtn{
    position: absolute; 
      top: 50%; 
      left: 50%; 
      transform: translate(-50%, -50%); 
      border: none; 
      border-radius: 50%; 
      width: 100px; 
      height: 100px; 
      font-size: 48px; 
      color: var(--blue-A400); 
      cursor: pointer;
      outline: none;
      opacity : 1;
      transition: opacity 0.2s ease-in-out;
}
.testimonials-content {
    .testimonials-content--heading{
        text-align: center;
        font-weight: 600;
    }
    .testimonials-content--name{
        text-align: end;
    }
    .image{
        display: flex;
        justify-content: center;
    }
    img{
        border-radius: 1em;
    }

    svg{
	width:24px;
	height:24px;
	margin-right:0.5em;
    }
}
@media (max-width:767px) {
    .ind-video-testimonials:nth-child(2n+1){
        flex-direction: column;
        /* background-color: unset; */
        padding: 1em;
        padding-top: 3em;
    }
    .ind-video-testimonials:nth-child(2n){
        flex-direction: column;
        /* background-color: unset; */
        padding: 1em;
        padding-top: 3em;
    }
    .testimonials-page-section .section--description {
        width: 100%;
        padding-top: 1em;
        line-height: 1.4;
    }
    .ind-video-testimonials{
        picture{
            width: 75%;
        }
    }
}
/* client testimonials page*/

/* pricing page */
.pricing-page-section{
    .pricing-card {
        display: flex;
        flex: 1;
        flex-direction: column;
        align-items: center;
        box-shadow: 0px 0px 3px 0px var(--gray-400);
        padding: 2em;
        border-radius: 1em;
    }
    .pricing-cards {
        display: flex;
        flex: 1;
        gap: 1.5em;
    }
    .pricing-card--heading {
        text-transform: uppercase;
        font-size: var(--step-3);
        font-weight: 600;
    }
    .amount{
        font-size: var(--step-5);
        font-weight: 700;
    }
    .period {
        text-align: center;
        margin-top: unset;
        margin-bottom: unset;
    }

    .pricing-card--prices,
    .pricing-card--heading,
    .pricing-card--body {
        margin-bottom: var(--step-3);
        text-align: center;
    }
    .pricing-card--feature svg {
        width: 1.25rem;
        height: 1.25rem;
        flex-shrink: 0;
        color: var(--blue-A400);
    }
    .pricing-card--body {
        flex: 1;
    }
    .pricing-card--feature {
        display: flex;
        gap: 8px;
        align-items: center;
        /* line-height: 2em; */
        padding-bottom: 0.5em;
    }
    .single-feature {
        text-align: left;
    }
    .pricing-card--prices {
        display: flex;
        gap: var(--step-4);
        justify-content: center;
    }
    .separator {
        width: 1px;
        background-color: var(--gray-400);
    }
    .pricing-card{
        position: relative;
    }
    .popular{
        position: absolute;
        transform: rotate(45deg);
        top: 18px;
        right: -25px;
        background-color: var(--blue-A400);
        color: white;
        padding-inline: 24px;
        --p: 24px; /* control the shape (can be percentage) */
        height: 24px;
        aspect-ratio: 1/2;
        clip-path: polygon(var(--p) 0,calc(100% - var(--p)) 0,100% 100%,0 100%);
    }
    .pricing-cards .pricing-card:nth-of-type(2) .amount {
        color: var(--blue-A400);
      }
    .pricing-cards .pricing-card:nth-of-type(2){
        box-shadow: 0px 0px 5px 1px var(--blue-A400);
        /* border: 1px solid var(--blue-A400); */
    }  

    @media screen and (max-width: 1199px) {
        .pricing-cards {
            flex-direction: column;
            align-items: center;
        }
        .pricing-card {
            width: 100%;
            max-width: 400px;
            padding: 1em;
        }
    }
}


/* pricing page */



/* testimonial videos section */
.home-page-testimonials-video-section--main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1em;
    padding-block: 1em;

    .glide {
        width: 100%;
        max-width: 360px;
        /* max-height: 540px; */
        aspect-ratio: 1/1.77;
      }
      .section--subheading {
        text-transform: uppercase;
    }
    .section--heading,.section--subheading,.section--description {
        text-align: start;
    }
    a{
        margin-top: 2em;
    }
    #testimonial-video {
        max-width: 100%;
        aspect-ratio: 1 / 1.77;
        /* max-height: 540px; */
        border-radius: 1em;
        box-shadow: 0px 0px 5px 4px var(--blue-gray-200);
        
    }
    .glide-client-testimonials-videos ul{
        padding-block: 1em;
    } 
    .glide__arrow__2{
        position: relative;
        top: 40%;
    }
    .glide__arrows__2{
        margin-block:unset;
    }
    .glide__arrow__2--left{
    position:absolute;
    right: 99%;
    }
    .glide__arrow__2--right{
    position:absolute;
    left: 99%;
    }
    
    .testimonials-video {
        padding: 20px;
        background-color: var(--white);
        border-radius: 16px;
        flex-direction: column;
    }
    .playPauseBtn{
        top: unset;
    }
    .testimonials-video-wrapper {
        padding: 20px;
        background-color: var(--gray-200);
        border-radius: 16px;
    }
    .testimonials-video-content{
        text-align: center;
        font-weight: 500;
    }
    .testimonials-video-content--name{
        font-size: var(--step-1);
        margin-bottom: unset;
    }
    .home-page-testimonials-videos-section--videos{
        margin: 0 auto;
    }
  }
  @media screen and (max-width: 767px) {
    .home-page-testimonials-video-section--main {
        flex-direction: column;
        align-items: center;

        .section--heading,.section--subheading,.section--description {
            text-align: center;
        }
        a{
            display: none;
        }
        .slider__bullets{
            display: none;
        }
        .glide__arrow__2 {
            /* bottom: 50%; */
            top: 40%;
        }  
        .glide__arrow__2--right {
            /* right: 0%; */
            left:90%;
        } 
        .glide__arrow__2--left {
            /* left: 0%; */
            right:90%;
        } 
        .glide {
            width: 100%;
            max-width: 90vw;
            aspect-ratio: 1/1.77;
        }
    }
    
}
  /* testimonial videos section */