/* LENIS SMOOTH SCROLL */

html.lenis {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

/* CUSTOM STYLES */

/* Main Section */

.an_tl_h1 {
  visibility: hidden;
}

.an_title_box,
.an_p_wrap {
  position: relative;
}

.an_smile_wrapper {
  scale: 0.1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.an_p_s {
  position: absolute;
  inset: 0;
  opacity: 0;
}

.an_tl_h2,
.an_tl_2_h2 {
  font-size: 130px;
  scale: 0.54;
}

.an_container {
  position: relative;
  max-width: 1540px;
  width: 100%;
  margin: 0 auto;
  padding: 0 50px;
  text-align: center;
  z-index: 1;
}

.an_p_wrap {
  position: relative;
}

.smile_sec.padding_main,
.calender_sec.padding_main
 {
  overflow: unset;
}

/* .an_over_auto {
} */

/* svg wire */

.an_wire_svg {
  position: absolute;
  width: 400px;
  top: -25px;
  right: 50%;
  transform: translateX(50%);
}

.an_wire_path {
  stroke-width: 2px;
  stroke: black;
  fill: none;
}

/* rolling section */

.an_roll_w {
  display: flex;
  white-space: unset;
  justify-content: space-around;
  height: 55px;
  position: relative;
}

.an_roll_l,
.an_roll_r {
  display: flex;
  align-items: center;
  gap: 30px;
  white-space: nowrap;
  position: absolute;
  top: 0;
}

.an_roll_l {
    transform: translateX(-50%);
    margin-left: -310px;
}

.an_roll_r {
    transform: translateX(50%);
    margin-left: 310px;
}
/* blinking section */

.an_blink_w {
  display: block !important;
  white-space: unset;
  height: 55px;
  position: relative;
}

.an_blink_e_o,
.an_blink_e_c {
  display: flex;
  align-items: center;
  gap: 30px;
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
}

.an_blink_e_c img {
  opacity: 0;
}


/* Other Pages */

.yoga_sec_home,
.yoga_sec_home_content {
  position: relative;
  z-index: 5;
}

.yoga_sec_home {
  overflow: hidden;
}

.yoga_sec_bottom {
  position: relative;
  z-index: 3;
}

.an_overflow_n {
  overflow: unset;
}

/* blinking section */
.an_big_blink{
  position: relative;
}

.an_big_blink_c{
  position: absolute;
  inset: 0;
  opacity: 0;
}

/* MEDIA QUERIES */

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

  .an_tl_h2,
  .an_tl_2_h2 {
    font-size: 120px;
  }
}

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

  .an_tl_h2,
  .an_tl_2_h2 {
    font-size: 110px;
  }
}


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

  .an_tl_h2,
  .an_tl_2_h2 {
    font-size: 96px;
  }
}

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

  .an_tl_h2 {
    font-size: 88px;
  }

  .an_tl_2_h2 {
    font-size: 88px;
  }
}

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

  .an_tl_h2 {
    font-size: 78px;
    margin-bottom: 10px;
  }

  .an_tl_2_h2 {
    font-size: 78px;
  }

  .an_container {
    padding: 0 40px;
  }
}

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

  .an_tl_h2 {
    font-size: 68px;
    margin-bottom: 20px;
  }

  .an_tl_2_h2 {
    font-size: 68px;
  }

  .an_container {
    padding: 0 30px;
  }

  .an_wire_svg {
    width: 300px;
  }
}

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

  .an_tl_h2,
  .an_tl_2_h2 {
    font-size: 58px;
  }

}

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

  .an_tl_h2 {
    font-size: 50px;
    margin-bottom: 30px;
    scale: .75
  }

  .an_tl_2_h2 {
    font-size: 50px;
  }

  .an_container {
    padding: 0 20px;
  }

  .an_wire_svg {
    width: 270px;
  }
}

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

  .an_tl_h2 {
    font-size: 40px;
    scale: .75;
    margin-bottom: 30px;
  }

  .an_tl_2_h2 {
    font-size: 40px;
  }

  .an_wire_svg {
    width: 270px;
  }
}

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

  .an_tl_h2 {
    font-size: 40px;
    scale: .75;
    margin-bottom: 30px;
  }

  .an_tl_2_h2 {
    font-size: 40px;
  }

  .an_wire_svg {
    width: 300px;
  }
}

@media screen and (max-width: 367px) {
  .an_container {
    padding: 0 15px;
  }

  .an_wire_svg {
    width: 200px;
  }
}








/*********************************** Yellow Animation ***********************************/


@media screen and (max-width: 1300px){.top_new_one .left_ani_info { margin-left: -173px;}}

@media screen and (max-width: 1024px){.top_new_one .left_ani_info { margin-left: -167px;}}

@media screen and (max-width: 767px){.top_new_one .left_ani_info { margin-left: -164px;}}

@media screen and (max-width: 600px){.top_new_one .left_ani_info { margin-left: -126px;} .top_new_one .right_ani_info { margin-right: -126px;}}

@media screen and (max-width: 479px){.top_new_one .left_ani_info { margin-left: -114px;}}

@media screen and (max-width: 375px){.top_new_one .left_ani_info { margin-left: -114px;}}



/*********************************** Pink Animation ***********************************/


/* @media screen and (max-width: 1440px){.an_roll_l { margin-left: -407px;}}
@media screen and (max-width: 1201px){.an_roll_l { margin-left: -472px;}}
@media screen and (max-width: 1024px){.an_roll_l { margin-left: -568px;}}
@media screen and (max-width: 900px){.an_roll_l  { transform: translateX(-56%);}}
@media screen and (max-width: 767px){.an_roll_w {height: 48px;}.an_roll_l  {transform: translateX(-56.2%); margin-left: -503px;} .an_roll_l, .an_roll_r{gap:20px;}}
@media screen and (max-width: 600px){.an_roll_l {transform: translateX(-62.5%);margin-left: -481px;} .an_roll_r{margin-left: 248px;}}
@media screen and (max-width:480px){.an_roll_l {.an_roll_r{margin-left: 248px;}}}
@media screen and (max-width:374px){.an_roll_w {height: 40px; }.an_roll_l { transform: translateX(-63.8%); margin-left: -474px; }}
@media screen and (max-width:325px){.an_roll_r { transform: translateX(49%); margin-left: 250px;}} */



@media screen and (max-width: 1920px){.pink_home .an_roll_l {transform: translateX(0) !important;   margin-left: -2060px;}}
@media screen and (max-width: 1200px){.pink_home .an_roll_l {margin-left: -2157px !important;}}
@media screen and (max-width: 900px){.pink_home .an_roll_l {margin-left: -2079px !important;}.pink_home .an_roll_w .an_roll_l, .pink_home .an_roll_w .an_roll_r {height: 47px;}}
@media screen and (max-width: 767px){.pink_home .an_roll_r {margin-left: 290px !important;}.pink_home .an_roll_l {margin-left: -1989px !important;}}
@media screen and (max-width: 600px){.pink_home .an_roll_l {margin-left: -1588px !important;} .pink_home .an_roll_r {margin-left: 280px !important;}}
@media screen and (max-width: 480px){.pink_home .an_roll_w .an_roll_l, .pink_home .an_roll_w .an_roll_r {height: 41px;}.an_roll_l {margin-left: -1548px !important;}
	.pink_home .an_roll_r {margin-left: 250px !important;}}



/*********************************** Blue Animation ***********************************/

@media screen and (max-width: 600px){.left_ani_info{ margin-left: -150px;} .right_ani_info { margin-right: -150px;}}
@media screen and (max-width: 480px){.left_ani_info{ margin-left: -123px;} .right_ani_info { margin-right: -123px;}}



/*********************************** Small Yellow Btn Animation ***********************************/

@media screen and (max-width: 1920px){.small_yellow_btn .left_ani_info {margin-left: -145px;}.small_yellow_btn .right_ani_info { margin-right: -145px;}}
@media screen and (max-width: 1024px){ .small_yellow_btn .left_ani_info { margin-left: -43px; }.small_yellow_btn .right_ani_info{margin-right: -129px;}.small_yellow_btn .animation_text {gap: 26px; }}
@media screen and (max-width: 900px){.small_yellow_btn .left_ani_info {margin-left: -93px;}}
@media screen and (max-width: 767px){ .small_yellow_btn .animation_text { gap: 23px;}.small_yellow_btn .left_ani_info { margin-left: -97px;}}
@media screen and (max-width: 600px){.small_yellow_btn .left_ani_info { margin-left: -110px;} .small_yellow_btn .right_ani_info { margin-right: -114px;}}
@media screen and (max-width: 480px){.small_yellow_btn .left_ani_info { margin-left: -136px;} .small_yellow_btn .right_ani_info { margin-right: -94px;}}
@media screen and (max-width: 374px){.small_yellow_btn .left_ani_info { margin-left: -185px;}}



/*********************************** Small Pink Btn Animation ***********************************/

@media screen and (max-width: 1920px){.small_pink_btn .an_roll_l { margin-left: -270px;} .small_pink_btn .an_roll_r {margin-left: 260px;}}
@media screen and (max-width: 1700px){.small_pink_btn .an_roll_l { margin-left: -290px;}}
@media screen and (max-width: 1600px){.small_pink_btn .an_roll_l {flex-direction: row-reverse;}}
@media screen and (max-width: 900px){.small_pink_btn .an_roll_l {  margin-left: -150px;}}
@media screen and (max-width: 600px){.small_pink_btn .an_roll_l {  margin-left: -80px;}}
@media screen and (max-width: 480px){.small_pink_btn .an_roll_l { margin-left: -65px;}.small_pink_btn .an_roll_r {margin-left: 195px;}}



/*********************************** Small Blue Btn Animation ***********************************/

@media screen and (max-width: 1920px){ .small_blue_btn .left_ani_info { margin-left: -130px !important; } .small_blue_btn .right_ani_info{ margin-right: -130px !important;}}
@media screen and (max-width: 900px){ .new_ani_main_otr .an_blink_e_o, .new_ani_main_otr .an_blink_e_c { gap: 15px !important;} .small_blue_btn .left_ani_info { margin-left: -115px !important;}.small_blue_btn .right_ani_info { margin-right: -115px !important;}}
@media screen and (max-width: 479px){.small_blue_btn .left_ani_info { margin-left: -95px !important; } .small_blue_btn .right_ani_info {margin-right: -95px !important;}}