/* Fonts */


/* Default CSS */
*{
	box-sizing: border-box;
}

.menu-anchor {
	position: relative;
	top: -200px;
	visibility: hidden;
}

@media(max-width: 1441px){
   html{
   font-size: 16px;
   }
}

@media(min-width: 1441px){
   html{
   font-size: 1.110vw;
   }
}

html {
    margin: 0 !important;
    padding: 0 !important;
    scroll-behavior: smooth;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
html {
    font-size: clamp(16px, 1vw, 1vw);
}

html, body{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

body {
    margin: 0;
    font-size: 1.0562500000000001rem;
    font-weight: var(--font-weight-light);
    color: var(--color-dark-grey);
    line-height: var(--line-height-body);
    font-family: var(--font-primary);
}


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@font-face {
    font-family: 'Montserrat Alternates';
    src: url('../fonts/MontserratAlternates-MediumItalic.woff2') format('woff2'),
        url('../fonts/MontserratAlternates-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

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

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

@font-face {
    font-family: 'Montserrat Alternates';
    src: url('../fonts/MontserratAlternates-LightItalic.woff2') format('woff2'),
        url('../fonts/MontserratAlternates-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

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

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

@font-face {
    font-family: 'Montserrat Alternates';
    src: url('../fonts/MontserratAlternates-Thin.woff2') format('woff2'),
        url('../fonts/MontserratAlternates-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat Alternates';
    src: url('../fonts/MontserratAlternates-ThinItalic.woff2') format('woff2'),
        url('../fonts/MontserratAlternates-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

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

@font-face {
    font-family: 'Montserrat Alternates';
    src: url('../fonts/MontserratAlternates-BlackItalic.woff2') format('woff2'),
        url('../fonts/MontserratAlternates-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat Alternates';
    src: url('../fonts/MontserratAlternates-Black.woff2') format('woff2'),
        url('../fonts/MontserratAlternates-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

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

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

@font-face {
    font-family: 'Montserrat Alternates';
    src: url('../fonts/MontserratAlternates-ExtraBold.woff2') format('woff2'),
        url('../fonts/MontserratAlternates-ExtraBold.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat Alternates';
    src: url('../fonts/MontserratAlternates-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/MontserratAlternates-ExtraBoldItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat Alternates ExLight';
    src: url('../fonts/MontserratAlternates-ExtraLight.woff2') format('woff2'),
        url('../fonts/MontserratAlternates-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Montserrat Alternates ExLight';
    src: url('../fonts/MontserratAlternates-ExtraLightItalic.woff2') format('woff2'),
        url('../fonts/MontserratAlternates-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}






h1,
h2,
h3,
h4,
h5,
h6{
	box-sizing: border-box;
	margin: 0;
	padding: 0;	
}

h1, .h1 {
    font-size: 4.46875rem;
    font-family: var(--font-title);
    font-weight: var(--font-weight-medium) !important;
}
h2, .h2 {
    font-size: 3.25rem;
    font-family: var(--font-title);
    font-weight: var(--font-weight-medium) !important;
}
h3, .h3 {
    font-size: 2.6rem;
    font-family: var(--font-title);
    font-weight: var(--font-weight-medium) !important;
}
h4, .h4 {
    font-size: 1.70625rem;
    font-family: var(--font-title);
    font-weight: var(--font-weight-medium) !important; 
}
h5, .h5 {
    font-size: 1.70625rem;
    font-family: var(--font-title);
    font-weight: var(--font-weight-medium) !important;
}
h6, .h6 {
    font-size: 0.8125rem;
    font-family: var(--font-title);
    font-weight: var(--font-weight-medium) !important;
}



p{
	box-sizing: border-box;
	margin: 0;
	padding: 0;	
}
a{
	text-decoration: none;
	outline: none;
	border: none;
	font-weight: 500;
	-webkit-transition: color 350ms ease-in-out;
	-moz-transition: color 350ms ease-in-out;
	-ms-transition: color 350ms ease-in-out;
	-o-transition: color 350ms ease-in-out;
	transition: color 350ms ease-in-out;
}
a:focus,
a:hover{
	text-decoration: none;
	outline: none;
	border: none;
}
title{
	text-transform: capitalize;
}

/* Root variables */
:root {
    --wp--preset--font-size--normal: 16px;
    --wp--preset--font-size--huge: 42px;
}

:root {
    /*--color-white: #FFFFFF;
    --color-blue: #304B72;
    --color-hover: #C1A778;
    --color-light-grey: #DAE0E2;
    --color-dark-grey: #354350;
    --color-light-orange: #FC9840;
    --color-dark-orange: #FE7947;
    --color-green-alt: #33C348;
    --color-green: #00B51B;
    --color-navy: #1A535B;
    --color-black: #1E2124;   
    --color-dark-green: #002C33;*/


    /* Colors Star */

    --unnamed-color-e3eaf1: #E3EAF1;
    --unnamed-color-83a5c5: #83A5C5;
    --unnamed-color-4889ad: #4889AD;
    --unnamed-color-ede8ef: #EDE8EF;
    --unnamed-color-b296b8: #B296B8;
    --unnamed-color-856590: #856590;
    --unnamed-color-684979: #684979;
    --unnamed-color-68497900: #68497900;
    --unnamed-color-faf1e2: #FAF1E2;
    --unnamed-color-ffad3a: #FFAD3A;
    --unnamed-color-e0eceb: #E0ECEB;
    --unnamed-color-3da7a4: #3DA7A4;
    --unnamed-color-292929: #292929;
    --unnamed-color-dedede: #DEDEDE;
    --unnamed-color-707070: #707070;
    --unnamed-color-575757: #575757;
    --unnamed-color-b93434: #B93434;
    --unnamed-color-ffffff: #FFFFFF;
    --unnamed-color-000000: #000000;
    --unnamed-color-bcbcbc: #BCBCBC;

    /* Colors End */

    --font-primary: 'Barlow';
    --font-title: 'Montserrat Alternates';
    --font-size-body: 1rem;
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --line-height-body: 1.7;
    --transition: all 0.5s;
    --transition-speed: 0.8s;
    --padding-1: 1rem;
    --padding-2: 4rem;
    --padding-3: 5rem;
    --padding-4: 7rem;
    --padding-5: 8rem;
    --padding-side-1: clamp(1rem, 1vw, 1vw);
    --padding-side-2: clamp(1rem, 2vw, 2vw);
    --padding-side-3: 3vw;
    --padding-side-4: 4vw;
    --padding-side-5: 5vw;

    --padding-top: 8.125rem;
    --padding-bottom: 8.125rem;
    --padding-left: 5.208333333333333vw;
    --padding-right: 5.208333333333333vw;

    --margin-1: 1rem;
    --margin-2: 4rem;
    --margin-3: 5rem;
    --margin-4: 7rem;
    --margin-5: 8rem;
    --margin-side-1: clamp(1rem, 2vw, 2vw);
    --margin-side-2: 3vw;
    --margin-side-3: 4vw;
    --margin-side-4: 5vw;
    --margin-side-5: 6vw;
    --line-width: 0.5rem;
}


p {
	margin: 0;
	font-family: var(--font-primary);
	font-style: normal;
	font-weight: var(--font-weight-regular);
	font-size: 1.1375rem;
    line-height: 1.625rem;
	color: var(--unnamed-color-292929);
}
p {
    margin: 0 0 1rem;
}

ul {
    margin: 0;
    padding: 0;
}
li {
    list-style: none;
}

img	{
	max-width: 100%;
}

/* Header section css start */
header.main-header-sec {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    background: var(--unnamed-color-684979);
    z-index: 11;
    transition: all 0.3s;
    box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.16);
    padding-left: var(--padding-left);
    padding-right: var(--padding-right);
}
header.main-header-sec.hide {
    transform: translateY(-34%);
}
.main-header-sec ul.navbar-nav li {
    margin-left: 2.4375rem;
}
.main-header-sec ul.navbar-nav li a {
    padding: 0 !important;
    font-size: 1.3rem;
    color: var(--unnamed-color-ffffff);
    font-weight: var(--font-weight-bold);
}
.main-header-sec ul.navbar-nav li a:hover {
    text-decoration: underline;
    text-underline-offset: 5px;
}

.main-header-sec nav.navbar {
    padding: 0;
    padding-top: 2.7218750000000003rem;
    padding-bottom: 2.640625rem;
}
.main-header-sec nav.navbar a.navbar-brand {
    padding: 0;
    position: absolute;
    top: 0;
    background: var(--unnamed-color-ffffff);
    border-radius: 0px 0px 20px 20px;
    padding: 1.1375rem 1.2593750000000001rem 0.48750000000000004rem;
}
.main-header-sec nav.navbar a.navbar-brand img {
    width: 10.603125rem;
}



/* Header section css End */


/* Footer Css Star*/

.footer {
    background: var(--unnamed-color-e3eaf1);
    padding-left: var(--padding-left);
    padding-right: var(--padding-right);
}
.footer-form {
    background: var(--unnamed-color-83a5c5);
    border-radius: 40px;
    padding: 0 5.208333333333333vw;
    padding-top: 4.0625rem;
    padding-bottom: 4.0625rem;
}
.rsy-icon {
    margin-top: 2.03125rem;
}
.rsy-icon img {
    width: 8.043750000000001rem;
}
.footer-box {
    padding: 4.0625rem 0;
}
.footer-form h2.gform_title {
    display: none;
}
.footer-form .ginput_container input {
    height: 3.65625rem !important;
    background: var(--unnamed-color-e3eaf1) !important;
    border-radius: 20px !important;
    border: none !important;
    padding: 0 1.625rem !important;
    color: var(--unnamed-color-4889ad);
    font-size: 1.1375rem;
    font-weight: var(--font-weight-semibold);
}
.footer-form .ginput_container input::placeholder {
    color: var(--unnamed-color-4889ad);
    font-size: 1.1375rem;
    font-weight: var(--font-weight-semibold);
}
.footer-form .ginput_container select {
    height: 3.65625rem !important;
    background: var(--unnamed-color-e3eaf1) !important;
    border-radius: 20px !important;
    border: none !important;
    padding: 0 1.625rem !important;
    color: var(--unnamed-color-4889ad);
    font-size: 1.1375rem;
    font-weight: var(--font-weight-semibold);
    line-height: 3.55625rem !important;
}
.footer-form .ginput_container textarea {
    min-block-size: 13.4875rem !important;
    background: var(--unnamed-color-e3eaf1) !important;
    border-radius: 20px !important;
    border: none !important;
    padding: 0 1.625rem !important;
    color: var(--unnamed-color-4889ad);
    font-size: 1.1375rem;
    font-weight: var(--font-weight-semibold);
    padding-top: 1.0562500000000001rem !important;
    padding-bottom: 1.0562500000000001rem !important;
}
.footer-form .gform_footer {
    margin-top: 40px !important;
}
.footer-form .gform_footer input.gform_button {
    height: 3.65625rem !important;
    background: var(--unnamed-color-4889ad) !important;
    border-radius: 45px !important;
    min-width: 11.375rem !important;
    font-size: 1.3rem !important;
    color: var(--unnamed-color-ffffff) !important;
    font-weight: var(--font-weight-semibold) !important;
}
.footer-form .gform_footer input.gform_button:hover {
    color: var(--unnamed-color-4889ad) !important;
    background: var(--unnamed-color-ffffff) !important;
}
.footer-content h3 {
    font-family: var(--font-title);
    font-weight: var(--font-weight-bold) !important;
    color: var(--unnamed-color-4889ad);
}
.footer-content p {
    font-size: 1.1375rem;
    font-weight: var(--font-weight-regular);
    color: var(--unnamed-color-292929);
    margin-top: 1.625rem;
    margin-bottom: 2.03125rem;
}
.footer-content a {
    font-size: 1.0562500000000001rem;
    color: var(--unnamed-color-4889ad);
    font-weight: var(--font-weight-semibold);
}
.footer-content a:hover {
    text-decoration: underline;
    text-underline-offset: 5px;
}
.footer-content a span {
    display: inline-block;
    margin-right: 0.609375rem;
}
.footer-content a span svg path {
    stroke: var(--unnamed-color-4889ad);
}
.footer-content a span svg circle {
    stroke: var(--unnamed-color-4889ad);
}
.footer-bottom {
    background: var(--unnamed-color-4889ad);
    padding-left: var(--padding-left);
    padding-right: var(--padding-right);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 1.625rem;
    padding-bottom: 1.625rem;
}
.footer-left p {
    font-size: 1.015625rem;
    color: var(--unnamed-color-ffffff);
    font-weight: var(--font-weight-bold);
    margin: 0;
}
.footer-left p a {
    color: var(--unnamed-color-ffffff);
}
.footer-left p a:hover {
    text-decoration: underline 2px;
    text-underline-offset: 5px;
}
.footer-left:last-child p {
    font-weight: var(--font-weight-regular);
}
.footer-content {
    padding-left: 8.125rem;
    padding-right: 8.53125rem;
}

/* Footer Css End*/


/* Banner section css start */
.banner-section video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner-section {
    position: relative;
    max-height: 100vh;
    height: calc(100dvh - 7rem);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.banner-section:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(transparent, #000);
    z-index: 0;
    background-blend-mode: multiply;
}
/*.banner-section:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-image: linear-gradient(rgba(48, 75, 114, 0.5), rgba(30, 40, 55, 0.5));
    opacity: 0.5;
    transform: matrix(-1, 0, 0, -1, 0, 0);
    z-index: 0;
}*/ 
.banner-content {
    position: absolute;
    bottom: 7.840625rem;
    left: 5.222916vw;
    max-width: 800px;
    z-index: 1;
}
.banner-content h1 {
    margin-bottom: 1.625rem;
    font-size: 3.3312500000000003rem;
    line-height: 4.265625rem;
    color: var(--unnamed-color-ffffff);
    letter-spacing: -0.82px;
    font-family: var(--font-title) !important;
    font-weight: var(--font-weight-bold) !important;
}
.banner-content p {
    font-size: 1.3rem;
    line-height: 1.8687500000000001rem;
    color: var(--unnamed-color-ffffff);
    font-weight: var(--font-weight-medium);
    margin: 0;

}

.page-arrow {
    position: absolute;
    bottom: 2.4375rem;
    left: 5.222916vw;
    z-index: 1;
}


/*iframe css*/
.video-sec {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.video-sec iframe {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
img.background-image.overlay-bg-hero-img {
    z-index: -2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* Banner section css end */


/* Vinyasa Yoga Section Css Start */

.content-img-section {
    padding-left: var(--padding-left);
    padding-right: var(--padding-right);
    padding-top: 8.125rem;
    padding-bottom: 8.125rem;
}
.vinyasa-yoga-img img {
    border-radius: 40px;
}
.yoga-content h3 {
    font-family: var(--font-title);
    font-weight: var(--font-weight-bold) !important;
    color: var(--unnamed-color-b296b8);
    letter-spacing: -0.64px;
    padding-bottom: 0.8125rem;
}
.yoga-content p {
    margin: 0.8125rem 0 0;
} 
.btn {
    height: 3.046875rem;
    padding: 0 2.4375rem;
    background: var(--unnamed-color-b296b8);
    border-radius: 45px;
    font-size: 1.1375rem;
    font-weight: var(--font-weight-semibold);
    color: var(--unnamed-color-ffffff);
    margin-top: 2.84375rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    box-shadow: 10px 10px 70px 0px rgba(0, 0, 0, 0.158823529411765);
}
.btn:hover {
    border: none;
    background: var(--unnamed-color-b296b8);
}
.yoga-content {
    padding: 0 4.0625rem;
}

.meet-instructor {
    background: var(--unnamed-color-e0eceb);
}
.meet-instructor .yoga-content h3 {
    color: var(--unnamed-color-3da7a4);
}
.meet-instructor .btn {
    background: var(--unnamed-color-3da7a4);
}
.meet-instructor .btn:hover {
    color: var(--unnamed-color-3da7a4);
    background: var(--unnamed-color-ffffff);
}

.Yoga-instructor {
    background: var(--unnamed-color-faf1e2);
}
.Yoga-instructor .yoga-content h3 {
    color: var(--unnamed-color-ffad3a);
}
.Yoga-instructor .btn {
    background: var(--unnamed-color-ffad3a);
}
.Yoga-instructor .btn:hover {
    color: var(--unnamed-color-ffad3a);
    background: var(--unnamed-color-ffffff);
}

.vinyasa-yoga .btn:hover {
    color: var(--unnamed-color-b296b8);
    background: var(--unnamed-color-ffffff);
}

/* Vinyasa Yoga Section Css End */


/* Schedule Class Section Css Start */

.schedule-class {
    padding-left: var(--padding-left);
    padding-right: var(--padding-right);
    padding-top: 8.125rem;
    padding-bottom: 8.125rem;
}
.schedule-class-box table tr th {
    width: 25%;
    padding: 0 8.5px;
}
.schedule-class-box table tr th h4 {
    margin: 0;
    background: #684979;
    display: block;
    padding: 20px 0 17px;
    font-size: 1.421875rem;
    color: #fff;
    font-family: var(--font-title);
    font-weight: var(--font-weight-semibold);
    text-align: center;
}

.schedule-class-text strong {
    font-size: 1.0562500000000001rem;
    line-height: 1.421875rem;
    color: var(--unnamed-color-4889ad);
    font-weight: var(--font-weight-bold);
}
.schedule-class-text p {
    font-size: 1.0562500000000001rem;
    line-height: 1.421875rem;
    color: var(--unnamed-color-292929);
    font-weight: var(--font-weight-regular);
    margin: 0 0 0.690625rem;
    text-align: left !important;
}
.schedule-class-text strong:hover {
    text-decoration: underline;
    text-underline-offset: 5px;
}
.schedule-class-box table tr td {
    padding: 0 8.5px;
    vertical-align: top;
}
.schedule-class-text span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 1.503125rem;
    padding: 0 0.56875rem;
    background: var(--unnamed-color-4889ad);
    border-radius: 20px;
    font-size: 1.0562500000000001rem;
    color: var(--unnamed-color-ffffff);
    font-weight: var(--font-weight-semibold);
    margin-right: 0.5281250000000001rem;
} 
.schedule-class-text {
    padding: 1.015625rem 0;
}
.schedule-class-text.yellow strong {
    color: var(--unnamed-color-ffad3a);
}

.schedule-class-text.yellow span {
    background: var(--unnamed-color-ffad3a);
} 

.schedule-class-text.green strong {
    color: #008000;
}

.schedule-class-text.green span {
    background: #008000;
}

.schedule-class-text.purple strong {
    color: var(--unnamed-color-684979);
}

.schedule-class-text.purple span {
    background: var(--unnamed-color-684979);
}

.schedule-class-box table tbody tr {
    border-bottom: 1px solid var(--unnamed-color-707070);
}
.schedule-class-box table tbody tr:first-child {
    border-bottom: none;
}
.schedule-class-box h3 {
    text-align: center;
    font-family: var(--font-title);
    font-weight: var(--font-weight-bold) !important;
    color: var(--unnamed-color-684979);
    letter-spacing: -0.64px;
    margin-bottom: 1rem;
} 
.schedule-class-box p{
    text-align: center;
    margin-bottom: 25px;
}

/* Schedule Class Section Css Start */


/* Responsive */

.footer-left a {
	color: #292929 !important;
}

.footer-left a:hover {
	text-decoration: underline !important;
}

@media screen and (max-width: 1200px) {
    .yoga-content {
        padding: 0;
    }
    .footer-content {
        padding-left: 0;
        padding-right: 0;
    }   
}
@media screen and (max-width: 1100px) {
    .footer-form {
        padding-top: 2.0625rem;
        padding-bottom: 2.0625rem;
    }
}
@media screen and (max-width: 991px) {
    .yoga-content {
        padding: 2.071875rem 0 0;
    }
    .meet-instructor .meet-instructor-box .row {
        flex-direction: column-reverse;
    }
    .Yoga-instructor .meet-instructor-box .row {
        flex-direction: column-reverse;
    }
    .footer-content {
        padding-bottom: 2.071875rem;
    }
    .schedule-class-text span {
        margin-right: 0.2281250000000001rem;
    }
    .main-header-sec nav.navbar {
        padding: 0;
        position: static;
    }
    .main-header-sec nav.navbar a.navbar-brand {
        position: static;
        padding: 0;
    }
    .main-header-sec nav.navbar a.navbar-brand img {
        border-radius: 0px 0px 20px 20px;
        width: 8.603125rem;
    }
    .navbar-toggler {
        border-color: #fff;
    }
    .navbar-toggler:focus {
        box-shadow: none;
    }
    .navbar-toggler-icon {
        filter: brightness(0) invert(1);
    }
    button.navbar-toggler .navbar-toggler-icon {
        background: url(../image/close.svg) no-repeat center !important;
        background-size: contain !important;
    }
    button.navbar-toggler.collapsed .navbar-toggler-icon {
        background: url(../image/hamburger.svg) no-repeat center !important;
        background-size: contain !important;
    }
    .navbar-collapse {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: var(--unnamed-color-684979);
    }
    .main-header-sec ul.navbar-nav li {
        margin-left: 0;
        padding-left: var(--padding-left);
        padding-right: var(--padding-right);
        padding-top: 0.5rem;
    }
    .banner-content {
        left: 0;
        max-width: 100%;
        padding-left: var(--padding-left);
        padding-right: var(--padding-right);
    }
}
@media screen and (max-width: 767px) {
    .main-header-sec nav.navbar a.navbar-brand img {
        width: 6.603125rem;
    }
    .schedule-table {
        width: 100%;
        overflow-x: auto;
    }
    .schedule-table table {
        width: 700px;
    }
    .footer-bottom {
        flex-direction: column;
        align-items: flex-start;
    }
    .footer-bottom .footer-left:last-child {
        padding-top: 1.625rem;
    }
    .footer-form .gform-theme--foundation .gform_fields {
        grid-row-gap: 20px;
    }
}