@import url("https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");

   body {
     
 font-family: "Poppins", sans-serif;     
    overflow-y: hidden;
      overflow-x: auto;
      /* allow horizontal scrolling */
    }
.speech-bubble {
  position: absolute;
  background-color: #fff9e6;
  border-radius: 10px;
  padding: 15px 30px;
  width: 1%;
  right: 60%;
  font-size: 12px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  text-align: center;
  box-shadow: 0 2px 5px rgba(0.7, 0.7, 0.7, 0.7);
  top: 46%;
}
.yodhAdd {
  /* background-color: red; */
  position: absolute;
  
  cursor: pointer;
  height: 35px;
 
}
.yodhAmbesdar {
  /* background-color: red; */
  position: absolute;
  
  height: 32px;
  
  cursor: pointer;
 
}
.yodhConnect {
  /* background-color: red; */
  position: absolute;
 
  z-index: 9999;
  cursor: pointer;
  height: 35px;

}
.yodhDiscovery {
  /* background-color: red; */
  position: absolute;
  
  cursor: pointer;
  height: 35px;
 
}
.yodhcharcha {
  position: absolute;
 

  cursor: pointer;
  height: 35px;
 
}
img.slider-yoda-door-to-home {
  position: absolute;
  top: 57vh;
  right: 10.5vh;
  z-index: 99999;
  width: 2%;
}
img.slider-yoda-door-to-home-img {
  z-index: 99999999;
  cursor: pointer;
}
img#kite-img {
  position: absolute;
  right: 81vh;
  top: 2vh;
  cursor: pointer;
  z-index: 9999;
  width: 6%;
}
.slider-yoda-egggif {
  position: absolute;
 
  z-index: 99999999;
  cursor: pointer;
 
}
.slider-yoda-po-box{
  position: absolute;

  display: none;
 
}
.slider-yoda-po-box-img {
  position: absolute;
 
  cursor: pointer;
  z-index: 999;
  
}
img#poGif {
  position: absolute;

  display: none;
  top: 56vh;
  right: 122vh;
  width: 1.9%;
}img#kite-gif {
  position: absolute;
  top: 0vh;
  right: 65vh;
  display: none;
  width: 6%;
}
img#poImg {
  position: absolute;
  top: 56vh;
  right: 122vh;
  cursor: pointer;
  z-index: 999;
  width: 1.9%;
}
  #slider-container-section {
      margin: 0;
      padding: 0;
      overflow-x: scroll;
      /* Horizontal scrolling */
      overflow-y: hidden;
      /* Hide vertical scroll */
      height: 100vh;
      scroll-behavior: smooth;
      /* Smooth scrolling */
    }

.slider-yoda-door-to-home-img{
  position: absolute;
  z-index: 9999;
}
.slider-yoda-po-box{
  display: none;
}
.slider-yoda-birdhouse{
  position: absolute;
  z-index: 9999;
  cursor: pointer;
}
.slider-yoda-paper-plane-gif-sec{
  display: none;
}
.slider-yoda-paper-plane{
  cursor: pointer;
}
.yodha-wanted {
  height: 13vh;
  width: 10vh;
  right: 89vh;
  z-index: 999999999;
  cursor: pointer;
  position: absolute;
  top: 71vh;
}
img#birdhouseimg {
  position: absolute;

  cursor: pointer;

}

.yodhdialogue {
  position: absolute;
  /* background-color: red; */
  
  cursor: pointer;
  height: 35px;
  z-index: 9999;
  cursor: pointer;
 
}
.yodhfest.bg-danger {
  position: absolute;
  height: 37px;
 
  cursor: pointer;
 
}
.slider-yoda-bus{
   height: 466px

}
.memberflag{
  height:75px;
  cursor: pointer;
  
}
.memberyet{
   cursor: pointer;
    height: 84px;
}
.speech-bubble-third {
  position: absolute;
  background-color: #fff9e6;
  border-radius: 10px;
  padding: 15px 30px;
  width: 1%;
  font-size: 12px;
  font-weight: 600;
  font-style: normal;
  text-align: center;
  font-family: "Poppins", sans-serif;
  box-shadow: 0 2px 5px rgba(0.7, 0.7, 0.7, 0.7);
  top: 54%;
  right: 50.5%;
}
.connect-divv {
  position: absolute;
  
 
  z-index: 9999;
  height: 41px;
  cursor: pointer;
  
}
.speech-bubble::after,
.speech-bubble-CONNECT::after,
.speech-bubble-third::after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 20px;
  border-width: 20px 20px 0 0;
  border-style: solid;
  border-color: #fff9e6 transparent transparent transparent;
}
.speech-bubble-CONNECT {
  position: absolute;
  background-color: #fff9e6;
  border-radius: 10px;
  padding: 15px 30px;
  width: 1.3%;
  right: 57%;
  cursor: pointer;
  display: none;
  font-size: 12px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  text-align: center;
  box-shadow: 0 2px 5px rgba(0.7, 0.7, 0.7, 0.7);
  top: 2%;
}
    img.yodh-plus {
      position: absolute;
      width: 256px;
      right: 44px;
      bottom: 76px;
    }
    .hover-card1 {
    display: none;
    position: absolute;
    
    padding: 6px;
    background: #f5eee8;
    border: 1px solid #ffffff;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgb(0 0 0);
    z-index: 99999;
    text-align: start;
    font-size: 10px !important;
    line-height: 17px !important;
    word-spacing: 2px !important;
    font-family: "Poppins", sans-serif;
   
    font-weight: 500 !important;
   
}
.hover-card3 {
    display: none;
    position: absolute;
  
    padding: 0px 5px 0px 0px;
    background: #f5eee8;
    border: 1px solid #ffffff;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgb(0 0 0);
    z-index: 9999;
    text-align: start;
    font-size: 10px;
    line-height: 17px;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
   
}
.slider-yoda-skip{
  padding: 10px 20px;
    cursor: pointer;
    /* bottom: 0; */
    border: 1px solid #9cd0b1;
    border-radius: 23px;
    background-image: linear-gradient(129deg, #71b28b, transparent);
}
.slider-yoda-next{
  padding: 10px 20px;
    cursor: pointer;
    position: fixed;
    bottom: 0;
    right: 0;
    border: 1px solid #9cd0b1;
    border-radius: 23px;
    background-image: linear-gradient(129deg, #71b28b, transparent);
}
.slider-yoda-Previous{
  padding: 10px 20px;
    cursor: pointer;
    position: fixed;
   bottom: 0;
   left:83px;
    border: 1px solid #9cd0b1;
    border-radius: 23px;
    background-image: linear-gradient(129deg, #71b28b, transparent);
}
.create-div {
height: 45px;
cursor: pointer;
}
.hover-card4 {
    display: none;
    position: absolute;
   
    padding: 0px 4px 4px;
    background: #f5eee8;
    border: 1px solid #ffffff;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgb(0 0 0);
    z-index: 10;
    /* right: -115%; */
    text-align: start;
    font-size: 10px;
    line-height: 17px;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
   
}
ul {
    margin-left: -8px;
}
.circle.third-number {
    cursor: pointer;
    height: 121px;
    position: absolute;
    /* background-color: red; */

   
}
.circle.fifth-number {
   cursor: pointer;
    height: 97px;   
/* background-color: red; */
    position: absolute;
   
   
}
.circle.fourth-number {
   cursor: pointer;
    height: 104px;  
    /* background-color: red; */


    position: absolute;
   
}
.collaberate-div {
    cursor: pointer;
    height: 59px;   

}
.circle.two-number {
   cursor: pointer;
    height: 144px;  
    /* background-color: red; */


   
    position: absolute;
  
}

.circle.one-number {
    cursor: pointer;
    position: absolute;  
/* background-color: red; */

    height: 142px;
   
   
}
.hover-card2 {
    display: none;
    font-family: "Poppins", sans-serif;
    position: absolute;
   
    padding: 6px 0px 0px;
    background: #f5eee8;
    border: 1px solid #ffffff;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgb(0 0 0);
    z-index: 99999;
    text-align: start;
    font-size: 10px;
    line-height: 17px;
    word-spacing: 2px;
    font-weight: 500;
   
}
.hover-card5 {
    display: none;
    position: absolute;
  
    padding: 0px 4px 4px;
    line-height: 17px;
    word-spacing: 2px;
    font-family: "Poppins", sans-serif;
    background: #f5eee8;
    border: 1px solid #ffffff;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgb(0 0 0);
    z-index: 99999;
    text-align: start;
    font-size: 10px;
    font-weight: 500;
  
}
 

    

    img.yodh-slider-digital-health {
      position: absolute;
    
    }

    img.yodh-slider-fetus {
      position: absolute;
  
    }
img.yodh-news-screen {
   
    position: absolute;
  
    height: 209px;

}
img.Virus-tv-slide1 {
    position: absolute;
 
  
}
    img.yodh-slider-radio {
  
      position: absolute;
   
    }

    img.yodh-slider {
      width: 14%;
      position: absolute;
      bottom: 29px;
      left: 79px;
    }

    img.yodh-slider1 {
      position: absolute;
      right: 528px;
      width: 13%;
      top: 42px;
    }

    .bg-img img {}