@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
  --primaryColor: #f38118;
  --secondaryColor: #ffab4b;
  --headingColor: #181818;
  --lightBGColor: #f5f5f5;
  --bodyTextColor: #272727;
  --textLightBlack: #555555;
  --linkHoverColor: #707070;
  --btnTextColor: #ffffff;
  --overlayColor: rgba(0, 0, 0, 0.33);
  --bodyBGColor: #ffffff;
  --borderColor: #e6e6e6;
  --grayLightBG: #fefefe;  
}
:root {
  scroll-padding-top: 100px;
}
/*  Header Css */
header {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
}

/* navbar */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 100px;
}

body {
  overflow-x: hidden;
  color: var(--bodyTextColor);
  font-family: "Be Vietnam Pro", sans-serif !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
}

[class="style-font"] { 
  font-weight: 400;
}

.container {
  max-width: 1420px;
  margin: 0 auto;
}

.container-fluid {
  width: 100%;
  padding: 0 60px;
}

@media screen and (max-width: 1024px) {
  .container-fluid {
    padding: 0 20px;
  }
}

input { 
  font-size: 16px;
  border-radius: 5px;
  border: 1px solid;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

h1,
h1 a,
h2,
h2 a,
h3,
h3 a,
h4,
h4 a,
h5,
h5 a,
h6,
h6 a { 
  color: var(--secondaryColor);
  transition: all 0.35s ease-in-out;
  text-decoration: none;
  color: var(--primaryColor);
  font-weight: bold; 
}

a { 
  color: var(--secondaryColor);
  transition: all 0.35s ease-in-out;
  text-decoration: none;
  color: var(--primaryColor);
}

a:hover {
  color: var(--secondaryColor);
}

button { 
  border: 0;
  font-size: 16px;
  cursor: pointer;
}

img {
  height: auto;
  max-width: 100%;
}

 

p {
  font-size: 16px;
  line-height: 1.7;
}

a {
  transition: all 0.35s ease-in-out;
}

ul {
  padding: 0;
  margin-bottom: 0;
}

li {
  list-style: none;
}

.btn,
.gform_button {
  padding: 8px 20px;
  border: 0;
  transition: all 0.35s ease-in-out;
  border-radius: 5px;
  position: relative;
  z-index: 2;
  font-size: 14px;
  overflow: hidden;
}

.btn::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: var(--headingColor);
  left: -100%;
  top: 0;
  z-index: -1;
  transition: all 0.5s ease-out;
}

.btn:hover::after {
  left: 100%;
  border-radius: 0;
}

.btn i {
  vertical-align: middle;
  margin-left: 10px;
  transition: all 0.35s ease-in-out;
}

.btn:hover i {
  transform: translateX(5px);
}

.btn-primary {
  background: var(--primaryColor);
  color: var(--btnTextColor);
  font-weight: bold;
}
.gform_button {
  background: var(--primaryColor) !important;
  color: var(--btnTextColor) !important;
  font-weight: bold !important;
}
.btn-primary:hover {
  background: var(--secondaryColor);
  color: var(--btnTextColor);
}
.gform_button:hover {
  background: var(--secondaryColor) !important;
  color: var(--btnTextColor) !important;
}

/* navbar */

.navbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 999;
}

.navbar .logo {
  width: 220px;
  text-decoration: none;
  color: var(--primaryColor);
  font-weight: 700; 
  font-size: 20px;
}

@media (max-width: 1024px) {
  .navigation {
    position: fixed;
    width: 100%;
    background: var(--overlayColor);
    height: 100%;
    top: 0;
    left: 0;
    z-index: -2;
    opacity: 0;
    transition: all 0.35s ease-in;
    pointer-events: none;
  }

  .navigation.open {
    opacity: 1;
    pointer-events: all;
    z-index: 9999;
  }
}

/* nav menu button */

.menu-btn {
  position: relative;
  display: none;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
  z-index: 2;
}

.navbar .menu-btn__lines::before,
.navbar .menu-btn__lines::after {
  content: "";
  position: absolute;
}

.navbar .menu-btn__lines,
.navbar .menu-btn__lines::before,
.navbar .menu-btn__lines::after {
  width: 1.5rem;
  height: 0.125rem;
  /* background: var(--primaryColor); */
  background: #fff;
  transition: all 0.4s ease-in-out;
}

ul.sub-menu li:not(:last-child) {
  border-bottom: 1px solid #e2d2bb;
}

.navbar .menu-btn__lines::before {
  transform: translateY(-0.5rem);
}

.navbar .menu-btn__lines::after {
  transform: translateY(0.5rem);
}

.navbar .menu-items {
  display: flex;
  align-items: center;
}

.navbar ul li {
  list-style: none;
  transition: 0.3s ease;
}

.navbar ul li .arrow {
  transition: all 0.3s ease-out;
}

/* 
.navbar ul li a {
  text-decoration: none;
  color: var(--bodyTextColor);
} */
aside#mob-menu {
  display: none;
}

/* dropdown menu */

.navbar .dropdown {
  position: relative;
}

.expand-btn:after {
  content: " \25BE";
  opacity: 0.4;
  margin-left: 5px;
}

.navbar .sub-menu,
.menu-right {
  position: absolute;
  background: #fae0c0;
  width: max-content;
  line-height: 30px;
  border-radius: 5px;
  top: 100%;
  border-top: 1px solid var(--bodyBGColor);
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
  -webkit-box-shadow: 0 20px 50px 0 rgb(0 0 0 / 5%);
  box-shadow: 0 20px 50px 0 rgb(0 0 0 / 5%);
  pointer-events: none;
  display: block;
  border: 0;
  padding: 0;
}

.navbar .menu-right {
  top: 0;
  left: 100%;
}

.navbar .sub-menu,
.menu-left {
  left: 0;
}

.navbar .menu-left {
  left: -100%;
}

.navbar .menu-item {
  /* display: flex; */
  /* justify-content: space-between; */
  /* width: 100%; */
  font-weight: 600;
  font-size: 14px;
  margin-right: 15px;
}

.navbar .menu-item:last-child{
  margin-right: 0;
}

.navbar .menu-item .sub-menu li{
  margin-right: 0;
  padding: 10px 15px;
}

.navbar .menu-item:hover {
  color: var(--primaryColor);
}

.menu-item a { 
  /* color: var(--primaryColor); */
  color: #fff;
  font-size: 17px; 
  line-height: 28px;
}

.menu-item a:hover {
  color: #c94404;
}

.navbar .dropdown:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

button.sub-menu-toggle {
  display: none;
}

.navbar .dropdown-right:hover .sub-menu {
  left: 100%;
  opacity: 1;
  top: 0;
  visibility: visible;
  pointer-events: all;
}

.navbar .dropdown-right:hover .menu-left {
  left: -100%;
}

/* animation menu hamburger */
.menu-btn.open .menu-btn__lines {
  transform: translateX(1rem);
  background: transparent;
}

.menu-btn.open .menu-btn__lines::before {
  transform: rotate(45deg) translate(-0.5rem, 0.5rem);
  background: var(--secondaryColor);
}

.menu-btn.open .menu-btn__lines::after {
  transform: rotate(-45deg) translate(-0.5rem, -0.5rem);
  background: var(--secondaryColor);
}

.navbar.desktop-menu {
  padding: 0;
}

/* Responsive style */
@media (min-width: 1024px) {
  .desktop-menu {
    display: block;
  }

  .mobile-menu {
    display: none;
  }
}

@media screen and (max-width: 1024px) {
  .desktop-menu {
    display: none;
  }

  .mobile-menu {
    display: block;
  }

  .navbar {
    padding: 10px 20px;
  }

  .overflow {
    overflow: hidden;
  }

  .overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 500;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  }

  .overlay--active {
    opacity: 1;
    visibility: visible;
  }

  .menu-btn {
    display: flex;
  }

  .navbar .menu-items {
    position: fixed;
    height: 100%;
    max-height: initial;
    overflow-y: auto;
    width: 80%;
    top: 0;
    right: 0;
    /* background: var(--lightBGColor); */
    background: var(--primaryColor);
    display: block;
    transform: translateX(200%);
    transition: 0.3s ease-out;
    padding-bottom: 100px;
    font-size: 14px;
  }

  .menu-items.open {
    transform: translateY(0);
  }

  .menu-items li:first-child {
    margin-top: 20px;
  }

  .menu-items li a {
    padding: 10px 1rem;
    display: block;
    font-size: 18px;
  }

  .menu-items ul > li ul > a {
    color: var(--primaryColor);
  }

  .menu-items ul > li ul > a:hover {
    color: var(--linkHoverColor);
  }

  .menu-items .dropdown-right .right-arrow {
    transform: rotate(90deg);
  }

  .menu-item.first-item {
    padding: 1rem 1rem;
  }

  /* DROPDOWN, MEGA MENUS */
  .menu-items .sub-menu,
  .menu-items .menu-right,
  .menu-items .mega-menu {
    position: static;
    opacity: 1;
    top: 4rem;
    visibility: visible;
    margin-left: -18px;
    width: auto;
    max-height: 0;
    transform: scaleX(0);
    transform-origin: left;
    overflow: hidden;
    transition: all 0.5s ease;
  }

  .menu-items .sub-menu,
  .menu-items .menu-right {
    padding-left: 1rem;
    width: 100%;
    margin-left: -10px;
  }

  .menu-items .mega-menu .col {
    padding-left: 1rem;
  }

  .expand-btn.open + .sample {
    max-height: 100%;
    transform: scaleZ(1);
  }

  .expand-btn.open + .blog.sample {
    max-height: 100%;
    transform: scaleZ(1);
    max-width: fit-content;
  }

  .navbar .sample {
    border-top: none;
  }

  .sample li {
    margin: 0;
  }

  .sample li:last-child {
    border-bottom: none;
  }

  .sample li a {
    font-size: 1rem;
  }

  .mega-menu .content {
    grid-template-columns: auto;
    padding: 1rem 1rem 0 1rem;
  }

  .mega-menu .content .col {
    width: 100%;
    padding-top: 1rem;
    margin-bottom: 0.5rem;
  }

  .col .mega-links li,
  .col .mega-links li a {
    padding: 0 0.5rem;
  }

  .content .col .mega-links {
    border-left: 0;
    padding-left: 0.5rem;
  }

  .col .mega-links li {
    margin: 0;
  }
}

.menu-item ul li a {
  color: var(--primaryColor);
}

@media (max-width: 1024px) {
  .navigation .menu-btn {
    opacity: 0;
  }

  .navigation.open .menu-btn {
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    right: 40px;
    top: 10px;
    opacity: 1;
  }

  .menu-items li a {
    font-size: 18px;
    width: -webkit-fill-available !important;
    width: max-content;
  }

  .navbar .dropdown:hover > .sub-menu {
    transform: scale(1);
    max-height: 100%;
  }

  /* animation menu hamburger */
  .navigation.open .menu-btn__lines {
    transform: translateX(1rem);
    background: transparent;
  }

  .navigation.open .menu-btn__lines::before {
    transform: rotate(45deg) translate(-0.5rem, 0.5rem);
    /* background: var(--primaryColor); */
    background: #fff;
  }

  .navigation.open .menu-btn__lines::after {
    transform: rotate(-45deg) translate(-0.5rem, -0.5rem);
    /* background: var(--primaryColor);0 */
    background: #fff;
  }

  .main-search {
    display: none;
  }

  .info-block {
    display: none;
  }

  .menu-item.first-item {
    padding: 1.3585em 1.1em;
    border-bottom: 1px solid var(--borderColor);
  }
}

.home-banner .swiper-slide img{
  width: 100%;
}

.home-banner .swiper-slide{
  cursor: pointer;
}

/* .home-banner .swiper .swiper-wrapper .swiper-slide {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}
.home-banner .swiper .swiper-wrapper .swiper-slide::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: #222;
  opacity: 0.3;
  z-index: -1;
}
.home-banner .swiper .swiper-wrapper .swiper-slide .content h2 {
 text-align: center;
  font-size: 50px;
  line-height: 70px;
  font-weight: 700;
  color: #f38118;
  padding-bottom: 20px;
}
.home-banner .swiper .swiper-wrapper .swiper-slide .content p {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  color: #000;
  text-align: center;
} */
.home-banner .swiper .swiper-button-next {
  padding: 35px 25px;
  background-color: #ffffff;
  right: 0;
  outline: none;
}
.home-banner .swiper .swiper-button-next::after {
  font-size: 26px;
  right: 15px;
  position: absolute;
  color: #000000;
  font-weight: 700;
}
.home-banner .swiper .swiper-button-prev {
  padding: 35px 25px;
  background-color: #ffffff;
  left: 0;
  outline: none;
}
.home-banner .swiper .swiper-button-prev::after {
  font-size: 26px;
  left: 15px;
  position: absolute;
  color: #000000;
  font-weight: 700;
}
@media (max-width: 992px) {
  /* .home-banner .swiper .swiper-wrapper .swiper-slide {
    height: 80vh;
  } */
  .home-banner .swiper .swiper-wrapper .swiper-slide .content h2 {
    font-size: 46px;
    line-height: 54px;
  }
}
@media (max-width: 768px) {
  /* .home-banner .swiper .swiper-wrapper .swiper-slide {
    height: 70vh;
  } */
  .home-banner .swiper .swiper-wrapper .swiper-slide .content h2 {
    font-size: 40px;
    line-height: 48px;
  }
}
@media (max-width: 576px) {
  /* .home-banner .swiper .swiper-wrapper .swiper-slide {
    height: 60vh;
  } */
  .home-banner .swiper .swiper-wrapper .swiper-slide .content h2 {
    font-size: 34px;
    line-height: 42px;
  }
}


.main-title {
  text-align: center;
  position: relative;
}

 

.about-yoga {
  padding: 25px 0;
  background-image: url(../img/pattern-chakras-color.png);
  background-color: #fff0e1;
  background-repeat: repeat;
}

.mail-title-style {
  position: relative;
  display: flex;
  justify-content: space-between;
  max-width: 60%;
  margin: 0 auto;
  align-items: center;
}

.mail-title-style-line {
  width: 46%;
  height: 1px;
  background: var(--primaryColor);
  opacity: 0.5;
  margin-bottom: 0;
  position: relative;
}

.mail-title-style > .mail-title-style-line:last-child {
  margin-left: auto;
  left: auto;
  right: 0;
}

.mail-title-style-line:after {
  content: "";
  height: 0;
  position: absolute;
  left: 0;
  bottom: 2px;
  width: 100%;
  border-style: dashed;
  border-top-width: 1px;
  border-left: 0;
  border-right: 0;
  border-color: transparent;
  border-top-color: var(--primaryColor);
}

.mail-title-style-img {
  position: relative;
  -webkit-mask-image: url("../img/title.png");
  width: 80px;
  height: 40px;
  -webkit-mask-size: contain;
  margin-bottom: 0;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  background-color: var(--primaryColor);
}

.main-title p {
  font-size: 16px;
}

.about-yoga-item-header {
  text-align: center;
}

.about-yoga-item-header h5 {
  font-size: 22px; 
  margin-bottom: 0;
}

.about-yoga-item-body {
  position: relative;
}

.about-yoga-item-body-img {
  width: 115px;
  height: 115px;
  border-radius: 50%;
  overflow: hidden;
  border: 6px solid #f3811854;
  margin: 0 auto 30px;
  transition: all 0.35s ease-in;
}

.about-yoga-item:hover .about-yoga-item-body-img {
  transform: scale(1.25);
}

.about-yoga-item-content {
  text-align: center;
}

.about-yoga-item-style {
  position: relative;
  width: 100%;
  height: 1px;
  background: var(--primaryColor);
  display: flex;
  margin-top: 30px;
}

.about-yoga-item-style:after {
  content: "";
  height: 0;
  position: absolute;
  left: 0;
  bottom: 2px;
  width: 100%;
  border-style: dashed;
  border-top-width: 1px;
  border-left: 0;
  border-right: 0;
  border-color: transparent;
  border-top-color: var(--primaryColor);
}

.about-yoga-item {
  padding: 0 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.banner-with-text {
  background-color: #fff0e1;
  background-image: url(../img/parallax-decor.png);
  padding: 150px 0;
  overflow: hidden;
  position: relative;
  background-position: 0 0;
  background-repeat: no-repeat !important;
}

.banner-with-text::after {
  content: "";
  width: 100%;
  height: 100px;
  -webkit-mask-image: url(../img/dt-sc-flowtop-bgimage.png);
  mask-size: contain;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  background-color: #fff0e1;
  position: absolute;
  top: -30px;
}

.banner-with-text-content {
  text-align: left;
}

.banner-with-text-content h3 {
  font-size: 28px;
  line-height: 34px;
  font-weight: 700;
  text-transform: uppercase; 
}

h6.style-font {
  font-size: 30px;
  line-height: 1.5;
  margin-bottom: 0;
}

.banner-with-text-content p {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 10px;
}

.home-blog {
  background-color: #fff0e1;
  padding: 80px 0;
}

.banner-with-text-content ul li{
  font-size: 16px;
  line-height: 24px;
}

/* home blog */

.home-blog-item {
  position: relative;
  z-index: 1;
  padding: 10px;
}

.home-blog-item:after,
.home-blog-item:before {
  -webkit-transition: all 0.75s ease 0s;
  -moz-transition: all 0.75s ease 0s;
  -ms-transition: all 0.75s ease 0s;
  -o-transition: all 0.75s ease 0s;
  transition: all 0.75s ease 0s;
  border: 1px solid;
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 25px;
  left: 25px;
  right: 25px;
  top: 25px;
}

.home-blog-item:before {
  bottom: 0;
  left: 20px;
  right: 0;
  border-color: rgba(165, 130, 81, 0.25);
  top: 20px;
}

.home-blog-item:after {
  border-color: var(--primaryColor);
}

.home-blog-item:hover:before {
  bottom: 25px;
  left: 25px;
  right: 25px;
  top: 25px;
}

.home-blog-item:hover:after {
  bottom: 0;
  left: 20px;
  right: 0;
  top: 20px;
}

.home-blog-content {
  background: #fff;
  padding: 30px 0;
  position: relative;
  overflow: hidden;
  background-image: url(../img/pattern-grudge.png);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.home-blog-content-inner {
  display: flex;
}

.home-blog-content-info {
  padding: 0 20px;
}

.home-blog-content-date {
  background: #ffe2c7;
  background-image: url(../img/pattern-grudge.png);
  height: fit-content;
  padding: 20px;
  text-align: center;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
 
.home-blog-item:hover .home-blog-content {
  background: #ffe2c7;
  background-image: url(../img/pattern-grudge.png);
}

.home-blog-item:hover .home-blog-content-date {
  background: #f5f5f5;
  background-image: url(../img/pattern-grudge.png);
}

.home-blog-content-date > *:last-child {
  margin-bottom: 0;
}

.home-blog-content-date h5 {
  font-size: 30px;
  margin-bottom: 0;
}

.home-blog-content-info > p:first-child {
  font-size: 12px;
  font-weight: 600;
}

.home-blog-content-info h4 {
  line-height: 1.4;
  font-size: 18px;
}

.blog-btns {
  display: flex;
  justify-content: space-between;
}
.blog-btns a {
    text-decoration: underline;
    font-size: 14px;
    }

.blog-btns > a:has(i) {
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  font-size: 36px;
  opacity: 0.25;
  transform: scale(3);
  pointer-events: none;
  margin: auto;
  position: absolute;
  bottom: 50%;
  right: 50%;
  text-align: center;
  opacity: 0;
  filter: alpha(opacity=0);
}

.home-blog-item:hover .blog-btns > a:has(i) {
  opacity: 0.85;
  filter: alpha(opacity=85);
  right: 20px;
  bottom: 15px;
  pointer-events: all;
  transform: scale(1);
}

.home-blog-item .blog-btns > a:first-child {
  font-size: 16px;
}

.why-us {
  padding: 25px 0;
  background-image: url(../img/pattern-chakras-color.png);
  background-color: #fff0e1;
}

.why-us-item {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.why-us-icon {
  width: 50px;
  height: 50px;
  position: relative;
  overflow: hidden;
}

.why-us-icon::after {
  content: "";

  mask-size: contain;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  background-color: #9f3c00;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.why-us-icon-1::after {
  -webkit-mask-image: url(../img/ico-ying-yang.png);
}

.why-us-icon-2::after {
  -webkit-mask-image: url(../img/ico-stones.png);
}

.why-us-icon-3::after {
  -webkit-mask-image: url(../img/ico-cog-wheel.png);
}

.why-us-icon img {
  width: 100%;
  height: 100%;
}

.why-us-content {
  width: calc(100% - 80px);
}

.why-us-content .why-us-content-inner h4 {
  margin-bottom: 30px;
}

.why-us-content .why-us-content-inner h4 span {
  position: relative;
  padding-bottom: 10px;
  font-size: 18px;
}

.why-us-content .why-us-content-inner h4 span:after {
  border-style: dashed solid solid;
  border-width: 1px 0;
  content: "";
  height: 5px;
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
}

.divider-icon {
  position: relative;
  -webkit-mask-image: url(../img/title.png);
  width: 80px;
  height: 40px;
  margin: auto;
  -webkit-mask-size: contain;
  margin-bottom: 0;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  background-color: var(--primaryColor);
}

.divider:after,
.divider:before {
  content: "";
  width: calc(45% - 20px);
  height: 5px;
  border-style: dashed solid solid;
  border-color: var(--primaryColor);
  border-width: 1px 0 1px;
  position: absolute;
  top: 50%;
  display: flex;
}

.divider {
  padding: 50px 0;
  position: relative;
  width: 30%;
  margin: 0 auto;
}

.divider:before {
  left: 0;
}

.divider:after {
  right: 0;
}

@media (max-width: 576px) {
  .divider {
    width: 80%;
  }
}

.gallery-section {
  padding: 80px 0;
  background: #fff0e1;
}

section.gallery-section .container-fluid.gx-0 {
  padding: 0 90px;
}

.home-galley-grid {
  display: grid;
  grid-template-columns: 2.75fr 2.75fr 2.75fr 6fr;
}

.home-galley-title {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 20px;
  background: var(--primaryColor);
}

.home-galley-title h4 {
  color: #fff;
  font-size: 30px;
}

.home-galley-title p {
  margin-bottom: 0;
  color: #fff;
}

.home-galley-item {
  height: 100%;
  position: relative;
  overflow: hidden;
}

.home-galley-img {
  height: 100%;
}

.home-galley-img img {
  height: 100%;
  object-fit: cover;
  transition: all 0.35s ease-in;
}

.home-galley-img .home-galley-content {
  position: absolute;
  bottom: 0;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: flex-end;
  z-index: 1;
}

.home-galley-img .home-galley-content:after {
  position: absolute;
  width: 100%;
  height: 0;
  background: linear-gradient(1deg, #f38118 1%, transparent);
  left: 0;
  bottom: 0;
  content: "";
  z-index: -1;
  transition: all 0.35s ease-in;
}

.home-galley-content-inner {
  padding: 20px;
  opacity: 0;
  transition: all 0.35s ease-in;
}

.home-galley-content-inner h5 a {
  color: #fff;
}

.home-galley-img:hover .home-galley-content-inner {
  opacity: 1;
}

.home-galley-img:hover img {
  transform: scale(1.25);
}

.home-galley-item-inner {
  overflow: hidden;
  position: relative;
  height: 50%;
}

.home-galley-img:hover .home-galley-content:after {
  height: 100%;
}

@media (max-width: 1199px) {
  .home-galley-grid {
    display: flex;
    flex-wrap: wrap;
  }

  .home-galley-grid > *:nth-child(1) {
    width: 100% !important;
    flex: 0 0 100%;
  }

  .home-galley-item {
    flex: 1 1 30%;
    height: auto;
  }
}

@media (max-width: 767px) {
  .home-galley-item {
    flex: 1 1 100%;
    height: auto;
  }
}

.home-about-section {
  padding: 25px 0;
  background-image: url(../img/pattern-chakras-color.png);
  background-color: #fff0e1;
}

.home-about-img {
  position: relative;
  padding: 10px;
  z-index: 1;
  margin-bottom: 30px;
  -webkit-transition: all 0.75s ease 0s;
  -moz-transition: all 0.75s ease 0s;
  -ms-transition: all 0.75s ease 0s;
  -o-transition: all 0.75s ease 0s;
  transition: all 0.75s ease 0s;
}

.home-about-img:after,
.home-about-img:before {
  border: 1px solid;
  content: "";
  position: absolute;
  -webkit-transition: all 0.75s ease 0s;
  -moz-transition: all 0.75s ease 0s;
  -ms-transition: all 0.75s ease 0s;
  -o-transition: all 0.75s ease 0s;
  transition: all 0.75s ease 0s;
  z-index: -1;
}
 

.home-about-img:before,
.home-about-inner:hover .home-about-img:after {
  border-color: rgba(165, 130, 81, 0.25);
  bottom: 0;
  left: 20px;
  right: 0;
  top: 20px;
}

.home-about-img:after,
.home-about-inner:hover .home-about-img:before {
  bottom: 25px;
  left: 25px;
  right: 25px;
  top: 25px;
}

.home-about-img:after {
  border-color: var(--primaryColor) !important;
}

.home-about-content-inner {
 
}

.home-about-content-inner p a {
  white-space: pre;
}

.main-title-inner span {
  position: relative;
  padding-bottom: 20px;
}

.main-title-inner span:after {
  content: "";
  position: absolute;
  width: 100px;
  border-style: dashed dashed solid;
  height: 6px;
  border-width: 2px 0 2px 0px;
  left: 0;
  bottom: 0;
}

ul#counter li {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.counter-icon {
  width: 60px;
  font-size: 40px;
}

.counter-content {
  width: calc(100% - 80px);
}

ul#counter {
  margin-top: 30px;
}

p.counter-number span.count.percent {
  font-size: 40px;
  font-weight: 800;
  position: relative;
  padding-bottom: 5px;
}

span.counter-symbol {
  font-size: 40px;
  font-weight: 700;
}

span.counter-info {
  font-weight: 700;
  font-style: italic;
  display: block;
}

p.counter-number span.count.percent:after {
  content: "";
  width: 50px;
  height: 2px;
  background: currentColor;
  position: absolute;
  bottom: 0;
  left: 0;
}

@media (max-width: 576px) {
  p.counter-number span.count.percent:after {
    width: 35px;
  }

  p.counter-number span.count.percent,
  span.counter-symbol {
    font-size: 28px;
  }

  .counter-content {
    width: calc(100% - 50px);
  }

  .counter-icon {
    width: 40px;
    font-size: 30px;
  }

  span.counter-info {
    font-size: 14px;
  }
}

section.cta-seciton {
  background: #fff0e1;
  padding: 25px 0;
}

.cta-content-inner h3 {
  text-transform: capitalize;
  margin-bottom: 30px;
}

.cta-content {
  background: #fff;
  padding: 20px;
  background-image: url(../img/pattern-grudge.png);
}

.cta-content-inner {
  padding: 30px;
  border: 1px solid;
}

.testimonials-wapper .testimonial-item .testimonial-content {
  text-align: center;
  position: relative;
}

.testimonials-wapper .testimonial-item .testimonial-content p {
  font-weight: 500;
  position: relative;
  padding: 20px;
}

.testimonials-wapper .testimonial-item .testimonial-content p i {
  position: absolute;
  font-size: 14px;
}

.testimonials-wapper
  .testimonial-item
  .testimonial-content
  p
  i.fas.fa-quote-left {
  left: 0px;
}

.testimonials-wapper
  .testimonial-item
  .testimonial-content
  p
  i.fas.fa-quote-right {
  right: 2px;
}

.testimonial-img {
  max-width: 120px;
  margin: 0 auto;
  margin-bottom: 30px;
  border-radius: 50%;
  overflow: hidden;
}

.testimonial-info {
  text-align: center;
}

.testimonial-info-content small {
  font-size: 16px;
  position: relative;
}

 

section.home-testimonials.bg-move {
  background: #fff0e1;
  padding: 25px 0;
  background-image: url(../img/pattern-chakras-color.png);
}

.testimonials-wapper .swiper-button-next,
.testimonials-wapper .swiper-button-prev {
  top: var(--swiper-navigation-top-offset, 60%);
  width: calc(var(--swiper-navigation-size) / 2 * 27);
}

.testimonials-wapper .swiper-button-next:after,
.testimonials-wapper .swiper-button-prev:after {
  font-size: 30px;
  color: var(--primaryColor);
}

@media (max-width: 1199px) {
  .testimonials-wapper .swiper-button-next,
  .testimonials-wapper .swiper-button-prev {
    top: var(--swiper-navigation-top-offset, 65%);
    width: calc(var(--swiper-navigation-size) / 3 * 27);
  }
}

@media (max-width: 640px) {
  .testimonials-wapper .swiper-button-next,
  .testimonials-wapper .swiper-button-prev {
    top: var(--swiper-navigation-top-offset, 70%);
    width: calc(var(--swiper-navigation-size) / 10 * 27);
  }
}

@media (max-width: 400px) {
  .testimonials-wapper .swiper-button-next,
  .testimonials-wapper .swiper-button-prev {
    top: var(--swiper-navigation-top-offset, 75%);
    width: calc(var(--swiper-navigation-size) / 15 * 27);
  }
}

section.home-subscribe-section {
  background: #fff0e1;
  padding: 80px 0;
}

.home-subscribe-item {
  padding: 50px 20px;
  background: #ffcd9f;
  background-image: url(../img/pattern-grudge.png);
}

.home-subscribe-content .home-subscribe-content-inner h5 {
  color: #333;
}

.home-subscribe-content {
  margin-top: 30px;
}

.home-subscribe-image {
  position: relative;
  left: -150px;
  z-index: 1;
  margin-bottom: 30px;
  -webkit-transition: all 0.75s ease 0s;
  -moz-transition: all 0.75s ease 0s;
  -ms-transition: all 0.75s ease 0s;
  -o-transition: all 0.75s ease 0s;
  transition: all 0.75s ease 0s;
  padding: 10px;
}

.home-subscribe-image:after,
.home-subscribe-image:before {
  border: 1px solid;
  content: "";
  position: absolute;
  -webkit-transition: all 0.75s ease 0s;
  -moz-transition: all 0.75s ease 0s;
  -ms-transition: all 0.75s ease 0s;
  -o-transition: all 0.75s ease 0s;
  transition: all 0.75s ease 0s;
  z-index: -1;
}

.home-subscribe-image:before {
  border-color: rgba(228, 133, 0, 0.25);
  bottom: 0;
  left: 20px;
  right: 0;
  top: 20px;
}

.home-subscribe-item:hover .home-subscribe-image:after {
  border-color: var(--primaryColor);
  bottom: 0;
  left: 20px;
  right: 0;
  top: 20px;
}

.home-subscribe-image:after,
.home-subscribe-item:hover .home-subscribe-image:before {
  bottom: 25px;
  left: 25px;
  right: 25px;
  top: 25px;
}

.home-subscribe-form {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 30px;
  border-left: 1px dashed #333;
}

.home-subscribe-form-title h4 {
  font-size: 30px;
  letter-spacing: 0.1em;
  margin-bottom: 20px;
}

.home-subscribe-form form input {
  padding: 15px 20px;
  vertical-align: middle;
  width: 100%;
}

.home-subscribe-form form {
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  align-items: center;
}

.home-subscribe-form form .btn {
  width: max-content;
}

@media (max-width: 991px) {
  .home-subscribe-image {
    left: 0;
  }

  .home-subscribe-form {
    margin-top: 80px;
    justify-content: center;
    text-align: center;
    border: 0;
    border-top: 1px dashed;
  }
}

@media (max-width: 576px) {
  .home-subscribe-form-title h4 {
    font-size: 24px;
  }
}

.footer-top {
  padding: 25px 0 25px;
  background: #ffe2c7;
  background-image: url(../img/pattern-grudge.png);
}

.footer-working-time {
  text-align: right;
}

.footer-title h3 span {
  position: relative;
  font-size: 20px;
  padding-bottom: 15px;
}

.footer-title h3 span:after {
  content: "";
  width: 60px;
  height: 5px;
  border-style: dashed dashed solid;
  border-width: 1px 0 1px 0;
  position: absolute;
  bottom: 0;
}

.footer-working-time .footer-title h3 span:after {
  right: 0;
}

.footer-title h3 {
  margin-bottom: 30px;
}

.footer-contact-info .footer-title h3 span:after {
  left: 0;
}

.footer-contact-info,
.footer-working-time {
  padding: 0 20px;
}

.footer-contact-info ul li:not(:last-child),
.footer-working-time ul li:not(:last-child) {
  border-bottom: 1px dashed #aaaaaa;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.footer-about-logo {
  width: 300px;
  margin: 0 auto 20px;
}

.footer-about {
  height: 100%;
  background: #ffcd9f75;
  background-image: url(../img/pattern-grudge.png);
  padding: 40px;
  text-align: center;
  display: flex;
  align-items: center;
}

.footer-contact-info ul li {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.footer-contact-info .footer-contact-icon {
  width: 30px;
  font-size: 25px;
}

.footer-contact-info .footer-contact-content {
  width: calc(100% - 40px);
}

.footer-contact-info p,
.footer-working-time p {
  margin-bottom: 5px;
}

.footer-contact-info p a {
  font-weight: 500;
}

.footer-copy {
  background: #ffcd9f;
  padding-bottom: 20px;
  padding-top: 30px;
}

.footer-copy .divider {
  padding: 20px 0;
}

.footer-copy p {
  margin-bottom: 0;
}

@media (max-width: 991px) {
  .footer-working-time .footer-title h3 span:after {
    right: unset;
    left: 0;
  }

  .footer-working-time {
    text-align: left;
    margin-bottom: 30px;
  }

  .footer-contact-info {
    margin-top: 30px;
  }
}

/* [class*="page-template-"] header,
.post-type-archive header,
[class*="blog-template-"] header {
  position: unset;
  background: #f38118;
} */

/* [class*="page-template-"].home header {
  position: absolute;
} */

section.breadcrumb-section {
  background: #ffd8b5;
  background-image: url(../img/pattern-grudge.png);
  padding: 50px 0;
}

#video-popup-container {
  display: none;
  position: fixed;
  z-index: 996;
  width: 60%;
  left: 50%;
  margin-left: -30%;
  top: 20%;
  background-color: #fff;
  z-index: 9999;
}

#video-popup-close {
  cursor: pointer;
  position: absolute;
  right: -10px;
  top: -10px;
  z-index: 998;
  width: 25px;
  height: 25px;
  border-radius: 25px;
  text-align: center;
  font-size: 12px;
  background-color: #000;
  line-height: 25px;
  color: #fff;
  opacity: 1;
}

#video-popup-iframe-container {
  position: absolute;
  z-index: 997;
  width: 100%;
  padding-bottom: 56.25%;
  border: 2px solid #000;
  border-radius: 2px;
  background-color: #000;
}

#video-popup-iframe {
  z-index: 999;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #000;
}

#video-popup-overlay {
  display: none;
  position: fixed;
  z-index: 995;
  top: 0;
  background-color: #000;
  opacity: 0.8;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
}

#video-popup-close:hover {
  color: var(--primaryColor);
}

.vpop {
  position: relative;
  cursor: pointer;
  height: 100%;
}

.video-icon {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  width: 100px;
  height: 100px;
}

.video-icon i {
  font-size: 95px;
  color: var(--primaryColor);
}

section.about-video-content-seciton {
  padding: 25px 0;
}

.about-video-content-seciton .about-content h3 {
  color: #333;
  font-size: 34px;
  margin-bottom: 20px;
}

.about-video-content-seciton .about-content h3 span {
  color: var(--primaryColor);
}

.about-video-content-seciton .about-content h5 {
  margin-bottom: 20px;
}

.about-video-content-seciton .about-content span {
  color: var(--primaryColor);
}

.about-content p i {
  color: rgb(240, 196, 25);
  font-size: 20px;
}

.about-content span {
  color: var(--primaryColor);
}

@media (max-width: 991px) {
  .about-content {
    max-width: 100%;
  }
}

.about-content-img {
  background-image: url(../img/Untitled_design-removebg-preview.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  position: sticky;
  top: 70px;
}

section.about-content-img-section {
  padding: 25px 0;
  background: #ffeede;
  background-image: url(../img/pattern-grudge.png);
}

.about-content-img-section .about-content h3 {
  color: #333;
  font-size: 38px;
  margin-bottom: 30px;
}

section.about-why-us-section {
  padding: 25px 0;
}

.about-title {
  text-align: center; 
}

.about-title h3 {
  color: #333;
  font-size: 38px;
}

.about-title span {
  color: var(--primaryColor);
}

.about-why-us-item {
  text-align: center;
  padding: 30px;
  background: #ffe2c7;
  background-image: url(../img/pattern-chakras-color.png);
  border-radius: 30px;
  box-shadow: 9px 9px 42px -33px #000;
}

.about-why-us-item-icon {
  width: 65px;
  height: 65px;
  margin: 0 auto;
  background: var(--primaryColor);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin-bottom: 30px;
}

.about-why-us-item-icon i {
  color: #fff;
  font-size: 30px;
}

section.about-students-say {
  /* background: #ffeede; */
  padding: 25px 0;
  background-image: url(../img/pattern-grudge.png);
}

.about-students-say-item {
  background: #feeedf;
  padding: 30px;
  border-radius: 30px;
  background-image: url(../img/pattern-grudge.png);
  height: 100%;

}

.about-title h3{
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 28px;
  line-height: 36px;
  font-weight: 700;
}

.about-title p i {
  color: rgb(240, 196, 25);
  font-size: 20px;
}

.about-students-say-user-info-wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 30px;
  margin-bottom: 30px;
}

.about-students-say-user-info-wrapper .about-students-say-user-img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
}

.about-students-say-user-info-wrapper .about-students-say-user-img img {
  width: 100%;
  height: 100%;
}

.about-students-say-user-info {
  width: calc(100% - 130px);
}

.about-students-say-user-info p {
  font-size: 14px;
}

section.about-section {
  background-color: #ffeede;
  padding: 80px 0;
}

.about-section-content h5 {
  font-size: 30px;
}

.about-section-content p {
  font-size: 18px;
}

.about-section-content ul li {
  list-style: disc;
  font-size: 18px;
  line-height: 1.6;
}

.about-section-content ul {
  padding-left: 30px;
}

.about-section-content ul li:not(:last-child) {
  margin-bottom: 22px;
}

.about-section-content ul span {
  color: var(--primaryColor);
  font-weight: 600;
}

seciton.about-subcribe-form-section {
  /* background: #ffe2c7; */
  display: block;
  background-image: url(../img/pattern-grudge.png);
  padding: 80px 0;
}

.about-subcribe-form-main {
  background: #fff;
  padding: 10px;
  border-radius: 10px;
  border: 2px solid var(--primaryColor);
  background-image: url(../img/pattern-grudge.png);
}

.about-subcribe-form-wrapper {
  height: 100%;
  text-align: center;
  padding: 0 20px;
}

.about-subcribe-form-content span {
  color: var(--primaryColor);
  font-weight: 500;
}

.about-subcribe-form-content p {
  font-size: 19px;
}

.about-subcribe-form form {
  display: flex;
  gap: 10px;
  flex-direction: column;
}

.about-subcribe-form form input {
  width: 100%;
  padding: 10px 20px;
}

.about-subcribe-form {
  margin-top: 30px;
}

section.about-core-values {
  padding: 25px 0;
}

.about-core-values-item {
  background: #ffe2c7;
  padding: 30px;
  border-radius: 20px;
  display: flex; 
  justify-content: space-between;
  background-image: url(../img/pattern-grudge.png);
  height: 100%;
}

.about-core-values-icon {
  width: 70px;
  height: 70px;
  background: var(--primaryColor);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.about-core-values-icon i {
  font-size: 35px;
  color: #fff;
  margin-top: 5px;
}

.about-core-values-content {
  width: calc(100% - 100px);
}

.about-core-values-content h5 span {
  border-bottom: 1px dotted;
  padding-bottom: 5px;
}

.about-core-values-content h5 {
  margin-bottom: 20px;
}

.integral-yoga-banner-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0;
}

.integral-yoga-banner-grid-content {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px 60px;
  background: #f7f7f7;
}

.integral-yoga-banner-grid-content-inner h2 {
  font-size: 38px;
  margin-bottom: 10px;
}

.integral-yoga-banner-grid-img {
  height: 100%;
}

.integral-yoga-banner-grid-img img {
  height: 100%;
  object-fit: cover;
}

@media (max-width: 1440px) {
  .integral-yoga-banner-grid-content {
    padding: 30px 40px;
  }
}

@media (max-width: 991px) {
  .integral-yoga-banner-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media (max-width: 576px) {
  .integral-yoga-banner-grid-content {
    padding: 0 15px 30px;
  }
}

.practice-heading {
  text-align: center;
  justify-content: center;
}

.yoga-list-items {
  padding: 45px;
}

.yoga-list-items p {
  text-align: justify;
}

.yoga-list-items ol li {
  margin-top: 40px;
}

.PROFESSIONAL-SECTION {
  margin-top: 70px;
}

.images {
  margin-top: 50px;
  width: 100%;
}

.image-container img {
  max-width: 100%;
  height: auto;
  overflow-x: hidden;
}

.text-overlay {
  position: absolute;
  top: 50px;
  padding: 10px;
}

.image-container {
  position: relative;
  display: inline-block;
}

.practice-heading {
  margin-bottom: 30px;
}

.practice-heading {
  text-align: center;
  justify-content: center;
}

.yoga-list-items {
  padding: 40px;
}

.yoga-list-items ol li {
  margin-top: 40px;
}

.PROFESSIONAL-SECTION {
  margin-top: 70px;
}

.images {
  margin-top: 50px;
  width: 100%;
}

.image-container img {
  max-width: 100%;
  height: auto;
  overflow-x: hidden;
}

.text-overlay {
  position: absolute;
  top: 50px;
  padding: 10px;
}

.image-container {
  position: relative;
  display: inline-block;
  height: 100%;
  width: 100%;
}

.practice-heading {
  margin-bottom: 30px;
}

.image-content {
  padding: 40px;
}

.yoga-image {
  text-align: justfy;
  padding: 10px;
}

.col-12.col-md-6.col-lg-12 {
  margin-top: 40px;
}

#strong-yoga {
  padding-bottom: 100px;
}

.yoga-content {
  margin-top: 30px;
}

.card-section {
  margin-top: 40px;
}

.yogacertify-section {
  margin-top: 50px;
}

.yoga-image {
  /* margin-left: 43px; */
}

.yoga-image {
  display: flex;
  justify-content: center;
  gap: 3px;
}

.yogas-content {
  text-align: center;
}

.yoga-image {
  display: flex;
  justify-content: flex-start;
  gap: 3px;
}

i.fas.fa-check {
  margin: 7px;
}

.teaching-section {
  margin-top: 50px;
}

.yoga-list-items ol li {
  text-align: justify;
  margin-top: 40px;
}

.yoga-list-items li {
  list-style-type: circle;
}

.heading h2 {
  text-align: center;
}

.heading h2 {
  /* font-weight: 100; */
  /* text-align: center; */
  font-size: 18px;
}

.teacher-image h3 {
  text-align: center;
}

.content-overlay p {
  position: absolute;
  bottom: 50%;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 10px;
  font-size: 18px;
  font-weight: bold;
}

.container img {
  max-width: 100%;
  height: auto;
}

.content-overlay p {
  position: relative;
  bottom: 60%;
}

.student-heading h2 {
  padding: 20px;
  text-align: center;
}

.student-list ol li {
  text-align: justify;
  padding: 6px;
}

.image-container img {
  max-width: 100%;
  height: auto;
}

.image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #f58118 !important;
  color: #fff;
}

.image-overlay h4 {
  text-align: center;
  margin-bottom: 6px;
}

.image-overlay ol li {
  padding: 20px;
  text-align: justify;
}

.image-overlay h4 {
  margin-bottom: 6px;
  color: #fff;
}

.image-overlay ol li {
  padding: 0px 0;
  text-align: justify;
  list-style: circle;
}

.image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 50px;
  align-items: center;
  justify-content: center;
}

.student-list ul {
  font: inherit;

  text-align: justify;
}
.student-list ul li {
  list-style: circle;
}

.student-heading h4 {
  text-align: left;
}

.image-overlay ul li {
  padding: 15px 0;
  text-align: justify;
  list-style: circle;
}

.image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.student-main-content {
  padding: 50px;
  background-color: #fefefe;
  height: 100%;
}
.student-list li {
  padding: 5px;
}
.resolution-process {
  /* padding-top: 40px; */
}
.integral-yoga-banner-grid {
  background-color: #fefefe;
}
.integral-yoga-banner-grid-content-inner p {
  text-align: justify;
  /* padding: 10px; */
}
#icon-color {
  color: #ffa200;
}
.yoga-image p {
  margin-bottom: 0;
}
.integral-yoga-banner-grid-content-inner h3 {
  margin-bottom: 30px;
}
section.resolution-process {
  /* margin-top: 25px; */
}
.student-main-content {
  padding: 50px 36px;
  background-color: #f7f7f7;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.teacher-section {
  margin-top: 60px;
}

.swami-image-content {
  padding-left: 40px;
  text-align: justify;
}

.picture-section {
  padding: 25px 0px;
}

.swami-image-content h1 {
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 28px;
  line-height: 36px;
  font-weight: 700;
  text-align: left;
}

.imge {
  max-width: 100%;
}

 
 
 
.swami-image-content a {
  text-decoration: none;
  border: none;
  color: black;
}
.gallery-section {
  padding: 25px 0px;
}
.swammi-gallery {
  padding: 14px;
}

.image-content {
  padding: 40px;
}

@media (max-width: 767px) {
  .image-container {
    min-height: 750px;
  }
  .student-main-content {
    padding: 30px 36px;
  }

  .image-overlay ol {
    padding: 0 10px;
  }
  .image-overlay {
    padding: 10px;
  }
  .student-list ul li p {
    margin-bottom: 0;
  }
  .image-overlay ol li {
    padding: 0;
  }
}

:root {
  --primary-hover: #f58118;
  --primary-dark: #f38118;
  --rgba-primary-1: rgba(243, 129, 24, 0.1);
  --rgba-primary-2: rgba(243, 129, 24, 0.2);
  --rgba-primary-3: rgba(243, 129, 24, 0.3);
  --rgba-primary-4: rgba(243, 129, 24, 0.4);
  --rgba-primary-5: rgba(243, 129, 24, 0.5);
  --rgba-primary-6: rgba(243, 129, 24, 0.6);
  --rgba-primary-7: rgba(243, 129, 24, 0.7);
  --rgba-primary-8: rgba(243, 129, 24, 0.8);
  --rgba-primary-9: rgba(243, 129, 24, 0.9);
}

section.core-values-section {
  padding: 80px 0;
  background: #e9e9e9;
}

.core-values-header {
  margin-bottom: 50px;
  text-align: center;
}

.core-values-header h2 {
  font-size: 38px;
}

.core-values-main ul {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}

.core-values-main ul li {
  flex: 0 0 32.33%;
  list-style: none;
}

.core-values-main ul .core-item {
  text-align: center;
  padding: 30px 10px;
  background: #ffd8b4;
  position: relative;
  overflow: hidden;
  transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1);
  border-radius: 8px;
  box-shadow: 0 10px 60px 0 rgb(161 160 160 / 26%);
}

.core-values-main ul .core-item svg path {
  fill: #1d4a89;
  transition: all 0.35s ease-in;
}

.core-values-title h2 {
  color: #fff;
}

.core-values-title {
  margin-bottom: 32px;
}

.core-values-main ul .core-item svg {
  width: 50px;
  height: 50px;
}

.core-values-main ul .core-item .core-values-item-icon {
  margin-bottom: 20px;
}

.core-values-main ul .core-item h6 {
  margin-bottom: 5px;
  font-size: 14px !important;
  transition: all 0.35s ease-in;
}

.core-values-main ul .core-item h5 {
  font-size: 24px !important;
  color: var(--primaryColor);
  transition: all 0.35s ease-in;
  font-weight: bold;
}

.core-values-main ul .core-item:hover svg path,
.core-values-main ul .core-item:hover h6,
.core-values-main ul .core-item:hover h5,
.core-values-main ul .core-item:hover p {
  fill: #fff;
  color: #fff !important;
}

.core-values-main ul .core-item:after {
  pointer-events: none;
  background: rgba(163, 204, 2, 0.4);
  background: var(--rgba-primary-4);
  bottom: -20px;
  box-shadow: 0 -16px 0 30px rgba(163, 204, 2, 0.1),
    0 -16px 0 60px rgba(163, 204, 2, 0.1), 0 -16px 0 90px rgba(163, 204, 2, 0.1);
  box-shadow: 0 -16px 0 30px var(--rgba-primary-1),
    0 -16px 0 60px var(--rgba-primary-1), 0 -16px 0 90px var(--rgba-primary-1);
  content: "";
  height: 350px;
  position: absolute;
  right: -100px;
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
  transition: all 0.8s;
  width: 100px;
  content: "";
  transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.core-values-main ul .core-item:hover:after {
  box-shadow: 0 -16px 0 30px hsla(0, 0%, 100%, 0.1),
    0 -16px 0 60px hsla(0, 0%, 100%, 0.1), 0 -16px 0 90px hsla(0, 0%, 100%, 0.1);
  opacity: 0.5;
  -webkit-transform: rotate(15deg) scale(1.5);
  transform: rotate(15deg) scale(1.5);
}

.core-values-main ul .core-item:hover {
  background: var(--primaryColor);
  transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
}

@media (max-width: 1286px) {
  .core-values-main ul li {
    flex: 0 0 29.5%;
  }
}
@media (max-width: 991px) {
  .core-values-main ul li {
    flex: 0 0 48%;
  }
}
@media (max-width: 576px) {
  .core-values-main ul li {
    flex: 0 0 100%;
  }
  .integral-yoga-banner-grid-content-inner h2 {
    font-size: 28px;
  }
  .core-values-main ul {
    gap: 15px;
  }
  .integral-yoga-banner-grid-content-inner {
    margin-top: 20px;
  }
  .integral-yoga-banner-grid-content-inner p {
    padding: 0;
  }
  .breadcrumb-title h1 {
    font-size: 20px;
  }
  section.breadcrumb-section {
    padding: 20px 0;
  }
}

.team-section {
  padding: 25px 0;
}

section.iyi-gallery-section {
  padding: 80px 0;
}

.iyi-gallery-title {
  text-align: center;
  margin-bottom: 30px;
}

.iyi-gallery-item {
  border: 1px solid #cfcfcf;
  padding: 10px;
  border-radius: 5px;
}

.iyi-gallery-content h6 {
  margin-bottom: 0;
  margin-top: 10px;
  text-align: center;
  font-size: 20px;
}

/* contact */
section.contact-main {
  padding: 80px 0;
  background: #f5f5f5;
}

.contact-info-content h6 {
  color: #000;
  font-size: 24px;
  margin-bottom: 15px;
  transition: all 0.35s ease-in;
}

.contact-info-content p:not(:last-child) {
  margin-bottom: 5px;
}

.contact-info-content p,
.contact-info-content p a {
  color: #000;
  font-size: 15px;
  font-weight: 600;
  transition: all 0.35s ease-in;
}
.contact-item ul .contact-info-item:hover {
  background: var(--primaryColor);
}

.contact-info-item:hover .contact-info-content h6,
.contact-info-item:hover .contact-info-content p,
.contact-info-item:hover .contact-info-content p a {
  color: #fff;
}

.contact-info-item:hover .contact-info-icon {
  background: #fff;
}

.contact-info-item:hover .contact-info-icon p {
  color: var(--primaryColor);
}

.contact-item ul {
  display: flex;
  gap: 30px;
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

.contact-item ul .contact-info-item {
  box-shadow: 0 8px 30px rgb(0 0 0 / 6%);
  padding: 20px;
  text-align: center;
  width: calc(50% - 15px);
  background: #fff;
  border-radius: 20px;
  transition: all 0.35s ease-in;
}
.contact-item ul .contact-info-item.mail-contact {
  width: 100%;
}
.contact-info-icon {
  width: 50px;
  height: 50px;
  background: #ffe7cc;
  border-radius: 50%;
  display: flex;
  align-items: center;
  margin: auto;
  justify-content: center;
  margin-bottom: 20px;
  transition: all 0.35s ease-in;
}

.contact-info-icon p {
  margin-bottom: 0;
  font-size: 24px;
  color: var(--primary-dark);
  transition: all 0.35s ease-in;
}
.contact-form-inner {
  padding: 30px;
  background: #ebebeb;
  border-radius: 20px;
}

.contact-form-inner .section-title {
  margin-bottom: 30px;
}

.contact-form-inner .gform_fields {
  gap: 20px !important;
}
.iyi-gallery-img {
  height: 100%;
}

.iyi-gallery-img img {
  height: 100%;
  object-fit: cover;
}

.steps-wraps ol li p {
  padding-top: 8px;
}

.steps-wraps ol li {
  list-style: disc;
}

.Paschimottanasana-steps p {
  padding-top: 10px;
}

.Introduction-part p {
  padding-top: 15px;
}

section.blog-single-section {
  padding: 80px 0;
}

.blog-single-content-inner {
  margin-top: 30px;
}

.blog-single-content-inner h2 {
  font-size: 24px;
  /* padding-bottom: 8px; */
}

.blog-single-content-inner h3{
  font-size: 20px;
  line-height: 32px;
  padding-bottom: 6px;
}

.blog-single-content-inner ol li {
  list-style: auto;
}

.blog-single-recent-post {
  background: #ffd8b5;
  background-image: url(../img/pattern-grudge.png);
  padding: 20px;
}

.blog-single-recent-post h3 {
margin-bottom: 22px;
}

.blog-single-recent-center h4 a {
font-size: 16px;
 line-height: 20px;
}

.blog-single-recent-center {
margin-top: 12px;
}

.blog-single-recent-center p {
font-size: 14px;
}

.blog-single-recent-center .blog-btns a {
color: #000;
}

.blog-single-recent-center .blog-btns a:hover {
color: var(--primaryColor);
}

.blog-single-recent-post ul {
    display: grid;
    gap: 20px;
}
 

section.about-core-values {
    background-color: #ffeede;
}
ul#counter {
      display: flex;
      margin-top: 30px;
      gap: 30px;
      flex-wrap: wrap;
}

ul#counter li{
  width: 47%;
}

 
.about-students-say-user-info-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 0px !important;
    align-items: center;
}

.custom-width{
  width: auto;
}

/* My Code */

.custom-seciton{
  padding: 25px 0px;
}

.custom-seciton .row{
  align-items: center;
}

.custom-seciton .custom-seciton-inn h2{
  font-size: 32px;
  line-height: 40px;
  padding-bottom: 10px;
}

.custom-seciton .custom-seciton-inn p{
  font-size: 16px;
  line-height: 1.7;
}

.custom-seciton .custom-seciton-inn ul{
  padding-left: 20px;
}

.custom-seciton .custom-seciton-inn ul li{
  font-size: 16px;
  line-height: 1.7;
  list-style-type: disc;
}

.custom-seciton .image-link {
  position: relative;
}

.custom-seciton .image-link a {
  color: #ef832b;
  width: 50px;
  height: 50px;
  background: #fdd9b7;
  -webkit-filter: drop-shadow(5px 15px 60px rgba(27, 33, 47, 0.1));
  filter: drop-shadow(5px 15px 60px rgba(27, 33, 47, 0.1));
  border-radius: 50%;
  font-size: 20px;
  display: inline-block;
  text-align: center;
  -webkit-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  position: relative;
  z-index: 1;
  -webkit-animation: pulseBig infinite 5s linear;
  animation: pulseBig infinite 5s linear;
  line-height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.image-link {
  position: relative;
}

.image-link a {
  color: #ef832b;
  width: 50px;
  height: 50px;
  background: #fdd9b7;
  -webkit-filter: drop-shadow(5px 15px 60px rgba(27, 33, 47, 0.1));
  filter: drop-shadow(5px 15px 60px rgba(27, 33, 47, 0.1));
  border-radius: 50%;
  font-size: 20px;
  display: inline-block;
  text-align: center;
  -webkit-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  position: relative;
  z-index: 1;
  -webkit-animation: pulseBig infinite 5s linear;
  animation: pulseBig infinite 5s linear;
  line-height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#testmonial-slider .swiper-slide{
  height: auto;
}

#testmonial-slider .testimonial-item {
  height: 100%;
  background-color: #feeedf;
  padding: 20px;
}

/* pulseBig */
@keyframes pulseBig {
  0% {
    -webkit-box-shadow: 0 0 0 0 #16223b;
    box-shadow: 0 0 0 0 #d3d3d4;
  }
  50% {
    -webkit-box-shadow: 0 0 0 30px rgba(1, 93, 199, 0);
    box-shadow: 0 0 0 30px rgba(1, 93, 199, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
    box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
  }
}
@-webkit-keyframes pulseBig {
  0% {
    -webkit-box-shadow: 0 0 0 0 #16223b;
    box-shadow: 0 0 0 0 #d3d3d4;
  }
  50% {
    -webkit-box-shadow: 0 0 0 30px rgba(1, 93, 199, 0);
    box-shadow: 0 0 0 30px rgba(1, 93, 199, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
    box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
  }
}

@media (max-width: 1200px){
  /* section.about-video-content-seciton, section.about-content-img-section, section.about-students-say{
    padding: 70px 0px;
  } */
}

@media (max-width: 992px){

  .row-gap{
    gap: 40px 0px;
  }
  /* section.about-video-content-seciton, section.about-content-img-section, section.about-students-say{
    padding: 60px 0px;
  } */
}

@media (max-width: 768px){

  .row-gap{
    gap: 30px 0px;
  }
  /* section.about-video-content-seciton, section.about-content-img-section, section.about-students-say{
    padding: 50px 0px;
  } */
}

@media (max-width: 576px){


  /* section.about-video-content-seciton, section.about-content-img-section, section.about-students-say{
    padding: 30px 0px;
  } */
  [class*="page-template-"].home header{
    position: relative;
  }
}

.mfp-bottom-bar, * {
  font-family: "Be Vietnam Pro", sans-serif;
}

.banner-with-text h3, .why-us h3, .gallery-section h3, .home-about-section h3, .about-core-values h3, .home-testimonials h3, .cta-seciton h3{
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 28px;
  line-height: 36px;
  font-weight: 700;
}

.home-about-content{
  padding-bottom: 20px;
}

.about-core-values-icon img{
  width: 50px;
}

.integral-yoga-banner-grid-img img{
  width: 100%;
}

.integral-yoga-banner-grid-content-inner h3{
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 28px;
  line-height: 36px;
  font-weight: 700;
}

.image-overlay h3{
  color: #fff;
}

.yogacertify-section h3, .teacher-section h3, .practice-heading h3, .student-heading h3{
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 28px;
  line-height: 36px;
  font-weight: 700;
}

 

.about-content h2{
  text-transform: capitalize;
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 28px;
  line-height: 36px;
  font-weight: 700;
}

.integral-yoga-banner-grid-content-inner h2, .schedule-section h2, .team-header h2{
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 28px;
  line-height: 36px;
  font-weight: 700;
}


/*--------------------------------------------------Scroll-To-Top-Button--------------------------------------------------*/
.scrollToTopButton {
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  position: fixed;
  bottom: 100px;
  right: 50px;
  border: 2px solid;
  border-color: transparent;
  background-color: #f6863d;
  border-radius: 50px;
  width: 60px;
  height: 60px;
  line-height: 56px;
  font-size: 20px;
  z-index: 9999;
  text-align: center;
}
.scrollToTopButton:focus {
  box-shadow: none;
  border-color: #f6863d !important;
}
.scrollToTopButton i {
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  color: #ffffff;
}
.scrollToTopButton:hover {
  background-color: transparent;
  border-color: rgb(242, 136, 70);
}
.scrollToTopButton:hover i {
  color: #f6863d;
}

@media (max-width: 992px){
  .banner-with-text{
    padding: 80px 0px;
  }
  .row-gap{
    gap: 30px 0px;
  }
}



.image-link {
  position: relative;
  z-index: 1;
}
.image-link::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(253, 217, 183, 0.2);
}
.image-link a {
  color: #f28846;
  width: 50px;
  height: 50px;
  background: #ffffff;
  -webkit-filter: drop-shadow(5px 15px 60px rgba(27, 33, 47, 0.1));
  filter: drop-shadow(5px 15px 60px rgba(27, 33, 47, 0.1));
  border-radius: 50%;
  font-size: 18px;
  display: inline-block;
  text-align: center;
  -webkit-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  position: relative;
  z-index: 1;
  -webkit-animation: pulseBig infinite 2s linear;
  animation: pulseBig infinite 2s linear;
  line-height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


/* pulseBig */
@keyframes pulseBig {
  0% {
    -webkit-box-shadow: 0 0 0 0 #16223b;
    box-shadow: 0 0 0 0 #d3d3d4;
  }
  50% {
    -webkit-box-shadow: 0 0 0 30px rgba(1, 93, 199, 0);
    box-shadow: 0 0 0 30px rgba(1, 93, 199, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
    box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
  }
}
@-webkit-keyframes pulseBig {
  0% {
    -webkit-box-shadow: 0 0 0 0 #16223b;
    box-shadow: 0 0 0 0 #d3d3d4;
  }
  50% {
    -webkit-box-shadow: 0 0 0 30px rgba(1, 93, 199, 0);
    box-shadow: 0 0 0 30px rgba(1, 93, 199, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
    box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
  }
}

.social-media{
    display: flex;
    justify-content: flex-end;
    gap: 20px;
}

.social-media a{
  font-size: 20px;
  color: #000;
}

header{
  position: sticky;
  top: 0;
  z-index: 999;
}

header .topbar {
  padding: 15px 0px;
  background-color: #fff;
  border-top: 1px solid #ef832b;
}
header .topbar ul {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0px 20px;
}
header .topbar ul li a {
  font-size: 15px;
  line-height: 23px;
  font-family: "Be Vietnam Pro", system-ui;
  color: #000;
  cursor: pointer;
}
header .topbar ul li a i {
  color: #f38118;
  padding-right: 5px;
}
header .topbar ul li:last-child {
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  header .topbar ul {
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 15px;
  }
}

header .custom-navbar{
  background-color: #f38118;
  padding: 15px 0;
}

.common-modal .modal-body .gform-theme--api, .gform-theme--foundation{
  --gf-form-gap-y: 20px !important;
}

.video-testimonial{
  padding: 40px 0px;
}

.video-testimonial .video-testimonial-inn{
  position: relative;
  z-index: 1;
}

.video-testimonial .video-testimonial-inn::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(253, 217, 183, 0.2);
}

.video-testimonial .video-testimonial-inn a {
  color: #f28846;
  width: 50px;
  height: 50px;
  background: #ffffff;
  -webkit-filter: drop-shadow(5px 15px 60px rgba(27, 33, 47, 0.1));
  filter: drop-shadow(5px 15px 60px rgba(27, 33, 47, 0.1));
  border-radius: 50%;
  font-size: 18px;
  display: inline-block;
  text-align: center;
  -webkit-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  position: relative;
  z-index: 1;
  -webkit-animation: pulseBig infinite 2s linear;
  animation: pulseBig infinite 2s linear;
  line-height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/*kowshi*/
h2.accordion-header{
    color:#fff;
  background-color: #f38118;
}
.faq-sec .accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);   
    color: #ffffff;    
    background-color: #f38118;
  }
    
.faq-sec .accordion-button:focus { 
    border-color: unset;
    box-shadow: unset;
}

.faq-sec .accordion-button::after { 
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: url('https://www.integralyogaindia.org/wp-content/uploads/2025/09/arrow-down-sign-to-navigate.png');
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
}