/*******************************/

/********* General CSS *********/

/*******************************/

body {

    color: black;

    background: #ffffff;

    font-family: 'Open Sans', sans-serif;

}



* {

    box-sizing: border-box;

}



#vid {

    position: relative;

    overflow: hidden;

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

    display: block;

    margin-left: auto;

    margin-right: auto;

}



#qw {

    display: flex;

}





.p1 {

    background: linear-gradient #2e5a4b;



}



video {

    width: 100%;

    height: 100%;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    color: #343148;

}



.hello {

    position: fixed;

    height: auto;

    width: 500px;

}



a {

    color: white;

    transition: .3s;

}



a::before {

    content: '';

    position: absolute;

    width: 0;

    height: 3px;

    background-color: #8aac33;

    top: 0%;

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

}



a:hover,

a:active,

a:focus {

    color: black;

    outline: none;

    text-decoration: none;

    /* background-color: #feba01; */

}



.btn:focus,

.form-control:focus {

    box-shadow: none;

}



.container-fluid {

    max-width: 1366px;

}



/* {

    position: fixed;

    display: none;

    background: #8aac33;

    width: 44px;

    height: 44px;

    text-align: center;

    line-height: 1;.back-to-top

    font-size: 22px;

    right: 15px;

    bottom: 15px;

    transition: background 0.5s;

    z-index: 9;

} */



/* {

    background: red;

} */

/* {

    color: #F7CAC9;

} */



/* {

    color: #343148;

    padding-top: 10px;

} */





/**********************************/

/********** Top Bar CSS ***********/

/**********************************/

.top-bar {

    position: relative;

    height: 35px;

    background: #417161;

}



.text-danger {

    font-size: 24px;

    color: #2e5a4b;

}



.top-bar .top-bar-left {

    display: flex;

    align-items: center;

    justify-content: flex-start;

}



.top-bar .top-bar-right {

    display: flex;

    align-items: center;

    justify-content: flex-end;

}



.top-bar .text {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: row;

    height: 35px;

    padding: 0 10px;

    text-align: center;

    border-left: 1px solid rgba(255, 255, 255, .15);

}



.top-bar .text:last-child {

    border-right: 1px solid rgba(255, 255, 255, .15);

}



.top-bar .text i {

    font-size: 13px;

    color: #ffffff;

    margin-right: 5px;

}



.top-bar .text h2 {

    color: #eeeeee;

    font-weight: 400;

    font-size: 13px;

    letter-spacing: 1px;

    margin: 0;

}



.top-bar .text p {

    color: #eeeeee;

    font-size: 14px;

    font-weight: 400;

    margin: 0 0 0 5px;

}



.top-bar .social {

    display: flex;

    height: 35px;

    font-size: 0;

    justify-content: flex-end;

}



.top-bar .social a {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 35px;

    height: 100%;

    font-size: 16px;

    color: #ffffff;

    border-right: 1px solid rgba(255, 255, 255, .15);

}



.top-bar .social a:first-child {

    border-left: 1px solid rgba(255, 255, 255, .15);

}



.top-bar .social a:hover {

    color: #092a49;

    background: #ffffff;

}



.cards-section .btn {

    text-align: center !important;

}



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

    .products-1 .card-body {

        padding: 0.5rem !important;

    }



    .products-1 .card-body h5 {

        line-height: 1 !important;

        font-size: 0.8rem !important;

    }



    .top-bar {

        padding: 0 60px;

    }



    .hero {

        padding: 25px 0px !important;

    }



    .yoga-img-1 img {

        width: 100%;

        height: auto !important;

    }



    .cards-section p {

        display: none;

    }



    .cards-section .btn-primary {

        display: none;

    }



    .choose-img-1 img {

        display: none;

    }



    .footer-widget__about p {

        display: none;

    }



    .footer-widget__contact {

        display: none;

    }



    .footer-widget__link-list {

        display: none;

    }



    .footer-widget__title {

        display: none;

    }



    .footer-widget__about img {

        display: none;

    }



    .hid {

        padding-left: 10px;

    }



    .service .service-item {

        height: auto !important;

    }



    .first-img img {

        width: 100%;

        margin-bottom: 30px;

        height: auto !important;

    }



    .img-76 img {

        width: 100%;

        height: auto !important;

    }



    .text-cards .box-feature {

        height: auto !important;

    }



    .cards-section img {

        width: 100%;

        height: 120px !important;

    }



    .keyword-cards-1 img {

        width: 100%;

        height: auto !important;

    }



    .cards-section h5 a {

        font-size: 12px !important;

        white-space: normal !important;

    }



    .class .class-img img {

        height: auto !important;

    }



    .cards-section h5 {

        margin-bottom: 0px;

    }



    .site-footer {

        padding-top: 30px !important;

        padding-bottom: 0px !important;

        ;

    }



    .head-font {

        font-size: 22px !important;

        font-weight: 600;

    }



    .bottom-footer__social a {



        width: 47px !important;

        height: 50px !important;



        font-size: 19px !important;



    }



    .choose-img img {

        display: none;

    }



    .home-img img {

        margin-bottom: 20px;

        height: auto !important;

    }



    .about-text h4 {

        font-size: 26px;

        font-weight: 600;

        margin-bottom: 20px;

        margin-top: 11px;

        text-align: center !important;

    }



    .img-18 img {

        width: 100%;

        height: auto !important;

    }



    .about-logo img {

        width: 50% !important;

    }



    .box-feature {

        background: #fff;

        border-radius: 4px;

        padding: 25px 8px !important;

        margin-bottom: 30px;

    }



    .yoga-img img {

        width: 100%;

        height: auto !important;

    }



    .value-section img {

        width: 30%;

        text-align: center !important;

        margin-left: 69px !important;

        height: 50%;

        margin-bottom: 20px;

    }



    .banner_img {

        width: 100% !important;

        height: 100% !important;

        margin: 15px 0px !important;

        /* object-fit: none!important; */

    }



    .choose-section ul {

        padding-left: 9px !important;

    }



    .choose-img img {

        width: 82%;

    }



    .hero {

        height: 550px !important;

    }



    .navbar-toggler {

        color: white;

        /* margin-right: -236px; */

    }



    .navbar-toggler-icon {

        margin-right: -10px;

        margin-top: -121px;

        /* border-image: round; */

    }



    .navbar-toggler-icon i {

        color: black;

        margin-top: 15px;

        font-size: 25px;

    }



    .navbar .navbar-brand img {

        width: 70% !important;

        /* max-height: 1%; */

        float: right;

    }





}



.cards-section .card {

    text-align: center;

}



/**********************************/

/*********** Nav Bar CSS **********/

/**********************************/

.navbar {

    position: relative;

    transition: .5s;

    z-index: 999;

}



.navbar_logo {

    height: 1%;

    width: 80px;

}



.navbar.nav-sticky {

    position: fixed;

    top: 0;

    width: 100%;

    box-shadow: 0 2px 5px rgba(223, 44, 44, 0.3);

}



.navbar-brand img {

    width: 80px;

}



.navbar .navbar-brand {

    margin: 0;

    color: #ffffff;

    font-size: 45px;

    line-height: 0px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 2px;

    transition: .5s;



}



.navbar .navbar-brand span {

    color: #b1bb44;

    text-transform: lowercase;

    transition: .5s;

}



.navbar.nav-sticky .navbar-brand span {

    color: #ffffff;

}



.navbar .navbar-brand img {

    width: 80%;

    /* max-height: 1%;  */

}





.navbar-dark .navbar-nav .nav-link,

.navbar-dark .navbar-nav .nav-link:focus,

.navbar-dark .navbar-nav .nav-link:hover,

.navbar-dark .navbar-nav .nav-link.active {

    padding: 10px 6px 10px 6px;

    color: black;

    font-weight: bold;

}



.navbar-nav {

    gap: 10px;

}



.navbar-dark .navbar-nav .nav-link:hover,

.navbar-dark .navbar-nav .nav-link.active {



    transition: none;

    color: #2e5a4b;

    text-decoration: underline;

}



.navbar .dropdown-menu {

    margin-top: 0;

    border: 0;

    border-radius: 0;

    background: white !important;

}



.dropdown-menu a {

    font-size: 15px;

    margin-bottom: 10px;

    font-weight: 600;

}



.dropdown-menu {

    left: -90px;

}



@media (min-width: 992px) {

    .navbar {

        position: absolute;

        width: 100%;

        /* top: 5px; */

        /* padding: 30px 15px 10px; */

        background: white !important;

        /* z-index: 9; */

    }



    .navbar.nav-sticky {

        padding: 10px 8px;

        background: white !important;

    }



    .navbar a.nav-link {

        padding: 8px 15px;

        font-size: 14px;

        letter-spacing: 1px;

        text-transform: uppercase;

    }

}



@media (max-width: 991.98px) {

    .navbar {

        /* padding: 15px; */

        background: white !important;

    }



    .navbar .navbar-brand span {

        color: #ffffff;

    }



    .navbar a.nav-link {

        padding: 5px;

    }



    .navbar .dropdown-menu {

        box-shadow: none;

    }

}



.banner_img {

    width: 100%;

    margin-top: -11px;

    object-fit: contain;

}





/*******************************/

/********** Hero CSS ***********/

/*******************************/

.hero {

    position: relative;

    width: 100%;

    margin-bottom: 45px;

    padding: 110px 0;

    background: #417161;

    overflow: hidden;

    height: 640px;

}



.hero .container-fluid {

    padding: 0;

}



.hero .hero-image {

    position: relative;

    text-align: right;

}



.hero .hero-image img {

    max-width: 80%;

    max-height: 80%;

}



.hero .hero-text {

    position: relative;

    padding-left: 75px;

    display: flex;

    align-items: flex-start;

    justify-content: center;

    flex-direction: column;

}



.hero .hero-text h1 {

    color: white;

    font-size: 60px;

    font-weight: 700;

    margin-bottom: 20px;

}



.hero .hero-text p {

    color: white;

    font-size: 18px;

    margin-bottom: 25px;

}



.hero .hero-btn .btn {

    padding: 12px 20px;

    font-size: 14px;

    font-weight: 600;

    letter-spacing: 1px;

    color: #072e21;

    background: #fff7a2;

    border: 2px solid #2e5a4b;

    border-radius: 0;

    transition: .3s;

}



.hero .hero-btn .btn:hover {

    background-color: #2e5a4b;





    color: white;

}



.hero .hero-btn .btn:first-child {

    margin-right: 10px;

}



@media (max-width: 991.98px) {

    .hero .hero-text {

        padding: 0 15px;

    }



    .hero .hero-text h1 {

        font-size: 35px;

    }



    .hero .hero-text p {

        font-size: 16px;

    }



    .hero .hero-text .btn {

        padding: 12px 30px;

        letter-spacing: 1px;

    }

}



@media (max-width: 767.98px) {

    .hero .hero-text h1 {

        font-size: 30px;

        font-weight: 600;

    }



    .hero .hero-text p {

        font-size: 14px;

    }



    .hero .hero-text .btn {

        padding: 10px 15px;

        font-weight: 400;

        letter-spacing: 1px;

    }



    .hero .hero-image {

        text-align: left;

        margin-top: 30px;

    }



    .hero .hero-image img {

        max-width: 100%;

        max-height: 100%;

    }

}



@media (max-width: 575.98px) {

    .hero .hero-text h1 {

        font-size: 25px;

        font-weight: 600;

    }



    .hero .hero-text p {

        font-size: 14px;

    }



    .hero .hero-text .btn {

        padding: 8px 10px;

        font-size: 12px;

        font-weight: 400;

        letter-spacing: 0;

    }

}





/*******************************/

/******* Page Header CSS *******/

/*******************************/

.page-header {

    position: relative;

    margin-bottom: 45px;

    padding: 150px 0 50px 0;

    text-align: center;

    background: #2e5a4b;

}



.page-header h2 {

    position: relative;

    color: white;

    font-size: 35px;

    font-weight: 700;

}



.page-header h1 {

    position: relative;

    color: white;

    font-size: 35px;

    font-weight: 700;

}



.page-header a {

    position: relative;

    padding: 0 12px;

    font-size: 16px;

    color: white;

}



.page-header a:hover {

    color: white;

}



.page-header a::after {

    position: absolute;

    content: "/";

    width: 8px;

    height: 8px;

    top: -2px;

    right: -7px;

    text-align: center;

    color: white;

}



.page-header a:last-child::after {

    display: none;

}



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

    .page-header {

        padding: 50px 0 50px 0;

    }



    .page-header h1 {

        position: relative;

        color: white;

        font-size: 28px !important;

        font-weight: 700;

    }



    .qpp li a {

        font-size: 20px !important;

    }



}



@media (max-width: 767.98px) {

    .page-header h2 {

        font-size: 23px;

    }



    .page-header a {

        font-size: 18px;

    }

}





/*******************************/

/******* Section Header ********/

/*******************************/

.section-header {

    position: relative;

    max-width: 600px;

    margin: 0 auto;

    margin-bottom: 45px;

}



.section-header p {

    display: inline-block;

    margin: 0 30px;

    margin-bottom: 5px;

    padding: 0 10px;

    position: relative;

    font-size: 16px;

    font-weight: 600;

    background: #ffffff;

}



.section-header p::after {

    position: absolute;

    content: "";

    height: 2px;

    top: 11px;

    right: -30px;

    left: -30px;

    background: #2e5a4b;

    z-index: -1;

}



.section-header h2 {

    margin: 0;

    position: relative;

    font-size: 40px;

    font-weight: 700;

}



@media (max-width: 767.98px) {

    .section-header h2 {

        font-size: 30px;

    }

}





/*******************************/

/********** About CSS **********/

/*******************************/



.about {

    position: relative;

    width: 100%;

    padding: 45px 0;

}



.about .section-header {

    margin-bottom: 12px;

    /* margin-left: 0; */

}



.about .about-img {

    position: relative;

    height: 100%;

}



.about-img-keywords img {

    width: 100%;

    height: 350px;

}



.about .about-img img {

    position: relative;

    width: 100%;

    /* height: 350px; */

    object-fit: cover;

}



.about_us_head {

    position: relative;

    color: #333333;

    font-size: 20px;

    font-weight: 600;

    line-height: 1.2em;

    padding-bottom: 12px;

    font-family: 'Arimo', sans-serif;

}



.about .about-text p {

    font-size: 16px;

}



.about .about-text a.btn {

    position: relative;

    margin-top: 15px;

    padding: 12px 10px;

    font-size: 14px;

    font-weight: 600;

    letter-spacing: 1px;

    color: white;

    border: 2px solid rgb(136 170 34);

    background: rgb(138 172 51);

    border-radius: 0;

    transition: .3s;

}



.about .about-text a.btn:hover {

    color: rgb(136 170 34);

    background: white;

}



@media (max-width: 767.98px) {

    .about .about-img {

        margin-bottom: 30px;

        height: auto;

    }

}





/*******************************/

/********* Service CSS *********/

/*******************************/

/* p {

    text-align:justify;

} */

.service {

    position: relative;

    width: 100%;

    padding: 45px 0 15px 0;

}



.service .service-item {

    position: relative;

    width: 100%;

    height: 420px;

    text-align: center;

    margin-bottom: 30px;

    padding: 30px;

    border: 1px solid rgba(0, 0, 0, .07);

    transition: .3s;

    box-shadow: 5px 10px 15px #0d44316b;

    /* margin-left:360px; */

}



.service .service-item:hover,

.service .service-item.active {

    background: white;

    color: black;



}



.service .service-item h3:hover {

    color: #0d4431ba !important;

}



.service .service-icon {

    position: relative;

    margin: 0 auto 25px auto;

    width: 80px;

    height: 80px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

}



.service .service-icon i {

    position: relative;

    font-size: 50px;

    color: #8aac33;

    z-index: 3;

}



.service .service-icon:before {

    content: "";

    position: absolute;

    z-index: 0;

    left: 50%;

    top: 50%;

    transform: translateX(-50%) translateY(-50%);

    display: block;

    width: 80px;

    height: 80px;

    background: rgb(138 172 51);

    border-radius: 50%;

    animation: pulse-border 2000ms ease-out infinite;

}



.service .service-icon:after {

    content: "";

    position: absolute;

    z-index: 1;

    left: 50%;

    top: 50%;

    transform: translateX(-50%) translateY(-50%);

    display: block;

    width: 80px;

    height: 80px;

    background: rgb(255 255 255);

    border-radius: 50%;

    transition: all 200ms;

}



@keyframes pulse-border {

    0% {

        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

        opacity: 1;

    }



    100% {

        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);

        opacity: 0;

    }

}



.service .service-item h3 {

    margin-bottom: 15px;

    font-size: 20px;

    font-weight: 700;

    transition: .3s;

}







.service .service-item p {

    margin: 0;

    font-size: 16px;

    min-height: 125px;

}



.services_sub_head {

    color: #000000;

    text-align: center;

    font-size: 20px;

    font-weight: 600;

    margin: 30px 0 30px 0;

}



.servies_keywords .container {

    background-color: #f9f9f9;

    padding: 15px 15px;

    color: #777777;

    font-size: 16px;

}



.services_sub_keywords li {

    list-style: none;

    color: red;

}



.qpp {

    list-style: none;

    text-align: left;

    padding-left: 15px;

    margin-left: -15px;

}



.qpp li a {

    font-size: 13px;

    color: white !important;

}



a {

    color: #000;

}



.qpp li a:hover {



    color: white !important;

}



.services_sub_keywords li a {

    color: black;

    position: relative;

    text-align: left;

    font-size: 10px;

    font-weight: normal;

    -webkit-transition: all 0.3s ease;

}



.services_sub_keywords li a:hover {

    background-color: red;

    color: blue;

}



.keywords_contact_us p a {

    color: #000000;

}



.keywords_contact_us p a:hover {

    color: #8aac33;

}



.keywords_contact_us {

    text-align: left;

}



.button_keywords a {

    color: #000000;

}



.button_keywords a:hover {

    border-radius: 50px;

}



/*******************************/

/********** Class CSS **********/

/*******************************/

.class {

    position: relative;

    padding: 45px 0 15px 0;

}



.class #class-filter {

    padding: 0;

    margin: -15px 0 25px 0;

    list-style: none;

    font-size: 0;

    text-align: center;

}



.class #class-filter li {

    cursor: pointer;

    display: inline-block;

    margin: 5px;

    padding: 6px 12px;

    color: #2e5a4b;

    font-size: 14px;

    font-weight: 400;

    border-radius: 0;

    background: none;

    /* border: 1px solid #343148; */

    transition: .3s;

}



.class #class-filter li:hover,

.class #class-filter li.filter-active {

    background: #2e5a4b;

    color: white;

}



.class .class-item {

    position: relative;

    margin-bottom: 30px;

    overflow: hidden;

    transition: .3s;

}



.class .class-wrap {

    position: relative;

    width: 100%;

}



.class .class-img {

    position: relative;

}



.class .class-img img {

    position: relative;

    width: 100%;

    height: 250px;

    object-fit: cover;

}



.class .class-text {

    position: relative;

    padding: 30px 30px 25px 30px;

    border-right: 1px solid rgba(0, 0, 0, .07);

    border-bottom: 1px solid rgba(0, 0, 0, .07);

    border-left: 1px solid rgba(0, 0, 0, .07);

}



.class .class-text h2 {

    font-size: 18px;

    font-weight: 600;

    margin-bottom: 10px;

}



.class .class-teacher {

    position: relative;

    height: 40px;

    margin-top: -50px;

    margin-bottom: 20px;

    display: flex;

    align-items: center;

    background: #ffffff;

    box-shadow: 0 0 10px rgba(0, 0, 0, .1);

    border-radius: 40px;

}



.class .class-teacher img {

    width: 40px;

    height: 40px;

    border-radius: 40px;

    background: #F7CAC9;

}



.class .class-teacher h3 {

    width: calc(100% - 95px);

    font-size: 15px;

    font-weight: 600;

    margin: 0 0 0 15px;

    white-space: nowrap;

    overflow: hidden;

}



.class .class-teacher a {

    width: 40px;

    height: 40px;

    padding: 0 0 3px 1px;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 30px;

    font-weight: 100;

    color: #dfb030;

    background: #dfb030;

    border-radius: 40px;

    transition: .3s;

}



.class .class-wrap:hover .class-teacher a {

    color: #F7CAC9;

    background: #dfb030;

}



.class .class-meta {

    position: relative;

    display: flex;

    align-items: center;

}



.class .class-meta p {

    margin: 0;

    font-size: 14px;

}



.class .class-meta p i {

    margin-right: 5px;

    color: #dfb030;

}



.class .class-meta p:first-child {

    margin-right: 10px;

}







/*******************************/

/********* Pricing CSS *********/

/*******************************/

.discount {

    position: relative;

    width: 100%;

    margin: 45px 0;

    padding: 90px 0;

    background: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, 0.7)), url(../assets/images/13.jpg);

    background-attachment: fixed;

    background-position: center;

    background-repeat: no-repeat;

    background-size: 100%;

}



.discount .container {

    max-width: 750px;

    text-align: center;

}



.home-img img {

    width: 100%;

    margin-top: -5px;

    height: 330px;

}



.discount .section-header {

    margin-bottom: 20px;

}



.discount .section-header p {

    color: #343148;

    background: transparent;

}



.discount .section-header p::after {

    display: none;

}



.discount .section-header h2 span {

    color: #F32B56;

    font-size: 50px;

}



.discount .discount-text p {

    color: #454545;

}



.discount .discount-text .btn {

    margin-top: 10px;

    padding: 12px 20px;

    font-size: 14px;

    font-weight: 600;

    letter-spacing: 1px;

    color: #2e5a4b;

    background: #8aac33;

    border-radius: 0;

    transition: .3s;

}



.discount .discount-text .btn:hover {

    color: #8aac33;

    background: white;

}





/*******************************/

/********* Pricing CSS *********/

/*******************************/

.price {

    position: relative;

    width: 100%;

    padding: 45px 0 15px 0;

}



.price .price-item {

    position: relative;

    margin-bottom: 30px;

}



.price .price-header,

.price .price-body,

.price .price-footer {

    position: relative;

    width: 100%;

    text-align: center;

    background: #ffffff;

    overflow: hidden;

}



.price .price-header {

    padding: 30px;

    background: #F7CAC9;

    color: #343148;

}



.price .price-item.featured-item .price-header {

    background: #343148;

    color: #F7CAC9;

}



.price .price-status {

    margin-top: -30px;

    text-align: right;

}



.price .price-status span {

    position: relative;

    display: inline-block;

    height: 30px;

    right: -30px;

    padding: 7px 10px;

    text-align: center;

    color: #343148;

    font-size: 14px;

    line-height: 14px;

    background: #F7CAC9;

}



.price .price-title h2 {

    font-size: 25px;

    font-weight: 700;

    text-transform: uppercase;

}



.price .price-prices h2 {

    font-size: 45px;

    font-weight: 700;

    margin-left: 10px;

}



.price .price-prices h2 small {

    position: absolute;

    font-size: 18px;

    font-weight: 400;

    margin-top: 9px;

    margin-left: -12px;

}



.price .price-prices h2 span {

    margin-left: 1px;

    font-size: 18px;

    font-weight: 400;

}



.price .price-item.featured-item h2 {

    color: #F7CAC9;

}



.price .price-body {

    padding: 25px 0 20px 0;

    border: 1px solid rgba(0, 0, 0, .07);

    border-bottom: none;

}



.price .price-description ul {

    margin: 0;

    padding: 0;

    list-style: none;

}



.price .price-description ul li {

    padding: 7px;

    border-bottom: 1px solid rgba(0, 0, 0, .07);

}



.price .price-description ul li:last-child {

    border: none;

}



.price .price-action {

    border: 1px solid rgba(0, 0, 0, .07);

    border-top: none;

}



.price .price-action a.btn {

    margin-bottom: 30px;

    padding: 12px 20px;

    color: #343148;

    font-size: 14px;

    font-weight: 600;

    letter-spacing: 1px;

    border-radius: 0;

    background: #F7CAC9;

    transition: .3s;

}



.price .price-action a:hover,

.price .price-item.featured-item .price-action a {

    color: #F7CAC9;

    background: #343148;

}



.price .price-item.featured-item .price-action a:hover {

    color: #343148;

    background: #F7CAC9;

}





/*******************************/

/*********** Team CSS **********/

/*******************************/

.team {

    position: relative;

    width: 100%;

    padding: 45px 0 15px 0;

}



.team .team-item {

    position: relative;

    margin-bottom: 30px;

    box-shadow: 2px 4px 8px 2px rgba(0, 0, 0, 0.2), 2px 6px 20px 2px rgba(0, 0, 0, 0.19);



}



.team .team-img {

    position: relative;

    overflow: hidden;

    width: 100%;

    height: 250px;

}



.team .team-img img {

    position: relative;

    width: 100%;

}



.team .team-social {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: .5s;

}



.team .team-social a {

    position: relative;

    margin: 0 3px;

    margin-top: 100px;

    width: 40px;

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 40px;

    font-size: 16px;

    color: #F7CAC9;

    background: #343148;

    opacity: 0;

}



.team .team-social a:hover {

    color: #343148;

    background: #F7CAC9;

}





.team .team-item:hover .team-social {

    background: rgba(256, 256, 256, .5);

}



.team .team-item:hover .team-social a:first-child {

    opacity: 1;

    margin-top: 0;

    transition: .3s 0s;

}



.team .team-item:hover .team-social a:nth-child(2) {

    opacity: 1;

    margin-top: 0;

    transition: .3s .1s;

}



.team .team-item:hover .team-social a:nth-child(3) {

    opacity: 1;

    margin-top: 0;

    transition: .3s .2s;

}



.team .team-item:hover .team-social a:nth-child(4) {

    opacity: 1;

    margin-top: 0;

    transition: .3s .3s;

}



.team .team-text {

    position: relative;

    padding: 25px 15px 10px 15px;

    text-align: center;

    background: #ffffff;

}



.team .team-text h2 {

    font-size: 18px;

    font-weight: 600;

    height: 40px;

}



.team .team-text p {

    margin: 0;

}





/*******************************/

/******* Testimonial CSS *******/

/*******************************/

.testimonial {

    position: relative;

    padding: 45px 0;

}



.testimonial .container {

    padding: 0;

}



.testimonial .testimonial-item {

    position: relative;

    margin: 0 15px;

    text-align: center;

}



.testimonial-item p {

    text-align: justify;

}



.testimonial .testimonial-img {

    position: relative;

    margin-bottom: 15px;

    z-index: 1;

}



.testimonial .testimonial-item img {

    margin: 0 auto;

    width: 120px;

    padding: 13px;

    border-radius: 100px;

    border: 1px solid rgba(0, 0, 0, .07);

    background: #ffffff;

    transition: .5s;

}



.testimonial .testimonial-text {

    position: relative;

    margin-top: -70px;

    padding: 75px 25px 25px 25px;

    text-align: center;

    background: #ffffff;

    border: 1px solid rgba(0, 0, 0, .07);

}



.testimonial .testimonial-item p {

    font-size: 16px;

    color: #666666;

    margin-top: 20px;

}



.testimonial .testimonial-text h3 {

    font-size: 18px;

    font-weight: 600;

    margin-bottom: 10px;

}



.testimonial .testimonial-text h4 {

    color: #2e5a4b;

    font-size: 14px;

    margin-bottom: 0;

}



.testimonial .owl-item.center img {

    border-color: transparent;

}



.testimonial .owl-item.center .testimonial-text {

    background: #2e5a4b;

}



.testimonial .owl-item.center .testimonial-text h3 {

    color: white;

}



.testimonial .owl-item.center .testimonial-text p,

.testimonial .owl-item.center .testimonial-text h4 {

    color: white;

}



.testimonial .owl-dots {

    margin-top: 15px;

    text-align: center;

}



.testimonial .owl-dot {

    display: inline-block;

    margin: 0 5px;

    width: 12px;

    height: 12px;

    border-radius: 50%;

    background: #2e5a4b;

}



.testimonial .owl-dot.active {

    background: #2e5a4b;

}





/*******************************/

/*********** Blog CSS **********/

/*******************************/

.blog {

    position: relative;

    width: 100%;

    padding: 45px 0;

}



.blog .blog-carousel {

    position: relative;

    width: calc(100% + 30px);

    left: -15px;

    right: -15px;

}



.blog .blog-item {

    position: relative;

    margin: 0 15px;

}



.blog .blog-page .blog-item {

    margin: 0 0 30px 0;

}



.blog .blog-img {

    position: relative;

    width: 100%;

}



.blog .blog-img img {

    width: 100%;

}



.blog .blog-text {

    position: relative;

    /* padding: 9px 15px; */

    border-right: 1px solid rgba(0, 0, 0, .07);

    border-bottom: 1px solid rgba(0, 0, 0, .07);

    border-left: 1px solid rgba(0, 0, 0, .07);

    margin-top: 12px;

    text-align: center;

}



.blog .blog-text h2 {

    font-size: 22px;

    font-weight: 600;

}



.blog .blog-text p {

    margin-bottom: 10px;

}



.blog .blog-item a.btn {

    padding: 0;

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;

    color: #343148;

    transition: .3s;

}



.blog .blog-item a.btn i {

    margin-left: 5px;

}



.blog .blog-item a.btn:hover {

    color: #8aac33;

}



.blog .blog-meta {

    position: relative;

    display: flex;

    margin-bottom: 15px;

}



.blog .blog-meta p {

    margin: 0 10px 0 0;

    font-size: 13px;

}



.blog .blog-meta i {

    margin-right: 5px;

}



.blog .blog-meta p:last-child {

    margin: 0;

}



.blog .owl-nav {

    width: 150px;

    margin: 32px auto 0 auto;

    display: flex;

}



.blog .owl-nav .owl-prev,

.blog .owl-nav .owl-next {

    margin-left: 20px;

    width: 45px;

    height: 45px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #2e5a4b;

    background: #8aac33;

    font-size: 22px;

    transition: .3s;

}



.blog .owl-nav .owl-prev:hover,

.blog .owl-nav .owl-next:hover {

    color: #8aac33;

    background: #2e5a4b;

}



.blog .pagination .page-link {

    color: #343148;

    border-radius: 0;

    border-color: #343148;

}



.blog .pagination .page-link:hover,

.blog .pagination .page-item.active .page-link {

    color: #F7CAC9;

    background: #343148;

}



.blog .pagination .disabled .page-link {

    color: #999999;

}





/*******************************/

/******** Portfolio CSS ********/

/*******************************/

.portfolio {

    position: relative;

    padding: 45px 0 15px 0;

}



.portfolio #portfolio-filter {

    padding: 0;

    margin: -15px 0 25px 0;

    list-style: none;

    font-size: 0;

    text-align: center;

}



.portfolio #portfolio-filter li {

    cursor: pointer;

    display: inline-block;

    margin: 5px;

    padding: 6px 12px;

    color: #343148;

    font-size: 14px;

    font-weight: 400;

    border-radius: 0;

    background: none;

    border: 1px solid #343148;

    transition: .3s;

}



.portfolio #portfolio-filter li:hover,

.portfolio #portfolio-filter li.filter-active {

    background: #343148;

    color: #F7CAC9;

}



.portfolio .portfolio-item {

    position: relative;

    margin-bottom: 30px;

    overflow: hidden;

    transition: .3s;

}



.portfolio .portfolio-wrap {

    position: relative;

    width: 100%;

    overflow: hidden;

}



.portfolio img {

    position: relative;

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: .5s;

}



.portfolio .portfolio-wrap:hover img {

    transform: rotate(5deg) scale(1.12);

}





/*******************************/

/********* Contact CSS *********/

/*******************************/

.contact {

    position: relative;

    width: 100%;

    padding: 10px 0;

}



.contact .container {

    max-width: 900px;

}



.contact .contact-item {

    text-align: center;

    margin-bottom: 10px;

}



.contact .contact-item i {

    width: 50px;

    height: 50px;

    padding: 12px 0;

    font-size: 25px;

    color: #343148;

    margin-bottom: 15px;

    border: 1px solid #8aac33;

    border-radius: 50px;

}



.contact .contact-item h2 {

    font-size: 25px;

    font-weight: 700;

}



.contact .qp i {

    width: 90px;

    height: 90px;

    padding: 24px 0;

    font-size: 40px;

    color: #343148;

    margin-bottom: 15px;

    border: 1px solid #8aac33;

    border-radius: 50px;

}



.contact .qp2 i {

    width: 50px;

    height: 50px;

    margin-top: 36px;

    padding: 12px 0;

    font-size: 25px;

    color: #343148;

    margin-bottom: 15px;

    border: 1px solid #8aac33;

    border-radius: 50px;

}



.contact .contact-form {

    position: relative;

}



.contact .contact-form input {

    height: 45px;

    padding: 15px;

    background: none;

    border-radius: 0;

}



.contact .contact-form textarea {

    height: 150px;

    padding: 5px;

    background: none;

    border-radius: 0;

}



.contact .contact-form .btn {

    padding: 12px 25px;

    font-size: 14px;

    font-weight: 600;

    letter-spacing: 1px;

    color: white;

    background: #8aac33;

    border: 2px solid #8aac33;

    border-radius: 0;

    transition: .3s;

}



.contact .contact-form .btn:hover {

    color: #8aac33;

    background: white

}



.contact .help-block ul {

    margin: 0;

    padding: 0;

    list-style-type: none;

}



.mp {

    border: 0px;

    width: 100%;

    margin-bottom: -40px;

}







/*******************************/

/******* Single Post CSS *******/

/*******************************/

.single {

    position: relative;

    padding: 45px 0;

}



.single .single-content {

    position: relative;

    margin-bottom: 30px;

    overflow: hidden;

}



.single .single-content img {

    margin-bottom: 20px;

    width: 100%;

}



.single .single-tags {

    margin: -5px -5px 41px -5px;

    font-size: 0;

}



.single .single-tags a {

    margin: 5px;

    display: inline-block;

    padding: 7px 15px;

    font-size: 14px;

    font-weight: 400;

    color: #666666;

    border: 1px solid #dddddd;

}



.single .single-tags a:hover {

    color: #F7CAC9;

    background: #343148;

}



.single .single-bio {

    margin-bottom: 45px;

    padding: 30px;

    background: #f3f6ff;

    display: flex;

}



.single .single-bio-img {

    width: 100%;

    max-width: 100px;

}



.single .single-bio-img img {

    width: 100%;

}



.single .single-bio-text {

    padding-left: 30px;

}



.single .single-bio-text h3 {

    font-size: 20px;

    font-weight: 700;

}



.single .single-bio-text p {

    margin: 0;

}



.single .single-related {

    margin-bottom: 45px;

}



.single .single-related h2 {

    font-size: 30px;

    font-weight: 700;

    margin-bottom: 25px;

}



.single .related-slider {

    position: relative;

    margin: 0 -15px;

    width: calc(100% + 30px);

}



.single .related-slider .post-item {

    margin: 0 15px;

}



.single .post-item {

    display: flex;

    align-items: center;

    margin-bottom: 15px;

}



.single .post-item .post-img {

    width: 100%;

    max-width: 80px;

}



.single .post-item .post-img img {

    width: 100%;

}



.single .post-item .post-text {

    padding-left: 15px;

}



.single .post-item .post-text a {

    font-size: 16px;

    font-weight: 400;

}



.single .post-item .post-meta {

    display: flex;

    margin-top: 8px;

}



.single .post-item .post-meta p {

    display: inline-block;

    margin: 0;

    padding: 0 3px;

    font-size: 14px;

    font-weight: 300;

    font-style: italic;

}



.single .post-item .post-meta p a {

    margin-left: 5px;

    font-size: 14px;

    font-weight: 300;

    font-style: normal;

}



.single .related-slider .owl-nav {

    position: absolute;

    width: 90px;

    top: -55px;

    right: 15px;

    display: flex;

}



.single .related-slider .owl-nav .owl-prev,

.single .related-slider .owl-nav .owl-next {

    margin-left: 15px;

    width: 30px;

    height: 30px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #343148;

    background: #F7CAC9;

    font-size: 16px;

    transition: .3s;

}



.single .related-slider .owl-nav .owl-prev:hover,

.single .related-slider .owl-nav .owl-next:hover {

    color: #F7CAC9;

    background: #343148;

}



.single .single-comment {

    position: relative;

    margin-bottom: 45px;

}



.single .single-comment h2 {

    font-size: 30px;

    font-weight: 700;

    margin-bottom: 25px;

}



.single .comment-list {

    list-style: none;

    padding: 0;

}



.single .comment-child {

    list-style: none;

}



.single .comment-body {

    display: flex;

    margin-bottom: 30px;

}



.single .comment-img {

    width: 60px;

}



.single .comment-img img {

    width: 100%;

}



.single .comment-text {

    padding-left: 15px;

    width: calc(100% - 60px);

}



.single .comment-text h3 {

    font-size: 18px;

    font-weight: 600;

    margin-bottom: 3px;

}



.single .comment-text span {

    display: block;

    font-size: 14px;

    font-weight: 300;

    margin-bottom: 5px;

}



.single .comment-text .btn {

    padding: 3px 10px;

    font-size: 14px;

    color: #343148;

    background: #dddddd;

    border-radius: 0;

}



.single .comment-text .btn:hover {

    background: #F7CAC9;

}



.single .comment-form {

    position: relative;

}



.single .comment-form h2 {

    font-size: 30px;

    font-weight: 700;

    margin-bottom: 25px;

}



.single .comment-form form {

    padding: 30px;

    background: #f3f6ff;

}



.single .comment-form form .form-group:last-child {

    margin: 0;

}



.single .comment-form input,

.single .comment-form textarea {

    border-radius: 0;

}



.single .comment-form .btn {

    padding: 15px 30px;

    color: #F7CAC9;

    background: #343148;

}



.single .comment-form .btn:hover {

    color: #343148;

    background: #F7CAC9;

}





/**********************************/

/*********** Sidebar CSS **********/

/**********************************/

.sidebar {

    position: relative;

    width: 100%;

}



@media(max-width: 991.98px) {

    .sidebar {

        margin-top: 45px;

    }

}



.sidebar .sidebar-widget {

    position: relative;

    margin-bottom: 45px;

}



.sidebar .sidebar-widget .widget-title {

    position: relative;

    margin-bottom: 30px;

    padding-bottom: 5px;

    font-size: 30px;

    font-weight: 700;

}



.sidebar .sidebar-widget .widget-title::after {

    position: absolute;

    content: "";

    width: 60px;

    height: 2px;

    bottom: 0;

    left: 0;

    background: #F7CAC9;

}



.sidebar .sidebar-widget .search-widget {

    position: relative;

}



.sidebar .search-widget input {

    height: 50px;

    border: 1px solid #dddddd;

    border-radius: 0;

}



.sidebar .search-widget input:focus {

    box-shadow: none;

}



.sidebar .search-widget .btn {

    position: absolute;

    top: 6px;

    right: 15px;

    height: 40px;

    padding: 0;

    font-size: 25px;

    color: #F7CAC9;

    background: none;

    border-radius: 0;

    border: none;

    transition: .3s;

}



.sidebar .search-widget .btn:hover {

    color: #343148;

}



.sidebar .sidebar-widget .recent-post {

    position: relative;

}



.sidebar .sidebar-widget .tab-post {

    position: relative;

}



.sidebar .tab-post .nav.nav-pills .nav-link {

    color: #F7CAC9;

    background: #343148;

    border-radius: 0;

}



.sidebar .tab-post .nav.nav-pills .nav-link:hover,

.sidebar .tab-post .nav.nav-pills .nav-link.active {

    color: #343148;

    background: #F7CAC9;

}



.sidebar .tab-post .tab-content {

    padding: 15px 0 0 0;

    background: transparent;

}



.sidebar .tab-post .tab-content .container {

    padding: 0;

}



.sidebar .sidebar-widget .category-widget {

    position: relative;

}



.sidebar .category-widget ul {

    margin: 0;

    padding: 0;

    list-style: none;

}



.sidebar .category-widget ul li {

    margin: 0 0 12px 22px;

}



.sidebar .category-widget ul li:last-child {

    margin-bottom: 0;

}



.sidebar .category-widget ul li a {

    display: inline-block;

    line-height: 23px;

}



.sidebar .category-widget ul li::before {

    position: absolute;

    content: '\f105';

    font-family: 'Font Awesome 5 Free';

    font-weight: 900;

    color: #F7CAC9;

    left: 1px;

}



.sidebar .category-widget ul li span {

    display: inline-block;

    /* float: right; */

}



.sidebar .sidebar-widget .tag-widget {

    position: relative;

    margin: -5px -5px;

}



.single .tag-widget a {

    margin: 5px;

    display: inline-block;

    padding: 7px 15px;

    font-size: 14px;

    font-weight: 400;

    color: #666666;

    border: 1px solid #dddddd;

}



.single .tag-widget a:hover {

    color: #F7CAC9;

    background: #343148;

}



.sidebar .image-widget {

    display: block;

    width: 100%;

    overflow: hidden;

}



.sidebar .image-widget img {

    max-width: 100%;

    transition: .3s;

}



.sidebar .image-widget img:hover {

    transform: scale(1.1);

}







/*******************************/

/********* Footer CSS **********/

/*******************************/

.footer {

    position: relative;

    margin-top: 45px;

    /* background: linear-gradient(#e5c039f2, rgba(52, 49, 72, .9)), url(../client/home/footer-bg.jpg); */



}





.footer .container-fluid {

    padding-top: 30px;

    /* background: linear-gradient(#e5c039f2, rgba(52, 49, 72, .9)), url(../client/home/footer-bg.jpg); */

    background-position: center;

    background-repeat: no-repeat;

    background-size: contain;

}



.footer .footer-info {

    position: relative;

    width: 100%;

    text-align: center;

}



.footer .footer-info .footer-logo {

    display: inline-block;

    color: #F7CAC9;

    font-size: 60px;

    line-height: 60px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 2px;

    margin-bottom: 16px;

}



.footer .footer-info .footer-logo span {

    color: #ffffff;

    text-transform: lowercase;

}



.footer-logo img {



    width: 30%;

}



.footer .footer-info h3 {

    margin-bottom: 15px;

    font-size: 20px;

    font-weight: 600;

    color: #ffffff;

}



.footer .footer-menu {

    width: 100%;

    display: flex;

    justify-content: center;

}



.footer .footer-menu p {

    color: #ffffff;

    font-size: 18px;

    font-weight: 500;

    line-height: 20px;

    /* padding: 0 10px; */

    margin-bottom: 10px;

    border-right: 1px solid #ffffff;

}



.call-text {

    margin-right: 10px;

}



.email-text {

    margin-left: 10px;

}



.footer-menu-1 p {

    margin-bottom: -40px !important;

}



.footer .footer-menu p:last-child {

    border: none;

}



.footer .footer-social {

    position: relative;

    margin-top: 5px;

}



.footer .footer-social a {

    display: inline-block;

}



.footer .footer-social a i {

    margin-right: 15px;

    font-size: 20px;

    color: #ffffff;

    transition: .3s;

}



.footer .footer-social a:last-child i {

    margin: 0;

}



.footer .footer-social a:hover i {

    color: #F7CAC9;

}



.footer .copyright {

    margin-top: 60px;

    padding: 0 30px;

}



.footer .copyright .row {

    padding-top: 25px;

    padding-bottom: 25px;

    border-top: 1px solid rgba(256, 256, 256, .1);

}



.footer .copyright p {

    margin: 0;

    color: #ffffff;

    text-align: center;

    font-size: 14px;

}



.footer .copyright .col-md-6:last-child p {

    text-align: right;

}



.footer .copyright p a {

    color: #ffffff;

    font-weight: 600;

    text-decoration: underline;

}



.footer .copyright p a:hover {

    color: #2e5a4b;

}



@media (max-width: 767.98px) {



    .footer .copyright p,

    .footer .copyright .col-md-6:last-child p {

        margin: 5px 0;

        text-align: center;

    }

}



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

    .footer .footer-menu {

        width: 100%;

        display: grid;

        justify-content: center;

    }



    .text-padding {

        padding: 15px;

    }



    .miss {

        height: 445px !important;

    }



    .section-header p {

        font-size: 24px !important;

    }



    .footer .footer-menu p {

        color: #ffffff;

        font-size: 20px;

        font-weight: 600;

        line-height: 20px;

        padding: 0 10px;

        border-right: none;

    }



}



/*************************/

/* MODAL  CSS FILE/CODE */

/*************************/

.modal-target {

    width: 100%;

    cursor: pointer;

    border-radius: 6px;

    transition: 0.3s;

}



.modal-target:hover {

    opacity: 0.6;

}



.w3-modal {

    /* display: none; */

    display: none;

    /* Hidden by default */

    position: absolute;

    /* Stay in place */

    padding-top: 100px;

    z-index: 1;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    /* Full height */

    overflow: auto;

    /* Enable scroll if needed */

    background-color: rgb(0, 0, 0);

    /* Fallback color */

    background-color: rgba(0, 0, 0, 0.5);

    /* Black w/ opacity */

}



/* The Modal (background) */

.w3-modal {

    display: none;

    /* Hidden by default */

    position: fixed;

    /* Stay in place */

    z-index: 1;

    /* Sit on top */

    padding-top: 100px;

    /* Location of the box */

    left: 0;

    top: 0;

    width: 100%;

    /* Full width */

    height: 100%;

    /* Full height */

    overflow: auto;

    /* Enable scroll if needed */

    background-color: rgb(0, 0, 0);

    /* Fallback color */

    background-color: rgba(0, 0, 0, 0.8);

    /* Black w/ opacity */

}



.w3-modal-content {

    margin: auto;

    display: block;

    width: 40%;

    opacity: 1 !important;

    max-width: 1200px;

    text-align: center;

}



.w3-modal-content {

    position: relative;

    display: flex;

    flex-direction: column;

    width: 500px !important;

    margin-top: 50px;

}



.w3-modal-caption {

    margin: auto;

    display: block;

    width: 80%;

    max-width: 1200px;

    text-align: center;

    color: white;

    font-weight: 700;

    font-size: 1em;

    margin-top: 32px;

}



.w3-modal-content,

.w3-modal-caption {

    /* -webkit-animation-name: zoom; */

    /* -webkit-animation-duration: 0.6s; */

    animation-name: zoom;

    animation-duration: 0.6s;

}



@-webkit-keyframes zoom {

    from {

        -webkit-atransform: scale(0)

    }



    to {

        -webkit-transform: scale(1)

    }

}



@keyframes zoom {

    from {

        transform: scale(0)

    }



    to {

        transform: scale(1)

    }

}



.modal-close {

    position: absolute;

    top: 126px;

    right: 322px;

    color: #f1f1f1;

    font-size: 40px;

    font-weight: bold;

    transition: 0.3s;

    cursor: pointer;

}



.modal-close:hover,

.modal-close:focus {

    color: #bbb;

    text-decoration: none;

    cursor: pointer;

}













.social-menu ul {

    position: relative;

    padding: 60px 0px 0px 160px;

    margin: 0;

    transform: translate(-50%, -50%);

    display: flex;

}



.social-menu ul li {

    list-style: none;

    margin: 0 10px;

}



.social-menu ul li .fab {

    font-size: 24px;

    transition: .3s;

    color: #fff;

}



.social-menu ul li .fab:hover {

    /* color: #fff; */

}



.social-menu ul li .fb {

    position: relative;

    display: block;

    width: 46px;

    padding-top: 11px;

    height: 46px;

    border-radius: 50%;

    background-color: #0077b5;

    text-align: center;

    transition: .6s;

    box-shadow: 0 5px 4px rgba(0, 0, 0, .5);

}



.social-menu ul li .inst {

    position: relative;

    display: block;

    width: 46px;

    padding-top: 11px;

    height: 46px;

    border-radius: 50%;

    background-color: black;

    text-align: center;

    transition: .6s;

    box-shadow: 0 5px 4px rgba(0, 0, 0, .5);



}



.social-menu ul li .what {

    position: relative;

    display: block;

    width: 46px;

    padding-top: 11px;

    height: 46px;

    border-radius: 50%;

    background-color: #0dc143;

    text-align: center;

    transition: .6s;

    box-shadow: 0 5px 4px rgba(0, 0, 0, .5);

}



.social-menu ul li .inst:hover {

    color: black !important;

    background-color: #fff;

}





.social-menu ul li a:hover {

    transform: translate(0, -10%);

}



.social-menu ul li:nth-child(1) a:hover {

    background-color: #fff;

    color: #0077b5;

}



.social-menu ul li:nth-child(2) a:hover {

    background-color: #fff;

    color: black !important;

}



.social-menu ul li:nth-child(3) a:hover {

    background-color: #fff;

    color: #0dc143;

}



.social-menu ul li:nth-child(1) .fbo:hover {

    color: #0077b5;

}



.social-menu ul li:nth-child(2) .inta:hover {

    color: #E4405F;

}



.social-menu ul li:nth-child(3) .wap:hover {

    color: #0dc143;

}



@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap');





.conm p {

    margin: 0;

    padding-bottom: .5em;

    padding: 0px 5px;

    text-align: left;

    margin-bottom: .5em;

}



.conm h4 {

    padding: 10px 10px 0px 10px;



}



.conm {

    display: flex;

    box-sizing: border-box;

    font-family: "Noto Sans JP", sans-serif;

    margin: auto;

    width: 83%;

    align-items: center;

    justify-content: center;

}



/* PRODUCT CARD */

.img-76 {

    text-align: center;

}



.img-76 img {

    width: 100%;

    height: 340px;

}



.text-cards .box-feature {

    height: 200px;

}



.productc {

    background-color: white;

    border-radius: 10px;

    color: #2f3640;

    margin: 0 2em;

    transition: all linear .2s;

    width: 380px;

    height: 476px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}



.products-1:hover {

    box-shadow: .2em .5em .5em rgba(0, 0, 0, 0.4);

    transform: scale(1.1);

}



.products-1 {

    transition: all linear .2s;

}



.productc:hover,

.productc:active {

    box-shadow: .2em .5em .5em rgba(0, 0, 0, 0.4);

    transform: scale(1.1);

}



.productimg {

    border-radius: 10px 10px 0 0;

    height: 150px;

    max-width: 100%;

}



.img-one {

    background-image: url(https://images.unsplash.com/photo-1517394834181-95ed159986c7?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1506&q=80);

}



.img-two {

    background-image: url(https://images.unsplash.com/photo-1523889310790-cb91a98b017b?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1500&q=80);

}



.img-three {

    background-image: url(https://images.unsplash.com/photo-1566940973973-d499f3993bf4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1500&q=80);

}



.img-one,

.img-two,

.img-three {

    background-size: cover;

    background-position: fixed;

    height: 210px;

}







.productct button {

    border: 0;

    border-radius: 0 0 10px 10px;

    color: #f5f6fa;

    cursor: pointer;

    font-family: inherit;

    padding: .3em;

    transition: all linear .3s;

    width: 100%;

}



.productct button:hover {

    font-weight: 500;

    letter-spacing: .1em;

}



/* color */

.productc:first-child h4 {

    color: #fbc531;

}



.productc:first-child button {

    background-color: #fbc531;

}



.productc:nth-child(2) h4 {

    color: #fbc531;

}



.productc:nth-child(2) button {

    background-color: #fbc531;

}



.productc:last-child h4 {

    color: #fbc531;

}



.productc:last-child button {

    background-color: #fbc531;

}



/* media queries */

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

    .conm {

        display: grid;

        grid-column-templates: 1fr;

        grid-auto-rows: auto;

    }



    .productc {

        margin: 1.5em;

    }

}





/* PRODUCT CARD */

.qr {

    margin-top: 60px;

    margin-left: -67px;

}



.productc1 {

    margin-top: 100px;

    background-color: white;

    border-radius: 10px;

    color: #2f3640;

    margin: 0 2em;

    transition: all linear .2s;

    width: 285.43px;

    height: 476px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}



.productc1:hover,

.productc1:active {

    box-shadow: .2em .5em .5em rgba(0, 0, 0, 0.4);

    transform: scale(1.1);

}



.productimg {

    border-radius: 10px 10px 0 0;

    height: 150px;

    max-width: 100%;

}



.img-one {

    background-image: url(https://images.unsplash.com/photo-1517394834181-95ed159986c7?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1506&q=80);

}



.img-two {

    background-image: url(https://images.unsplash.com/photo-1523889310790-cb91a98b017b?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1500&q=80);

}



.img-three {

    background-image: url(https://images.unsplash.com/photo-1566940973973-d499f3993bf4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1500&q=80);

}



.img-one,

.img-two,

.img-three {

    background-size: cover;

    background-position: fixed;

    height: 210px;

}







.productct button {

    border: 0;

    border-radius: 0 0 10px 10px;

    color: #f5f6fa;

    cursor: pointer;

    font-family: inherit;

    padding: .3em;

    transition: all linear .3s;

    width: 100%;

}



.productct button:hover {

    font-weight: 500;

    letter-spacing: .1em;

}



/* color */

.productc1:first-child h4 {

    color: #fbc531;

}



.productc1:first-child button {

    background-color: #fbc531;

}



.productc1:nth-child(2) h4 {

    color: #fbc531;

}



.productc1:nth-child(2) button {

    background-color: #fbc531;

}



.productc1:last-child h4 {

    color: #fbc531;

}



.productc1:last-child button {

    background-color: #fbc531;

}



.ti {

    color: white !important;

}



.up {}



.sites ul li:hover,

.sites ul li.active {

    background-color: #2e5a4ba3;

}



.sites ul li {

    background-color: #2e5a4b;

}



.sites ul li {

    text-decoration: none;

    padding: 8px 12px;

}



.sites ul li:hover,

.sites ul li.active {

    background-color: #2e5a4ba3;

}



.site-footer {

    position: relative;

    background-color: #f7f7f7;

    /* background-image: url(../images/backgrounds/footer-bg-1-1.jpg); */

    /* z-index: 0; */

    padding-top: 65px;

    padding-bottom: 25px;

}



.footer-widget__about p {

    color: black;

    font-size: 14px;

    line-height: 25px;

    margin-bottom: 0;

    margin-top: 20px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

    padding-bottom: 20px;



}



.footer-widget__title {

    margin: 0;

    color: #2e5a4b;

    font-size: 24px;

    font-weight: 700;

    margin: 0;

}



.footer-widget__link-list {

    margin-top: 15px;

    margin-bottom: 0;

}



.footer-widget__link-list li a {

    display: block;

    line-height: 33px;

    color: black;

    font-size: 14px;

    transition: all 500ms ease;

}



.footer-widget__link-list li a:hover {

    color: #2e5a4b;

}



.bottom-footer__social a:hover {

    background-color: #8aac33;

    color: white;

}



.bottom-footer__social a {

    display: flex;

    justify-content: center;

    border-radius: 50%;

    align-items: center;

    width: 41px;

    height: 41px;

    background-color: #2e5a4b;

    color: #fff;

    font-size: 12px;

    transition: all 500ms ease;

}



.footer-widget__contact {

    background-color: #ffffff2b;

    padding: 30px;

    padding-bottom: 25px;

}



.bottom-footer {

    background-color: #2e5a4b !important;

    padding-top: 14px;

    padding-bottom: 17px;

}



.footer-widget__contact-list li a {

    display: block;

    position: relative;

    color: white;

    font-size: 14px;

    line-height: 24px;

    padding-left: 25px;

    transition: all 500ms ease;

}



.footer-widget__link-list li a i {

    color: white !important;

    margin-right: 10px;

    font-weight: 400;

    font-size: 15px;

}



.bottom-footer a {

    color: white;

    text-decoration: underline;

}



.bottom-footer a:hover {

    color: white;

    text-decoration: none;

}



.bottom-footer__social {

    display: flex;

    flex-wrap: wrap;

}



.bottom-footer p {

    font-size: 14px;

    color: white;

    margin: 0;

}



.footer-widget__contact h3 {

    margin: 0;

    color: #2e5a4b;

    font-size: 24px;

    font-weight: 700;

    margin: 0;

    line-height: 1;

    margin-bottom: 20px;

    padding-left: 20px;

}



.footer-widget__contact {

    background-color: #2e5a4b29;

    padding: 8px;

    padding-bottom: 9px;

    margin-top: -6px;

}



.footer-widget {

    margin-bottom: 20px;

}



.bottom-footer__social a+a {

    margin-left: 10px;

}



.footer-widget__contact-list li a {

    display: block;

    position: relative;

    color: black;

    font-size: 14px;

    line-height: 24px;

    padding-left: 22px;

    transition: all 500ms ease;

}



.footer-widget__contact-list li+li {

    border-top: 1px solid rgba(255, 255, 255, 0.1);

    padding-top: 5px !important;

    margin-top: 8px !important;

}



.contact-section i {

    margin-left: -16px;

    margin-right: 10px;

}



.footer-widget__about img {

    width: 90%;

    margin-top: -35px;

}



.contact-section li a:hover {

    color: #2e5a4b !important;

}



.service-cards {

    margin-bottom: 50px;

}



.text-head {

    margin-bottom: 20px;

    text-align: center;

    font-size: 30px;

    font-weight: 600;

}



.miss {

    text-align: center;

    padding: 25px;

    border: 1px dotted #080808;

    border-radius: 50px 0;

    margin-bottom: 30px;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    position: relative;

    overflow: hidden;

    height: 350px;

}



.miss:hover {

    transform: translateY(-5px);

    background-color: #2e5a4b52;

    color: black;

}



.vis-mis {

    margin-top: 50px;

    margin-bottom: 50px;

}



.vis-mis i {

    font-size: 50px;

    color: black;

}



.vis-mis h4 {

    font-size: 24px;

    font-weight: 700;

}



.fea-sec .box-feature {

    height: 310px;

}



.box-feature {

    background: white !important;

    border-radius: 4px;

    padding: 30px 22px;

    margin-bottom: 30px;

}



.fea-sec ul li {

    font-size: 14.5px;

    line-height: 1.67;

    text-align: left;

}



.box-feature h3,

.fun-24 .h3 {

    font-size: 20px;

    font-weight: 600;

    margin: 0;

    text-align: center !important;

    padding: 0;

}



.text-cards {

    margin-top: 40px;

    margin-bottom: 40px;

    padding-top: 40px;

    padding-bottom: 40px;

    background-color: #8080801a;

}



.text-cards ul {

    padding-left: 36px !important;

}



.text-cards ul li {

    font-size: 14.5px;

    line-height: 1.67;

    text-align: left;

}



.choose-section {

    margin-top: 40px;

    margin-bottom: 40px;

}



.choose-section h6 {

    font-size: 26px;

    font-weight: 600;

    margin-bottom: 20px;

}



.choose-section ul li {

    list-style: none;

    margin-bottom: 8px;

}



.choose-img {

    text-align: center;

}



.choose-section i {

    margin-right: 8px;

    color: #2e5a4b;

}



.choose-img img {

    width: 74%;

}



.choose-img-1 img {

    width: 88%;

}



.value-section img {

    width: 30%;

    text-align: center !important;

    margin-left: 98px;

    height: 50%;

    margin-bottom: 20px;

}



.value-section h2 {

    margin-bottom: 20px;

    text-align: center;

    font-size: 30px;

    font-weight: 600;

}



.value-section h4 {

    font-size: 18px;

    font-weight: 600;

}



.value-section {

    margin-top: 40px;

    margin-bottom: 40px;

    background-color: #8080801c;

    padding-top: 30px;

    padding-bottom: 30px;

}



.head-font {

    font-size: 28px;

    font-weight: 600;

}



.first-img img {

    width: 100%;

    margin-bottom: 30px;

    height: 360px;

}



.agent-box {

    margin: 0px 0px 30px 0px;

    border: 2px solid #efefef;

    padding: 20px 15px !important;

    border-radius: 4px;

}



.bg-new {

    background-color: rgba(0, 32, 74, 0.05);

    padding-top: 50px;

    padding-bottom: 30px;

}



.add {

    margin-top: 30px;

}



/* .hid {

    padding-left: unset;

} */

.gin {

    margin-top: 30px;

    margin-bottom: 30px;

}



.gin h6 {

    padding-top: 10px;

}



.sh {

    box-shadow: 0 1.5rem 4rem rgb(0 0 0 / 15%);

}



.ping {

    padding: 20px;

}



.box-feature {

    background: #fff;

    border-radius: 4px;

    padding: 30px 22px;

    margin-bottom: 30px;

}



.mt-30 {

    margin-top: 30px;

}



.keyword-cards-1 {

    margin-top: 50px;

    margin-bottom: 50px;

}



.keyword-cards-1 .card {

    margin-bottom: 30px;

}



.keyword-cards-1 .card-body h5 {

    text-align: center;

    margin-bottom: 10px !important;

    height: 8px;

    font-size: 18px;

    font-weight: 600;

}



.mt-40 {

    margin-top: 40px;

}



.keyword-cards-1 img {

    width: 100%;

    height: 230px;

}



.custom-btn {

    margin-top: 5px;

    margin-bottom: 30px;

    width: 130px;

    height: 40px;

    color: #fff;

    border-radius: 5px;

    padding: 10px 25px;

    font-family: 'Lato', sans-serif;

    font-weight: 500;

    background: transparent;

    cursor: pointer;

    transition: all 0.3s ease;

    position: relative;

    display: inline-block;

    box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5), 7px 7px 20px 0px rgba(0, 0, 0, .1), 4px 4px 5px 0px rgba(0, 0, 0, .1) !important;

    outline: none;

}



.btn-11 {

    border: none;

    background-color: #2e5a4b !important;

    color: white;

    overflow: hidden;

}



.agent-box p a {

    font-size: 15px;

}



.yoga-img {

    text-align: center;

}



.yoga-img img {

    width: 100%;

    height: 289px;

}



.yoga-img-1 {

    text-align: center;

}



.yoga-img-1 img {

    width: 100%;

    height: 341px;

}



.btn-class button {

    background-color: #2e5a4b;

    color: white;

    border: 2px solid #2e5a4b;

    padding: 8px;

    margin-bottom: 30px;

}



.btn-class button:hover {

    background-color: white;

    color: #2e5a4b;

    border: 2px solid #2e5a4b;

    padding: 8px;

}



.btn-class button:hover a {



    color: #2e5a4b;



}



.btn-class i {

    margin-right: 8px;

}



.box-shadow {

    box-shadow: 5px 10px 15px #ddd;

    padding: 14px;

    background-color: white;

    margin-bottom: 30px;

}



.bold-text {

    text-decoration: underline;

}



.about-logo {

    text-align: center;

}



.about-logo img {

    width: 86%;

}



.about-text h4 {

    font-size: 26px;

    font-weight: 600;

    margin-bottom: 20px;

}



.cards-section {

    margin-top: 50px;

    margin-bottom: 50px;

}



.cards-section .card {

    margin-bottom: 40px;

}



.cards-section h5 a {

    color: #2e5a4b !important;

    font-size: 20px;

    font-weight: 600;

    white-space: nowrap;



}



.cards-section .btn-primary {

    color: #fff;

    background-color: #2e5a4b;

    border-color: #2e5a4b;

}



.cards-section p {

    height: 100px;

}



.dropdown-item.active {

    color: #2e5a4b;

    text-decoration: underline;

}



.dropdown-item:hover {

    color: #2e5a4b;

    text-decoration: underline;

}



.founder-section {

    /* background-image: url(assets/img/about-bg.jpg); */

    background-size: cover;

    padding: 40px 0px;

}



.foun {

    /* border-left: 3px solid red; */

    box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.15);

    border-radius: 0.3rem;

    padding: 13px 25px;

}



.yoga-img-2 img {

    width: 100%;

    height: 292px;

}



.yoga-img-2 {

    text-align: center;

}



.new-img {

    text-align: center;

}



.new-img img {

    width: 100%;

    height: 311px;

}



.img-18 {

    text-align: center;

}



.img-18 img {

    width: 100%;

    height: 260px;

}



.cards-section img {

    width: 100%;

    height: 230px;

}



.cards-section h2 {

    margin-bottom: 30px;

}



.social-icons {

    background-color: grey;

    margin-top: 50px;

    margin-bottom: 50px;

    padding-top: 50px;

    padding-bottom: 50px;

}



/*mobile footer css starts*/



.navbar-footer a {

    float: left;

    display: none;

    width: 25%;

    color: #fff;

    text-align: center;

    padding: 25px 22px 38px 20px;

    text-decoration: none;

    font-size: 21px;

    /* margin-right: 22px;

  margin-left: 21px; */

}



.navbar-footer a:hover {

    background: #F1F1F1;

    color: black;

}



.w_app>i {

    color: #fff;

}



.w_app {

    background-color: #28A745;

}



.e_mail>i {

    color: #fff;

}



.e_mail {

    background-color: #DC3545;

}



.ems_call>i {

    color: #fff;

}



.ems_call {

    background-color: #007BFF;

}



.ems_enquiry>i {

    color: #fff;

}



.ems_enquiry {

    background-color: #FFC107;

}



.upside {

    display: none;

}



.mobile-hidden i {

    color: white;

}



@media screen and (min-width :315px) and (max-width :768px) {

    .upside {

        display: block;

    }



    .funnal-mobile {

        display: none !important;

    }



    .mobile-footer {

        display: block !important;

    }



    .social-mobile li a .fa {

        display: none;

    }



    .navbar-footer {

        overflow: scroll;

        z-index: 9999999 !important;

        background-color: #ccc;

        position: fixed;

        bottom: -16px;

        width: 100%;

    }



    .navbar-footer a:hover {

        background: #f1f1f1;

        color: black;

    }



    .main {

        padding: 0px;

        margin-bottom: 54px;

    }



    .navbar-footer {

        display: block !important;

    }



}



.mobile-hidden a {

    font-size: 16px;

}



/* mobile footer css end*/

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





    .mobile-hidden {

        display: none !important;

    }



    .tab {

        margin: 4px 4px !important;

    }



    .brochures-prgs .fa-plus {

        margin-right: 30px !important;

    }

}



/* Funnel css start */

.btn-success {

    color: #fff !important;

    background-color: #5cb85c;

    border-color: #4cae4c;

    padding: 15px 30px;

}



.btn-success:hover {

    color: #fff;

    background-color: #449d44;

    border-color: #398439

}



.btn-danger {

    color: #fff !important;

    background-color: #d9534f;

    border-color: #d43f3a;

    padding: 15px 30px;

}



.btn-danger:hover {

    color: #fff;

    background-color: #c9302c;

    border-color: #ac2925

}



.btn-warning {

    color: #fff !important;

    background-color: #f0ad4e;

    border-color: #eea236;

    padding: 15px 30px;

}



.btn-warning:hover {

    color: #fff;

    background-color: #ec971f;

    border-color: #d58512

}



.btn-primary {

    color: #fff !important;

    background-color: #0084bd;

    border-color: #0d668d;

    padding: 15px 30px;

}



.btn-primary:hover {

    color: #fff;

    background-color: #0d668d;

    border-color: #204d74

}



.pb-20 {

    padding-top: 10px;

    padding-bottom: 30px;

}



.trin-trin {

    animation-name: trin;

    animation-duration: 1.8s;

    animation-iteration-count: infinite;

    animation-timing-function: linear;

}



@keyframes trin {

    from {

        transform: rotate3d(0, 0, 1, 0deg);

    }



    20%,

    32%,

    44%,

    56%,

    68% {

        transform: rotate3d(0, 0, 1, 0deg);

    }



    23%,

    35%,

    47%,

    59%,

    71% {

        transform: rotate3d(0, 0, 1, 12deg);

    }



    26%,

    38%,

    50%,

    62%,

    74% {

        transform: rotate3d(0, 0, 1, 0deg);

    }



    29%,

    41%,

    53%,

    65%,

    77% {

        transform: rotate3d(0, 0, 1, -12deg);

    }



    80% {

        transform: rotate3d(0, 0, 1, 0deg);

    }

}



.funnel-pm {

    padding: 30px 0;

}



.ptb-20 {

    padding-top: 10px;

    padding-bottom: 30px;

}





.brochures-prgs {

    cursor: pointer;

    border-top: 4px solid #2e5a4b;

    border-left: 3px solid #2e5a4b;

    padding: 11px;

    color: #373333;

    border-radius: 9px;

    background: #2e5a4b1c;

    font-size: 16px;

    margin-bottom: 15px;

}



.disp {

    display: none;

    padding: 20px;

}





.rotate {

    transform: rotate(180deg);

}



.brochures-prgs .fa {

    font-size: 18px;

    right: 0;

    position: absolute;

    padding: 17px;

    border-radius: 6px;

    margin-top: -16px;

    margin-right: 59px;

    background: #2e5a4b;

    color: #ffffff;

}



.blog-cards .card {

    border: 1px solid lightgray;

    padding: 10px;

    border-radius: 10px;

    margin-top: 20px;

    height: 220px;

}



.blog-cards .card_img {

    width: 100%;

    padding: 5px;

    height: 110px;

    margin-top: 10px;

}



.blog-cards .head {

    font-weight: 500;

}



.blog-cards .ptag {

    text-align: justify;

    font-size: 14px;

}



.blog-cards .anchor {

    color: #2c75ff;

    font-weight: 550;

    font-size: 14px;

}



.blog-cards .text-right {

    text-align: right;

}



.blog-cards .dynamic {

    margin-bottom: 50px;

}



/* career page */



.career-page {

    font-family: Arial, sans-serif;

    line-height: 1.6;

    margin: 0;

    padding: 90px 20px;

    background-color: #f4f4f4;

}



.career-page .form-container {

    max-width: 1000px;

    margin: 0 auto;

    background: #fff;

    padding: 20px;

    border-radius: 8px;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}



.career-page h2 {

    text-align: center;

    color: #333;

    margin-bottom: 20px;

}



.career-page .form-group {

    margin-bottom: 15px;

}



.career-page label {

    display: block;

    margin-bottom: 5px;

    font-weight: bold;

    color: #555;

}



.career-page input[type="text"],

.career-page input[type="tel"],

.career-page input[type="email"],

.career-page textarea,

.career-page select {

    width: 100%;

    padding: 10px;

    border: 1px solid #ddd;

    border-radius: 4px;

    box-sizing: border-box;

    font-size: 16px;

}



.career-page textarea {

    height: 100px;

    resize: vertical;

}



.career-page .submit-btn {

    background-color: #2e5a4b;

    color: white;

    padding: 8px 20px;

    border: none;

    border-radius: 4px;

    cursor: pointer;

    font-size: 16px;

    /* width: 100%; */

    transition: 0.3s ease;

}



.career-page .submit-btn:hover {

    background-color: #244f41

}



.career-page .required:after {

    content: " *";

    color: red;

}



.our-h {

    height: 720px !important;

    margin-left: 360px;

}









/* Side Funnel Styles */

.side-funnel {

    position: fixed;

    left: 20px;

    bottom: 20px;

    z-index: 1000;

    display: flex;

    flex-direction: column;

    align-items: flex-end;

}



.funnel-button {

    width: 60px;

    height: 60px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    color: white;

    font-size: 24px;

    margin-bottom: 15px;

    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);

    transition: all 0.3s ease;

    cursor: pointer;

    position: relative;

    text-decoration: none;

}



.funnel-button.whatsapp {

    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);

}



.funnel-button.call {

    background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);

}



.funnel-button.email {

    background: linear-gradient(135deg, #ff6a00 0%, #ff3c3c 100%);

}



.funnel-button:hover {

    transform: translateY(-5px) scale(1.1);

    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.4);

}



.funnel-button .tooltip {

    position: absolute;

    left: 70px;

    background: #333;

    color: white;

    padding: 8px 12px;

    border-radius: 4px;

    font-size: 14px;

    white-space: nowrap;

    opacity: 0;

    visibility: hidden;

    transition: all 0.3s ease;

}



.funnel-button .tooltip:after {

    content: '';

    position: absolute;

    top: 50%;

    left: 100%;

    margin-top: -5px;

    border-width: 5px;

    border-style: solid;

    border-color: transparent transparent transparent #333;

}



.funnel-button:hover .tooltip {

    opacity: 1;

    visibility: visible;

}



/* Responsive adjustments */

@media (max-width: 768px) {

    .side-funnel {

        bottom: 15px;

        left: 15px;

    }



    .funnel-button {

        width: 55px;

        height: 55px;

        font-size: 22px;

    }

}



@media (max-width: 576px) {

    .side-funnel {

       display: none;

    }



}







.section {
        background-color: #fff;
        padding: 30px;
        margin-bottom: 20px;
        border-radius: 12px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    }

    .instructors-list, .styles-list {
        list-style: none;
        padding-left: 0;
    }

    .instructors-list li, .styles-list li {
        background-color: #e8f0fe;
        margin-bottom: 10px;
        padding: 10px 15px;
        border-radius: 8px;
        display: flex;
        align-items: center;
    }

    .instructors-list li::before, .styles-list li::before {
        content: "✔️";
        margin-right: 10px;
        color: #3498db;
    }

    /* Responsive Grid for styles */
    .styles-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 20px;
        margin-top: 20px;
    }

    .style-card {
        background-color: #f0f8ff;
        padding: 20px;
        border-radius: 12px;
        box-shadow: 0 2px 10px rgba(0,0,0,0.05);
        transition: transform 0.3s ease;
    }

    .style-card:hover {
        transform: translateY(-5px);
    }

    .style-card h3 {
        margin-bottom: 10px;
        font-size: 1.2rem;
    }

    @media (max-width: 768px) {
        .container {
            padding: 15px;
        }
        h1 {
            font-size: 1.8rem;
        }
    }


    .friendly {
        height: 400px;
    }

     .friendly h4 {
        color: #86362b;
        text-align: center;
            font-weight: 800;
    }

    .aerial-yoga img{
        width: 100%;
    height: 198px;
    }