/*=== web fonts ===*/

@import url('https://fonts.googleapis.com/css2?family=Actor&family=Outfit:wght@100..900&display=swap');

@font-face {
    font-family: 'ivy-presto-display';
    src: url('../webfonts/ivy-presto-display.otf');
}

@font-face {
    font-family: 'ivy-presto-display';
    src: url('../webfonts/IvyPrestoDisplay-Regular.otf');
    font-weight: 300;
}

@font-face {
    font-family: 'ivy-presto-display';
    src: url('../webfonts/IvyPrestoDisplay-Regular.otf');
    font-weight: 400;
}

@font-face {
    font-family: 'ivy-presto-display';
    src: url('../webfonts/IvyPrestoDisplay-Regular.otf');
    font-weight: 600;
}

@font-face {
    font-family: 'SweetSansPro';
    src: url('../webfonts/SweetSansProLight.otf');
    font-weight: 300;
}

@font-face {
    font-family: 'sofia-pro';
    src: url('../webfonts/sofia-pro-regular.otf');
    font-weight: 400;
}

@font-face {
    font-family: 'sofia-pro';
    src: url('../webfonts/sofia-pro-bold.otf');
    font-weight: 700;
}

@font-face {
    font-family: 'sofia-pro';
    src: url('../webfonts/sofia-pro-black.otf');
    font-weight: 800;
}

:root {
    --primary-font: "ivy-presto-display";
    --secondary-font: "sofia-pro";
    --third-font: "SweetSansPro";
    --fourth-font: "sofia-pro", sans-serif;
    --fifth-font: "Outfit", sans-serif;
    --bg-black: #000;
    --bg-white: #fff;
    --white: #fff;
    --black: #000;
}

/*=== Basic css ===*/
html,
body,
header,
footer,
main,
nav,
section,
div,
menu,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
strong,
i,
ol,
ul,
li,
form,
label,
button {
    margin: 0;
    padding: 0;
}

p {
    margin: 0;
}

ol,
ul {
    list-style: none;
}

button:focus,
a:focus,
input:focus,
textarea:focus {
    outline: none;
}

a {
    text-decoration: none;
    display: inline-block;
    transition: 0.2s all ease;
    -webkit-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
}

a:visited,
a:hover,
a:active {
    text-decoration: none;
}

img {
    max-width: 100%;
}

html {
    font-size: 0.521vw;
    overflow-x: hidden !important;
}

body {
    font-family: 'sofia-pro';
    font-size: 1.6rem;
    font-weight: 300;
    background: var(--bg-white);
    color: #CDF6CD;
    overflow-x: hidden !important;
}

p {
    font-family: var(--secondary-font);
}

.scrolltotop {
    width: 40px;
    height: 40px;
    line-height: 34px;
    border-radius: 50%;
    background: #00483C;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    position: fixed;
    right: 30px;
    bottom: 25px;
    display: none;
    animation: lab_top_up 5s linear infinite;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 2px solid #00483C;
    z-index: 8888;
}

.scrolltotop i {
    color: #ffff;
}

@keyframes lab_top_up {
    0% {
        transform: translateY(-15px);
    }

    50% {
        transform: translateY(0px);
    }

    100% {
        transform: translateY(-15px);
    }
}

.pluse,
.pluse2 {
    position: relative;
    top: 10px;
    left: -8px;
    z-index: -1;
}

.pluse::before,
.pluse2::before {
    width: 40px;
    height: 40px;
}

.pluse::after,
.pluse::before,
.pluse2::after,
.pluse2::before {
    background: #00483C;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    display: block;
    content: '';
    position: absolute;
    top: -1px;
    left: 2px;
}

.pluse::after,
.pluse2::after {
    width: 30px;
    height: 30px;
    background: transparent;
    margin-left: -15px;
    margin-top: -15px;
}

.pluse::before {
    -webkit-animation: pluse_animate 2.5s infinite linear;
    animation: pluse_animate 2.5s infinite linear;
}

.pluse2::before {
    -webkit-animation: pluse_animate 3s infinite linear;
    animation: pluse_animate 3s infinite linear;
}

@keyframes pluse_animate {
    0% {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) scale(0.3);
        transform: translate(-50%, -50%) scale(0.3);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) scale(2);
        transform: translate(-50%, -50%) scale(2);
    }
}

.container {
    max-width: 160rem;
    padding-left: 15px;
    padding-right: 15px;
}

.button {
    font-family: var(--secondary-font);
    font-size: 18px;
    font-weight: 600;
    color: #00473B;
    border: .1rem solid #F6FFBE;
    border-radius: 1.2rem;
    background: #3B28AD;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    /* width: 21.8rem;
    height: 5.4rem; */
    background: linear-gradient(95deg, #E3DACA 0%, #E7FF54 148.26%);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.10);
    z-index: 999;
    overflow: hidden;
    padding: 16px 22px;
    line-height: normal;
    width: fit-content;
}

.button:hover {
    color: #fff !important;
    border-color: transparent;
}

.button:after {
    content: '';
    position: absolute;
    width: 0%;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-100%);
    background: #00483C;
    z-index: -1;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
}

.button:before {
    content: '';
    position: absolute;
    width: 0%;
    height: 100%;
    top: 0;
    right: 51%;
    transform: translateX(100%);
    background: #00483C;
    z-index: -1;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
}

.button:hover:after {
    width: 60%;
}

.button:hover:before {
    width: 60%;
}

.button.white {
    background: #fff;
}

.button.white:hover img {
    filter: brightness(0) invert(1);
}

.main-body {
    background-image: url(../images/body-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/*=== Header area start ===*/

.header-area {
    background: #00483C;
}

.header-top {
    padding: 4.4rem 0;
    position: relative;
    z-index: 99;
    transition: 0.2s all ease;
    -webkit-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
}

.fixed-header {
    padding: 1.5rem 0 !important;
    width: 100%;
    top: 0;
    left: 0;
    background: #00483c;
    z-index: 1000;
    position: fixed;
    transition: 0.2s all ease;
    -webkit-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
}

.header-navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 155.8rem;
    margin: 0 auto;
}

.header-logo img {
    width: 24rem;
}

.header-navigation-link>ul {
    display: flex;
    align-items: center;
}

.header-navigation-link>ul>li {
    position: relative;
    padding: 1rem 0;
    margin-left: 4rem;
}

.header-navigation-link ul li a {
    font-family: var(--secondary-font);
    color: #E7FF54;
    font-size: 1.8rem;
    font-weight: 400;
    position: relative;
}

.header-navigation-link ul li a:after {
    content: '';
    position: absolute;
    width: 100%;
    height: .2rem;
    background: #E7FF54;
    left: 0;
    bottom: -.4rem;
    transform: scale(0);
    transition: 0.2s all ease;
    -webkit-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
}

.header-navigation-link ul li a:hover:after {
    transform: scale(1);
}

.header-navigation-link ul li a i {
    font-size: 1.6rem;
    margin-left: .8rem;
    transition: 0.2s all ease;
    -webkit-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
}

.header-navigation-link ul li a:hover i {
    transform: rotate(-180deg);
}

.header-navigation-link>ul>li>ul {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 30rem;
    padding: 2rem 1.6rem;
    transform: translateY(3rem);
    opacity: 0;
    visibility: hidden;
    z-index: 9999;
    background: var(--bg-white);
    transition: 0.2s all ease;
    -webkit-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
    border-radius: 1.6rem;
}

.header-navigation-link>ul>li>ul>li a {
    color: #000;
}

.header-navigation-link>ul>li>ul>li:hover a {
    color: #00483C;
}

.header-navigation-link>ul>li>ul>li:hover a:after {
    background: #00483C;
}

.header-navigation-link>ul>li>ul li {
    margin-bottom: 1rem;
}

.header-navigation-link>ul>li>ul li:last-of-type {
    margin-bottom: 0;
}

.header-navigation-link>ul>li:hover>ul {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.hamburger {
    cursor: pointer;
}

.hamburger img {
    width: 2.4rem;
}

/*=== offcanvas start ===*/

.offcanvas-start {
    width: 320px;
    border: none;
    background: #00483C;
}

.offcanvas-end {
    width: 320px;
    border: none;
    background: #00483C;
}

.offcanvas-body {
    padding: 30px 20px;
}

.side-menu-logo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.side-menu-logo img {
    width: 18rem;
}

.side-menu-logo .close {
    cursor: pointer;
    width: 25px;
    height: 25px;
}

.side-menu-logo .close span {
    width: 25px;
    height: 3px;
    display: block;
    background: #E7FF54;
    transition: 0.2s all ease;
    -webkit-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
}

.side-menu-logo .close span:nth-of-type(1) {
    transform: rotate(45deg);
    margin-top: 13px;
}

.side-menu-logo .close span:nth-of-type(2) {
    transform: rotate(-45deg);
    margin-top: -3px;
}

.side-menu-link ul li a {
    font-family: var(--secondary-font);
    color: #E7FF54;
    font-size: 1.8rem;
    font-weight: 400;
    margin-bottom: 1.6rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.side-menu-link ul li a i {
    font-size: 1.6rem;
    margin-left: .8rem;
    transition: 0.2s all ease;
    -webkit-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
}

.side-menu-link ul li a:after {
    content: '';
    position: absolute;
    width: 100%;
    height: .2rem;
    background: #E7FF54;
    left: 0;
    bottom: -.4rem;
    transform: scale(0);
    transition: 0.2s all ease;
    -webkit-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
}

.side-menu-link ul li a:hover:after {
    transform: scale(1);
}

.side-menu-link ul li a span i:nth-of-type(2) {
    display: none;
}

.side-menu-link ul li ul {
    padding-left: 1.6rem;
}

.side-menu-link ul li ul {
    display: none;
}

/*=== banner ===*/

.banner-area {
    padding: 7.6rem 0 5rem;
}

.banner-content h2 {
    color: #E7FF54;
    text-align: center;
    font-size: 10.9rem;
    font-weight: 300;
    line-height: 94.805%;
    margin-bottom: 4rem;
}

.banner-content p {
    color: #CDF6CD;
    text-align: center;
    font-size: 2.8rem;
    font-weight: 400;
    margin-bottom: 3rem;
}

.banner-content form {
    width: 40.1rem;
    padding: .5rem .4rem;
    background: #2B635A;
    border: .1rem solid #00372F;
    box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.25) inset;
    display: flex;
    align-items: center;
    border-radius: 1.8rem;
    margin: 0 auto;
}

.banner-content form div {
    width: calc(100% - 11rem);
    padding-right: 1rem;
}

.banner-content form div input {
    font-family: var(--secondary-font);
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    width: 100%;
    background: transparent;
    border: none;
    padding: 0 1rem;
}

.banner-content form div input::placeholder {
    color: #CDF6CD80;
    opacity: 1;
}

.banner-content form div input:placeholder {
    color: #FFF;
}

.banner-content form button {
    font-family: var(--secondary-font);
    color: #00483C;
    font-weight: 400;
    border-radius: 1.4rem;
    background: linear-gradient(176deg, #E7FF54 3.19%, #E7F785 85.93%);
    border-color: #F6FFBE;
    filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.10));
    width: 11rem;
    height: 5rem;
    font-size: 18px;
    line-height: 22px;
}

/*=== main-content ===*/

.main-content {
    overflow: hidden;
}

/*=== exploration area start ===*/

.exploration-area {
    position: relative;
    padding: 8.5rem 0 21rem;
    background-image: url(../images/exploration-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 24rem;
    background-color: #dddace;
    z-index: 9;
}

.exploration-area:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 24rem;
    background: #00483C;
    top: 0;
    left: 0;
    z-index: -1;
}

.exploration-content {
    width: 127rem;
    margin: 0 auto;
}

.exploration-item {
    background-image: url(../images/exploration-01.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 4rem 1.5rem 51rem;
    border-radius: 1.2rem;
}

.exploration-item img {
    width: 100%;
    display: none;
    margin-bottom: 2.5rem;
}

.exploration-item h3 {
    color: #173B31;
    text-align: center;
    font-size: 4.8rem;
    font-weight: 300;
    line-height: 109.375%;
    margin-bottom: 3.3rem;
}

/* .exploration-item a {
    font-size: 1.8rem;
    color: #00483C;
    border-color: F6FFBE;
    background: linear-gradient(95deg, #E3DACA 0%, #E7FF54 148.26%);
    width: 26.6rem;
    height: 5.23rem;
    margin: 0 auto;
    position: relative;
    z-index: 99;
    font-weight: 600;
} */
.exploration-item a {
    /* font-size: 1.8rem; */
    color: #00483C;
    border-color: F6FFBE;
    background: linear-gradient(95deg, #E3DACA 0%, #E7FF54 148.26%);
    width: auto;
    height: auto;
    margin: 0 auto;
    position: relative;
    z-index: 99;
    font-weight: 600;
    padding: 16px 22px;
    line-height: normal;
}

.exploration-item-second {
    display: flex;
    align-items: end;
    justify-content: center;
    flex-wrap: wrap;
}

.exploration-item-second-left {
    padding-bottom: 4rem;
    position: relative;
    z-index: 91;
}

.exploration-item-second-left h3 {
    color: #00483B;
    font-size: 4.8rem;
    font-weight: 400;
    font-style: italic;
    line-height: 109.375%;
}

.exploration-item-second-image {
    padding: 0 4.7rem;
    position: relative;
    margin-top: -46rem;
    z-index: 9;
}

.exploration-item-second-image img {
    width: 36.4rem;
}

.exploration-item-second-image-inner {
    width: 78rem;
    position: absolute;
    top: -14.3rem;
    right: -10.9rem;
    z-index: -1;
}

.exploration-item-second-image-inner img {
    width: 100%;
}

.exploration-item-second-right {
    position: relative;
    z-index: 91;
}

.exploration-item-second-right h3 {
    color: #00483B;
    font-size: 4.4rem;
    font-weight: 400;
    margin-bottom: .5rem;
}

.exploration-item-second-right p {
    color: #00483B;
    font-size: 16px;
    font-weight: 400;
    line-height: 125%;
    margin-bottom: 3rem;
}

.exploration-item-second-right a {
    color: #00473B;
    background: linear-gradient(95deg, #E3DACA 0%, #E7FF54 148.26%);
    /* width: 17rem; */
    width: fit-content;
}

/*=== about area start ===*/

.about-area {
    position: relative;
    z-index: 91;
}

.about-area .exploration-content {
    margin-top: -12.5rem;
}

.about-item {
    background-image: url(../images/about-bg.png);
    background-repeat: no-repeat;
    background-size: 72% 100%;
    background-position: top left;
    background-color: #00483C;
    border-radius: 1.8rem;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 9;
    padding: 8.1rem 6.3rem 9.7rem 5.7rem;
}

.about-item:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(../images/about-mobile-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 1.8rem;
    z-index: -1;
    display: none;
}

.about-left {
    width: calc(100% - 51.7rem);
    /*padding-top: 3rem;*/
    padding-top: 0rem;
    padding-right: 7.3rem;
}

.about-left h6 {
    font-family: var(--third-font);
    color: #DEDACE;
    font-size: 1.6rem;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 1.6rem;
}

.about-left h2 {
    color: #F1F1F1;
    font-size: 4.4rem;
    font-weight: 300;
    margin-bottom: 2.3rem;
    font-family: var(--primary-font);
}

.about-left p {
    color: #CDF6CD;
    /*font-size: 2rem;*/
    font-size: 20px;
    font-weight: 400;
    /*line-height: 125%;*/
    line-height: 25px;
    /*width: 49.5rem;*/
    width: 100%;
    margin-bottom: 2.5rem;
    font-family: var(--secondary-font);
}

/* .about-left p:last-of-type {
    margin-bottom: 0;
} */

.about-right {
    width: 51.7rem;
    background-image: url(../images/about-01.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 1.8rem;
    padding: 45rem 1.5rem 4.5rem 4.5rem;
    position: relative;
    z-index: 9;
}

.about-right:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(../images/about-04.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 1.8rem !important;
    z-index: -1;
}

.about-right:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(../images/about-06.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 1.8rem !important;
    z-index: -1;
    display: none;
}

.about-right h3 {
    color: #FFF;
    font-size: 36px;
    font-weight: 300;
    line-height: 132.143%;
    margin-bottom: 2.4rem;
    text-align: right;
    text-transform: capitalize;
}

.about-right p {
    color: #FFF;
    font-size: 24px;
    font-weight: 300;
    text-align: right;
    text-transform: capitalize;
}

.about-right-image {
    position: absolute;
    width: 12rem;
    right: -4.6rem;
    bottom: 35.1rem;
}

.about-right-image img {
    width: 100%;
}

.about-item-second {
    width: 45%;
    /* margin-left: 7.5rem; */
    margin-left: 6.5rem;
    /* margin-top: -37.5rem; */
    margin-top: -20.5rem;
    position: relative;
    z-index: 9;
}

.about-item-second img {
    width: 100%;
}

.about-item-second img:nth-of-type(2) {
    display: none;
    border-radius: 1rem;
}

/*=== academy area start ===*/

.academy-area {
    padding-top: 4.4rem;
}

.academy-item {
    padding: 14rem 1.5rem 11.5rem;
    /*background-image: url(../images/academy-01.jpg);*/
    background-image: url(../images/vedanta-elearning.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 1.2rem;
    text-align: center;
    position: relative;
}

.academy-item:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(../images/academy-01.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 1.2rem;
    z-index: -1;
    display: none;
}

.academy-item h2 {
    color: #E7FF54;
    font-size: 10.9rem;
    font-weight: 300;
    margin-bottom: 1.4rem;
}

.academy-item p {
    color: #E7FF54;
    font-size: 3.4rem;
    font-weight: 400;
}

.academy-item-second {
    padding: .5rem 0 2.6rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: .5rem;
}

.academy-item-second-inner {
    padding: 4.7rem 4.4rem 4.7rem 4rem;
    border-radius: 1.4rem;
    background: #EDEDED;
    margin-bottom: 3rem;

    /* KEY CHANGES */
    display: flex;
    flex-direction: column;
    /* height: 100%; Force cards to be equal height  */
    box-sizing: border-box;
    width: 100%;
}

.academy-item-second-inner-icon {
    width: 4.5rem;
    height: 4.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.2rem;
    border: .1rem solid #F6FFBE;
    background: linear-gradient(95deg, #E3DACA 0%, #E7FF54 148.26%);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.10);
    margin-bottom: 1.9rem;
}

.academy-item-second-inner-icon img {
    width: 2.4rem;
}

.academy-item-second-inner h2 {
    color: #00483C;
    font-size: 3.4rem;
    font-weight: 400;
    margin-bottom: 3rem;
    font-family: var(--primary-font);
}

.academy-item-second-inner h4 {
    color: #00483C;
    font-size: 2.4rem;
    font-weight: 400;
    margin-bottom: 1.3rem;
}

.academy-item-second-inner p {
    color: #00483B;
    font-size: 16px;
    font-weight: 400;
    line-height: 125%;
    min-height: 7.9rem;
    margin-bottom: 2.1rem;
}

/* #books a.button {
    color: #173B31;
    width: 14.1rem;
    height: 4.5rem;
    text-transform: capitalize;
    background: linear-gradient(262deg, #E3DACA -18.87%, #E7FF54 137.38%);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.10);
    position: relative;
    bottom: 5px;
} */

/* .academy-item-second-inner a.button {
    margin-top: auto !important;
    align-self: flex-start;
    position: relative;
    bottom: 0 !important;
    font-family: var(--secondary-font);
    font-size: 1.6rem;
    font-weight: 700;
    color: #00473B;
    border: .1rem solid #F6FFBE;
    border-radius: 1.2rem;
    background: linear-gradient(262deg, #F2EDE4 -18.87%, #F5FFB8 137.38%);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.10);
    height: 5.4rem;
    padding: 0 1.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    transition: color 0.2s ease, border-color 0.2s ease;
} */
.academy-item-second-inner a.button {
    margin-top: auto !important;
    /* align-self: flex-start;
    position: relative; */
    bottom: 0 !important;
    /* font-family: var(--secondary-font);
    font-size: 1.6rem;
    font-weight: 700;
    color: #00473B;
    border: .1rem solid #F6FFBE;
    border-radius: 1.2rem;
    background: linear-gradient(262deg, #F2EDE4 -18.87%, #F5FFB8 137.38%);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.10);
    height: 5.4rem;
    padding: 0 1.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    transition: color 0.2s ease, border-color 0.2s ease; */
}

.academy-item-second-inner a.button {
    bottom: 20px;
}

/*=== location area start ===*/

.location-area {
    padding: 6.7rem 0 5.2rem;
    background: #dcd0bb;
}

.location-content {
    width: 126.2rem;
    margin: 0 auto;
}

.location-content h2 {
    color: #00483C;
    text-align: center;
    font-size: 3.4rem;
    font-weight: 400;
    margin-bottom: 4.9rem;
}

.location-item {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 8.2rem;
}

.location-item-inner ul li a {
    font-family: var(--third-font);
    color: #00483B;
    font-size: 1.6rem;
    font-weight: 400;
    text-transform: uppercase;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.4rem 0 2.1rem;
    border-bottom: .1rem solid #C7B9A3;
    margin-bottom: 1.1rem;
}

.location-item-inner ul li a img {
    width: 2.4rem;
    transition: 0.2s all ease;
    -webkit-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
    transform: rotate(270deg);

}

.location-item-inner ul li a:hover {
    color: #e7ff54;
}

.location-item-inner ul li a:hover img {
    filter: brightness(0) saturate(100%) invert(99%) sepia(96%) saturate(1075%) hue-rotate(11deg) brightness(102%) contrast(101%);
}

/*=== footer area start ===*/

.footer-area {
    background-image: url(../images/footer-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 6.1rem;
    position: relative;
    z-index: 9;
    overflow: hidden;
}

.footer-area:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(../images/footer-mobile-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: -1;
    display: none;
}

.footer-content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.footer-left {
    width: 36.4rem;
    position: relative;
    margin-right: 7.9rem;
    z-index: 9;
}

.footer-left-image>img {
    width: 100%;
}

.footer-left-image-shadow {
    position: absolute;
    width: 78rem;
    top: -13rem;
    right: -10rem;
    z-index: -1;
}

.footer-left-image-shadow img {
    width: 100%;
}

.footer-form {
    width: 35rem;
    margin-right: 26.8rem;
    position: relative;
    z-index: 91;
}

.footer-form h2 {
    color: #E7FF54;
    font-size: 3.4rem;
    font-weight: 700;
}

.footer-form p {
    font-family: var(--third-font);
    color: #CDF6CD;
    font-size: 1.6rem;
    font-weight: 350;
    text-transform: uppercase;
    margin-bottom: 2.7rem;
}

.footer-form form {
    display: flex;
    align-items: center;
    padding: .5rem;
    background: linear-gradient(180deg, rgba(218, 218, 218, 0.25) 0.01%, rgba(255, 255, 255, 0.25) 92.26%);
    border: .1rem solid #5FA08E;
    backdrop-filter: blur(200px);
}

.footer-form form div {
    width: calc(100% - 5rem);
    padding-right: 1rem;
}

.footer-form form div input {
    font-family: var(--secondary-font);
    color: #CDF6CD;
    font-size: 1.8rem;
    font-weight: 500;
    width: 100%;
    background: transparent;
    font-style: italic;
    border: none;
    padding: 0 1rem;
    text-transform: capitalize;
}

.footer-form form div input:placeholder {
    color: #CDF6CD;
}

.footer-form form button {
    width: 5rem;
    flex: 0 0 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: .6rem;
}

.footer-form form button img {
    width: 100%;
}

.footer-right {
    position: relative;
    z-index: 91;
}

.footer-right ul li a {
    font-family: var(--third-font);
    color: #CDF6CD;
    font-size: 1.6rem;
    font-weight: 700;
    display: inline-block;
    text-transform: uppercase;
    margin-bottom: 2.2rem;
}

.footer-right ul li:last-of-type a {
    margin-bottom: 0;
}

.footer-right ul li a:hover {
    color: #E7FF54;
}

.modal-content {
    padding: 3rem 20px;
    background: #fff;
    position: relative;
}

.modal-content button {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: .4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: #000;
    font-size: 1.5rem;
    color: #fff;
    position: absolute;
    top: .5rem;
    right: .5rem;
}

.modal-content p {
    color: #00483B;
    font-size: 1.8rem;
    font-weight: 400;
    text-align: center;
}

/*=== vedanta page start ===*/

.vedanta-header {
    background-image: url(../images/vedanta-header-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.vedanta-header .banner-area {
    padding: 13rem 0 37rem;
}

.vedanta-header .banner-content h2 {
    margin-bottom: 2rem;
}

.main-content-second {
    transform: translateY(-25rem);
    margin-bottom: -25rem;
}

.vedanta-area {
    padding-bottom: 40px;
}

.vedanta-content {
    width: 109.8rem;
    margin: 0 auto 0;
}

.vedanta-item {
    margin-bottom: 50px;
}

.vedanta-item-inner {
    background-image: url(../images/vedanta-01.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 1.6rem;
    padding: 20.9rem 0;
    text-align: center;
    margin-bottom: 3.2rem;
}

.vedanta-item-inner h2 {
    color: #E7FF54;
    font-size: 10.9rem;
    font-weight: 300;
}

.vedanta-item-inner h2 a {
    color: #E7FF54;
}

.vedanta-item-inner h2 img {
    width: 6.33rem;
}

.vedanta-item p {
    font-family: var(--secondary-font);
    color: #00483B;
    /*text-align: center;*/
    text-align: justify;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 122.222%;
    /*width: 70rem;*/
    width: 100%;
    margin: 0 auto 2rem;
}

.vedanta-item p:last-of-type {
    margin-bottom: 0;
}

.vedanta-item p strong {
    font-weight: 700;
    display: block;
}

.vedanta-content ul li:nth-of-type(1) .vedanta-item p {
    /*width: 82.2rem;*/
    width: 100%;
}

.vedanta-content ul li:nth-of-type(2) .vedanta-item p {
    /*width: 74.5rem;*/
    width: 100%;
}

.vedanta-content ul li:nth-of-type(2) .vedanta-item-inner {
    background-image: url(../images/vedanta-02.png);
}

.vedanta-content ul li:nth-of-type(3) .vedanta-item-inner {
    background-image: url(../images/vedanta-03.jpg);
}

.vedanta-content ul li:nth-of-type(4) .vedanta-item-inner {
    background-image: url(../images/vedanta-04.png);
}

.vedanta-content ul li:nth-of-type(5) .vedanta-item-inner {
    background-image: url(../images/vedanta-05.jpg);
}

/*=== academy page start ===*/

.academy-header .header-top {
    padding-bottom: 2.1rem;
}

.academy-header .banner-area {
    padding: 0 0 6.4rem;
}

.banner-item-inner {
    background-image: url(../images/academy-06.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 19rem 1.5rem 14.4rem;
    border-radius: 1.6rem;
    width: 127.3rem;
    margin: 0 auto 4rem;
    position: relative;
    z-index: 9;
}

.banner-item-inner:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/academy-07.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: -1;
    display: none;
}

.banner-item-inner a {
    width: 19.4rem;
    margin: 0 auto;
}

.banner-item p {
    font-family: var(--primary-font);
    color: #E7FF54;
    font-size: 4.8rem;
    font-weight: 300;
    line-height: 109.375%;
    width: 114rem;
    margin: 0 auto;
}

/*=== course area start ===*/

.course-area {
    padding-top: 6.9rem;
}

.course-content {
    width: 127rem;
    margin: 0 auto;
}

.course-item-inner {
    background-image: url(../images/course-01.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 20rem 1.5rem 23.4rem;
    border-radius: 1.6rem;
    margin-bottom: 3.9rem;
    text-align: center;
    position: relative;
    z-index: 9;
}

.course-item-inner:after {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(../images/course-04.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 1.6rem;
    position: absolute;
    z-index: -1;
    display: none;
}

.course-item-inner h2 {
    color: #E7FF54;
    font-size: 10.9rem;
    font-weight: 300;
    text-transform: capitalize;
}

.course-item-inner-second {
    text-align: center;
    margin-bottom: 5.1rem;
    position: relative;
    z-index: 1;
}

.course-item p {
    color: #00483B;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 125%;
    margin: 0 auto 2rem;
}

.course-item-inner-second p {
    width: 79.5rem;
}

.course-item a {
    margin: 0 auto;
}

.course-item-inner-third {
    background-image: url(../images/course-02.jpg);
    padding-bottom: 18rem;
}

.course-item-inner-third:after {
    background-image: url(../images/course-02.jpg);
}

.course-item-inner h4 {
    color: #E7FF54;
    font-size: 3.4rem;
    font-weight: 600;
}

.course-item-title {
    text-align: center;
    margin: 5.5rem 0 -1rem;
}

.course-item-title h2 {
    color: #F1F1F1;
    font-size: 22.9rem;
    font-weight: 300;
    line-height: 94.805%;
    pointer-events: none;
}

.course-item-inner-fourth {
    background-image: url(../images/course-03.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 33.2rem 3.4rem 3.6rem;
    border-radius: 1.6rem;
    margin-bottom: 4.7rem;
    position: relative;
    z-index: 9;
}

.course-item-inner-fourth:after {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(../images/course-05.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 1.6rem;
    position: absolute;
    z-index: -1;
    display: none;
}

.course-item-inner-fifth {
    width: 61.1rem;
    padding: 2.3rem 4.2rem 0 3.5rem;
    background: #E0DACC;
}

.course-item-inner-fifth h3 {
    color: #00483C;
    font-size: 3.4rem;
    font-weight: 600;
    margin-bottom: .3rem;
}

.course-item-inner-fifth a {
    width: 19.8rem;
    margin: 0;
    transform: translateY(2rem);
}

.course-item-inner-seventh {
    padding-left: 4.1rem;
    padding-right: 8rem;
    padding-bottom: 3rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 6.1rem;
}

/*=== activitise area start ===*/

.activitise-item ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.25rem;
}

.activitise-item ul li {
    width: 33.333%;
    padding: 0 .25rem;
}

.activitise-item-inner {
    background-image: url(../images/activitise-01.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-bottom: 2rem;
    display: flex;
    align-items: end;
    justify-content: center;
    border-radius: 1.6rem;
    margin-bottom: .5rem;
    min-height: 48rem;
    text-align: center;
    position: relative;
    z-index: 9;
}

.activitise-item-inner:after {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(../images/activitise-10.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 1.6rem;
    position: absolute;
    z-index: -1;
    display: none;
}

.activitise-item-inner h2 {
    color: #F1F1F1;
    font-size: 8.31rem;
    font-weight: 300;
}

.activitise-item ul li:nth-of-type(2),
.activitise-item ul li:nth-of-type(6),
.activitise-item ul li:nth-of-type(9) {
    width: 66.666%;
}

.activitise-item ul li:nth-of-type(2) .activitise-item-inner {
    background-image: url(../images/activitise-02.png);
}

.activitise-item ul li:nth-of-type(2) .activitise-item-inner:after {
    background-image: url(../images/activitise-11.png);
}

.activitise-item ul li:nth-of-type(3) .activitise-item-inner {
    background-image: url(../images/activitise-03.png);
}

.activitise-item ul li:nth-of-type(3) .activitise-item-inner:after {
    background-image: url(../images/activitise-12.png);
}

.activitise-item ul li:nth-of-type(4) .activitise-item-inner {
    background-image: url(../images/activitise-04.png);
}

.activitise-item ul li:nth-of-type(4) .activitise-item-inner:after {
    background-image: url(../images/activitise-13.png);
}

.activitise-item ul li:nth-of-type(5) .activitise-item-inner {
    background-image: url(../images/activitise-05.png);
}

.activitise-item ul li:nth-of-type(5) .activitise-item-inner:after {
    background-image: url(../images/activitise-14.png);
}

.activitise-item ul li:nth-of-type(6) .activitise-item-inner {
    background-image: url(../images/activitise-06.png);
}

.activitise-item ul li:nth-of-type(6) .activitise-item-inner:after {
    background-image: url(../images/activitise-15.png);
}

.activitise-item ul li:nth-of-type(7) .activitise-item-inner {
    background-image: url(../images/activitise-07.png);
}

.activitise-item ul li:nth-of-type(7) .activitise-item-inner:after {
    background-image: url(../images/activitise-16.png);
}

.activitise-item ul li:nth-of-type(8) .activitise-item-inner {
    background-image: url(../images/activitise-08.png);
}

.activitise-item ul li:nth-of-type(8) .activitise-item-inner:after {
    background-image: url(../images/activitise-17.png);
}

.activitise-item ul li:nth-of-type(9) .activitise-item-inner {
    background-image: url(../images/activitise-09.png);
}

.activitise-item ul li:nth-of-type(9) .activitise-item-inner:after {
    background-image: url(../images/activitise-18.png);
}

/*=== contact area start ===*/

.contact-area {
    padding: 11.5rem 0 8.2rem;
}

.contact-item {
    padding: 4rem 1.5rem 19.6rem;
    position: relative;
    z-index: 9;
}

.contact-item:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(../images/contact-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    filter: blur(50px);
    z-index: -1;
}

.contact-item:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(../images/contact-bg-mobile.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    filter: blur(15px);
    z-index: -1;
    display: none;
}

.contact-item-inner {
    text-align: center;
    margin-bottom: 2.9rem;
}

.contact-item-inner h2 {
    color: #E7FF54;
    font-size: 10.9rem;
    font-weight: 300;
    margin-bottom: .8rem;
}

.contact-item-inner p {
    color: #00483B;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 125%;
}

.contact-item-inner p a {
    color: #00483B;
    text-decoration: underline;
}

.contact-item-inner p a:hover {
    color: #E7FF54;
}

.contact-item-inner-second {
    width: 40.1rem;
    margin: 0 auto;
}

.contact-item-inner-second input,
.contact-item-inner-second textarea {
    font-family: var(--secondary-font);
    color: rgba(205, 246, 205, 0.50);
    font-size: 1.8rem;
    font-weight: 700;
    text-transform: capitalize;
    width: 100%;
    height: 6rem;
    display: flex;
    align-items: center;
    padding: 0 1.5rem;
    border-radius: 1.6rem;
    background: #2B635A;
    border: .05rem solid #00372F;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25) inset;
    margin-bottom: 1rem;
}

.contact-item-inner-second input::placeholder,
.contact-item-inner-second textarea::placeholder {
    color: rgba(205, 246, 205, 0.50);
    opacity: 1;
}

.contact-item-inner-second textarea {
    resize: none;
    padding: 1.8rem 1.5rem;
    height: 13.5rem;
    margin-bottom: 1.3rem;
}

.contact-item-inner-second button {
    width: 100%;
    height: 5rem;
}

/*=== residential course page start ===*/

.residential-header .banner-area {
    padding: 1.4rem 0 7.7rem;
}

.residential-header .banner-content a {
    width: 19.4rem;
    margin: 0 auto;
}

/*=== unique area start ===*/

.unique-area {
    padding-top: 5.2rem;
}

.unique-item-inner h3 {
    color: #00483C;
    text-align: center;
    font-size: 4.8rem;
    font-weight: 300;
    line-height: 109.375%;
    width: 114rem;
    margin: 0 auto 2rem;
}

.unique-item-inner-second {
    background-image: url(../images/unique-01.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 20rem 7rem;
    text-align: center;
    border-radius: 1.6rem;
    margin-bottom: 3rem;
    position: relative;
    z-index: 9;
}

.unique-item-inner-second:after {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(../images/unique-04.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    z-index: -1;
    display: none;
}

.unique-item-inner-second h3 {
    color: #E7FF54;
    font-size: 4.8rem;
    font-weight: 300;
    line-height: 109.375%;
}

.unique-item-inner-third {
    background-image: url(../images/unique-02.jpg);
}

.unique-item-inner-third:after {
    background-image: url(../images/unique-05.png);
}

.unique-item-inner-fourth {
    background-image: url(../images/unique-03.jpg);
}

.unique-item-inner-fourth:after {
    background-image: url(../images/unique-06.png);
}

/*=== living area start ===*/

.living-area {
    padding-top: 2.4rem;
}

.living-item {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.2rem;
    justify-content: center;
    gap: 10px 0;
}

.living-item-inner {
    width: 66.666%;
    padding: 0 .2rem;
}

.living-item-inner-second {
    background-image: url(../images/living-01.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 1rem;
    text-align: center;
    border-radius: 1.6rem;
    margin-bottom: .4rem;
    min-height: 59rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 9;
}

.living-item-inner-second:after {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(../images/living-03.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 1.6rem;
    position: absolute;
    z-index: -1;
    display: none;
}

.living-item-inner-second h3 {
    color: #E7FF54;
    font-size: 10.9rem;
    font-weight: 300;
    font-family: var(--primary-font);
}

.living-item-inner .academy-item-second-inner {
    padding: 4.7rem 4rem;
    min-height: 44.6rem;
}

.living-item-inner .academy-item-second-inner p {
    /* min-height: 100%; */
    margin: 0;
}

#upevent .living-item-inner-second {
    width: 100%;
}

.living-item-inner-second {
    width: 50%;
}

.living-item-inner-third {
    width: 33.333%;
}

.books>div:nth-of-type(1) .academy-item-second-inner {
    padding-top: 7rem;
}

.books .living-item-inner-second {
    background-image: none !important;
    min-height: 25rem;
}

.books .living-item-inner-second .books-second-inner {
    background-image: none !important;
    /* min-height: 25rem; */
}

.books .living-item-inner-second:after {
    background-image: none !important;
}

.books .academy-item-second-inner ul li a.button {
    text-align: center;
}

.books .academy-item-second-inner ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.living-item-inner .academy-item-second-inner {
    margin-bottom: .4rem;
}

.living-item-inner .academy-item-second-inner p a {
    color: #00483B;
    text-decoration: underline;
}

.living-item-inner .academy-item-second-inner p a:hover {
    color: #00483c;
}

.living-item-inner-third .living-item-inner-second {
    background-image: url(../images/living-02.png);
}

.living-item-inner-third .living-item-inner-second:after {
    background-image: url(../images/living-04.png);
}

.living-item-inner-fourth {
    width: 100%;
}

.living-item-inner-fourth .academy-item-second-inner {
    min-height: 25.6rem;
}

.living-item-second {
    background-image: url(../images/living-07.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 8.9rem 1rem 7.3rem;
    text-align: center;
    margin: 3.9rem 0 5.4rem;
    position: relative;
    z-index: 9;
    text-align: center;
}

.living-item-second:after {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(../images/living-08.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    position: absolute;
    z-index: -1;
    display: none;
}

.living-item-second h2 {
    color: #00483C;
    font-size: 4.96rem;
    font-weight: 600;
    margin-bottom: 2.4rem;
}

.living-item-second p {
    color: #00483B;
    font-size: 2.8rem;
    font-weight: 400;
    line-height: 114.286%;
    width: 97rem;
    margin: 0 auto 2.4rem;
}

.living-item-second a.button {
    width: 19.8rem;
    margin: 0 auto;
}

.living-item-third .academy-item-second-inner {
    padding: 4.7rem 4rem 6.5rem;
}

.living-item-third .academy-item-second-inner p {
    min-height: 12rem;
}

.living-item-third .academy-item-second-inner a.button {
    width: 14.1rem;
    height: 4.5rem;
}

.living-item-inner-fifth .academy-item-second-inner a.button {
    width: 15.7rem;
}

.living-item-third .living-item-inner {
    margin-bottom: .4rem;
}

/*=== contact area start ===*/

.contact-area-second {
    padding: 0;
    overflow: hidden;
    margin-top: -.8rem;
}

.contact-area-second .contact-item {
    padding-top: 8rem;
    padding-bottom: 17rem;
}

.information-item {
    padding-bottom: 7.2rem;
    text-align: center;
}

.information-item h2 {
    color: #00483C;
    font-size: 3.4rem;
    font-weight: 600;
    margin-bottom: 1.6rem;
}

.information-item p {
    color: #00483B;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 125%;
    width: 69rem;
    margin: 0 auto 1.6rem;
}

.information-item p a {
    color: #00483B;
    text-decoration: underline;
}

.information-item a.button {
    width: 19.8rem;
    margin: 0 auto;
}

/*=== upcoming event page start ===*/

.upcoming-header {
    background-image: url(../images/vedanta-header-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.upcoming-header .banner-item-inner {
    background-image: url(../images/upcoming-01.jpg);
}

.upcoming-header .banner-item-inner:after {
    background-image: url(../images/upcoming-02.png);
}

/*upcoming home*/
.upcoming-event {
    padding: 6.7rem 0 5.2rem;
}

.upcoming-event .lecture-item {
    width: 25%;
    padding: 0 .2rem;
    /*Additional*/
    display: flex;
    /*flex-direction: column;*/
    /*End*/
}

.upcoming-event .lecture-item-inner {
    /*Additional*/
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    /*End*/
    padding: 4.3rem 3.4rem 3.6rem 3.9rem;
    border-radius: 1.4rem;
    background: #EDEDED;
    margin-bottom: .4rem;
}

.upcoming-event .lecture-item-inner-upper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2.3rem;
}

.upcoming-event.lecture-item-inner-upper div {
    width: 4.47rem;
    height: 4.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.2rem;
    border: .1rem solid #F6FFBE;
    background: linear-gradient(95deg, #E3DACA 0%, #E7FF54 148.26%);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.10);
}

.upcoming-event .lecture-item-inner-upper div img {
    width: 2.4rem;
}

.upcoming-event .lecture-item-inner-upper div:nth-of-type(2) {
    border: .1rem solid #F6FFBE;
    background: #EDEDED;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.10);
}

.upcoming-event .lecture-item-inner h3 {
    color: #111F19;
    font-size: 2.2rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.3rem;
}

.upcoming-event .lecture-item-inner h3 span {
    color: rgba(17, 31, 25, 0.50);
}

.upcoming-event .lecture-item-inner h2 {
    color: #00483C;
    font-size: 3.4rem;
    font-weight: 400;
    line-height: 100%;
    width: 26rem;
    margin-bottom: 1rem;
}

.upcoming-event .lecture-item-inner h4 {
    color: #111F19;
    font-size: 2.2rem;
    font-weight: 500;
    margin-bottom: 10px;
}

.upcoming-event .lecture-bottom {
    padding-top: 4rem;
}

.upcoming-event .lecture-bottom a {
    width: 19.8rem;
    margin: 0 auto;
}

/* .upcoming-event .lecture-content a.button {
    color: #173B31;
    width: 14.1rem;
    height: 4.5rem;
    text-transform: capitalize;
    background: linear-gradient(262deg, #E3DACA -18.87%, #E7FF54 137.38%);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.10);
    margin-top: auto;
} */





#upcoming {
    /*background-image: url(../images/upcoming-01.jpg);*/
    background-image: url(../images/upcoming-events.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/*=== lecture area start ===*/
.lecture-tabs {
    list-style: none;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
    /* Controls spacing between buttons */
    padding: 0;
    margin: 2rem 0;
}

/* .lecture-tabs li {
    flex: 1 1 200px;
    max-width: 220px;
} */

.lecture-tabs li a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2.8rem 2.5rem;
    text-align: center;
    background: linear-gradient(to right, #ffffcc, #f2e68c);
    border-radius: 12px;
    text-decoration: none;
    color: #173B31;
    font-weight: 500;
    transition: background 0.3s ease;
    white-space: nowrap;
    width: 100%;
    box-sizing: border-box;
}

/*
.lecture-item {
  display: block; 
}*/

@media (max-width: 768px) {
    .lecture-tabs li {
        flex: 1 1 100%;
        max-width: none;
    }
}



.lecture-area {
    padding-top: 2.9rem;
    padding-bottom: 2.9rem;
}

.lecture-upper ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.lecture-upper ul li a {
    /*width: 18rem;*/
    width: fit-content;
    height: 4.5rem;
    background: linear-gradient(262deg, #E3DACA -18.87%, #E7FF54 137.38%);
    margin: 0 .8rem;
}



.lecture-upper ul li a img {
    width: 2rem;
}

/*
.lecture-upper ul li:nth-of-type(2) a {
    width: 16.4rem;
}

.lecture-upper ul li:nth-of-type(3) a {
    width: 21.8rem;
}*/

.lecture-content {
    display: flex;
    margin: 0.2rem;
    gap: 3px;
}

.lecture-item {
    width: 100%;
    padding: 0 .2rem;
    /*Additional*/
    display: flex;
    margin-bottom: .4rem;
    /*flex-direction: column;*/
    /*End*/
}

.lecture-item-inner {
    /*Additional*/
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    /*End*/
    padding: 4.3rem 3.4rem 3.6rem 3.9rem;
    border-radius: 1.4rem;
    background: #EDEDED;
    margin-bottom: .4rem;
    height: 100%;
}

.lecture-item-inner-upper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2.3rem;
}

.lecture-item-inner-upper div {
    width: 4.47rem;
    height: 4.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.2rem;
    border: .1rem solid #F6FFBE;
    background: linear-gradient(95deg, #E3DACA 0%, #E7FF54 148.26%);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.10);
}

.lecture-item-inner-upper div img {
    width: 2.4rem;
}

.lecture-item-inner-upper div:nth-of-type(2) {
    border: .1rem solid #F6FFBE;
    background: #EDEDED;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.10);
}

.lecture-item-inner h3 {
    color: #111F19;
    font-size: 2.2rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.3rem;
}

.lecture-item-inner h3 span {
    color: rgba(17, 31, 25, 0.50);
}

.lecture-item-inner h2 {
    color: #00483C;
    font-size: 3.4rem;
    font-weight: 600;
    line-height: 100%;
    width: 26rem;
    margin-bottom: 1rem;
}

.lecture-item-inner h4 {
    color: #111F19;
    font-size: 2.2rem;
    font-weight: 600;
    margin-bottom: 10px;
}

.lecture-bottom {
    padding-top: 4rem;
}

.lecture-bottom a {
    width: 19.8rem;
    margin: 0 auto;
}

/* .lecture-content a.button {
    color: #173B31;
    width: 14.1rem;
    height: 4.5rem;
    text-transform: capitalize;
    background: linear-gradient(262deg, #E3DACA -18.87%, #E7FF54 137.38%);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.10);
    margin-top: auto;
} */

.eventd h2 {
    color: #00483C;
    font-size: 3.2rem;
    font-weight: 600;
    line-height: 100%;
    margin-bottom: 1rem;
}

.eventd h4 {
    color: #111F19;
    font-size: 2.2rem;
    font-weight: 600;
    margin-bottom: 10px;
}

.eventd p {
    text-align: left;
}

.eventd p a {
    color: #00483C;
}

.eventdesc span:nth-child(1) {
    color: #00483C;
    font-weight: 600;
    font-family: var(--secondary-font);
}

.eventdesc1 {
    font-size: 18px;
    color: #00483C;
}





/*=== living area start ===*/

.living-area-second {
    padding-top: 6.2rem;
}

.living-area-second .living-item>div:nth-of-type(1) .living-item-inner-second {
    background-image: url(../images/living-09.png);
}

.living-area-second .living-item>div:nth-of-type(1) .living-item-inner-second:after {
    background-image: url(../images/living-09.png);
}

.living-area-second .living-item>div:nth-of-type(2) .living-item-inner-second {
    background-image: url(../images/living-10.png);
}

.living-area-second .living-item>div:nth-of-type(2) .living-item-inner-second:after {
    background-image: url(../images/living-10.png);
}

.living-area-second .living-item>div:nth-of-type(3) .living-item-inner-second {
    background-image: url(../images/living-11.png);
}

.living-area-second .living-item>div:nth-of-type(3) .living-item-inner-second:after {
    background-image: url(../images/living-11.png);
}

/*=== retreat page start ===*/

.retreat-header .banner-item-inner {
    background-image: url(../images/retreat-01.png);
}

.retreat-header .banner-item-inner:after {
    background-image: url(../images/retreat-02.png);
}

/*=== living area start ===*/

.living-area-third {
    padding-top: 8.5rem;
}

.living-area-third .living-item>div:nth-of-type(1) .living-item-inner-second {
    background-image: url(../images/living-12.png);
}

.living-area-third .living-item>div:nth-of-type(1) .living-item-inner-second:after {
    background-image: url(../images/living-12.png);
}

.living-area-third .living-item>div:nth-of-type(2) .living-item-inner-second {
    background-image: url(../images/living-13.png);
}

.living-area-third .living-item>div:nth-of-type(2) .living-item-inner-second:after {
    background-image: url(../images/living-13.png);
}

.living-area-third .living-item>div:nth-of-type(3) .living-item-inner-second {
    background-image: url(../images/living-14.png);
}

.living-area-third .living-item>div:nth-of-type(3) .living-item-inner-second:after {
    background-image: url(../images/living-14.png);
}

.living-area-third .living-item>div:nth-of-type(4) .academy-item-second-inner {
    min-height: 59rem;
}

.living-area-third .academy-item-second-inner {
    margin-bottom: .9rem;
}

.living-area-third .academy-item-second-inner p:nth-of-type(2) {
    margin-top: 2rem;
}

.living-area-third .living-item>div:nth-of-type(5) .living-item-inner-second {
    background-image: url(../images/living-15.png);
}

.living-area-third .living-item>div:nth-of-type(5) .living-item-inner-second:after {
    background-image: url(../images/living-15.png);
}

/*=== visit area start ===*/

.visit-item {
    padding: 8.7rem 0 13.5rem;
}

.visit-item-inner {
    display: flex;
    align-items: start;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 2.4rem;
}

.visit-item-inner div {
    width: 50rem;
    margin: 0 1.45rem 2.4rem;
    border-radius: 1.6rem;
    overflow: hidden;
}

.visit-item-inner div:nth-of-type(2) {
    margin-top: 7rem;
}

.visit-item-inner img {
    width: 100%;
    border-radius: 1.6rem;
    display: block;
    transition: 0.2s all ease;
    -webkit-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
}

.visit-item-inner img:hover {
    transform: scale(1.1);
}

.visit-item-inner-second {
    text-align: center;
}

.visit-item-inner-second h2 {
    color: #00483C;
    font-size: 3.4rem;
    font-weight: 600;
    margin-bottom: 1.6rem;
}

.visit-item-inner-second p {
    color: #00483B;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 125%;
    width: 63.1rem;
    margin: 0 auto;
}

.visit-area .living-item>div:nth-of-type(1) .living-item-inner-second {
    background-image: url(../images/living-16.png);
}

.visit-area .living-item>div:nth-of-type(2) .living-item-inner-second {
    background-image: url(../images/living-13.png);
}

/*=== near you page start ===*/

.near-you-header .banner-area {
    padding: 4.4rem 0 9rem;
}

.near-you-header .banner-content h2 {
    margin-bottom: 1rem;
}

.near-you-header .banner-content p {
    margin-bottom: 2.6rem;
}

.near-you-header .banner-content a.button {
    font-size: 17px;
    width: 16.4rem;
    margin: 0 auto;
}

.near-area {
    position: relative;
    z-index: 9;
}

.near-area:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 21.3rem;
    background: #00483c;
    z-index: -1;
}

.near-content {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: .4rem;
}

.near-item {
    padding: 3rem 3.5rem 2.6rem 3.1rem;
    border-radius: 1.4rem;
    background: #EDEDED;
    margin-bottom: .3rem;
    width: 100%;
}

.near-item a {
    width: 100%;
}

.near-item-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12rem;
}

.near-item-inner div {
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 1.2rem;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.10);
}

.near-item-inner div img {
    width: 100%;
}

.near-item-inner-second {
    padding-left: .9rem;
    padding-right: .5rem;
}

.near-item-inner-second h2 {
    color: #00483C;
    font-size: 3.4rem;
    font-weight: 600;
    line-height: 100%;
    /*margin-bottom: .5rem;*/
    margin-bottom: 1rem;
}

.near-item-inner-second h3 {
    color: #111F19;
    /*font-size: 2.2rem;*/
    font-size: 2rem;
    font-weight: 600;
    /*line-height: 90.909%;*/
    line-height: 95.909%;
    margin-bottom: 10px;
}

.near-item-inner-second h4 {
    color: #111F19;
    line-height: 25px;
    font-size: 1.8rem;
    margin-bottom: 10px;
}

.near-item-inner-second a {
    color: #111F19;
}

.near-area-details .near-item {
    padding: 4.3rem 4rem 3.6rem;
}

.near-area-details p {
    color: #000;
}

.near-item-inner-third {
    margin-bottom: 17.1rem;
}

.near-item-inner-third a.button {
    font-size: 1.7rem;
    width: fit-content;
    height: 4.5rem;
    background: linear-gradient(95deg, #E3DACA 0%, #E7FF54 148.26%);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.10);
    margin-left: auto;
}

.near-item-inner-third a.button img {
    width: 2.4rem;
    margin-right: 1rem;
}

.near-item-inner-third a.button:hover {
    color: #00483c !important;
}

.near-item-inner-third a.button:after {
    background: #e6fe54;
}

.near-item-inner-third a.button:before {
    background: #e6fe54;
}

.near-item-inner-third .near-item-inner-second {
    padding: 0;
}

/*=== contact area start ===*/

.contact-area-third {
    padding: 0;
    margin-top: 0;
}

.contact-area-third .contact-item:after {
    background-image: url(../images/contact-bg2.jpg);
    filter: blur(100px);
}

/*=== learn vedanta page start ===*/

.learn-header .banner-area {
    padding: 1.6rem 0 6.3rem;
}

.banner-content-second {
    text-align: center;
}

.banner-content-second h2 {
    margin-bottom: 2rem;
}

.banner-content-second p {
    margin-bottom: 2rem;
}

.banner-content-second h3 {
    color: #E7FF54;
    font-size: 3.4rem;
    font-weight: 300;
    line-height: 109.375%;
    width: 122rem;
    margin: 0 auto 8rem;
}

.banner-content-second h4 {
    color: #E7FF54;
    font-size: 3.4rem;
    font-style: italic;
    font-weight: 700;
    margin-bottom: .4rem;
}

.banner-content-second h5 {
    font-family: var(--fourth-font);
    color: #E7FF54;
    font-size: 2.2rem;
    font-weight: 400;
    line-height: 127.273%;
    width: 93rem;
    margin: 0 auto;
}

.para {
    font-size: 2.8rem !important;
}

.lv {
    font-size: 2rem;
}

/*=== living area start ===*/

.learn-area {
    position: relative;
    z-index: 9;
}

.learn-area:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 24.5rem;
    background: #00483c;
    z-index: -1;
}

.living-item-inner-image {
    margin-bottom: .4rem;
    overflow: hidden;
    border-radius: 1.6rem;

}

.living-item-inner-image>div {
    height: auto;
    width: 80%;
    border-radius: 20px;
    overflow: hidden;
    margin: auto;
    transition: 0.2s all ease;
    -webkit-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
}

.living-item-inner-image img {
    width: 100%;
    /* border-radius: 1.6rem; */
    transition: 0.2s all ease;
    -webkit-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
    height: 100%;
    object-fit: contain;
    border-radius: 0;
}

.living-item-inner-image img:hover {
    transform: scale(1.1);
}

.learn-area .academy-item-second-inner h2 {
    min-height: 8.4rem;
    /* margin-bottom: 0; */
}

.learn-area .academy-item-second-inner p {
    min-height: 11rem;
    margin-bottom: 2rem;
}

/*=== download area start ===*/

.download-area {
    padding: 12.5rem 0;
}

.download-item {
    padding-top: 10.1rem;
    position: relative;
    z-index: 1;
    text-align: center;
}

.download-item:after {
    content: '';
    position: absolute;
    width: 100%;
    height: calc(100% - 30.4rem);
    top: 0;
    left: 0;
    background-image: url(../images/download-02.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: -1;
    filter: blur(100px);
}

.download-item:before {
    content: '';
    position: absolute;
    width: 100%;
    height: calc(100% - 15.8rem);
    top: 0;
    left: 0;
    background-image: url(../images/download-03.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: -1;
    filter: blur(45px);
    display: none;
}

.download-item h2 {
    color: #E7FF54;
    font-size: 10.9rem;
    font-weight: 300;
    line-height: 94.805%;
    margin-bottom: 4.5rem;
}

.download-item a.button {
    margin: 0 auto 4.5rem;
}

.download-item-image img {
    width: 36.4rem;
    display: block;
    margin: 0 auto;
}

/*=== day life page start ===*/

.main-content-day-life {
    position: relative;
    z-index: 9;
}

.day-life-area {
    padding: 4.6rem 0 28.6rem;
}

.day-life-content h2 {
    margin-bottom: 2rem;
}

.day-life-content p {
    color: #CDF6CD;
    margin-bottom: 0;
}

.day-life-item ul {
    width: 108rem;
    margin: 0 auto;
}

.day-life-item ul li {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 5.8rem;
    align-items: center;
}

.day-life-item-content {
    position: relative;
}

.day-life-item-content h6 {
    color: #E7FF54;
    font-size: 2.2rem;
    font-weight: 600;
    line-height: 154.545%;
}

.day-life-item-content h2 {
    color: #00483C;
    font-size: 3.4rem;
    font-weight: 600;
    line-height: 100%;
    margin-bottom: .3rem;
}

.day-life-item-content p {
    color: #00483B;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 122.222%;
    margin-bottom: 2.6rem;
}

.day-life-item-content a.button {
    width: 13.1rem;
    height: 4.5rem;
    background: linear-gradient(262deg, rgba(227, 218, 202, 0.00) -18.87%, #E7FF54 137.38%);
    z-index: 99;
}

.day-life-item-content a.button:hover {
    border: .1rem solid #F6FFBE;
}

.day-life-item-image {
    z-index: -1;
}

.day-life-item-image img {
    width: 100%;
}

.day-life-item ul li:nth-of-type(1) .day-life-item-image-inner {
    margin-left: -16.6rem;
    margin-right: -8rem;
}

.day-life-item ul li:nth-of-type(2) {
    margin-top: -30rem;
}

.day-life-item ul li:nth-of-type(2) .day-life-item-image-inner {
    margin-left: -13rem;
    margin-right: -10rem;
}

.day-life-item ul li:nth-of-type(3) {
    margin-top: -17rem;
}

.day-life-item ul li:nth-of-type(3) .day-life-item-image-inner {
    margin-left: -13rem;
    margin-right: -3rem;
}

.day-life-item ul li:nth-of-type(10) {
    margin-top: -6rem;
}

.day-life-item ul li:nth-of-type(10) .day-life-item-image-inner {
    margin-left: -5rem;
    margin-right: -13rem;
}

.day-life-item ul li:nth-of-type(11) .day-life-item-image-inner {
    margin-left: -6rem;
    margin-right: -6rem;
}

.day-life-item ul li:nth-of-type(12) .day-life-item-image-inner {
    margin-left: -1.2rem;
    margin-right: -10rem;
}

.day-life-item ul li:nth-of-type(13) .day-life-item-image-inner {
    width: 43.2rem;
    margin-top: -12rem;
    margin-bottom: -15rem;
}

.day-life-item ul li:nth-of-type(14) .day-life-item-image-inner {
    margin-left: -2.8rem;
    margin-right: -10rem;
}

.day-life-item ul li:nth-of-type(15) {
    margin-top: -5rem;
}

.day-life-item ul li:nth-of-type(15) .day-life-item-image-inner {
    margin-left: -5.5rem;
    margin-right: -7.7rem;
}

.day-life-item ul li:nth-of-type(16) {
    margin-top: -6rem;
}

.day-life-item ul li:nth-of-type(16) .day-life-item-image-inner {
    margin-left: -2.8rem;
    margin-right: -10rem;
}

.day-life-item ul li:nth-of-type(17) .day-life-item-image-inner {
    margin-left: -4.5rem;
    margin-right: -5.8rem;
}

.day-life-shadow {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -3;
}

.day-life-shadow img {
    width: 100%;
}

.day-life-item-second-image {
    width: 92rem;
    margin: 0 auto;
}

.day-life-item-second-image img {
    width: 100%;
}

.day-life-item-second-content {
    width: 51.1rem;
    text-align: center;
    margin: 0 auto;
}

.day-life-item-second-content a.button {
    margin: 0 auto;
}

/*=== founder page start ===*/

.founder-header .banner-area {
    padding: 4.2rem 0 11.3rem;
}

.founder-area {
    padding-bottom: 13rem;
    position: relative;
    z-index: 9;
}

.founder-area:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 32rem;
    background: #00483c;
    z-index: -1;
}

.founder-area .living-item>div:nth-of-type(2) .academy-item-second-inner {
    padding-top: 2.5rem;
}

.living-item-inner-sixth .academy-item-second-inner,
.living-item-inner-sixth .academy-item-second-inner {
    min-height: 59rem;
    padding-left: 3.6rem;
    padding-right: 3.3rem;
    height: 100%;
}

.founder-area .academy-item-second-inner {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.founder-area .academy-item-second-inner p {
    margin-bottom: 2rem;
}

.founder-area .academy-item-second-inner p:last-of-type {
    margin-bottom: 0;
}

.academy-item-second-inner ul li {
    font-family: var(--secondary-font);
    color: #00483B;
    font-size: 16px;
    font-weight: 400;
    line-height: 125%;
    display: flex;
    align-items: start;
}

.academy-item-second-inner ul li span {
    width: .5rem;
    height: .5rem;
    flex: 0 0 .5rem;
    border-radius: 50%;
    display: block;
    background: #00483B;
    margin: .8rem 1rem 0;
}

/*=== corporate page start ===*/

.corporate-header .banner-area {
    padding: 2rem 0 9rem;
}

.corporate-header .banner-content h2 {
    margin-bottom: 6rem;
}

.corporate-area:after {
    height: 9.7rem;
}

.corporate-content {
    width: 111.5rem;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 7.3rem;
    padding-bottom: 6.4rem;
}

.corporate-item {
    margin-bottom: 2.4rem;
}

.corporate-item .academy-item-second-inner {
    padding: 3.6rem 4.4rem 3.6rem 4rem;
}

.corporate-item-second {
    margin-top: 6rem;
}

.corporate-area .academy-item-second-inner {
    padding: 2.4rem 4rem;
}

.corporate-area .living-item>div:nth-of-type(2) .academy-item-second-inner {
    padding-top: 2.4rem;
}

/*=== Youth Camps page start ===*/

.youth-header .banner-area {
    padding: 4.2rem 0 11.3rem;
}

.youth-area {
    position: relative;
    z-index: 9;
}

.youth-area:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 32rem;
    background: #00483c;
    z-index: -1;
}

.youth-area .living-item-inner-sixth .academy-item-second-inner {
    padding: 7rem 3.3rem 3rem 3.6rem;
}

.youth-area .living-item-inner-sixth .academy-item-second-inner p {
    margin-bottom: 2rem;
}

.youth-area .living-item-inner-sixth .academy-item-second-inner p:last-of-type {
    margin-bottom: 0;
}

.youth-item {
    padding-top: 1.5rem;
}

.youth-item-inner {
    width: 78.4rem;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: .4rem;
    margin-bottom: .4rem;
}

.youth-item-inner .near-item {
    margin-bottom: 2.4rem;
}

.youth-item-inner .near-item-inner {
    margin-bottom: 2rem;
}

.youth-item-inner .near-item-inner div:nth-of-type(1) {
    border-radius: 1.2rem;
    border: .1rem solid #F6FFBE;
    background: linear-gradient(95deg, #E3DACA 0%, #E7FF54 148.26%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.youth-item-inner .near-item-inner div:nth-of-type(1) img {
    width: 2.4rem;
}

.youth-item-inner .near-item h4 {
    color: #111F19;
    font-size: 2.2rem;
    font-weight: 600;
    margin-bottom: 1.3rem;
}

.youth-item-inner .near-item h2 {
    min-height: 10rem;
    margin-bottom: 1.5rem;
}

/*=== gallery area start ===*/

.gallery-content {
    width: 127rem;
    margin: 0 auto;
}

/*=== question area start ===*/

.question-area {
    padding: 2rem 0 6.1rem;
}

.question-item {
    width: 58.5rem;
    margin: 0 auto;
    border-radius: 1.4rem;
    background: #EDEDED;
}

.accordion-item {
    background: transparent;
    border: none;
    border-bottom: .1rem solid #E9DAC4;
}

.accordion-title {
    padding: 2.1rem 2.6rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.accordion-title h3 {
    font-family: var(--fourth-font);
    color: #00483C;
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: 0.16px;
    opacity: 0.85;
}

.accordion-title div:nth-of-type(2) {
    width: 2rem;
    flex: 0 0 2rem;
}

.accordion-title img {
    width: 100%;
    transition: 0.2s all ease;
    -webkit-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
}

.accordion-title.active img {
    transform: rotate(-180deg);
}

.accordion-body {
    padding: 0 2.6rem 2.1rem;
    display: none;
}

.accordion-body p {
    color: #00483B;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 125%;
}

/*=== book page start ===*/

.book-header .banner-area {
    padding: 1.5rem 0 7rem;
}

.book-header .banner-content-second h3 {
    width: 113rem;
    margin-bottom: 0;
}

.book-area {
    padding-bottom: 11.7rem;
    position: relative;
    z-index: 9;
}

.book-area:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 19rem;
    background: #00483c;
    z-index: -1;
}

.book-area .academy-item-second-inner {
    padding: 2.4rem 3.3rem 2.4rem 4rem;
}

.book-area .academy-item-second-inner p {
    margin-bottom: 2rem;
    min-height: 3.5rem;
}

.book-content .living-item>div:nth-of-type(1) .academy-item-second-inner {
    /*padding-top: 7rem;*/
}

.academy-item-second-inner-button {
    padding-top: 1.5rem;
    display: flex;
    flex-wrap: wrap;
}

.book-content .academy-item-second-inner ul {
    display: flex;
    flex-wrap: wrap;
}

.book-content .academy-item-second-inner ul li a.button {
    margin-right: 1.6rem;
    margin-bottom: 1.6rem;
}

.book-content .academy-item-second-inner ul li:last-of-type a.button {
    margin-bottom: 0;
}

.book-area-second {
    padding-bottom: 8.2rem;
}

.book-area-second:after {
    height: 20rem;
}

.academy-item-second-inner-button h3 {
    font-family: var(--secondary-font);
    color: #000;
    font-size: 1.8rem;
    font-weight: 700;
    text-transform: capitalize;
    padding-left: 2.3rem;
    margin-bottom: 1.2rem;
}

.academy-item-second-inner-button-second {
    margin-left: 6.2rem;
}

/*=== faq page start ===*/

.faq-content {
    width: 111.5rem;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 7.3rem;
}

.faq-content .academy-item-second-inner {
    padding: 4rem 4.4rem 4rem 4rem;
    margin-bottom: 1.6rem;
}

.faq-content .academy-item-second-inner p {
    min-height: auto;
}

.faq-content .academy-item-second-inner p:last-of-type {
    margin-bottom: 0;
}

/*=== press page start ===*/

.press-area {
    padding-bottom: 5.4rem;
}

.press-item {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: .4rem;
}

.press-item .academy-item-second-inner {
    padding: 3.9rem 5rem 3.7rem 4rem;
    display: flex;
    flex-direction: column;
    margin-bottom: .4rem;
}

.press-item .academy-item-second-inner h2 {
    margin-bottom: .7rem;
}

.press-item .academy-item-second-inner p {
    min-height: 40.4rem;
    margin-bottom: 1rem;
}

.press-item .academy-item-second-inner a.button {
    margin-top: auto;
}

.press-item-second {
    padding-top: 3.4rem;
    width: 144.3rem;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 4.35rem;
}

.press-item-second-inner {
    border-radius: 1.2rem;
    overflow: hidden;
    margin-bottom: 1.6rem;
}

.press-item-second-inner img {
    width: 100%;
    border-radius: 1.2rem;
    transition: 0.2s all ease;
    -webkit-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
}

.press-item-second-inner img:hover {
    transform: scale(1.1);
}

/*=== app page start ===*/

.exploration-area-second {
    position: relative;
    z-index: 9;
}

.exploration-area-second:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 70rem;
    background: #00483c;
    z-index: -1;
}

.exploration-area-second .exploration-item {
    padding-top: 6rem;
    padding-bottom: 52.4rem;
}

.exploration-area-second .exploration-item h2 {
    color: #E7FF54;
    text-align: center;
    font-size: 10.9rem;
    font-weight: 300;
    line-height: 94.805%;
    margin-bottom: 4.5rem;
}

.exploration-area-second .exploration-item h4 {
    color: rgb(231, 255, 84);
    font-size: 3.4rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 4.5rem;
}

.exploration-area-second .exploration-item ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.exploration-area-second .exploration-item ul li a.button {
    font-weight: 2.18rem;
    border-radius: 1.45rem;
    border: .12rem solid #F6FFBE;
    background: linear-gradient(95deg, #E3DACA 0%, #E7FF54 148.26%);
    box-shadow: 0px 1.212px 2.425px 0px rgba(0, 0, 0, 0.10);
    margin: 0 1.75rem;
}

/*=== cost area start ===*/

.cost-area {
    padding: 2.8rem 0 13.6rem;
}

.cost-item {
    width: 106.7rem;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 2.5rem;
    align-items: center;
    position: relative;
    z-index: 9;
}

.cost-item-inner {
    padding: 3.6rem 3.3rem 3.7rem 3.6rem;
    border-radius: 1.4rem;
    background: #EDEDED;
    margin-bottom: 2rem;
}

.cost-item-inner h2 {
    color: #00483B;
    font-size: 3.3rem;
    font-weight: 600;
    margin-bottom: 2.4rem;
    font-family: var(--primary-font);
}

.cost-item-inner ul li {
    font-family: var(--secondary-font);
    color: #00483B;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 125%;
    display: flex;
    align-items: start;
}

.cost-item-inner ul li span {
    margin-right: .6rem;
}

.cost-item-button ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 4.3rem;
}

/* .cost-item-button ul li a.button {
    font-size: 2.5rem;
    border-radius: 1.66rem;
    border: .13rem solid #F6FFBE;
    background: linear-gradient(95deg, #E3DACA 0%, #E7FF54 148.26%);
    box-shadow: 0px 1.389px 2.778px 0px rgba(0, 0, 0, 0.10);
} */

.cost-item-button ul li:nth-of-type(1) a.button {
    margin-right: 4rem;
}

.cost-item-button ul li:nth-of-type(2) a.button {
    margin-right: 4rem;
}

.overlay {
    position: relative;
}

.overlay::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*/background: #20202029;*/
    background: #20202081;
    border-radius: 1.1rem;
}

.txt-blk {
    color: #111F19;
    width: fit-content;
}

.w-fit {
    width: fit-content;
}

.txt-blk:hover {
    color: #111F19;
}

.txt-blk:after {
    content: '';
    position: absolute;
    width: 100%;
    height: .2rem;
    background: #E7FF54;
    left: 0;
    bottom: -.4rem;
    transform: scale(0);
    transition: 0.2s all ease;
    /* -webkit-transition: 0.2s allease; */
    -moz-transition: 0.2s all ease;
}

.txt-blk:hover:after {
    content: '';
    position: absolute;
    width: 100%;
    height: .2rem;
    background: #00483d;
    left: 0;
    bottom: -.4rem;
    transform: scale(1);
    transition: 0.2s all ease;
    /* -webkit-transition: 0.2s allease; */
    -moz-transition: 0.2s all ease;
}

.loc-sec {
    padding-top: 8rem;
}

.conta .lecture-item {
    margin-bottom: 0.3rem;
    flex-direction: column;
}

.footer-content {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
    margin: auto;
}

/* The new parent div for all text elements */
.footer-text-group {
    display: flex;
    flex-direction: row;
    flex: 1;
    padding-left: 50px;
    flex-wrap: wrap;
    align-items: center;
}

/* Styling to match your screenshot exactly */
.footer-right ul {
    list-style: none;
    padding: 0;
    margin: 20px 0;
}

.footer-right ul li a {
    font-family: var(--third-font);
    color: #CDF6CD;
    font-size: 1.6rem;
    font-weight: 700;
    display: inline-block;
    text-transform: uppercase;
    margin-bottom: 2.2rem;
}

.footer-copyright-text {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.footer-copyright-text p {
    font-size: 14px;
    opacity: 0.7;
}

.footer-copyright-text a {
    color: inherit;
    text-decoration: none;
    font-size: 14px;
}

.footer-form p {
    margin-bottom: 0 !important;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .footer-content {
        flex-direction: column;
        text-align: center;
        width: 100%;
    }

    .footer-text-group {
        padding-left: 0;
        margin-top: 30px;
        justify-content: center;
    }

    .footer-copyright-text {
        display: flex;
        flex-flow: column-reverse;
    }

    .footer-left-image-shadow img {
        height: 80.8rem;
    }

    .m1 {
        margin-top: 1rem;
    }
}

.home-btn {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.home-btn a {
    margin: 0 !important;
}

.lecture-content2 {
    justify-content: center !important;
}

.lecture-content2 .lecture-item {
    width: fit-content !important;
}

/* Unique container wrapper - prevents layout shifts */
a.swamiji_intro_video_wrapper,
div.swamiji_intro_video_wrapper {
    position: relative !important;
    display: inline-block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Centers the custom SVG icon perfectly over the image */
.swamiji_intro_video_wrapper .sunandaji-custom-play-icon {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 80px !important;
    /* Controls the width of your play button */
    height: 80px !important;
    /* Controls the height of your play button */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: transform 0.3s ease, filter 0.3s ease !important;
    z-index: 99 !important;
    /* Forces icon to sit cleanly on top of the image */
    cursor: pointer !important;
}

/* Forces your SVG to scale properly inside the wrapper */
.swamiji_intro_video_wrapper .sunandaji-custom-play-icon img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    border-radius: 0;
}

/* Hover effect: Smoothly enlarges the play button and adds a subtle shadow */
.swamiji_intro_video_wrapper:hover .sunandaji-custom-play-icon {
    transform: translate(-50%, -50%) scale(1.15) !important;
    filter: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.4)) !important;
}

.press-article-card {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.press-article-card-media {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 24rem;
    /* padding: 2rem; */
    border-radius: 1.6rem;
    /* background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(244, 241, 230, 0.96) 100%); */
    /* box-shadow: inset 0 0 0 1px rgba(17, 31, 25, 0.06); */

}

.press-article-card-media img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    transition: transform 0.3s ease;
    height: 100%;
}

.press-article-card:hover .press-article-card-media img {
    transform: scale(1.04);
}

.press-item .academy-item-second-inner p {
    margin-bottom: -3rem !important;
}



.home-event-modal .modal-dialog {
    max-width: 980px;
}

.home-event-modal .modal-content {
    border: 0;
    border-radius: 2rem;
    overflow: hidden;
    background: #f6f4eb;
}

.home-event-modal .btn-close-wrap {
    position: absolute;
    top: 1.8rem;
    right: 1.8rem;
    z-index: 3;
    width: 4.2rem;
    height: 4.2rem;
    border: 0;
    border-radius: 999px;
    background: rgba(17, 31, 25, 0.88);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.home-event-modal .modal-body {
    padding: 0;
}

.home-event-modal-layout {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
}

.home-event-modal-media {
    min-height: 100%;
    background: linear-gradient(160deg, #0d3b32 0%, #195c4e 100%);
}

.home-event-modal-media img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 44rem;
    object-fit: cover;
}

.home-event-modal-copy {
    padding: 4.4rem 4rem 4rem;
}

.home-event-modal-copy h2 {
    color: #00483c;
    font-size: 3.8rem;
    line-height: 1.02;
    margin-bottom: 1.4rem;
}

.home-event-modal-copy h4 {
    color: #111f19;
    font-size: 2.1rem;
    font-weight: 500;
    margin-bottom: 2.4rem;
}

.home-event-meta {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    margin-bottom: 2.4rem;
}

.home-event-meta-row {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    font-size: 1.7rem;
    color: #111f19;
}

.home-event-meta-row strong {
    min-width: 6.5rem;
    color: #00483c;
}

.home-event-modal-copy .eventdesc,
.home-event-modal-copy .eventdesc p,
.home-event-modal-copy .eventdesc li {
    color: #111f19;
    font-size: 1.7rem;
    line-height: 1.65;
}

.home-event-modal-copy .eventdesc a {
    color: #00483c;
    /* text-decoration: underline; */
}

@media (max-width: 991.98px) {
    .home-event-modal-layout {
        grid-template-columns: 1fr;
    }

    .home-event-modal-media img {
        min-height: 26rem;
        max-height: 36rem;
    }

    .home-event-modal-copy {
        padding: 3.2rem 2.4rem 2.8rem;
    }
}


.you-modal .modal-content {
    padding: 0rem 0px;
    background: transparent;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
}

.you-modal .modal-content button {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: #00483c;
    font-size: 2rem;
    color: #E7FF54;
    position: absolute;
    top: .5rem;
    right: .5rem;
    z-index: 9;
    opacity: 1;
    filter: unset;
}



.cc-nb-main-container {
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    bottom: 24px !important;
    top: auto !important;
    transform: translateX(-50%) !important;
    width: 90% !important;
    max-width: calc(100vw - 32px) !important;
    background-color: #00483C !important;
    color: #FFFFFF !important;
    padding: 24px !important;
    border-radius: 8px !important;
    border-left: 6px solid #E7FF54 !important;
    font-family: 'sofia-pro', sans-serif !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important;
    z-index: 9999 !important;
}

.cc-nb-main-container * {
    font-family: 'sofia-pro', sans-serif !important;
}

.cc-nb-title,
.cc-nb-text-container,
.cc-nb-text {
    color: #FFFFFF !important;
}

.cc-nb-title {
    margin: 0 0 10px 0 !important;
    color: #E7FF54 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}

.cc-nb-text {
    margin: 0 0 20px 0 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

.cc-nb-buttons-container {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: 0 !important;
}

.cc-nb-okagree,
.cc-nb-reject,
#open_preferences_center {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #E7FF54 !important;
    color: #00483C !important;
    border: none !important;
    padding: 10px 24px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    text-decoration: none !important;
    transition: opacity 0.2s !important;
}

.cc-nb-okagree:hover,
.cc-nb-reject:hover,
#open_preferences_center:hover {
    opacity: 0.9 !important;
}

@media (max-width: 575.98px) {
    .cc-nb-main-container {
        bottom: 16px !important;
        width: calc(100vw - 32px) !important;
    }
}




/* cookie policy */
#cc-main .cm__btn,
#cc-main .cm__btn--secondary,
#cc-main .pm__btn {
    background: linear-gradient(95deg, #E3DACA 0%, #E7FF54 148.26%);
    color: #00483c;
    border-radius: 8px;
    border: none;
    position: relative;
    font-size: 16px;
}

#cc-main .cm__footer {
    background: #00483d;
    color: #e7ff55;
}

#cc-main .cm--cloud .cm__btn-group .cm__btn:before,
#cc-main .pm__btn:before {
    content: '';
    position: absolute;
    width: 0%;
    height: 100%;
    top: 0;
    right: 51%;
    transform: translateX(100%);
    background: #00483C;
    z-index: -1;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
}

#cc-main .cm--cloud .cm__btn-group .cm__btn:after,
#cc-main .pm__btn:after {
    content: '';
    position: absolute;
    width: 0%;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-100%);
    background: #00483C;
    z-index: -1;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
}

#cc-main .cm--cloud .cm__btn-group .cm__btn:hover:before,
#cc-main .pm__btn:hover:before {
    width: 60%;
    z-index: 0;
}

#cc-main .cm--cloud .cm__btn-group .cm__btn:hover:after,
#cc-main .pm__btn:hover:after {
    width: 60%;
    z-index: 0;
}

#cc-main .pm__btn:hover:before {
    width: 60%;
    z-index: -1;
}

#cc-main .pm__btn:hover:after {
    width: 60%;
    z-index: -1;
}

#cc-main .pm__btn {
    z-index: 0;
}

#cc-main .pm__btn--secondary:hover {
    color: #fff;
}

#cc-main button>span {
    pointer-events: none;
    z-index: 2;
    position: relative;
    text-transform: capitalize;
font-family: 'sofia-pro';
    font-size: 18px;
}

#cc-main .cm--cloud .cm__btn-group .cm__btn:hover span {
    color: #fff;
}

#cc-main .cm__desc {
    color: #00483B;
    font-size: 16px;
    line-height: 125%;
    max-height: 40vh;
    overflow-x: visible;
    overflow-y: auto;
    padding-bottom: 1em;
    font-family: 'sofia-pro';
}

#cc-main .cm__title {
    font-size: 3rem;
    color: #00483B;
    font-family: 'ivypresto-text';
    font-weight: 400;
}

#cc-main .cm--cloud {
    max-width: 90%;
    width: unset;
}

#cc-main .pm__section-desc {
    line-height: 135%;
    font-size: 16px;
    font-family: 'sofia-pro';
}

#cc-main .pm__section-title {
    border-radius: var(--cc-btn-border-radius);
    font-size: 2rem;
    font-weight: 400;
    font-family: 'ivypresto-text';
}

#cc-main .pm__section--expandable .pm__section-title {
    cursor: pointer;
    padding: 0.1em 5.4em 0.1em 1.2em;
    padding-left: 2.5em;
}

#cc-main .pm__title {
    font-weight: 400;
    font-size: 3rem;
    font-family: 'ivypresto-text';
    color: #00483B;
}

#cc-main .pm__header {
    background: #00483B;
}

#cc-main .pm__title {
    color: #E7FF54;
}

#cc-main .pm__close-btn svg {
    stroke: #00483b;
    transform: scale(.5);
    transition: stroke .15s ease;
    stroke-width: 3px;
}

#cc-main .pm__close-btn {
    background: #E7FF54;
    border: 1px solid #E7FF54;
}

#cc-main .pm__section--expandable .pm__section-arrow {
    left: 14px;
}

#cc-main .toggle__icon {
    background: #e5e5e5;
    box-shadow: 0 0 0 1px #e5e5e5;
}

#cc-main .toggle__icon-circle {
    background: #e7ff55;
}

#cc-main .toggle__icon-off svg {
    stroke: #00483b;
}

#cc-main .section__toggle:checked~.toggle__icon {
    background: #00483B;
    box-shadow: 0 0 0 1px #00483B;
}

#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-circle {
    background-color: #e7ff55;
}

#cc-main .cc__link:hover,
#cc-main a:hover {
    background-size: 100% 1px;
    color: #ffffff;
}

#cc-main .cc__link,
#cc-main a {
    font-size: 16px;
    font-family: 'sofia-pro';
    font-weight: 400;
}

/* cookie policy */