.lotus_image_container {
  position: absolute;
  width: 100%;
  height: 550px;
}
  
  @import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Rajdhani:wght@300;400;500;600;700&display=swap');
 body{
/*     overflow-x:hidden; */
       background-image: linear-gradient(#EEFAFF, #F1FBFF) !important;
 }

h1,h2,h3,h4,p{margin:0;}
p{font-size:0.85rem;}
/* *{
 margin:0;
 padding:0;
 box-sizing: border-box;
} */

#section-2{
 background-image: linear-gradient(90deg, #E6F0FF -11.26%, #FFFDF4 111.12%);
}

/* section{
 position: relative;
 height: 100%;
 display: flex;
 justify-content: center;
} */

.section-2-title-container{
 width: 1353px;
 height: fit-content;
}

.section-2-title-mobile,
.section-2-title{
 position: absolute;
 width: 497.24px;
 height: fit-content;
 margin-left: 20px;
 text-shadow: 0px 0px 10px #EEF4FC, 0px 0px 10px #EEF4FC, 0px 0px 10px #EEF4FC;
}

.section-2-title-mobile h1,
.section-2-title h1{
 font-family: 'Figtree';
 font-style: normal;
 font-weight: 700;
 font-size: 52px;
 line-height: 120%;
 display: flex;
 align-items: center;
 color: #061A4D;
}

.section-2-title-mobile p,
.section-2-title p{
 font-family: 'Figtree';
 font-style: normal;
 font-weight: 400;
 font-size: 15px;
 line-height: 150%;
 display: flex;
 align-items: center;
 color: #061A4D;
}

.all-instrument{
position: absolute;
/* height: 100vh;
 width: 1354px; */
}

.instruments{
 z-index: 1;
/*   display: flex; */
 flex-direction: row;
 justify-content: center;
 align-items: center;
 padding: 26.25px;
 gap: 9.08px;
/*   position: fixed; */
 width: 315px;
 height: 250px;
 background: #FFFFFF;
 box-shadow: 7.26194px 7.26194px 40.8484px rgba(0, 0, 0, 0.15);
 border-radius: 27.2323px;
}

/* .instruments-card {
 display: flex;
 flex-direction: column;
 padding: 8.4px 12.6px;
 gap: 16.8px;
 justify-content: center;
 align-items: flex-start;
} */

.instruments-card img{
 width: 50px;
 height: 50px;
}

.instruments-card h2{
 font-family: 'Figtree';
 font-style: normal;
 font-weight: 700;
 font-size: 1rem;
 line-height: 1.4;
 align-items: center;
 color: #061A4D;
}

.instruments-card p{
 font-family: 'Figtree';
 font-style: normal;
 font-weight: 400;
 font-size: 0.85rem;
 line-height: 1.4;
 align-items: center;
 color: #061A4D;
}

.lines {
 position: absolute;
 width: 100%;
 height: 100%;
 min-height:900px;
 display: flex;
 justify-content: space-between;
 mask-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 5%, #000000 15%, #000000 85%, rgba(255, 255, 255, 0) 95%);
 -webkit-mask-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 5%, #000000 15%, #000000 85%, rgba(255, 255, 255, 0) 95%);
}
.vl {
 width: 20px;
 height: 100%;
 border-width: 0px 1px;
 border-style: solid;
 border-color: #D6D6D6;
 /* border-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 41.22%, rgba(0, 0, 0) 47.35%, rgba(0, 0, 0) 82.6%, rgba(255, 255, 255, 0) 100%); */
}


@media (min-width: 992px) {
  
 .mxh{height:1300px;}
 #section-2 .ins-1{
   margin-left: 20px;
   margin-top: calc(100vh - 45vh);
 }
 #section-2 .ins-2{
   margin-left: 249px;
   margin-top: calc(100vh - 35vh);
 }
 #section-2 .ins-3{
   margin-left: 478px;
   margin-top: calc(100vh - 23vh);
 }
 #section-2 .ins-4{
   margin-left: 706px;
   margin-top: calc(100vh - 11vh);
 }

 #section-2 .ins-5{
   margin-left: 249px;
   margin-top: calc(100vh - 8vh);
 }
 #section-2 .ins-6{
   margin-left: 478px;
   margin-top: calc(100vh - 2vh);
 }
 #section-2 .ins-7{
   margin-left: 706px;
   margin-top: calc(100vh - 1vh);
 }
}



/* *{
 margin:0;
 padding:0;
 box-sizing: border-box;
} */
 
 .landing {
   background-color: unset;
 }
 .bg_multimedia{
   background: #FFFFFF;
   box-shadow: 0px 13.8359px 53.499px rgba(0, 0, 0, 0.15);
   border-radius: 27.6719px;
   overflow: hidden;
 }

 .gallery {
 position: absolute;
   top: -30%;
   left: 15%;
   width: 100%;
   height: 100%;
   transform: rotate(340deg);
}
.block-33 {
 width: 45%;
}
.display--inline-top {
 display: inline-block;
 vertical-align: top;
}
.fill-dimensions {
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
}
.relative {
 position: relative;
}
.cover-img {
 background-size: cover;
 background-repeat: no-repeat;
}
.gallery-image {
 padding-bottom: 2.35em;
 animation: marqueeTop 12s linear infinite;
}
.gallery-h--tb .gallery-image {
 animation: marqueeBottom 12s linear infinite;
}
.gallery-image__img {
 padding-top: 50vh;
}
.gallery-h {
 overflow: hidden;
}

@keyframes marqueeTop {
 0% {
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
  }
 100% {
   -webkit-transform: translate3d(0, -100%, 0);
   transform: translate3d(0, -100%, 0);
  }
}
@keyframes marqueeBottom {
 0% {
   -webkit-transform: translate3d(0, -100%, 0);
   transform: translate3d(0, -100%, 0);
  }
 100% {
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
  }
}

 .container-01{grid-area:one;}
 .container-02{grid-area:two;}
 .container-03{grid-area:three;}
 .container-04{grid-area:four;}
 .container-05{grid-area:five;}
 .container-06{grid-area:six;}
 .container-07{grid-area:seven;}
 

.pdt70{padding-top:70px;}
.pdb70{padding-bottom:70px;}
.img_fit{max-height:680px;height:100%;}
/*   @media screen and (min-width:992px){
   .mb-display{display:none;}
   .lp-display{display:block;}
 } */

 @media screen and (min-width:768px){
   .mb-display{display:none;}
   .lp-display{display:block;}
   
 }

 @media screen and (min-width:992px){
   .instruments{
     width: 210px !important;
   }
   
   .laptop_view_only{display:block;}
   .mb_view_only{display:none;}
   .best_container{display:grid;grid-template-areas:'one two''three four';gap:15px;grid-template-columns:unset ;justify-items: center;}
   .small_container_background{
   background: #FFFFFF;
   box-shadow: 0px 13.8359px 53.499px rgba(0, 0, 0, 0.15);
   border-radius: 27.6719px;
   height:250px;
   width:250px;
   display:flex;
   padding: 15px;
   
 }
   
 .small_container_content{
   height:230px;
   margin:auto;
 }
 .step_content{
   color: rgba(94, 230, 235, 0.2);
   margin:0;
   font-size:4rem;
   text-align:center;
 }
 }

 @media screen and (min-width:1200px){
   .mxh{height:1200px;}
 .instruments{
     width: 254px !important;
   }

   #section-2 .ins-1{
   margin-left: 20px;
   margin-top: calc(100vh - 45vh);
 }
 #section-2 .ins-2{
   margin-left: 294px;
   margin-top: calc(100vh - 35vh);
 }
 #section-2 .ins-3{
   margin-left: 568px;
   margin-top: calc(100vh - 23vh);
 }
 #section-2 .ins-4{
   margin-left: 842px;
   margin-top: calc(100vh - 11vh);
 }

 #section-2 .ins-5{
   margin-left: 294px;
   margin-top: calc(100vh - 8vh);
 }
 #section-2 .ins-6{
   margin-left: 568px;
   margin-top: calc(100vh - 2vh);
 }
 #section-2 .ins-7{
   margin-left: 842px;
   margin-top: calc(100vh - 1vh);
 }
   
 .deposit_small_container{
   grid-area:one;
   background: #FFFFFF;
   box-shadow: 0px 13.8359px 53.499px rgba(0, 0, 0, 0.15);
   border-radius: 27.6719px;
   height:260px;
   width:315px;
   padding: 25px;
   word-break: break-word;
 }
 .deposit_small_container2{
   grid-area:two;
   background: #FFFFFF;
   box-shadow: 0px 13.8359px 53.499px rgba(0, 0, 0, 0.15);
   border-radius: 27.6719px;
   height:260px;
   width:315px;
   padding: 25px;
   word-break: break-word;
 }
 .deposit_big_container{
   grid-area:three;
   background: #FFFFFF;
   box-shadow: 0px 13.8359px 53.499px rgba(0, 0, 0, 0.15);
   border-radius: 27.6719px;
   height: 580px;
   padding: 25px;
   word-break: break-word;
 }
   .laptop_view{display:block;}
   .mobile_view{display:none;}
   .best_container{display:grid;grid-template-areas:'one two three four';gap:15px;grid-template-columns: 24% 24% 24% 24% ;justify-items: center;}
   .small_container_background{
   background: #FFFFFF;
   box-shadow: 0px 13.8359px 53.499px rgba(0, 0, 0, 0.15);
   border-radius: 27.6719px;
   height:250px;
   width:250px;
   display:flex;
   padding: 15px;
   
 }
 .small_container_content{
   height:230px;
   margin:auto;
 }
 .step_content{
   color: rgba(94, 230, 235, 0.2);
   margin:0;
   font-size:4rem;
   text-align:center;
 }
}

 @media screen and (min-width:1400px){

   .instruments{
     width: 298px !important;
   }

   #section-2 .ins-1{
   margin-left: 20px;
   margin-top: calc(100vh - 45vh);
 }
 #section-2 .ins-2{
   margin-left: 340px;
   margin-top: calc(100vh - 35vh);
 }
 #section-2 .ins-3{
   margin-left: 659px;
   margin-top: calc(100vh - 23vh);
 }
 #section-2 .ins-4{
   margin-left: 978px;
   margin-top: calc(100vh - 11vh);
 }

 #section-2 .ins-5{
   margin-left: 340px;
   margin-top: calc(100vh - 8vh);
 }
 #section-2 .ins-6{
   margin-left: 659px;
   margin-top: calc(100vh - 2vh);
 }
 #section-2 .ins-7{
   margin-left: 978px;
   margin-top: calc(100vh - 1vh);
 }

   
   
   .best_container{display:grid;grid-template-areas:'one two three four';gap:15px;grid-template-columns: 24% 24% 24% 24% ;justify-items: center;}
   .small_container_background{
   background: #FFFFFF;
   box-shadow: 0px 13.8359px 53.499px rgba(0, 0, 0, 0.15);
   border-radius: 27.6719px;
   height:300px;
   width:300px;
   display:flex;
   padding: 15px;
   
 }
 .small_container_content{
   height:230px;
   margin:auto;
 }
 .step_content{
   color: rgba(94, 230, 235, 0.2);
   margin:0;
   font-size:4rem;
   text-align:center;
 }
 }

 @media (min-width:992px) and (min-height: 1200px){
 #section-2 .ins-1{
   margin-left: 20px;
   margin-top: calc(100vh - 66vh);
 }
 #section-2 .ins-2{
   margin-left: 249px;
   margin-top: calc(100vh - 61vh);
 }
 #section-2 .ins-3{
   margin-left: 478px;
   margin-top: calc(100vh - 52vh);
 }
 #section-2 .ins-4{
   margin-left: 706px;
   margin-top: calc(100vh - 45vh);
 }

 #section-2 .ins-5{
   margin-left: 249px;
   margin-top: calc(100vh - 46vh);
 }
 #section-2 .ins-6{
   margin-left: 478px;
   margin-top: calc(100vh - 41vh);
 }
 #section-2 .ins-7{
   margin-left: 706px;
   margin-top: calc(100vh - 40vh);
 }
}

  @media (min-width:1400px) and (min-height: 1000px) and (max-height: 1200px){
 #section-2 .ins-1{
   margin-left: 20px;
   margin-top: calc(100vh - 60vh);
 }
 #section-2 .ins-2{
   margin-left: 249px;
   margin-top: calc(100vh - 53vh);
 }
 #section-2 .ins-3{
   margin-left: 478px;
   margin-top: calc(100vh - 44vh);
 }
 #section-2 .ins-4{
   margin-left: 706px;
   margin-top: calc(100vh - 34vh);
 }

 #section-2 .ins-5{
   margin-left: 249px;
   margin-top: calc(100vh - 35vh);
 }
 #section-2 .ins-6{
   margin-left: 478px;
   margin-top: calc(100vh - 35vh);
 }
 #section-2 .ins-7{
   margin-left: 706px;
   margin-top: calc(100vh - 28vh);
 }
}

 @media (min-width:1600px) and (max-height: 1350px){
 #section-2 .ins-1{
   margin-left: 20px;
   margin-top: calc(100vh - 60vh);
 }
 #section-2 .ins-2{
   margin-left: 341px;
   margin-top: calc(100vh - 53vh);
 }
 #section-2 .ins-3{
   margin-left: 660px;
   margin-top: calc(100vh - 44vh);
 }
 #section-2 .ins-4{
   margin-left: 978px;
   margin-top: calc(100vh - 34vh);
 }

 #section-2 .ins-5{
   margin-left: 341px;
   margin-top: calc(100vh - 36vh);
 }
 #section-2 .ins-6{
   margin-left: 660px;
   margin-top: calc(100vh - 31vh);
 }
 #section-2 .ins-7{
   margin-left: 978px;
   margin-top: calc(100vh - 28vh);
 }
}

  @media (min-width:1600px) and (min-height: 1351px){
 #section-2 .ins-1{
   margin-left: 20px;
   margin-top: calc(100vh - 66vh);
 }
 #section-2 .ins-2{
   margin-left: 341px;
   margin-top: calc(100vh - 61vh);
 }
 #section-2 .ins-3{
   margin-left: 660px;
   margin-top: calc(100vh - 54vh);
 }
 #section-2 .ins-4{
   margin-left: 978px;
   margin-top: calc(100vh - 47vh);
 }

 #section-2 .ins-5{
   margin-left: 341px;
   margin-top: calc(100vh - 45vh);
 }
 #section-2 .ins-6{
   margin-left: 660px;
   margin-top: calc(100vh - 41vh);
 }
 #section-2 .ins-7{
   margin-left: 978px;
   margin-top: calc(100vh - 40vh);
 }
}

 @media screen and (max-width:1199px){
   .laptop_view{display:none;}
   .mobile_view{display:block;}
   
   .sticky_column{justify-self:end;}
   .sticky_column2{justify-self:start;}

   .grid_container_temp{
   display:grid;grid-template-areas:'one three''two three'; gap:15px;align-items: center;
 }
 .deposit_small_container{
   grid-area:one;
   background: #FFFFFF;
   box-shadow: 0px 13.8359px 53.499px rgba(0, 0, 0, 0.15);
   border-radius: 27.6719px;
   height:260px;
   width:260px;
   padding: 25px;
   word-break: break-word;
 }
 .deposit_small_container2{
   grid-area:two;
   background: #FFFFFF;
   box-shadow: 0px 13.8359px 53.499px rgba(0, 0, 0, 0.15);
   border-radius: 27.6719px;
   height:260px;
   width:260px;
   padding: 25px;
   word-break: break-word;
 }
 .deposit_big_container{
   grid-area:three;
   background: #FFFFFF;
   box-shadow: 0px 13.8359px 53.499px rgba(0, 0, 0, 0.15);
   border-radius: 27.6719px;
   height: 580px;
   width:300px;
   padding: 25px;
   word-break: break-word;
 }
 }
 
 @media screen and (max-width:991px){
   .laptop_view_only{display:none;}
   .mb_view_only{display:block;}
   .instruments_container{display:grid;grid-template-areas:'one two''three four''five six''seven seven';gap:15px;grid-template-columns:48% 48% ;justify-items: center;}
   .instrument_container_content{
   background: #FFFFFF;
   box-shadow: 0px 13.8359px 53.499px rgba(0, 0, 0, 0.15);
   border-radius: 27.6719px;
   height:300px;
   width:100%;
   display:flex;
   padding: 25px;
 }
   
   .first-section-500{height:initial!important;}
   .img_fit{max-height:400px !important;height:100%;}
   .pdb70{padding-bottom:unset!important;}
   .pdt70{padding-top:unset!important;}
   .best_container{display:grid;grid-template-areas:'one two''three four';gap:15px;grid-template-columns: 48% 48%;justify-items: center;}

   .small_container_background{
   background: #FFFFFF;
   box-shadow: 0px 13.8359px 53.499px rgba(0, 0, 0, 0.15);
   border-radius: 27.6719px;
   height:250px;
   width:250px;
   display:flex;
   padding: 15px;
   
 }
 .small_container_content{
   height:230px;
   margin:auto;
 }
 .step_content{
   color: rgba(94, 230, 235, 0.2);
   margin:0;
   font-size:4rem;
   text-align:center;
 }
 }
 
 @media screen and (max-width:767px){
   .mb-display{display:block;}
   .lp-display{display:none;}
 .best_container{display:grid;grid-template-areas:'one two''three four';gap:15px;grid-template-columns: 48% 48%;justify-items: center;}
   .small_container_background{
   background: #FFFFFF;
   box-shadow: 0px 13.8359px 53.499px rgba(0, 0, 0, 0.15);
   border-radius: 27.6719px;
   height:250px;
   width:250px;
   display:flex;
   padding: 15px;
   
 }
 .small_container_content{
   height:230px;
   margin:auto;
 }
 .step_content{
   color: rgba(94, 230, 235, 0.2);
   margin:0;
   font-size:4rem;
   text-align:center;
 }
   .sticky_column{justify-self:center;}
   .sticky_column2{justify-self:center;}

   .grid_container_temp{
     display:grid;grid-template-areas:'one two''three three'; gap:15px;align-items: center;
 }
 .deposit_small_container{
   grid-area:one;
   background: #FFFFFF;
   box-shadow: 0px 13.8359px 53.499px rgba(0, 0, 0, 0.15);
   border-radius: 27.6719px;
   height:260px;
   width:260px;
   padding: 25px;
   word-break: break-word;
 }
 .deposit_small_container2{
   grid-area:two;
   background: #FFFFFF;
   box-shadow: 0px 13.8359px 53.499px rgba(0, 0, 0, 0.15);
   border-radius: 27.6719px;
   height:260px;
   width:260px;
   padding: 25px;
   word-break: break-word;
 }
 .deposit_big_container{
   grid-area:three;
   background: #FFFFFF;
   box-shadow: 0px 13.8359px 53.499px rgba(0, 0, 0, 0.15);
   border-radius: 27.6719px;
   height: 580px;
   width:100%;
   padding: 65px;
   word-break: break-word;
 }
}

 @media screen and (max-width:576px){
.instruments_container{display:grid;grid-template-areas:'one''two''three''four''five''six''seven';gap:15px;grid-template-columns: 100% ;justify-items: center;}
   .instrument_container_content{
   background: #FFFFFF;
   box-shadow: 0px 13.8359px 53.499px rgba(0, 0, 0, 0.15);
   border-radius: 27.6719px;
   height:300px;
   width:100%;
   display:flex;
   padding: 25px;
 }
   
   .grid_container_temp{
   display:grid;grid-template-areas:'one''two''three'; gap:15px;align-items: center;
 }
   .best_container{display:grid;grid-template-areas:'one''two''three''four';gap:15px;grid-template-columns: 100%;justify-items: center;}
   .small_container_background{
   background: #FFFFFF;
   box-shadow: 0px 13.8359px 53.499px rgba(0, 0, 0, 0.15);
   border-radius: 27.6719px;
   height:250px;
   width:100%;
   display:flex;
   padding: 25px;
   
 }
   .sticky_column{justify-self:center;}
   .sticky_column2{justify-self:center;}
 .small_container_content{
   height:230px;
   margin:auto;
 }
 .step_content{
   color: rgba(94, 230, 235, 0.2);
   margin:0;
   font-size:4rem;
   text-align:center;
 }
.deposit_small_container{
   grid-area:one;
   background: #FFFFFF;
   box-shadow: 0px 13.8359px 53.499px rgba(0, 0, 0, 0.15);
   border-radius: 27.6719px;
   height:260px;
   width:100%;
   padding: 25px;
   word-break: break-word;
 }
 .deposit_small_container2{
   grid-area:two;
   background: #FFFFFF;
   box-shadow: 0px 13.8359px 53.499px rgba(0, 0, 0, 0.15);
   border-radius: 27.6719px;
   height:260px;
   width:100%;
   padding: 25px;
   word-break: break-word;
 }
 .deposit_big_container{
   grid-area:three;
   background: #FFFFFF;
   box-shadow: 0px 13.8359px 53.499px rgba(0, 0, 0, 0.15);
   border-radius: 27.6719px;
   height: 580px;
   width:100%;
   padding: 65px;
   word-break: break-word;
 }
   
 }

 @media screen and (max-width:470px){
   
   .best_container{display:grid;grid-template-areas:'one''two''three''four';gap:15px;grid-template-columns: 100%;justify-items: center;}
   .small_container_background{
   background: #FFFFFF;
   box-shadow: 0px 13.8359px 53.499px rgba(0, 0, 0, 0.15);
   border-radius: 27.6719px;
   height:250px;
   width:100%;
   display:flex;
   padding: 25px;
   
 }
 .small_container_content{
   height:230px;
   margin:auto;
 }
 .step_content{
   color: rgba(94, 230, 235, 0.2);
   margin:0;
   font-size:4rem;
   text-align:center;
 }

   .deposit_small_container{
   grid-area:one;
   background: #FFFFFF;
   box-shadow: 0px 13.8359px 53.499px rgba(0, 0, 0, 0.15);
   border-radius: 27.6719px;
   height:260px;
   width:100%;
   padding: 25px;
   word-break: break-word;
 }
 .deposit_small_container2{
   grid-area:two;
   background: #FFFFFF;
   box-shadow: 0px 13.8359px 53.499px rgba(0, 0, 0, 0.15);
   border-radius: 27.6719px;
   height:260px;
   width:100%;
   padding: 25px;
   word-break: break-word;
 }
 .deposit_big_container{
   grid-area:three;
   background: #FFFFFF;
   box-shadow: 0px 13.8359px 53.499px rgba(0, 0, 0, 0.15);
   border-radius: 27.6719px;
   height: 580px;
   width:100%;
   padding: 25px;
   word-break: break-word;
 }
 }

 
 .section-1{
   background-color:unset !important;
 }


  
 .bg_section_2{
   background-image: url('https://cms.blueoceanfin.com/assets/media/1684681940904-437-bg-2.webp');
   background-size: 100%;
   background-position: center;
   background-repeat: no-repeat;
 }
 .bg_section_3{
   background-image: url('https://cms.blueoceanfin.com/assets/media/1684681940694-888-bg-3.webp');
   background-size: 100%;
   background-position: center;
   background-repeat: no-repeat;
 }

 .bg_deposit{
   background-image: url('https://cms.blueoceanfin.com/assets/media/1684681938903-787-vector-1.webp');
   background-size: contain;
   background-position: center;
   background-repeat: no-repeat;
 }

/*   .small_container_background{
   background: #FFFFFF;
   box-shadow: 0px 13.8359px 53.499px rgba(0, 0, 0, 0.15);
   border-radius: 27.6719px;
   height:300px;
   width:300px;
   display:flex;
   padding: 25px;
   
 }
 .small_container_content{
   height:230px;
   margin:auto;
 }
 .step_content{
   color: rgba(94, 230, 235, 0.2);
   margin:0;
   font-size:4rem;
   text-align:center;
 } */

 
 .pd0{padding:0;}
 .title_border_height{
   border-left: 3px solid #5ee6eb;
   height: 40px;
   float: left;
   margin-right: 8px;
 }
 .title_border_height2{
   border-left: 3px solid #5ee6eb;
   height: 68px;
   float: left;
   margin-right: 8px;
 }
 .instrument_content{
   font-size:1.5rem;
 }

.swiper-button-next:after,
.swiper-button-prev:after {
  color: #000000 !important;
  opacity: 0.2 !important;
}

.wave-button,
.wave-header-button {
  padding: 5px 20px;
  width: auto;
  text-align: center;
  background-color: transparent;
  border: 1px solid #3d3d3d20;
  border-radius: 15px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.wave-button span,
.wave-header-button span {
  position: relative;
  color: #fff;
}

.wave-button .wave {
  position: absolute;
  top: -100px;
  left: 0;
  width: 100%;
  height: 250px;
  background: #4d77ff;
  transition: .5s ease;
}

.wave-button:hover .wave::after,
.wave-button:hover .wave::before {
  width: 0;
  height: 0;
  transition: 2s ease;
}

.wave-button .wave::after,
.wave-button .wave::before {
  content: '';
  position: absolute;
  width: 200%;
  height: 200%;
  top: -10px;
  left: 50%;
  transform: translate(-50%, -75%);
  transition: .5s ease;
}

.wave-button .wave::before {
  border-radius: 40%;
  background-image: linear-gradient(#EEFAFF, #F1FBFF);
  animation: wave 7s linear infinite;
}

.wave-button .wave::after {
  border-radius: 45%;
  background-image: linear-gradient(#EEFAFF, #F1FBFF);
  animation: wave 12s linear infinite;
}

button.wave-header-button{
    font-size: 13px !important;
    line-height: 0 !important;
    height: 25.5px;
}

.wave-header-button .wave1 {
  position: absolute;
  top: -100px;
  left: 0;
  width: 100%;
  height: 250px;
  background: #4d77ff;
  transition: .5s ease;
}

.wave-header-button:hover .wave1::after,
.wave-header-button:hover .wave1::before {
  width: 0;
  height: 0;
  transition: 2s ease;
}

.wave-header-button .wave1::after,
.wave-header-button .wave1::before {
  content: '';
  position: absolute;
  width: 200%;
  height: 200%;
  top: -10px;
  left: 50%;
  transform: translate(-50%, -75%);
  transition: .5s ease;
}


.wave-header-button .wave1::before {
  border-radius: 40%;
  background-image: linear-gradient(#fafafa, #fcfcfc);
  animation: wave 7s linear infinite;
}

.wave-header-button .wave1::after {
  border-radius: 45%;
  background-image: linear-gradient(#fafafa, #fcfcfc);
  animation: wave 12s linear infinite;
}

@keyframes wave {
  0% {
    transform: translate(-50%, -75%) rotate(0deg);
  }

  100% {
    transform: translate(-50%, -75%) rotate(360deg);
  }
}

@keyframes wave1 {
  0% {
    transform: translate(-50%, -75%) rotate(0deg);
  }

  100% {
    transform: translate(-50%, -75%) rotate(360deg);
  }
}


  

/* <!-- mid_autumn_banner_styling START HERE --> */
    @font-face {font-family: "Figtree";font-weight: 400;src: url(https://cms.blueoceanfin.com/assets/media/1671179878388-287-Figtree-Regular.ttf) format("truetype");}
    @font-face {font-family: "Figtree";font-weight: 700;src: url(https://cms.blueoceanfin.com/assets/media/1671179878407-567-Figtree-Bold.ttf) format("truetype");}
    #mobile_view_mid_autumn {display: none;}
    body,
    html {margin: 0;padding: 0;}
    .banner-text {font-family: "Figtree";}
    .wave-button,
    .wave-header-button {padding: 5px 20px;width: auto;text-align: center;background-color: transparent;border: 1px solid #3d3d3d20;border-radius: 15px;position: relative;overflow: hidden;cursor: pointer;}
    .wave-button span,
    .wave-header-button span {position: relative;color: #fff;}
    .wave-button .wave {position: absolute;top: -100px;left: 0;width: 100%;height: 250px;background: #4d77ff;transition: .5s ease;}
    .wave-button:hover .wave::after,
    .wave-button:hover .wave::before {width: 0;height: 0;transition: 2s ease;}
    .wave-button .wave::after,
    .wave-button .wave::before {content: '';position: absolute;width: 200%;height: 200%;top: -10px;left: 50%;transform: translate(-50%, -75%);transition: .5s ease;}
    .wave-button .wave::before {border-radius: 40%;background-image: linear-gradient(#EEFAFF, #F1FBFF);animation: wave 7s linear infinite;}
    .wave-button .wave::after {border-radius: 45%;background-image: linear-gradient(#EEFAFF, #F1FBFF);animation: wave 12s linear infinite;}
    button.wave-header-button {font-size: 13px !important;line-height: 0 !important;height: 25.5px;}
    .wave-header-button .wave1 {position: absolute;top: -100px;left: 0;width: 100%;height: 250px;background: #4d77ff;transition: .5s ease;}
    .wave-header-button:hover .wave1::after,
    .wave-header-button:hover .wave1::before {width: 0;height: 0;transition: 2s ease;}
    .wave-header-button .wave1::after,
    .wave-header-button .wave1::before {content: '';position: absolute;width: 200%;height: 200%;top: -10px;left: 50%;transform: translate(-50%, -75%);transition: .5s ease;}
    .wave-header-button .wave1::before {border-radius: 40%;background-image: linear-gradient(#fafafa, #fcfcfc);animation: wave 7s linear infinite;}
    .wave-header-button .wave1::after {border-radius: 45%;background-image: linear-gradient(#fafafa, #fcfcfc);animation: wave 12s linear infinite;}
    @keyframes wave {
      0% {transform: translate(-50%, -75%) rotate(0deg);}
      100% {transform: translate(-50%, -75%) rotate(360deg);}
    }
    @keyframes wave1 {
      0% {transform: translate(-50%, -75%) rotate(0deg);}
      100% {transform: translate(-50%, -75%) rotate(360deg);}
    }
    .banner-text {font-family: "Figtree";}
    #desktop_view_mid_autumn .bg-container {position: relative;width: 100%}
    #desktop_view_mid_autumn .bg-image {width: 100%;height: auto;display: block;}
    #desktop_view_mid_autumn .flower-container {position: relative;z-index: 5;}
    #desktop_view_mid_autumn .left-flower-container,
    #desktop_view_mid_autumn .right-flower-container {position: absolute;bottom: 0;z-index: 5;}
    #desktop_view_mid_autumn .left-flower-container {left: -70px;top: -420px;transform: rotate(5deg);width: 20%;animation: swayLeftFlower 6s ease-in-out infinite;transform-origin: bottom center;}
    #desktop_view_mid_autumn .right-flower-container {right: -110px;top: -400px;transform: rotate(10deg);width: 25%;animation: swayRightFlower 6s ease-in-out infinite;transform-origin: bottom center;}
    #desktop_view_mid_autumn .left-flower-container img,
    #desktop_view_mid_autumn .right-flower-container img {width: 100%;height: auto;display: block;}
    @keyframes swayLeftFlower {
      0% {transform: rotate(0deg);}
      25% {transform: rotate(1.5deg);}
      50% {transform: rotate(0deg);}
      75% {transform: rotate(-1.5deg);}
      100% {transform: rotate(0deg);}
    }
    @keyframes swayRightFlower {
      0% {transform: rotate(0deg);}
      25% {transform: rotate(-1.5deg);}
      50% {transform: rotate(0deg);}
      75% { transform: rotate(1.5deg);}
      100% {transform: rotate(0deg);}
    }
    #desktop_view_mid_autumn .left-firefly-container,
    #desktop_view_mid_autumn .right-firefly-container {position: absolute;z-index: 5;opacity: 0.85;}
    #desktop_view_mid_autumn .left-firefly-container {top: 20%;left: 5%;width: 50%;height: 50%;}
    #desktop_view_mid_autumn .right-firefly-container {top: 25%;right: -6%;width: 50%;height: 50%;}
    #desktop_view_mid_autumn .left-firefly-container img {width: 80%;height: auto;}
    #desktop_view_mid_autumn .right-firefly-container img {width: 80%;height: auto;}
    #desktop_view_mid_autumn .moon {position: absolute;height: 170%;width: auto;z-index: 3;-webkit-animation: spin 15s linear infinite;-moz-animation: spin 15s linear infinite;animation: spin 15s linear infinite;}
    @-moz-keyframes spin {
      100% {-moz-transform: rotate(360deg);}
    }
    @-webkit-keyframes spin {
      100% {-webkit-transform: rotate(360deg);}
    }
    @keyframes spin {
      100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
    }
    #desktop_view_mid_autumn .moon-container {width: 500px;height: 70%;align-items: center;position: absolute;display: flex;justify-content: center;top: 0%;left: 50%;transform: translate(-50%, -50%);}
    #desktop_view_mid_autumn .banner-text-container {display: flex;flex-direction: column;position: absolute;top: 65%;left: 50%;transform: translate(-50%, -50%);width: 100%;display: flex;justify-content: center;align-items: center;z-index: 6;text-align: center;gap: 200px;}
    #desktop_view_mid_autumn .banner-text {font-size: 65px;font-weight: bold;color: white;text-shadow: 2px 2px 8px rgb(120 120 120 / 60%);}
    #desktop_view_mid_autumn .cloud {position: absolute;bottom: 0px;z-index: 4;}
    #desktop_view_mid_autumn .cloud.left {left: 19%;}
    #desktop_view_mid_autumn .cloud.right {right: 21%;}
    #desktop_view_mid_autumn .cloud-container {position: absolute;bottom: 0;width: 100%;height: 54%;display: flex;justify-content: space-between;align-items: flex-end;padding: 0 18%;z-index: 4;top: 45.9%;}
    #desktop_view_mid_autumn .bunny {width: 75%;height: auto;position: absolute;opacity: 0;transform: translateY(100px);animation: fadeIn 1s ease-in-out forwards;}
    @keyframes fadeIn {
      to { opacity: 1;transform: translateY(10px);}
    }
    #desktop_view_mid_autumn .bunny-container {position: relative;width: 20%;height: 90%;display: flex;justify-content: center;align-items: flex-end;top: 15%;}
    #desktop_view_mid_autumn .bunny-cloud-container {bottom: 0;left: 50%;top: 50%;transform: translateX(-50%);z-index: 5;display: flex;justify-content: center;align-items: flex-end;width: 100%;height: 50%;position: absolute;}
    /* glitter effect */
    #desktop_view_mid_autumn .star-container {position: absolute;width: 100%;height: 100%;top: 10%;}
    #desktop_view_mid_autumn .star {animation: glow 1.5s linear alternate infinite;}
    @keyframes glow {
      0% {transform: scale(1);}
      100% {transform: scale(0.5);}
    }
    /*mobile responsive*/
    @media (max-width: 1632px) {
      #desktop_view_mid_autumn .bg-img {width: 100%;height: 100%;}
      #desktop_view_mid_autumn .banner-text-container {display: flex;flex-direction: column;position: absolute;top: 65%;left: 50%;transform: translate(-50%, -50%);width: 100%;display: flex;justify-content: center;align-items: center;z-index: 6;text-align: center;gap: 130px;}
      #desktop_view_mid_autumn .banner-text {font-size: 52px;font-weight: bold;color: white;text-shadow: 2px 2px 8px rgb(120 120 120 / 60%);}
      #desktop_view_mid_autumn .cloud {position: absolute;bottom: 0px;z-index: 4;width: 27%;height: auto;}
      #desktop_view_mid_autumn .flower-container {position: relative;z-index: 5;}
      #desktop_view_mid_autumn .left-flower-container,
      #desktop_view_mid_autumn.right-flower-container {position: absolute;bottom: 0;z-index: 5;}
      #desktop_view_mid_autumn .left-flower-container {left: -70px;top: -390px;transform: rotate(5deg);width: 20%;}
      #desktop_view_mid_autumn .right-flower-container {right: -110px;top: -340px;transform: rotate(10deg);width: 25%;}
      #desktop_view_mid_autumn .left-flower-container img,
      #desktop_view_mid_autumn .right-flower-container img {width: 100%;height: auto;display: block;}
      #desktop_view_mid_autumn .bunny {width: 70%;height: auto;position: absolute;opacity: 0;transform: translateY(100px);animation: fadeIn 1s ease-in-out forwards;}
      #desktop_view_mid_autumn .bunny-container {position: relative;width: 20%;height: 90%;display: flex;justify-content: center;align-items: flex-end;top: 15%;}
    }
    @media (max-width: 1500px) {
      #desktop_view_mid_autumn .bg-img {width: 100%;height: 100%;}
      #desktop_view_mid_autumn .banner-text-container {display: flex;flex-direction: column;position: absolute;top: 65%;left: 50%;transform: translate(-50%, -50%);width: 100%;display: flex;justify-content: center;align-items: center;z-index: 6;text-align: center;gap: 100px;}
      #desktop_view_mid_autumn .banner-text {font-size: 52px;font-weight: bold;color: white;text-shadow: 2px 2px 8px rgb(120 120 120 / 60%);}
      #desktop_view_mid_autumn .cloud {position: absolute;bottom: 0px;z-index: 4;width: 27%;height: auto;}
      #desktop_view_mid_autumn .flower-container {position: relative;z-index: 5;}
      #desktop_view_mid_autumn .left-flower-container,
      #desktop_view_mid_autumn .right-flower-container {position: absolute;bottom: 0;z-index: 5;}
      #desktop_view_mid_autumn .left-flower-container {left: -70px;top: -370px;transform: rotate(5deg);width: 20%;}
      #desktop_view_mid_autumn .right-flower-container {right: -110px;top: -310px;transform: rotate(10deg);width: 25%;}
      #desktop_view_mid_autumn .left-flower-container img,
      #desktop_view_mid_autumn .right-flower-container img { width: 100%;height: auto;display: block;}
    }
    @media (max-width: 1453px) {
      #desktop_view_mid_autumn .banner-text-container {display: flex;flex-direction: column;position: absolute;top: 65%;left: 50%;transform: translate(-50%, -50%);width: 100%;display: flex;justify-content: center;align-items: center;z-index: 6;text-align: center;gap: 120px;}
      #desktop_view_mid_autumn .banner-text {font-size: 52px;font-weight: bold;color: white;text-shadow: 2px 2px 8px rgb(120 120 120 / 60%);}
      #desktop_view_mid_autumn .flower-container {position: relative;z-index: 5;}
      #desktop_view_mid_autumn .left-flower-container,
      #desktop_view_mid_autumn .right-flower-container {position: absolute;bottom: 0;z-index: 5;}
      #desktop_view_mid_autumn .left-flower-container {left: -70px;top: -330px;transform: rotate(5deg);width: 20%;}
      #desktop_view_mid_autumn .right-flower-container {right: -110px;top: -310px;transform: rotate(10deg);width: 25%;}
      #desktop_view_mid_autumn .left-flower-container img,
      .right-flower-container img {width: 100%;height: auto;display: block;}
    }
    @media (max-width: 1300px) {
      #desktop_view_mid_autumn .banner-text-container {display: flex;flex-direction: column;position: absolute;top: 65%;left: 50%;transform: translate(-50%, -50%);width: 100%;display: flex;justify-content: center;align-items: center;z-index: 6;text-align: center;gap: 100px;}
      #desktop_view_mid_autumn .banner-text {font-size: 52px;font-weight: bold;color: white;text-shadow: 2px 2px 8px rgb(120 120 120 / 60%);}
      #desktop_view_mid_autumn .flower-container {position: relative;z-index: 5;}
      #desktop_view_mid_autumn .left-flower-container,
      #desktop_view_mid_autumn .right-flower-container {position: absolute;bottom: 0;z-index: 5;}
      #desktop_view_mid_autumn .left-flower-container {left: -70px;top: -310px;transform: rotate(5deg);width: 20%;}
      #desktop_view_mid_autumn .right-flower-container {right: -110px;top: -290px;transform: rotate(10deg);width: 25%;}
      #desktop_view_mid_autumn .left-flower-container img,
      #desktop_view_mid_autumn .right-flower-container img {width: 100%;height: auto;display: block;}
    }
    @media (max-width: 1200px) {
      #desktop_view_mid_autumn {display: none;}
      #mobile_view_mid_autumn {display: block;}
      #mobile_view_mid_autumn .bg-container {position: relative;width: 100%;height: 700px;overflow: hidden;}
      #mobile_view_mid_autumn .bg-image {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: fill;z-index: 0;}
      #mobile_view_mid_autumn .banner-text-container {display: flex;flex-direction: column;position: absolute;top: 325px; left: 50%; transform: translate(-50%, -50%); width: 100%;display: flex;justify-content: center;align-items: center;z-index: 6;text-align: center;gap: 10px;}
      #mobile_view_mid_autumn .banner-text {font-size: 50px;font-weight: bold;color: white;text-shadow: 2px 2px 8px rgb(120 120 120 / 60%);}
      #mobile_view_mid_autumn .moon {position: absolute;height: 70%;width: auto;z-index: 3;-webkit-animation: spin 15s linear infinite;-moz-animation: spin 15s linear infinite;animation: spin 15s linear infinite;}
      @-moz-keyframes spin {
        100% {-moz-transform: rotate(360deg);}
      }
      @-webkit-keyframes spin {
        100% {-webkit-transform: rotate(360deg);}
      }
      @keyframes spin {
        100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
      }
      #mobile_view_mid_autumn .moon-container {width: auto;height: 700px;align-items: center;position: absolute;display: flex;justify-content: center;top: 45px;left: 50%;transform: translate(-50%, -50%);}
      #mobile_view_mid_autumn .left-wing-container {position: absolute;width: 40%;display: flex;justify-content: center;align-items: center;left: 0%;top: -165px;}
      #mobile_view_mid_autumn .right-wing-container {position: absolute;width: 40%;display: flex;justify-content: center;align-items: center;left: 60%;top: -150px;}
      #mobile_view_mid_autumn .left-wing-container img {width: auto;height: 400px;position: relative;}
      #mobile_view_mid_autumn .right-wing-container img {width: auto;height: 370px;position: relative;}
      #mobile_view_mid_autumn .left-firefly-container,
      #mobile_view_mid_autumn .right-firefly-container {position: absolute;z-index: 5;opacity: 0.85;}
      #mobile_view_mid_autumn .left-firefly-container {top: 0%;left: 26%;width: 70%;height: 50%;}
      #mobile_view_mid_autumn .right-firefly-container {top: 44%;right: -8%;width: 90%;height: 50%;}
      #mobile_view_mid_autumn .left-firefly-container img {width: 70%;height: auto;}
      #mobile_view_mid_autumn .right-firefly-container img {width: 70%;height: auto;}
      #mobile_view_mid_autumn .flower-container {position: relative;z-index: 5;}
      #mobile_view_mid_autumn .left-flower-container,
      #mobile_view_mid_autumn .right-flower-container {position: absolute;bottom: 0;z-index: 5;}
      #mobile_view_mid_autumn .left-flower-container {left: -20px;top: 240px;transform: rotate(5deg);width: 20%;transform-origin: bottom left !important;}
      #mobile_view_mid_autumn .right-flower-container {right: -90px;top: 300px;transform: rotate(10deg);width: 25%;transform-origin: bottom right !important;}
      #mobile_view_mid_autumn .left-flower-container img,
      #mobile_view_mid_autumn .right-flower-container img {width: 100%;height: auto;display: block;}
      #mobile_view_mid_autumn .flower-sway-left {transform-origin: bottom left;animation: swayLeftFlower 6s ease-in-out infinite;}
      #mobile_view_mid_autumn .flower-sway-right {transform-origin: bottom right;animation: swayRightFlower 6s ease-in-out infinite;}
      /* Animations */
      @keyframes swayLeftFlower {
        0% {transform: rotate(0deg);}
        25% {transform: rotate(1.5deg);}
        50% {transform: rotate(0deg);}
        75% {transform: rotate(-1.5deg);}
        100% {transform: rotate(0deg);}
      }
      @keyframes swayRightFlower {
        0% {transform: rotate(0deg);}
        25% {transform: rotate(-1.5deg);}
        50% {transform: rotate(0deg);}
        75% {transform: rotate(1.5deg);}
        100% {transform: rotate(0deg);}
      }
      #mobile_view_mid_autumn .bunny {width: 30%;height: auto;position: absolute;opacity: 0;transform: translateY(100px);animation: fadeIn 1s ease-in-out forwards;}
      @keyframes fadeIn {
        to {opacity: 1;transform: translateY(10px);}
      }
      #mobile_view_mid_autumn .bunny-container {position: relative;width: 70%;height: 430px;display: flex;justify-content: center;align-items: flex-end;top: 15%;}
      #mobile_view_mid_autumn .bunny-cloud-container {bottom: 0;left: 50%;transform: translateX(-50%);z-index: 5;display: flex;justify-content: center;align-items: flex-end;width: 100%;height: 320px;position: absolute;}
      #mobile_view_mid_autumn .cloud {position: absolute;bottom: 0px;z-index: 4;width: 100%;height: auto;}
      .left-cloud-container {width: 40%;height: 200px;position: relative;display: flex;justify-content: center;align-items: flex-end;left: -4%;}
      .right-cloud-container {width: 40%;height: 200px;position: relative;display: flex;justify-content: center;align-items: flex-end;left: 4%;}
      #mobile_view_mid_autumn .cloud-container {position: absolute;bottom: 0;width: 100%;height: 250px;display: flex;justify-content: space-between;align-items: flex-end;z-index: 4;}
      /* glitter effect */
      #mobile_view_mid_autumn .star-container {position: absolute;width: 100%;height: 100%;top: 10%;}
      #mobile_view_mid_autumn .star {animation: glow 1.5s linear alternate infinite;position: absolute;z-index: 1;}
      #mobile_view_mid_autumn .star-1 {right: 111px;top: 100px;}
      #mobile_view_mid_autumn .star-2 {top: 120px;left: 90px;height: 40px;}
      #mobile_view_mid_autumn .star-3 {bottom: 300px;height: 25px;left: 260px;}
      #mobile_view_mid_autumn .star-4 {top: -30px;left: 225px;height: 20px;}
      #mobile_view_mid_autumn .star-5 {right: 260px;height: 20px;}
      #mobile_view_mid_autumn .star-6 {right: 140px;bottom: 330px;height: 30px;}
      @keyframes glow {
        0% {transform: scale(1);}
        100% {transform: scale(0.5);}
      }
    }
    @media (max-width: 1100px) {
      #mobile_view_mid_autumn .bg-container {position: relative;width: 100%;height: 700px;overflow: hidden;}
      #mobile_view_mid_autumn .bg-image {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: fill;z-index: 0;}
      #mobile_view_mid_autumn .banner-text-container {display: flex;flex-direction: column;position: absolute;top: 325px;left: 50%;transform: translate(-50%, -50%);width: 100%;display: flex;justify-content: center;align-items: center;z-index: 6;text-align: center;gap: 10px;}
      #mobile_view_mid_autumn .banner-text {font-size: 50px;font-weight: bold;color: white;text-shadow: 2px 2px 8px rgb(120 120 120 / 60%);}
      #mobile_view_mid_autumn .moon {position: absolute;height: 70%;width: auto;z-index: 3;}
      #mobile_view_mid_autumn .moon-container {width: auto;height: 700px;align-items: center;position: absolute;display: flex;justify-content: center;top: 45px;left: 50%;transform: translate(-50%, -50%);}
      #mobile_view_mid_autumn .left-wing-container {position: absolute;width: 40%;display: flex;justify-content: center;align-items: center;left: 0%;top: -165px;}
      #mobile_view_mid_autumn .right-wing-container {position: absolute;width: 40%;display: flex;justify-content: center;align-items: center;left: 60%;top: -150px;}
      #mobile_view_mid_autumn .left-wing-container img {width: auto;height: 400px;position: relative;}
      #mobile_view_mid_autumn .right-wing-container img {width: auto;height: 370px;position: relative;}
      #mobile_view_mid_autumn .left-firefly-container,
      #mobile_view_mid_autumn .right-firefly-container {position: absolute;z-index: 5;opacity: 0.85;}
      #mobile_view_mid_autumn .left-firefly-container {top: 0%;left: 26%;width: 70%;height: 50%;}
      #mobile_view_mid_autumn .right-firefly-container {top: 44%;right: -8%;width: 90%;height: 50%;}
      #mobile_view_mid_autumn .left-firefly-container img {width: 70%;height: auto;}
      #mobile_view_mid_autumn .right-firefly-container img {width: 70%;height: auto;}
      #mobile_view_mid_autumn .flower-container {position: relative;z-index: 5;}
      #mobile_view_mid_autumn .left-flower-container,
      #mobile_view_mid_autumn .right-flower-container {position: absolute;bottom: 0;z-index: 5;}
      #mobile_view_mid_autumn .left-flower-container {left: -20px;top: 270px;transform: rotate(5deg);width: 20%;transform-origin: bottom left !important;}
      #mobile_view_mid_autumn .right-flower-container {right: -90px;top: 330px;transform: rotate(10deg);width: 25%;transform-origin: bottom right !important;}
      #mobile_view_mid_autumn .left-flower-container img,
      #mobile_view_mid_autumn .right-flower-container img {width: 100%;height: auto;display: block;}
      #mobile_view_mid_autumn .flower-sway-left {transform-origin: bottom left;animation: swayLeftFlower 6s ease-in-out infinite;}
      #mobile_view_mid_autumn .flower-sway-right {transform-origin: bottom right;animation: swayRightFlower 6s ease-in-out infinite;}
      #mobile_view_mid_autumn .bunny {width: 260px;z-index: 5;}
      #mobile_view_mid_autumn .bunny-container {position: relative;width: 70%;height: 430px;display: flex;justify-content: center;align-items: flex-end;top: 15%;}
      #mobile_view_mid_autumn .bunny-cloud-container {bottom: 0;left: 50%;transform: translateX(-50%);z-index: 5;display: flex;justify-content: center;align-items: flex-end;width: 100%;height: 320px;position: absolute;}
      #mobile_view_mid_autumn .cloud {position: absolute;bottom: 0px;z-index: 4;width: 100%;height: auto;}
      .left-cloud-container {width: 40%;height: 200px;position: relative;display: flex;justify-content: center;align-items: flex-end;left: -4%;}
      .right-cloud-container {width: 40%;height: 200px;position: relative;display: flex;justify-content: center;align-items: flex-end;left: 4%;}
      #mobile_view_mid_autumn .cloud-container {position: absolute;bottom: 0;width: 100%;height: 250px;display: flex;justify-content: space-between;align-items: flex-end;z-index: 4;}
      /* glitter effect */
      #mobile_view_mid_autumn .star-container {position: absolute;width: 100%;height: 100%;top: 10%;}
      #mobile_view_mid_autumn .star {animation: glow 1.5s linear alternate infinite;position: absolute;z-index: 1;}
      #mobile_view_mid_autumn .star-1 {right: 111px;top: 100px;}
      #mobile_view_mid_autumn .star-2 {top: 120px;left: 90px;height: 40px;}
      #mobile_view_mid_autumn .star-3 {bottom: 300px;height: 25px;left: 260px;}
      #mobile_view_mid_autumn .star-4 {top: -30px;left: 225px;height: 20px;}
      #mobile_view_mid_autumn .star-5 {right: 260px;height: 20px;}
      #mobile_view_mid_autumn .star-6 {right: 140px;bottom: 330px;height: 30px;}
    }
    @media (max-width: 991px) {
      #mobile_view_mid_autumn .bg-container {position: relative;width: 100%;height: 700px;overflow: hidden;}
      #mobile_view_mid_autumn .bg-image {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: fill;z-index: 0;}
      #mobile_view_mid_autumn .banner-text-container {display: flex;flex-direction: column;position: absolute;top: 340px;left: 50%;transform: translate(-50%, -50%);width: 100%;display: flex;justify-content: center;align-items: center;z-index: 6;text-align: center;gap: 10px;}
      #mobile_view_mid_autumn .banner-text {font-size: 45px;font-weight: bold;color: white;text-shadow: 2px 2px 8px rgb(120 120 120 / 60%);}
      #mobile_view_mid_autumn .moon {position: absolute;height: 70%;width: auto;z-index: 3;}
      #mobile_view_mid_autumn .moon-container {width: auto;height: 700px;align-items: center;position: absolute;display: flex;justify-content: center;top: 45px;left: 50%;transform: translate(-50%, -50%);}
      #mobile_view_mid_autumn .left-wing-container {position: absolute;width: 60%;display: flex;justify-content: center;align-items: center;left: -15%;top: -50px;}
      #mobile_view_mid_autumn .right-wing-container {position: absolute;width: 60%;display: flex;justify-content: center;align-items: center;left: 55%;top: -45px;}
      #mobile_view_mid_autumn .left-wing-container img { width: auto;height: 300px;position: relative;}
      #mobile_view_mid_autumn .right-wing-container img {width: auto;height: 280px;position: relative;}
      #mobile_view_mid_autumn .left-firefly-container,
      #mobile_view_mid_autumn .right-firefly-container {position: absolute;z-index: 5;opacity: 0.85;}
      #mobile_view_mid_autumn .left-firefly-container {top: 0%;left: 26%;width: 70%;height: 50%;}
      #mobile_view_mid_autumn .right-firefly-container {top: 44%;right: -8%;width: 90%;height: 50%;}
      #mobile_view_mid_autumn .left-firefly-container img {width: 70%;height: auto;}
      #mobile_view_mid_autumn .right-firefly-container img {width: 70%;height: auto;}
      #mobile_view_mid_autumn .flower-container {position: relative;z-index: 5;}
      #mobile_view_mid_autumn .left-flower-container,
      #mobile_view_mid_autumn .right-flower-container {position: absolute;bottom: 0;z-index: 5;}
      #mobile_view_mid_autumn .left-flower-container {left: -20px;top: 270px;transform: rotate(5deg);width: 20%;transform-origin: bottom left !important;}
      #mobile_view_mid_autumn .right-flower-container {right: -90px;top: 340px;transform: rotate(10deg);width: 25%;transform-origin: bottom right !important;}
      #mobile_view_mid_autumn .left-flower-container img,
      #mobile_view_mid_autumn .right-flower-container img {width: 100%;height: auto;display: block;}
      #mobile_view_mid_autumn .flower-sway-left {transform-origin: bottom left;animation: swayLeftFlower 6s ease-in-out infinite;}
      #mobile_view_mid_autumn .flower-sway-right {transform-origin: bottom right;animation: swayRightFlower 6s ease-in-out infinite;}
      #mobile_view_mid_autumn .bunny {width: 260px;z-index: 5;}
      #mobile_view_mid_autumn .bunny-container {position: relative;width: 70%;height: 430px;display: flex;justify-content: center;align-items: flex-end;top: 15%;}
      #mobile_view_mid_autumn .bunny-cloud-container {bottom: 0;left: 50%;transform: translateX(-50%);z-index: 5;display: flex;justify-content: center;align-items: flex-end;width: 100%;height: 320px;position: absolute;}
      #mobile_view_mid_autumn .cloud {position: absolute;bottom: 0px;z-index: 4;width: 100%;height: auto;}
      .left-cloud-container {width: 40%;height: 200px;position: relative;display: flex;justify-content: center;align-items: flex-end;left: -4%;}
      .right-cloud-container {width: 40%;height: 200px;position: relative;display: flex;justify-content: center;align-items: flex-end;left: 4%;}
      #mobile_view_mid_autumn .cloud-container {position: absolute;bottom: 0;width: 100%;height: 250px;display: flex;justify-content: space-between;align-items: flex-end;z-index: 4;}
      /* glitter effect */
      #mobile_view_mid_autumn .star-container {position: absolute;width: 100%;height: 100%;top: 10%;}
      #mobile_view_mid_autumn .star {animation: glow 1.5s linear alternate infinite;position: absolute;z-index: 1;}
      #mobile_view_mid_autumn .star-1 {right: 111px;top: 140px;}
      #mobile_view_mid_autumn .star-2 {top: 120px;left: 90px;height: 40px;}
      #mobile_view_mid_autumn .star-3 {bottom: 300px;height: 25px;left: 260px;}
      #mobile_view_mid_autumn .star-4 {top: 20px;left: 225px;height: 20px;}
      #mobile_view_mid_autumn .star-5 {right: 260px;height: 20px;}
      #mobile_view_mid_autumn .star-6 {right: 140px;bottom: 330px;height: 30px;}
    }
    @media (max-width: 981px) {
      #mobile_view_mid_autumn .flower-container {position: relative;z-index: 5;}
      #mobile_view_mid_autumn .left-flower-container,
      #mobile_view_mid_autumn .right-flower-container {position: absolute;bottom: 0;z-index: 5;}
      #mobile_view_mid_autumn .left-flower-container {left: -20px;top: 300px;transform: rotate(5deg);width: 25%;transform-origin: bottom left !important;}
      #mobile_view_mid_autumn .right-flower-container {right: -90px;top: 370px;transform: rotate(10deg);width: 30%;transform-origin: bottom right !important;}
      #mobile_view_mid_autumn .left-flower-container img,
      #mobile_view_mid_autumn .right-flower-container img {width: 100%;height: auto;display: block;}
      #mobile_view_mid_autumn .left-wing-container {position: absolute;width: 60%;display: flex;justify-content: center;align-items: center;left: -15%;top: -45px;}
      #mobile_view_mid_autumn .right-wing-container {position: absolute;width: 60%;display: flex;justify-content: center;align-items: center;left: 55%;top: -50px;}
      #mobile_view_mid_autumn .left-wing-container img {width: auto;height: 300px;position: relative;}
      #mobile_view_mid_autumn .right-wing-container img {width: auto;height: 280px;position: relative;}
    }
    @media (max-width: 900px) {
      #mobile_view_mid_autumn .moon {position: absolute;height: 70%;width: auto;z-index: 3;}
      #mobile_view_mid_autumn .moon-container {width: auto;height: 700px;align-items: center;position: absolute;display: flex;justify-content: center;top: 45px;left: 50%;transform: translate(-50%, -50%);}
      #mobile_view_mid_autumn .flower-container {position: relative;z-index: 5;}
      #mobile_view_mid_autumn .left-flower-container,
      #mobile_view_mid_autumn .right-flower-container {position: absolute;bottom: 0;z-index: 5;}
      #mobile_view_mid_autumn .left-flower-container {left: -20px;top: 340px;transform: rotate(5deg);width: 24%;transform-origin: bottom left !important;}
      #mobile_view_mid_autumn .right-flower-container {right: -90px;top: 400px;transform: rotate(10deg);width: 30%;transform-origin: bottom right !important;}
      #mobile_view_mid_autumn .left-flower-container img,
      #mobile_view_mid_autumn .right-flower-container img {width: 100%;height: auto;display: block;}
      #mobile_view_mid_autumn .left-wing-container {position: absolute;width: 60%;display: flex;justify-content: center;align-items: center;left: -15%;top: -30px;}
      #mobile_view_mid_autumn .right-wing-container {position: absolute;width: 60%;display: flex;justify-content: center;align-items: center;left: 55%;top: -25px;}
      #mobile_view_mid_autumn .left-wing-container img {width: auto;height: 280px;position: relative;}
      #mobile_view_mid_autumn .right-wing-container img {width: auto;height: 260px;position: relative;}
    }
    @media (max-width: 800px) {
      #mobile_view_mid_autumn .flower-container {position: relative;z-index: 5;}
      #mobile_view_mid_autumn .left-flower-container,
      #mobile_view_mid_autumn .right-flower-container {position: absolute;bottom: 0;z-index: 5;}
      #mobile_view_mid_autumn .left-flower-container {left: -20px;top: 330px;transform: rotate(5deg);width: 25%;transform-origin: bottom left !important;}
      #mobile_view_mid_autumn .right-flower-container {right: -90px;top: 400px;transform: rotate(10deg);width: 30%;transform-origin: bottom right !important;}
      #mobile_view_mid_autumn .left-flower-container img,
      #mobile_view_mid_autumn .right-flower-container img {width: 100%;height: auto;display: block;}
    }
    @media (max-width: 768px) {
      #mobile_view_mid_autumn .bg-container {position: relative;width: 100%;height: 700px;overflow: hidden;}
      #mobile_view_mid_autumn .bg-image {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: fill;z-index: 0;}
      #mobile_view_mid_autumn .banner-text-container {display: flex;flex-direction: column;position: absolute;top: 340px;left: 50%;transform: translate(-50%, -50%);width: 100%;display: flex;justify-content: center;align-items: center;z-index: 6;text-align: center;gap: 10px;}
      #mobile_view_mid_autumn .banner-text {font-size: 40px;font-weight: bold;color: white;text-shadow: 2px 2px 8px rgb(120 120 120 / 60%);}
      #mobile_view_mid_autumn .moon {position: absolute;height: 70%;width: auto;z-index: 3;}
      #mobile_view_mid_autumn .moon-container {width: auto;height: 700px;align-items: center;position: absolute;display: flex;justify-content: center;top: 45px;left: 50%;transform: translate(-50%, -50%);}
      #mobile_view_mid_autumn .left-wing-container {position: absolute;width: 60%;display: flex;justify-content: center;align-items: center;left: -15%;top: -30px;}
      #mobile_view_mid_autumn .right-wing-container {position: absolute;width: 60%;display: flex;justify-content: center;align-items: center;left: 55%;top: -25px;}
      #mobile_view_mid_autumn .left-wing-container img {width: auto;height: 280px;position: relative;}
      #mobile_view_mid_autumn .right-wing-container img {width: auto;height: 260px;position: relative;}
      #mobile_view_mid_autumn .left-firefly-container,
      #mobile_view_mid_autumn .right-firefly-container {position: absolute;z-index: 5;opacity: 0.85;}
      #mobile_view_mid_autumn .left-firefly-container {top: 0%;left: 15%;width: 70%;height: 50%;}
      #mobile_view_mid_autumn .right-firefly-container {top: 45%;right: 7%;width: 90%;height: 50%;}
      #mobile_view_mid_autumn .left-firefly-container img {width: 100%;height: auto;}
      #mobile_view_mid_autumn .right-firefly-container img {width: 100%;height: auto;}
      #mobile_view_mid_autumn .flower-container {position: relative;z-index: 5;}
      #mobile_view_mid_autumn .left-flower-container,
      #mobile_view_mid_autumn .right-flower-container {position: absolute;bottom: 0;z-index: 5;}
      #mobile_view_mid_autumn .left-flower-container {left: -20px;top: 320px;transform: rotate(5deg);width: 26%;transform-origin: bottom left !important;}
      #mobile_view_mid_autumn .right-flower-container {right: -80px;top: 380px;transform: rotate(10deg);width: 34%;transform-origin: bottom right !important;}
      #mobile_view_mid_autumn .left-flower-container img,
      #mobile_view_mid_autumn .right-flower-container img {width: 100%;height: auto;display: block;}
      #mobile_view_mid_autumn .flower-sway-left {transform-origin: bottom left;animation: swayLeftFlower 6s ease-in-out infinite;}
      #mobile_view_mid_autumn .flower-sway-right {transform-origin: bottom right;animation: swayRightFlower 6s ease-in-out infinite;}
      #mobile_view_mid_autumn .bunny {width: 260px;z-index: 5;}
      #mobile_view_mid_autumn .bunny-container {position: relative;width: 70%;height: 430px;display: flex;justify-content: center;align-items: flex-end;top: 15%;}
      #mobile_view_mid_autumn .bunny-cloud-container {bottom: 0;left: 50%;transform: translateX(-50%);z-index: 5;display: flex;justify-content: center;align-items: flex-end;width: 100%;height: 320px;position: absolute;}
      #mobile_view_mid_autumn .cloud {position: absolute;bottom: 0px;z-index: 4;width: 100%;height: auto;}
      .left-cloud-container { width: 50%;height: 200px;position: relative;display: flex;justify-content: center;align-items: flex-end;left: -4%;}
      .right-cloud-container { width: 50%;height: 200px;position: relative;display: flex;justify-content: center;align-items: flex-end;left: 4%;}
      #mobile_view_mid_autumn .cloud-container {position: absolute;bottom: 0;width: 100%;height: 250px;display: flex;justify-content: space-between;align-items: flex-end;z-index: 4;}
      /* glitter effect */
      #mobile_view_mid_autumn .star-container {position: absolute;width: 100%;height: 100%;top: 10%;}
      #mobile_view_mid_autumn .star {animation: glow 1.5s linear alternate infinite;position: absolute;z-index: 1;}
      #mobile_view_mid_autumn .star-1 {right: 111px;top: 140px;}
      #mobile_view_mid_autumn .star-2 {top: 120px;left: 90px;height: 40px;}
      #mobile_view_mid_autumn .star-3 {bottom: 300px;height: 25px;left: 260px;}
      #mobile_view_mid_autumn .star-4 {top: 20px;left: 225px;height: 20px;}
      #mobile_view_mid_autumn .star-5 {right: 260px;height: 20px;}
      #mobile_view_mid_autumn .star-6 {right: 140px;bottom: 330px;height: 30px;}
    }
    @media (max-width: 720px) {
      #mobile_view_mid_autumn .bg-container {position: relative;width: 100%;height: 700px;overflow: hidden;}
      #mobile_view_mid_autumn .bg-image {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: fill; z-index: 0;}
      #mobile_view_mid_autumn .banner-text-container {display: flex;flex-direction: column;position: absolute;top: 340px;left: 50%;transform: translate(-50%, -50%);width: 100%;display: flex;justify-content: center;align-items: center;z-index: 6;text-align: center;gap: 10px;}
      #mobile_view_mid_autumn .banner-text {font-size: 40px;font-weight: bold;color: white;text-shadow: 2px 2px 8px rgb(120 120 120 / 60%);}
      #mobile_view_mid_autumn .moon {position: absolute;height: 70%;width: auto;z-index: 3;}
      #mobile_view_mid_autumn .moon-container {width: auto;height: 700px;align-items: center;position: absolute;display: flex;justify-content: center;top: 45px;left: 50%;transform: translate(-50%, -50%);}
      #mobile_view_mid_autumn .left-wing-container {position: absolute;width: 60%;display: flex;justify-content: center;align-items: center;left: -15%;top: -30px;}
      #mobile_view_mid_autumn .right-wing-container {position: absolute;width: 60%;display: flex;justify-content: center;align-items: center;left: 55%;top: -25px;}
      #mobile_view_mid_autumn .left-wing-container img {width: auto;height: 280px;position: relative;}
      #mobile_view_mid_autumn .right-wing-container img {width: auto;height: 260px;position: relative;}
      #mobile_view_mid_autumn .left-firefly-container,
      #mobile_view_mid_autumn .right-firefly-container {position: absolute;z-index: 5;opacity: 0.85;}
      #mobile_view_mid_autumn .left-firefly-container {top: 2%;left: 5%;width: 90%;height: 50%;}
      #mobile_view_mid_autumn .right-firefly-container {top: 48%;right: 7%;width: 80%;height: 50%;}
      #mobile_view_mid_autumn .left-firefly-container img {width: 100%;height: auto;}
      #mobile_view_mid_autumn .right-firefly-container img {width: 100%;height: auto;}
      #mobile_view_mid_autumn .flower-container {position: relative;z-index: 5;}
      #mobile_view_mid_autumn .left-flower-container,
      #mobile_view_mid_autumn .right-flower-container {position: absolute;bottom: 0;z-index: 5;}
      #mobile_view_mid_autumn .left-flower-container {left: -20px;top: 320px;transform: rotate(5deg);width: 31%;transform-origin: bottom left !important;}
      #mobile_view_mid_autumn .right-flower-container {right: -85px;top: 380px;transform: rotate(10deg);width: 41%;transform-origin: bottom right !important;}
      #mobile_view_mid_autumn .left-flower-container img,
      #mobile_view_mid_autumn .right-flower-container img {width: 100%;height: auto;display: block;}
      #mobile_view_mid_autumn .flower-sway-left {transform-origin: bottom left;animation: swayLeftFlower 6s ease-in-out infinite;}
      #mobile_view_mid_autumn .flower-sway-right {transform-origin: bottom right;animation: swayRightFlower 6s ease-in-out infinite;}
      #mobile_view_mid_autumn .bunny {width: 260px;z-index: 5;}
      #mobile_view_mid_autumn .bunny-container {position: relative;width: 70%;height: 430px;display: flex;justify-content: center;align-items: flex-end;top: 15%;}
      #mobile_view_mid_autumn .bunny-cloud-container {bottom: 0;left: 50%;transform: translateX(-50%);z-index: 5;display: flex;justify-content: center;align-items: flex-end;width: 100%;height: 320px;position: absolute;}
      #mobile_view_mid_autumn .cloud {position: absolute;bottom: 0px;z-index: 4;width: 100%;height: auto;}
      .left-cloud-container {width: 50%;height: 200px;position: relative;display: flex;justify-content: center;align-items: flex-end;left: -4%;}
      .right-cloud-container {width: 50%;height: 200px;position: relative;display: flex;justify-content: center;align-items: flex-end;left: 4%;}
      #mobile_view_mid_autumn .cloud-container {position: absolute;bottom: 0;width: 100%;height: 250px;display: flex;justify-content: space-between;align-items: flex-end;z-index: 4;}
      /* glitter effect */
      #mobile_view_mid_autumn .star-container {position: absolute;width: 100%;height: 100%; top: 10%;}
      #mobile_view_mid_autumn .star {animation: glow 1.5s linear alternate infinite;position: absolute;z-index: 1;}
      #mobile_view_mid_autumn .star-1 {right: 111px;top: 140px;}
      #mobile_view_mid_autumn .star-2 {top: 40px;left: 110px;height: 30px;}
      #mobile_view_mid_autumn .star-3 {bottom: 300px;height: 25px;left: 260px;}
      #mobile_view_mid_autumn .star-4 {top: 130px;left: 225px;height: 20px;}
      #mobile_view_mid_autumn .star-5 {top: 145px;right: 260px;height: 20px;}
      #mobile_view_mid_autumn .star-6 {right: 140px;bottom: 330px;height: 30px;}
    }
    @media (max-width: 600px) {
      #mobile_view_mid_autumn .bg-container {position: relative;width: 100%;height: 700px;overflow: hidden;}
      #mobile_view_mid_autumn .bg-image {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: fill;z-index: 0;}
      #mobile_view_mid_autumn .banner-text-container {display: flex;flex-direction: column;position: absolute;top: 350px;left: 50%;transform: translate(-50%, -50%);width: 100%;display: flex;justify-content: center;align-items: center;z-index: 6;text-align: center;gap: 10px;}
      #mobile_view_mid_autumn .banner-text {font-size: 35px;font-weight: bold;color: white;text-shadow: 2px 2px 8px rgb(120 120 120 / 60%);}
      #mobile_view_mid_autumn .moon {position: absolute;height: 70%;width: auto;z-index: 3;}
      #mobile_view_mid_autumn .moon-container {width: auto;height: 700px;align-items: center;position: absolute;display: flex;justify-content: center;top: 45px;left: 50%;transform: translate(-50%, -50%);}
      #mobile_view_mid_autumn .left-wing-container {position: absolute;width: 60%;display: flex;justify-content: center;align-items: center;left: -15%;top: 25px;}
      #mobile_view_mid_autumn .right-wing-container {position: absolute;width: 60%;display: flex;justify-content: center;align-items: center;left: 55%;top: 50px;}
      #mobile_view_mid_autumn .left-wing-container img {width: auto;height: 240px;position: relative;}
      #mobile_view_mid_autumn .right-wing-container img {width: auto;height: 200px;position: relative;}
      #mobile_view_mid_autumn .left-firefly-container,
      #mobile_view_mid_autumn .right-firefly-container {position: absolute;z-index: 5;opacity: 0.85;}
      #mobile_view_mid_autumn .left-firefly-container {top: 0%;left: 15%;width: 70%;height: 50%;}
      #mobile_view_mid_autumn .right-firefly-container {top: 45%;right: 7%;width: 90%;height: 50%;}
      #mobile_view_mid_autumn .left-firefly-container img {width: 100%;height: auto;}
      #mobile_view_mid_autumn .right-firefly-container img {width: 100%;height: auto;}
      #mobile_view_mid_autumn .flower-container {position: relative;z-index: 5;}
      #mobile_view_mid_autumn .left-flower-container,
      #mobile_view_mid_autumn .right-flower-container {position: absolute;bottom: 0;z-index: 5;}
      #mobile_view_mid_autumn .left-flower-container {left: -20px;top: 370px;transform: rotate(5deg);width: 35%;transform-origin: bottom left !important;}
      #mobile_view_mid_autumn .right-flower-container {right: -60px;top: 440px;transform: rotate(10deg);width: 40%;transform-origin: bottom right !important;}
      #mobile_view_mid_autumn .left-flower-container img,
      #mobile_view_mid_autumn .right-flower-container img {width: 100%;height: auto;display: block;}
      #mobile_view_mid_autumn .flower-sway-left {transform-origin: bottom left;animation: swayLeftFlower 6s ease-in-out infinite;}
      #mobile_view_mid_autumn .flower-sway-right {transform-origin: bottom right;animation: swayRightFlower 6s ease-in-out infinite;}
      #mobile_view_mid_autumn .bunny {width: 260px;z-index: 5;}
      #mobile_view_mid_autumn .bunny-container {position: relative;width: 70%;height: 430px;display: flex;justify-content: center;align-items: flex-end;top: 15%;}
      #mobile_view_mid_autumn .bunny-cloud-container {bottom: 0;left: 50%;transform: translateX(-50%);z-index: 5;display: flex;justify-content: center;align-items: flex-end;width: 100%;height: 320px;position: absolute;}
      #mobile_view_mid_autumn .cloud {position: absolute;bottom: 0px;z-index: 4;width: 100%;height: auto;}
      .left-cloud-container {width: 50%;height: 200px;position: absolute;display: flex;justify-content: center;align-items: flex-end;left: -5%;}
      .right-cloud-container {width: 50%;height: 200px;position: absolute;display: flex;justify-content: center;align-items: flex-end;left: 54%;}
      #mobile_view_mid_autumn .cloud-container {position: absolute;bottom: 0;width: 100%;height: 250px;display: flex;justify-content: space-between;align-items: flex-end;z-index: 4;}
      /* glitter effect */
      #mobile_view_mid_autumn .star-container {position: absolute;width: 100%;height: 100%;top: 10%;}
      #mobile_view_mid_autumn .star {animation: glow 1.5s linear alternate infinite;position: absolute;z-index: 1;}
      #mobile_view_mid_autumn .star-1 {right: 111px;top: 140px;}
      #mobile_view_mid_autumn .star-2 {top: 40px;left: 110px;height: 30px;}
      #mobile_view_mid_autumn .star-3 {bottom: 300px;height: 25px;left: 260px;}
      #mobile_view_mid_autumn .star-4 {top: 130px;left: 225px;height: 20px;}
      #mobile_view_mid_autumn .star-5 {top: 145px;right: 260px;height: 20px;}
      #mobile_view_mid_autumn .star-6 {right: 140px;bottom: 330px;height: 30px;}
    }
    @media (max-width:540px) and (max-height: 720px) {
      .bunny {width: 300px;z-index: 5;}
    }
    @media (max-width: 500px) {
      #mobile_view_mid_autumn .bg-container {position: relative;width: 100%;height: 700px;overflow: hidden;}
      #mobile_view_mid_autumn .bg-image {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: fill;z-index: 0;}
      #mobile_view_mid_autumn .banner-text-container {display: flex;flex-direction: column;position: absolute;top: 305px;left: 50%;transform: translate(-50%, -50%);width: 100%;display: flex;justify-content: center;align-items: center;z-index: 6;text-align: center;gap: 10px;}
      #mobile_view_mid_autumn .banner-text {font-size: 32px;font-weight: bold;color: white;text-shadow: 2px 2px 8px rgb(120 120 120 / 60%);}
      #mobile_view_mid_autumn .moon {position: absolute;height: 60%;width: auto;z-index: 3;}
      #mobile_view_mid_autumn .moon-container {width: auto;height: 700px;align-items: center;position: absolute;display: flex;justify-content: center;top: 45px;left: 50%;transform: translate(-50%, -50%);}
      #mobile_view_mid_autumn .left-wing-container {position: absolute;width: 60%;display: flex;justify-content: center;align-items: center;left: -15%;top: 60px;}
      #mobile_view_mid_autumn .right-wing-container {position: absolute;width: 60%;display: flex;justify-content: center;align-items: center;left: 55%;top: 65px;}
      #mobile_view_mid_autumn .left-wing-container img {width: auto;height: 160px;position: relative;}
      #mobile_view_mid_autumn .right-wing-container img {width: auto;height: 140px;position: relative;}
      #mobile_view_mid_autumn .left-firefly-container,
      #mobile_view_mid_autumn .right-firefly-container {position: absolute;z-index: 5;opacity: 0.85;}
      #mobile_view_mid_autumn .left-firefly-container {top: 0%;left: 15%;width: 70%;height: 50%;}
      #mobile_view_mid_autumn .right-firefly-container { top: 45%;right: 7%;width: 90%;height: 50%;}
      #mobile_view_mid_autumn .left-firefly-container img {width: 100%;height: auto;}
      #mobile_view_mid_autumn .right-firefly-container img {width: 100%;height: auto;}
      #mobile_view_mid_autumn .flower-container {position: relative;z-index: 5;}
      #mobile_view_mid_autumn .left-flower-container,
      #mobile_view_mid_autumn .right-flower-container {position: absolute;bottom: 0;z-index: 5;}
      #mobile_view_mid_autumn .left-flower-container {left: -20px;top: 375px;transform: rotate(5deg);width: 41%;transform-origin: bottom left !important;}
      #mobile_view_mid_autumn .right-flower-container {right: -75px;top: 450px;transform: rotate(10deg);width: 50%;transform-origin: bottom right !important;}
      #mobile_view_mid_autumn .left-flower-container img,
      #mobile_view_mid_autumn .right-flower-container img {width: 100%;height: auto;display: block;}
      #mobile_view_mid_autumn .flower-sway-left {transform-origin: bottom left;animation: swayLeftFlower 6s ease-in-out infinite;}
      #mobile_view_mid_autumn .flower-sway-right {transform-origin: bottom right;animation: swayRightFlower 6s ease-in-out infinite;}
      #mobile_view_mid_autumn .bunny {width: 260px;z-index: 5;}
      #mobile_view_mid_autumn .bunny-container {position: relative;width: 70%;height: 430px;display: flex;justify-content: center;align-items: flex-end;top: 15%;}
      #mobile_view_mid_autumn .bunny-cloud-container {bottom: 0;left: 50%;transform: translateX(-50%);z-index: 5;display: flex;justify-content: center;align-items: flex-end;width: 100%;height: 320px;position: absolute;}
      #mobile_view_mid_autumn .cloud {position: absolute;bottom: 0px;z-index: 4;width: 100%;height: auto;}
      .left-cloud-container {width: 50%;height: 200px;position: absolute;display: flex;justify-content: center;align-items: flex-end;left: -5%;}
      .right-cloud-container {width: 50%;height: 200px;position: absolute;display: flex;justify-content: center;align-items: flex-end;left: 54%;}
      #mobile_view_mid_autumn .cloud-container {position: absolute;bottom: 0;width: 100%;height: 250px;display: flex;justify-content: space-between;align-items: flex-end;z-index: 4;}
      /* glitter effect */
      #mobile_view_mid_autumn .star-container { position: absolute;width: 100%;height: 100%;top: 10%;}
      #mobile_view_mid_autumn .star {animation: glow 1.5s linear alternate infinite;position: absolute;z-index: 1;}
      #mobile_view_mid_autumn .star-1 {right: 111px;top: 140px;}
      #mobile_view_mid_autumn .star-2 {top: 40px;left: 110px;height: 30px;}
      #mobile_view_mid_autumn .star-3 {bottom: 300px;height: 25px;left: 260px;}
      #mobile_view_mid_autumn .star-4 {top: 130px;left: 225px;height: 20px;}
      #mobile_view_mid_autumn .star-5 {top: 145px;right: 260px;height: 20px;}
      #mobile_view_mid_autumn .star-6 {right: 140px;bottom: 330px;height: 30px;}
    }
    @media (max-width: 450px) {
      #mobile_view_mid_autumn .bg-container {position: relative;width: 100%;height: 700px;overflow: hidden;}
      #mobile_view_mid_autumn .bg-image {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: fill;z-index: 0;}
      #mobile_view_mid_autumn .banner-text-container {display: flex;flex-direction: column;position: absolute;top: 305px;left: 50%;transform: translate(-50%, -50%);width: 100%;display: flex;justify-content: center;align-items: center;z-index: 6;text-align: center;gap: 10px;}
      #mobile_view_mid_autumn .banner-text {font-size: 32px;font-weight: bold;color: white;text-shadow: 2px 2px 8px rgb(120 120 120 / 60%);}
      #mobile_view_mid_autumn .moon {position: absolute;height: 60%;width: auto;z-index: 3;}
      #mobile_view_mid_autumn .moon-container {width: auto;height: 700px;align-items: center;position: absolute;display: flex;justify-content: center;top: 45px;left: 50%;transform: translate(-50%, -50%);}
      #mobile_view_mid_autumn .left-wing-container {position: absolute;width: 60%;display: flex;justify-content: center;align-items: center;left: -15%;top: 65px;}
      #mobile_view_mid_autumn .right-wing-container {position: absolute;width: 60%;display: flex;justify-content: center;align-items: center;left: 55%;top: 80px;}
      #mobile_view_mid_autumn .left-wing-container img {width: auto;height: 160px;position: relative;}
      #mobile_view_mid_autumn .right-wing-container img {width: auto;height: 140px;position: relative;}
      #mobile_view_mid_autumn .left-firefly-container,
      #mobile_view_mid_autumn .right-firefly-container {position: absolute;z-index: 5;opacity: 0.85;}
      #mobile_view_mid_autumn .left-firefly-container {top: 0%;left: 15%;width: 70%;height: 50%;}
      #mobile_view_mid_autumn .right-firefly-container {top: 45%;right: 7%;width: 90%;height: 50%;}
      #mobile_view_mid_autumn .left-firefly-container img {width: 100%;height: auto;}
      #mobile_view_mid_autumn .right-firefly-container img {width: 100%;height: auto;}
      #mobile_view_mid_autumn .flower-container {position: relative;z-index: 5;}
      #mobile_view_mid_autumn .left-flower-container,
      #mobile_view_mid_autumn .right-flower-container {position: absolute;bottom: 0;z-index: 5;}
      #mobile_view_mid_autumn .left-flower-container {left: -20px;top: 375px;transform: rotate(5deg);width: 49%;transform-origin: bottom left !important;}
      #mobile_view_mid_autumn .right-flower-container {right: -75px;top: 450px;transform: rotate(10deg);width: 55%;transform-origin: bottom right !important;}
      #mobile_view_mid_autumn .left-flower-container img,
      #mobile_view_mid_autumn .right-flower-container img {width: 100%;height: auto;display: block;}
      #mobile_view_mid_autumn .flower-sway-left {transform-origin: bottom left;animation: swayLeftFlower 6s ease-in-out infinite;}
      #mobile_view_mid_autumn .flower-sway-right {transform-origin: bottom right;animation: swayRightFlower 6s ease-in-out infinite;}
      #mobile_view_mid_autumn .bunny {width: 260px;z-index: 5;}
      #mobile_view_mid_autumn .bunny-container {position: relative;width: 70%;height: 430px;display: flex;justify-content: center;align-items: flex-end;top: 15%;}
      #mobile_view_mid_autumn .bunny-cloud-container {bottom: 0;left: 50%;transform: translateX(-50%);z-index: 5;display: flex;justify-content: center;align-items: flex-end;width: 100%;height: 320px;position: absolute;}
      #mobile_view_mid_autumn .cloud {position: absolute;bottom: 0px;z-index: 4;width: 100%;height: auto;}
      .left-cloud-container {width: 60%;height: 200px;position: absolute;display: flex;justify-content: center;align-items: flex-end;left: -5%;}
      .right-cloud-container {width: 60%;height: 200px;position: absolute;display: flex;justify-content: center;align-items: flex-end;left: 45%;}
      #mobile_view_mid_autumn .cloud-container {position: absolute;bottom: 0;width: 100%;height: 250px;display: flex;justify-content: space-between;align-items: flex-end;z-index: 4;}
      /* glitter effect */
      #mobile_view_mid_autumn .star-container {position: absolute;width: 100%;height: 100%;top: 10%;}
      #mobile_view_mid_autumn .star {animation: glow 1.5s linear alternate infinite;position: absolute;z-index: 1;}
      #mobile_view_mid_autumn .star-1 {right: 111px;top: 140px;}
      #mobile_view_mid_autumn .star-2 {top: 40px;left: 110px;height: 30px;}
      #mobile_view_mid_autumn .star-3 {bottom: 300px;height: 25px;left: 260px;}
      #mobile_view_mid_autumn .star-4 {top: 130px;left: 225px;height: 20px;}
      #mobile_view_mid_autumn .star-5 {top: 145px;right: 260px;height: 20px;}
      #mobile_view_mid_autumn .star-6 {right: 140px;bottom: 330px;height: 30px;}
    }
    @media (max-width: 320px) {
      #mobile_view_mid_autumn .bg-container {position: relative;width: 100%;height: 700px;overflow: hidden;}
      #mobile_view_mid_autumn .bg-image {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: fill;z-index: 0;}
      #mobile_view_mid_autumn .banner-text-container {display: flex;flex-direction: column;position: absolute;top: 305px;left: 50%;transform: translate(-50%, -50%);width: 100%;display: flex;justify-content: center;align-items: center;z-index: 6;text-align: center;gap: 10px;}
      #mobile_view_mid_autumn .banner-text {font-size: 32px;font-weight: bold;color: white;text-shadow: 2px 2px 8px rgb(120 120 120 / 60%);}
      #mobile_view_mid_autumn .moon {position: absolute;height: 60%;width: auto;z-index: 3;}
      #mobile_view_mid_autumn .moon-container {width: auto;height: 700px;align-items: center;position: absolute;display: flex;justify-content: center;top: 45px;left: 50%;transform: translate(-50%, -50%);}
      #mobile_view_mid_autumn .left-wing-container {position: absolute;width: 60%;display: flex;justify-content: center;align-items: center;left: -15%;top: 65px;}
      #mobile_view_mid_autumn .right-wing-container {position: absolute;width: 60%;display: flex;justify-content: center;align-items: center;left: 60%;top: 90px;}
      #mobile_view_mid_autumn .left-wing-container img {width: auto;height: 140px;position: relative;}
      #mobile_view_mid_autumn .right-wing-container img {width: auto;height: 130px;position: relative;}
      #mobile_view_mid_autumn .left-firefly-container,
      #mobile_view_mid_autumn .right-firefly-container {position: absolute;z-index: 5;opacity: 0.85;}
      #mobile_view_mid_autumn .left-firefly-container {top: 0%;left: 15%;width: 70%;height: 50%;}
      #mobile_view_mid_autumn .right-firefly-container {top: 45%;right: 7%;width: 90%;height: 50%;}
      #mobile_view_mid_autumn .left-firefly-container img {width: 100%;height: auto;}
      #mobile_view_mid_autumn .right-firefly-container img {width: 100%;height: auto;}
      #mobile_view_mid_autumn .flower-container {position: relative;z-index: 5;}
      #mobile_view_mid_autumn .left-flower-container,
      #mobile_view_mid_autumn .right-flower-container {position: absolute;bottom: 0;z-index: 5;}
      #mobile_view_mid_autumn .left-flower-container {left: -20px;top: 400px;transform: rotate(5deg);width: 49%;transform-origin: bottom left !important;}
      #mobile_view_mid_autumn .right-flower-container {right: -70px;top: 475px;transform: rotate(10deg);width: 55%;transform-origin: bottom right !important;}
      #mobile_view_mid_autumn .left-flower-container img,
      #mobile_view_mid_autumn .right-flower-container img {width: 100%;height: auto;display: block;}
      #mobile_view_mid_autumn .flower-sway-left {transform-origin: bottom left;animation: swayLeftFlower 6s ease-in-out infinite;}
      #mobile_view_mid_autumn .flower-sway-right {transform-origin: bottom right;animation: swayRightFlower 6s ease-in-out infinite;}
      #mobile_view_mid_autumn .bunny {width: 260px;z-index: 5;}
      #mobile_view_mid_autumn .bunny-container {position: relative;width: 70%;height: 430px;display: flex;justify-content: center;align-items: flex-end;top: 15%;}
      #mobile_view_mid_autumn .bunny-cloud-container {bottom: 0;left: 50%;transform: translateX(-50%);z-index: 5;display: flex;justify-content: center;align-items: flex-end;width: 100%;height: 320px;position: absolute;}
      #mobile_view_mid_autumn .cloud {position: absolute;bottom: 0px;z-index: 4;width: 100%;height: auto;}
      .left-cloud-container {width: 60%;height: 200px;position: absolute;display: flex;justify-content: center;align-items: flex-end;left: -5%;}
      .right-cloud-container {width: 60%;height: 200px;position: absolute;display: flex;justify-content: center;align-items: flex-end;left: 45%;}
      #mobile_view_mid_autumn .cloud-container {position: absolute;bottom: 0;width: 100%;height: 250px;display: flex;justify-content: space-between;align-items: flex-end;z-index: 4;}
      /* glitter effect */
      #mobile_view_mid_autumn .star-container {position: absolute;width: 100%;height: 100%;top: 10%;}
      #mobile_view_mid_autumn .star {animation: glow 1.5s linear alternate infinite;position: absolute;z-index: 1;}
      #mobile_view_mid_autumn .star-1 {right: 111px;top: 140px;}
      #mobile_view_mid_autumn .star-2 {top: 40px;left: 110px;height: 30px;}
      #mobile_view_mid_autumn .star-3 {bottom: 300px;height: 25px;left: 260px;}
      #mobile_view_mid_autumn .star-4 {top: 130px;left: 225px;height: 20px;}
      #mobile_view_mid_autumn .star-5 {top: 145px;right: 260px;height: 20px;}
      #mobile_view_mid_autumn .star-6 {right: 140px;bottom: 330px;height: 30px;}
    }
/* <!--mid_autumn_banner_styling END HERE  --> */