@font-face {
      font-family: Baftvest;
      src: url("https://cms.blueoceanfin.com/assets/media/1711013628139-601-Baftvest DEMO VERSION.ttf");
    }
  
    @font-face {
      font-family: Metamorphous;
      src: url("https://cms.blueoceanfin.com/assets/media/1711013628139-601-Baftvest DEMO VERSION.ttf");
    }
  
    @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;
  } */
  
  button a { color: white !important; }
    
  .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_1{
     background-image: url('https://cms.blueoceanfin.com/assets/media/1684722829152-768-bg-1.webp');
     background-size: 100%;
     background-position: center;
     background-repeat: no-repeat;
   }
   .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);
    }
  }
  
  @media (max-width: 768px){
    .section-6{
      padding: 40px 0px;
    }
  }
    /* Mid-Autumn Banner Styles */
    @import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
    #mid-autumn-2024 {
      height: 700px;
      position: relative;
      overflow: hidden;
    }
    
    #mid-autumn-2024 .mid-autumn-bg-image {
      width: 100%;
      height: 100%;
      background: url('https://cms.blueoceanfin.com/assets/media/1716969244545-981-mid-autumn-desktop-bg.webp');
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
    }
    
    #mid-autumn-2024 .content-container {
      --offsetY: 45%;
    
      position: absolute;
      top: var(--offsetY);
      transform: translateY(calc(var(--offsetY) * -1));
      right: 8%;
    
      width: 50%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      z-index: 5;
    }
    
    #mid-autumn-2024 .mid-autumn-bg-image .clouds-container {
      position: absolute;
      width: 100%;
      height: 50%;
      bottom: 0;
      left: 0;
    }
    
    #mid-autumn-2024 .mid-autumn-bg-image .clouds-container img {
      position: absolute;
      width: 40%;
      bottom: 0;
      left: -100%;
      animation: float-right 40s linear infinite;
      opacity: 0.4;
      scale: 2;
      pointer-events: none;
      z-index: 0;
    }
    
    @keyframes float-right {
    0% {
      left: -150%;
    }
    100% {
      left: 150%;
    }
    }

    #mid-autumn-2024 .mid-autumn-bg-image .clouds-container .cloud-1 { animation-delay: 0s; }
    #mid-autumn-2024 .mid-autumn-bg-image .clouds-container .cloud-2 { animation-delay: -10s; }
    #mid-autumn-2024 .mid-autumn-bg-image .clouds-container .cloud-3 { animation-delay: -20s; }
    #mid-autumn-2024 .mid-autumn-bg-image .clouds-container .cloud-4 { animation-delay: -30s; }
    #mid-autumn-2024 .mid-autumn-bg-image .clouds-container .cloud-5 { animation-delay: -40s; }

    #mid-autumn-2024 .mid-autumn-title {
        font-family: "Cinzel Decorative";
        font-size: 80px;
        font-weight: 900;
        line-height: normal;
        text-align: center;
        text-transform: uppercase;
        filter: drop-shadow(3px 3px 10px #000000);
        color: #FFFFFF;
    }

    #mid-autumn-2024 .mid-autumn-colored {background: linear-gradient(360deg, #FFFFFF -45%, #FFAD00 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;filter: drop-shadow(2px 4px 6px black);}

    #mid-autumn-2024 .mid-autumn-desc{
        font-family: 'Jost';
        font-style: normal;
        font-weight: 500;
        font-size: 20px;
        line-height: normal;
        text-align: center;
        text-transform: uppercase;
        color: #FFFFFF;
        text-shadow: 0px 0px 50px #000000, 0px 0px 50px #000000;
        width: 70%;
        margin: 0 auto;
        filter: drop-shadow(2px 4px 6px black);
    }
    #mid-autumn-2024 .button-container button {
        justify-content: center;
        align-items: center;
        padding: 10px 80px;
        background: #00307A;
        box-shadow: 0px 0px 30px #FFFFFF, 0px 0px 30px #FFFFFF, inset 3px 4px 4px rgba(0, 0, 0, 0.5);
        border-radius: 25px;
        margin-top: 30px;
        border: none;
        transition: all ease 50ms;
    }
    #mid-autumn-2024 .button-container button:active {
        transform: translateY(5px);
        box-shadow: 0px 0px 0px #FFFFFF, 0px 0px 0px #FFFFFF, inset 3px 4px 4px rgba(0, 0, 0, 0.5);
    }
    #mid-autumn-2024 .button-container .button-text {
        font-family: 'Inter';
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 24px;
        display: flex;
        align-items: center;
        text-align: center;
        color: #FFFFFF;
    }

    .mid-autumn-birds {
        width: 100%;
        position: relative;
        padding-top: 5%;
        left: 30%;
    }
    .mid-autumn-bird-gif {
        display: block;
        width: 200px;
        height: 200px;
        position: relative;
        animation: flyUpDown 10s infinite alternate ease-in-out;
    }
    @keyframes flyUpDown {
        0% {
            transform: translate(0px, 0px);
        }
        25% { 
            transform: translateX(20px);
        }
        50% {
            transform: translate(0px,50px);
        }
        75% { 
            transform: translateX(-20px);
        }
        100% {
            transform: translate(0px, 0px);
        }
    }

    @media screen and (max-width: 1536px) {
        #mid-autumn-2024 {height: 500px;}
        #mid-autumn-2024 .mid-autumn-title{font-size: 60px;}
        #mid-autumn-2024 .mid-autumn-desc{font-size: 15px;}
        .mid-autumn-birds{padding-top: 2%;}
    }
    @media screen and (max-width: 1366px) {

    }
    
    @media screen and (max-width: 1280px) and (min-height: 800px) {#mid-autumn-2024{height: 470px;}#mid-autumn-2024 .button-container button {padding: 8px 70px;} #mid-autumn-2024 .button-container .button-text{font-size: 18px;}}
    @media screen and (max-width: 1024px) {
      #mid-autumn-2024 {height: 380px;}
      .mid-autumn-birds{left: 30%;padding-top: 5%;}
      .mid-autumn-bird-gif {width: 100px;height: 100px;}
      #mid-autumn-2024 .mid-autumn-title{font-size: 50px;}
      #mid-autumn-2024 .mid-autumn-desc{width: 85%;}
      #mid-autumn-2024 .button-container button {padding: 8px 70px;} #mid-autumn-2024 .button-container .button-text{font-size: 18px;}
      
      #mid-autumn-2024 .mid-autumn-title {font-size: 65px;}
      #mid-autumn-2024 .mid-autumn-desc {font-size: 19px;}
    }
    @media screen and (max-width: 1024px) and (min-height: 1366px) {
      #mid-autumn-2024{height: 700px;}
      #mid-autumn-2024 .mid-autumn-bg-image {
        width: 100%;
        height: 100%;
        background: url('https://cms.blueoceanfin.com/assets/media/1717033639897-780-mid-autumn-tablet-bg.webp');
        background-position: 50% 25%;
        background-repeat: no-repeat;
        background-size: cover;
      }
      .mid-autumn-bird-gif {width: 150px;height: 150px;}
      #mid-autumn-2024 .content-container{right: 10%;--offsetY: 90%; width: 80%;}

      #mid-autumn-2024 .mid-autumn-title {font-size: 65px;}
      #mid-autumn-2024 .mid-autumn-desc {font-size: 19px;}
    }
    @media screen and (max-width: 853px) {
      #mid-autumn-2024{height: 700px;}
      #mid-autumn-2024 .mid-autumn-bg-image {
        width: 100%;
        height: 100%;
        background: url('https://cms.blueoceanfin.com/assets/media/1717035932493-214-mid-autumn-mobile-bg.webp');
        background-position: 50% 25%;
        background-repeat: no-repeat;
        background-size: cover;
      }
      #mid-autumn-2024 .content-container{right: 10%;--offsetY: 90%; width: 80%;}
      .mid-autumn-bird-gif {width: 150px;height: 150px;}
    }
    @media screen and (max-width:540px) {
      #mid-autumn-2024{height: 500px;}
      #mid-autumn-2024 .mid-autumn-bg-image {
        width: 100%;
        height: 100%;
        background: url('https://cms.blueoceanfin.com/assets/media/1717035932493-214-mid-autumn-mobile-bg.webp');
        background-position: 50% 25%;
        background-repeat: no-repeat;
        background-size: cover;
      }
      .mid-autumn-birds{left: 25%;padding-top: 0%;}
      #mid-autumn-2024 .content-container{right: 0%;width: 100%;}
      #mid-autumn-2024 .content-container{--offsetY: 90%}
      #mid-autumn-2024 .mid-autumn-title {font-size: 45px;}
      #mid-autumn-2024 .mid-autumn-desc {width: 100%;}
    }
    @media screen and (max-width:430px) {
      .mid-autumn-bird-gif {
          width: 100px;
          height: 100px;
      }
      .mid-autumn-birds{left: 20%;padding-top: 2%;}
      #mid-autumn-2024 .mid-autumn-desc {font-size: 15px;}
    }
    @media screen and (max-width:390px) {
      .mid-autumn-birds{padding-top: 10%;}
      #mid-autumn-2024 .mid-autumn-title{font-size: 40px;}
      #mid-autumn-2024 .mid-autumn-desc{font-size: 12px;}
    }
    @media screen and (max-width:320px) {}