@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css");

@import url("https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css");

@import url("https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100..900&display=swap");

@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css");

* {

  font-family: "Lexend Deca", sans-serif;

}



h3 {

  color: #00497a;

}



ul {

  list-style-image: url("../images/icons/rangoli.png");

}



.book-img {

  float: left;

  width: 25rem;

  max-width: 100%;

  margin-right: 4rem;

  margin-bottom: 2rem;

}



header nav {

  background-color: #00497a;

}

/*header nav .container {*/

/*  align-items: end !important;*/

/*}*/

header nav .container .navbar-nav .nav-item {

  margin-left: 1rem;

}

header nav .container .navbar-nav .nav-item .nav-link {

  color: #f4f4f2;

}

header nav .container .navbar-nav .nav-item:hover .nav-link {

  color: #ffff00;

}

header nav .container .navbar-nav .nav-item .active {

  color: #ffff00;

}



.hero-section {

  position: relative;

  width: 100%;

  height: 75vh;

}

.hero-section .nav {

  position: absolute;

  bottom: 2%;

  right: 5%;

}

.hero-section .nav .carousel-control-next,

.hero-section .nav .carousel-control-prev {

  height: fit-content;

  width: fit-content;

  padding: 0.5rem;

  border-radius: 50%;

  background: #00497a;

  position: static;

  margin-inline: 0.25rem;

  opacity:1 !important;

}

.hero-section .nav .carousel-control-next-icon,

.hero-section .nav .carousel-control-prev-icon {

  width: 1.25rem;

  height: 1.25rem;

}

.hero-section .nav .carousel-item {

  transition: show 2s ease, opacity 0.5s ease-out;

}



.hero-section .carousel-item .tagline {

    height:6rem;

    position: absolute;

    bottom: -10%;

    text-align: center;

    margin: auto;

    left: 50%;

    right: 50%;

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

    width: 100%;

    background: #01111180;

    padding: 0.875rem;

    backdrop-filter: blur(50px);

    color:#ffffff;

    font-size:1.5rem;

}

.hero-section .carousel-item .tagline h2 {

    font-size:1.5rem;

    width: 80%;

    margin: auto;

}

.breadcumb-section {

  background: url("../images/inner-default.webp");

  background-size: 100%;

  background-position: top;

  background-repeat: no-repeat;

  height: 25vh;

  position: relative;

}

.breadcumb-section .breadcrumb-center {

  display: flex;

  justify-content: center;

}

.breadcumb-section h1 {

  color: #ffffff;

  margin-bottom: 0;

  font-size: 1.5rem;

}

.breadcumb-section nav {

  position: absolute;

  bottom: -7px;

  text-align: center;

}

.breadcumb-section nav .breadcrumb {

  justify-content: center;

}

.breadcumb-section nav .breadcrumb .breadcrumb-item {

  font-size: 0.875rem;

}

.breadcumb-section nav .breadcrumb .breadcrumb-item::before {

  color: #787878;

}

.breadcumb-section nav .breadcrumb .breadcrumb-item a {

  text-decoration: none;

  color: #3e3e3e;

}

.breadcumb-section nav .breadcrumb .active {

  color: #000000;

  font-weight: 500;

}



.btn {

  position: relative;

  display: flex;

  width: fit-content;

  align-items: center;

  justify-content: flex-start;

  padding: 0.9375rem 1.5rem;

  border-radius: 30px;

  background: #00497a;

  color: #f4f4f2;

  font-family: Avenir, sans-serif;

  text-decoration: none;

  transition: all 0.2s ease;

}

.btn:before {

  content: "";

  position: absolute;

  top: 0;

  right: 0;

  display: block;

  border-radius: 28px;

  background: #00497a;

  width: 100%;

  height: 48px;

  transition: all 0.3s ease;

}

.btn span {

  position: relative;

  line-height: 18px;

  vertical-align: middle;

}

.btn svg {

  position: relative;

  top: 0;

  margin-left: 10px;

  fill: none;

  stroke-linecap: round;

  stroke-linejoin: round;

  stroke: #ffffff;

  stroke-width: 2;

  transform: translateX(-5px);

  transition: all 0.3s ease;

}

.btn:hover {

  border-color: #00497a;

  transition: 0.5s linear;

}

.btn:hover:before {

  width: 48px;

  background: #00497a;

}

.btn:hover svg {

  transform: translateX(5px);

  margin-left: 20px;

  stroke: #000000;

}

.btn:hover .active {

  transform: scale(0.96);

}



.gallery-img {

  margin-bottom: 1rem;

}

.gallery-img img {

  aspect-ratio: 1.95/2;

  object-fit: cover;

}



.about-section {

  padding: 5rem 0;

}

.about-section .text-section {

  text-align: center;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  color: #000000;

  padding: 0 3rem;

}

.about-section .text-section h2 {

  font-size: 2.5rem;

}

.about-section .text-section p {

  font-size: 22px;

  margin-bottom: 2rem;

}



.img {

  border: 1px solid #ffffff;

  box-shadow: 0px 15px 10px #c3c3c3;

}



.about-yogi {

  float: right;

  margin: 0 0 1rem 1rem;

  box-shadow: 0px 15px 10px #c3c3c3;

}



.no_shadow {

  margin: 0;

  box-shadow: none;

}



.what-they-do {

  background: #ffead6;

  position: relative;

}

.what-they-do .container .row .text-section {

  padding: 5rem 0;

}

.what-they-do .container .row .text-section h2 {

  color: #000000;

  font-size: 2.5rem;

  margin-bottom: 1.5rem;

  padding: 0;

}

.what-they-do .container .row .text-section p {

  font-size: 18px;

  color: #3e3e3e;

  background: transparent;

}

.what-they-do .container .row .img-section {

  background: linear-gradient(270deg, #f4eeff 21.03%, rgba(255, 255, 255, 0) 158.94%);

  position: absolute;

  right: 0;

  height: 100%;

}

.what-they-do .container .row .img-section img {

  position: absolute;

  right: 0;

  height: 100%;

  width: 100%;

}



.books-section {

  padding: 5rem 0;

  text-align: center;

}

.books-section h2 {

  font-size: 2.25rem;

}

.books-section .book-img {

  width: 100%;

  margin: 2rem 0 1rem 0;

}

.books-section p {

  text-align: left;

  font-size: 1.125rem;

}

.books-section .btn {

  width: auto;

  margin: 2rem auto;

}



.book-card {

  margin-bottom: 0.5rem;

  border-radius: 0;

}

.book-card .card-img-top {

  border-radius: 0;

}

.book-card .card-body {

  min-height: 15rem;

  max-height: 13rem;

  display: flex;

  flex-direction: column;

}

.book-card .card-body .card-title {

  font-size: 1.5rem;

  font-weight: 700;

}

.book-card .card-body span.text-muted {

  font-size: 0.9rem;

}

.book-card .card-body .read-more {

  text-align: end;

  margin-left: auto;

  float: right;

  text-decoration: none;

  color: #000000;

  background: linear-gradient(to right, #3e3e3e, #3e3e3e), linear-gradient(to right, #00497a, #00497a, #00497a);

  background-size: 100% 3px, 0 3px;

  background-position: 100% 100%, 0 100%;

  background-repeat: no-repeat;

  transition: background-size 400ms;

}

.book-card .card-body .read-more:hover {

  background-size: 0 3px, 100% 3px;

  color: #00497a;

}



.blogs {

  background: #d6f9ff;

  padding: 5rem 0;

}

.blogs h2 {

  font-size: 2.5rem;

  margin-bottom: 2rem;

}

.blogs .img-blog {

  width: 100%;

  display: block;

  margin: auto;

}

.blogs p {

  color: #3e3e3e;

  line-height: 145%;

  font-weight: 300;

  font-style: normal;

  font-size: 1.125rem;

  margin-bottom: 2rem;

}

.blogs .btn {

  transition: all 0.2s ease;

  width: 10rem;

}

.blogs .btn:hover {

  padding: 0.975rem 1rem;

}



.gallery {

  padding: 5rem 0;

}

.gallery h2 {

  color: #000000;

  font-size: 2.5rem;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  text-align: center;

  margin-bottom: 2rem;

}

.gallery .btn {

  margin: 1rem auto;

}

.gallery img {

  aspect-ratio: 3/2;

}



.contact-section {

  padding: 5rem 0;

}

.contact-section h2 {

  color: #000000;

  font-size: 2.5rem;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  text-align: center;

  margin-bottom: 2rem;

}

.contact-section .contact {

  background: #d6f9ff;

  padding: 1rem;

  text-align: center;

}

.valid-feedback, .invalid-feedback {

    text-align:left;

}

.contact-section .contact .form-control {

  background: transparent;

}

.contact-section .btn {

  transition: all 0.2s ease;

  width: 7.5rem;

  margin: auto;

  border: 2px solid transparent;

}

.contact-section .btn:hover {

  padding: 0.975rem 1rem;

  border: 2px solid;

}

.contact-section .btn:hover svg {

  transform: translateX(10px);

}



footer {

  background-color: #00497a;

}

footer .top-footer {

  padding: 2rem 0 1rem;

  color: #f4f4f2;

}

footer .top-footer .navbar-nav .nav-item .nav-link {

  padding-top: 0;

}

footer .top-footer h3 {

  color: #f4f4f2;

}

footer .floating_img img {

  float: left;

  width: 25%;

  margin-right: 0.75rem;

}

footer .floating_img p {

  color: #ffffff;

  line-height: 145%;

  font-style: normal;

  font-size: 1rem;

}

footer .bottomFooter {

  padding: 0.5rem 0;

  background-color: #be3729;

}

footer .bottomFooter .design_text1 {

  color: #f4f4f2;

}

footer .bottomFooter .design_text1 a {

  color: #f4f4f2;

  font-size:0.875rem;

}

footer .bottomFooter .design_text p {

  text-align: right;

  margin-bottom: 0;

  color: #f4f4f2;

  font-size:0.875rem;

}



.blog-page p {

  margin-bottom: 1rem;

}

.blog-page p.text-center {

  font-weight: 900;

}



@media (width > 650px) and (width < 900px) {

  .hero-section {

    height: 50vh;

  }

  .content .title {

    font-size: 1rem;

  }

  .content .description {

    font-size: 0.7rem;

  }

  .content button {

    font-size: 0.7rem;

  }

  .item:nth-child(1),

  .item:nth-child(2) {

    height: 50vh;

  }

  .item {

    width: 0;

    height: 0;

  }

  .item:nth-child(3) {

    left: 30%;

  }

  .item:nth-child(4) {

    left: calc(35% + 170px);

  }

  .item:nth-child(5) {

    left: calc(40% + 340px);

  }

  .item:nth-child(6) {

    left: calc(45% + 510px);

    opacity: 0;

  }

  .hero-section .nav {

    left: 10%;

  }

}

@media (width < 650px) {

  .hero-section {

    height: auto;

  }

}

@media (max-width: 991px) {

    .navbar-brand img{

        max-width:60%;   

    }

  .carousel-caption {

    bottom: 1.25rem;

    width: auto;

  }

  .carousel-indicators {

    bottom: 1rem !important;

  }

  .text-section {

    margin-top: 2rem;

  }

  .what-they-do .container .row .img-section {

    position: relative;

  }

  .blogs .img-blog {

    margin: 2rem 0 0 0;

  }

  .about-section,

  .books-section,

  .blogs,

  .gallery,

  .contact-section {

    padding: 3rem 0;

  }

  .hero-section .carousel-item .tagline {

      top:85%;

  }

  .top-footer .col-md-12 {

      text-align:center;

  } 

  .book-card .card-body {

      min-height:24rem;

  }

  .book-card .card-body .read-more {

      float:none;

  }

  .no_shadow {

      width:100%;

  }

  .breadcumb-section {

      height:20vh;

  }

}

@media (max-width: 480px) {

    .navbar-brand img{

        max-width:60%;   

    }

  .carousel-inner .carousel-item img {

    height: 35vh;

    object-fit: cover;

  }

  .carousel-caption {

    bottom: 0.5rem;

    width: auto;

  }

  .carousel-caption h5 {

    font-size: 2rem;

  }

  .hero-section .carousel-item .tagline {

      top:90%;

      font-size:0.875rem;

  }

  .carousel-indicators {

    bottom: 0.5rem !important;

  }

  .about-section .text-section {

    padding-right: calc(var(--bs-gutter-x) * 0.5);

    padding-left: calc(var(--bs-gutter-x) * 0.5);

  }

  .blogs .img-blog {

    margin: 1rem 0 0 0;

  }

  .what-they-do .container .row .text-section {

    padding: 1rem;

    padding-right: calc(var(--bs-gutter-x) * 0.5);

    padding-left: calc(var(--bs-gutter-x) * 0.5);

  }

  .about-section,

  .books-section,

  .blogs,

  .gallery,

  .contact-section {

    padding: 1rem 0;

  }

  .gallery img {

      margin:0.5rem 0;

  }

  footer .top-footer {

      text-align:center;

  }

}

.audio_container .badge {

  aspect-ratio: 1/1;

  width: 44px;

  padding: 1rem;

  display: flex;

  align-items: center;

  border-radius: 50%;

  height: 44px;

  justify-content: center;

  cursor: pointer;

}



.nav-pills {

  border: 1px solid #c3c3c3;

  border-radius: 24px;

  width: fit-content;

  gap: 0.5rem;

  padding: 0.5rem;

}

.nav-pills .nav-item .nav-link {

  border-radius: calc(24px - 0.5rem);

  background: rgba(212, 163, 115, 0.1803921569);

  color: #cdcdcd;

}

.nav-pills .nav-item .nav-link.active {

  background-color: #d4a373;

  color: #ffffff;

}



.audio_player {

  max-height: 208px;

  position: sticky;

  top: 10rem;

}
@media (min-width: 1200px){
  .top-menu-lang {
    margin-right: 150px;
  }
  .lang {
    top: 24px;
    z-index: 9999;
    right: 65px !important;
  }
}
@media (min-width: 1300px){
  .top-menu-lang {
    margin-right: 150px;
  }
  .lang {
    top: 24px;
    z-index: 9999;
    right: 130px !important;
  }
}

@media (min-width: 1420px){
  .lang {
    right: 7% !important;
  }
  body {
    max-width: 1920px;
    margin: 0 auto;
  }
}
@media (min-width: 1700px){
  .lang {
    right: 12% !important;
  }
  
}

.lang {
    background: #fff;
    display: flex;
    align-items: center;
    border-radius: 10px;
    height: 22px;
    gap: 5px;
    overflow: hidden;
    padding: 0;
    text-decoration: none;
    position: fixed;
    bottom: 20px;
    z-index: 9999;
    right: 20px;
}
.lang .span {
    display: block;
    background: #fff;
    padding: 0 10px;
    color: #000;
    text-decoration: none;
}
.lang .span.active {
    display: block;
    background: #f44a00;
    padding: 0 10px;
    color: #fff;
    text-decoration: none;
}
/* @media (max-width: 400px){
.navbar-brand {
    max-width: 36%;
    margin: 0;
}
.navbar-brand img {
    max-width: 100%;
}
} */