*
{
    margin:0;
    padding:0;
    box-sizing: border-box;
    /* font-size: 1rem; */
    /* overflow: hidden; */
}
html,body{
 overflow-x: hidden;
 font-family: "Poppins", sans-serif;
  font-weight:normal;
  font-style: normal;
  background: #f9f9f9;
}
.row 
{
  --bs-gutter-x:0.6rem
}
 .header-image
{
    background:#713d75;
    /* background-size:100% 100%; */
    background-position: center;
    background-repeat: no-repeat;   
   height:auto;
}
 .yoga-pop-up-height
{
  width:100%;
  height:420px; 
}  
.yoga-logo 
{
    width:6rem;
    height:6rem;
}
.yoga-logo-footer 
{
    width:4rem;
    height:3rem;
}
.address-font-size 
{
  font-size:0.9rem;
}
.yoga-social-link 
{
    position:absolute;
    width:4rem;
    top:auto;
    left:0rem;
    /* bottom: auto; */
    color:white;
    background: #57135c; 
    border:1px solid purple;
   border-radius: 0px 16px 16px 0px;
}
.yoga-social-link li a i
{
    margin-left:20px ; 
}
.yoga-social-link li a 
{
  color:white; 

}
.yoga-header-image 
{
 height:34rem; 
border-radius: 80px 0px 80px 0px;
}

.figure-image-animation
{
    position: relative;
    animation-name:image-movment;
    animation-duration:5s;
    animation-iteration-count: infinite;
    animation-play-state: running;
  
}
.service-image-animation 
{ 
  position: relative;
  animation-name:service-image-animation;
  animation-duration:5s;
  animation-iteration-count: infinite;
  animation-play-state: running;
}
.form-background-image 
{
  background-color: #f3d1a0; 
  /* width:48%; */
}
  .batton-style 
  {
   padding:10px 45px;
   border:1px solid  #f3d1a0;
   border-radius: 34px 0px 34px 0px;
   background: #f3d1a0;
   color:white;
   font-weight: bold;
   font-size:16px;
   box-shadow: 0 6px #713d75;
  }
   .batton-style:hover 
  {
     border:1px solid #f3d1a0; 
    background: #713d75;
    box-shadow:0 6px  #f3d1a0;
    
  }
  .arrow-style
{
  border: 1px solid  #713d75;
  border-radius: 20px 0px 20px 0px;
 background-color: #713d75;
  padding: 14px 16px;
  box-shadow: 0 6px #f3d1a0; 
}
.arrow-style:hover
{
  border: 1px solid #f3d1a0 ;
  background: #f3d1a0; 
  box-shadow: 0 6px #713d75; 
} 
  .blog-button-style
  {
  padding:5px 35px;
  border:1px solid #713d75;
  border-radius: 34px 0px 34px 0px;
  background: #713d75;
  color:white;
  font-weight: bold;
  font-size:18px;
  box-shadow: 0 4px #f3d1a0;
  }
  .form-button-style 
  {
    padding:10px 45px;
    border:1px solid #713d75 ;
    border-radius: 34px 0px 34px 0px;
    background: #713d75;
    color:white;
    font-weight: bold;
    font-size:18px;
    box-shadow: 0 6px #713d75;  
  }
   .blog-button-style:hover 
  {
    border:1px solid #f3d1a0;
    background: #f3d1a0;
    box-shadow: 0 4px #713d75;
  } 
  .yoga-social-links-footer 
  {
    border:1px solid  #d0e5f1;
    padding-top:10px;
    width:40px;
    height:40px;
    margin-top:10px;
    color:dark;
    background: white;
    font-weight: bold;
    color:#57135c;
    border-radius: 50px;
    font-size: 20px;
    text-align: center;
    margin-right: 5px;
  }
  .footer-background 
  {
    background: #764977;
  }
  .carousel-item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}
/* .arrow-corosuel-left 
{
  position: relative;
  bottom:auto;
  left:auto;
} */
.bolg-post-card-image 
{
  border: 1px solid white;
  border-radius: 80px 0px 80px 0px;
  /* width:98%; */
}
.card-img-overlay 
{
 top:34px;
}
.text-color 
{
 color: #713d75;
}
.font-size 
{
  font-size:1rem;
 font-weight:400; 
  line-height:27px;
}
.services-image-shape 
{
  border: 1px solid  #f3d1a0;
  border-radius: 80px 0px 80px 0px;
  background-color: #f3d1a0;
} 
.blog-image-shape 
{
  /* border:1px solid  #f3d1a0; */
  border-radius: 80px 0px 80px 0px;
  /* height: 20rem;  */
}

.card-image 
{
  border: 0px;
  width:100%;
  height:98%;
  /* overflow:auto; */
  display: flex;
  flex-direction: column;
  align-items: start;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.card-image .yoga-types 
{
  text-transform: uppercase;
  font-weight:600;
  font-size:18px ;
}
.form-image
{
  height:36rem;
}
.about-us-image 
{
  height:36rem;
  width: auto;
}
.space-betwwen-paragraph 
{
  margin-top:3rem;
}
.card-img-overlay 
{
 position:absolute;
  top:auto;
  left:0; 
}
 .testonomial-background-image
{
  background: url(../image/background/testinoial-finalalise-background.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  filter:brightness(95%);
}
.comment-font-size 
{
  font-size:1rem;
}
.yoga-class-activity-choose-us 
{
  background:#faf9f0;
}
.font-awesome-letters i 
{
  font-size:27px; 
  line-height: 18px;
  color: #713d75;

}
.pricing{
 padding-left: 1.5rem;
} 

.icon-color
{
  color:#713d75;;

}
.choose-us 
{
  overflow-x: hidden;
  width:100vw;
  height:100vh;
}
.humberger 
{
  border: 1px solid #f3d1a0;
  border-radius: 20px 0px 20px 0px;
  box-shadow: 0 4px #713d75;
  background: #f3d1a0;
}
.owl-carousel img 
{
  width:50px;
  height:50px;
}
.map-border 
{
  border-radius: 80px 0px 80px 0px;
  /* margin-left: 10px; */
}
.border-line
{
border-collapse: separate;
width:100%;
}
.border-line tr,td
{
  border:1px solid white;
  border-collapse: collapse;
}
tr,td 
{
  background: #faf9f0;
}
.table-width  
{
 width:70%;
 margin:0 auto;
}

 .yoga-activity-size
{
  width:100%;
  height:350px;
}
.yoga-border-radius 
{
  border-radius: 45px 0px 45px 0px;
}
#gallary-page .card 
{
  border: 0px;
}
.font-awesome-button 
{
position:fixed;
top:auto;
left:auto;
right:3rem;
background: #f3d1a0;
border-radius: 10px 0px;
}
.offcanvas-width 
{
  width:190px;
}
.popup
{
  display: none;
}
.popup 
{
  width:400px;
  height:400px;
  position: absolute; 
  top:50%; 
  left:50%; 
  transform: translate(-50%,-50%);
  /* opacity: 0.8; */
}
.popup-button 
{
  justify-content: end;
}
.popup-button button 
{
  font-size: 30px;
  background-color: transparent;
  color: #c5c5c5;
  border: none;
  outline: none; 
}
.popup img 
{
  border-radius: 10px;
}
@keyframes image-movment 
{
 0%
  {
     right:0px;
     left:10px;
    
  }
  25% {
      
      right:0px;
      left: 20px;
  } 
  75%
  {
    right:0px ;
    left:30px;
  }
  75%
  {
   right:0px;
   left:40px;
  }
}
@keyframes service-image-animation 
{
 0%
  {
     top:0px;
     bottom:8px;
    
  }
  25% {
      
      top:20px;
      bottom: 18px;
  } 
  75%
  {
    top:0px ;
    bottom:36px;
  }
  75%
  {
   top:0px;
   bottom:30px;
  }
}
@media screen and (max-width:992px)
 {
  .yoga-header-image 
{
 height:23rem; 
border-radius:40px 0px 40px 0px;
}
.about-us-image 
{
  height:30rem;
  width: auto; 
}
.yoga-activity-size
{
  height:340px;
}
 }