@media (max-width: 1290px) {
    .circle {display: none;}
    .circleNew {display: none;}
    .circleNew1 {display: none;}
    .circleNew2 {display: none;}
    .circleNew3 {display: none;}
    .circleNew4 {display: none;}
}

@media screen and (min-width: 1291px) {
  .circleNew3{
      z-index: -1;
      background-color:#f17a26;
      border-radius:50%;
      margin: auto;
      position: absolute;
      top: 86%; left: 44%;
      transform: translate(-50%,-50%);
    }
  
    .circle1New3{
      background-color:#c7651f29;
      border-radius:50%;
      margin: auto;
      position: absolute;
      top: 50%; left: 50%;
      transform: translate(-50%,-50%);
      animation: pulse15 10s linear infinite;
    }
    
    .circle2New3{
      background-color:#c7651f2b;
      border-radius:50%;
      margin: auto;
      position: absolute;
      top: 50%; left: 50%;
      color:white;
      transform: translate(-50%,-50%);
      animation: pulse13 4s linear infinite;
    }
    
    .circle3New3{
      background-color:#f1732621;
      border-radius:50%;
      margin: auto;
      position: absolute;
      top: 50%; left: 50%;
      transform: translate(-50%,-50%);
      animation: pulse14 3s linear infinite;
    }
    
    .star{
      transform: translate(350px,50px);
      opacity:.6;
    }
    
    @keyframes pulse13{
      0%{width:130px;height:130px;}
      50%{width:150px;height:150px;}
      100%{width:120px;height:120px;}
    }
    
    @keyframes pulse14{
      0%{width:80px;height:80px;}
      50%{width:95px;height:95px;}
      100%{width:80px;height:80px;}
    }
    
    @keyframes pulse15{
      0%{width:200px;height:200px;}
      50%{width:210px;height:210px;}
      100%{width:200px;height:200px;}
    }
    
     .circleNew4{
      z-index: -1;
      background-color:#f17a26;
      border-radius:50%;
      margin: auto;
      position: absolute;
      top: 89%; left: 56%;
      transform: translate(-50%,-50%);
    }
    
    .circle1New4{
      background-color:#c7651f29;
      border-radius:50%;
      margin: auto;
      position: absolute;
      top: 50%; left: 50%;
      transform: translate(-50%,-50%);
      animation: pulse18 10s linear infinite;
    }
    
    .circle2New4{
      background-color:#c7651f2b;
      border-radius:50%;
      margin: auto;
      position: absolute;
      top: 50%; left: 50%;
      color:white;
      transform: translate(-50%,-50%);
      animation: pulse16 4s linear infinite;
    }
    
    .circle3New4{
      background-color:#f1732621;
      border-radius:50%;
      margin: auto;
      position: absolute;
      top: 50%; left: 50%;
      transform: translate(-50%,-50%);
      animation: pulse17 3s linear infinite;
    }
    
    .star{
      transform: translate(350px,50px);
      opacity:.6;
    }
    
    @keyframes pulse16{
      0%{width:50px;height:50px;}
      50%{width:60px;height:60px;}
      100%{width:50px;height:50px;}
    }
    
    @keyframes pulse17{
      0%{width:20px;height:20px;}
      50%{width:30px;height:30px;}
      100%{width:20px;height:20px;}
    }
    
    @keyframes pulse18{
      0%{width:70px;height:70px;}
      50%{width:90px;height:90px;}
      100%{width:70px;height:70px;}
    }
}

@media (min-width: 1291px) and (max-width: 1400px) {
  .circleNew3{
      z-index: -1;
      background-color:#f17a26;
      border-radius:50%;
      margin: auto;
      position: absolute;
      top: 72%; left: 42%;
      transform: translate(-50%,-50%);
    }
  
    .circle1New3{
      background-color:#c7651f29;
      border-radius:50%;
      margin: auto;
      position: absolute;
      top: 50%; left: 50%;
      transform: translate(-50%,-50%);
      animation: pulse15 10s linear infinite;
    }
    
    .circle2New3{
      background-color:#c7651f2b;
      border-radius:50%;
      margin: auto;
      position: absolute;
      top: 50%; left: 50%;
      color:white;
      transform: translate(-50%,-50%);
      animation: pulse13 4s linear infinite;
    }
    
    .circle3New3{
      background-color:#f1732621;
      border-radius:50%;
      margin: auto;
      position: absolute;
      top: 50%; left: 50%;
      transform: translate(-50%,-50%);
      animation: pulse14 3s linear infinite;
    }
    
    .star{
      transform: translate(350px,50px);
      opacity:.6;
    }
    
    @keyframes pulse13{
      0%{width:130px;height:130px;}
      50%{width:150px;height:150px;}
      100%{width:120px;height:120px;}
    }
    
    @keyframes pulse14{
      0%{width:80px;height:80px;}
      50%{width:95px;height:95px;}
      100%{width:80px;height:80px;}
    }
    
    @keyframes pulse15{
      0%{width:200px;height:200px;}
      50%{width:210px;height:210px;}
      100%{width:200px;height:200px;}
    }
    
     .circleNew4{
      z-index: -1;
      background-color:#f17a26;
      border-radius:50%;
      margin: auto;
      position: absolute;
      top: 67%; left: 53%;
      transform: translate(-50%,-50%);
    }
    
    .circle1New4{
      background-color:#c7651f29;
      border-radius:50%;
      margin: auto;
      position: absolute;
      top: 50%; left: 50%;
      transform: translate(-50%,-50%);
      animation: pulse18 10s linear infinite;
    }
    
    .circle2New4{
      background-color:#c7651f2b;
      border-radius:50%;
      margin: auto;
      position: absolute;
      top: 50%; left: 50%;
      color:white;
      transform: translate(-50%,-50%);
      animation: pulse16 4s linear infinite;
    }
    
    .circle3New4{
      background-color:#f1732621;
      border-radius:50%;
      margin: auto;
      position: absolute;
      top: 50%; left: 50%;
      transform: translate(-50%,-50%);
      animation: pulse17 3s linear infinite;
    }
    
    .star{
      transform: translate(350px,50px);
      opacity:.6;
    }
    
    @keyframes pulse16{
      0%{width:50px;height:50px;}
      50%{width:60px;height:60px;}
      100%{width:50px;height:50px;}
    }
    
    @keyframes pulse17{
      0%{width:20px;height:20px;}
      50%{width:30px;height:30px;}
      100%{width:20px;height:20px;}
    }
    
    @keyframes pulse18{
      0%{width:70px;height:70px;}
      50%{width:90px;height:90px;}
      100%{width:70px;height:70px;}
    }
}

.circle{
  background-color:#f17a26;
  border-radius:50%;
  margin: auto;
  position: absolute;
  top: 8%; left: 1%;
  transform: translate(-50%,-50%);
}

.circle1{
  background-color:#c7651f7a;
  border-radius:50%;
  margin: auto;
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%,-50%);
  animation: pulse3 10s linear infinite;
}

  .circle2{
    background-color:#c7651f7a;
    border-radius:50%;
    margin: auto;
    position: absolute;
    top: 50%; left: 50%;
    color:white;
    transform: translate(-50%,-50%);
    animation: pulse 4s linear infinite;
  }
  
  .circle3{
    background-color:#f17326;
    border-radius:50%;
    margin: auto;
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%,-50%);
    animation: pulse2 3s linear infinite;
  }
  
  .star{
    transform: translate(350px,50px);
    opacity:.6;
  }
  
  @keyframes pulse{
    0%{width:200px;height:200px;}
    50%{width:220px;height:220px;}
    100%{width:200px;height:200px;}
  }
  
  @keyframes pulse2{
    0%{width:100px;height:100px;}
    50%{width:118px;height:118px;}
    100%{width:100px;height:100px;}
  }
  
  @keyframes pulse3{
    0%{width:300px;height:300px;}
    50%{width:310px;height:310px;}
    100%{width:300px;height:300px;}
  }
  
  .circleNew{
    background-color:#f17a26;
    border-radius:50%;
    margin: auto;
    position: absolute;
    top: 10%; left: 1%;
    transform: translate(-50%,-50%);
  }
  
  .circle1New{
    background-color:#c7651f7a;
    border-radius:50%;
    margin: auto;
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%,-50%);
    animation: pulse6 10s linear infinite;
  }
  
  .circle2New{
    background-color:#c7651f7a;
    border-radius:50%;
    margin: auto;
    position: absolute;
    top: 50%; left: 50%;
    color:white;
    transform: translate(-50%,-50%);
    animation: pulse4 4s linear infinite;
  }
  
  .circle3New{
    background-color:#f17326;
    border-radius:50%;
    margin: auto;
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%,-50%);
    animation: pulse5 3s linear infinite;
  }
  
  .star{
    transform: translate(350px,50px);
    opacity:.6;
  }
  
  @keyframes pulse4{
    0%{width:250px;height:250px;}
    50%{width:260px;height:260px;}
    100%{width:250px;height:250px;}
  }
  
  @keyframes pulse5{
    0%{width:150px;height:150px;}
    50%{width:160px;height:160px;}
    100%{width:150px;height:150px;}
  }
  
  @keyframes pulse6{
    0%{width:330px;height:330px;}
    50%{width:350px;height:350x;}
    100%{width:330px;height:330px;}
  }

  .circleNew1{
    background-color:#f17a26;
    border-radius:50%;
    margin: auto;
    position: absolute;
    top: 10%; left: 1%;
    transform: translate(-50%,-50%);
  }
  
  .circle1New1{
    background-color:#c7651f7a;
    border-radius:50%;
    margin: auto;
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%,-50%);
    animation: pulse9 10s linear infinite;
  }
  
  .circle2New1{
    background-color:#c7651f7a;
    border-radius:50%;
    margin: auto;
    position: absolute;
    top: 50%; left: 50%;
    color:white;
    transform: translate(-50%,-50%);
    animation: pulse7 4s linear infinite;
  }
  
  .circle3New1{
    background-color:#f17326;
    border-radius:50%;
    margin: auto;
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%,-50%);
    animation: pulse8 3s linear infinite;
  }
  
  .star{
    transform: translate(350px,50px);
    opacity:.6;
  }
  
  @keyframes pulse7{
    0%{width:250px;height:250px;}
    50%{width:260px;height:260px;}
    100%{width:250px;height:250px;}
  }
  
  @keyframes pulse8{
    0%{width:150px;height:150px;}
    50%{width:160px;height:160px;}
    100%{width:150px;height:150px;}
  }
  
  @keyframes pulse9{
    0%{width:330px;height:330px;}
    50%{width:350px;height:350x;}
    100%{width:330px;height:330px;}
  }
  
  .circleNew2{
    background-color:#f17a26;
    border-radius:50%;
    margin: auto;
    position: absolute;
    top: 10%; left: 1%;
    transform: translate(-50%,-50%);
  }
  
  .circle1New2{
    background-color:#c7651f7a;
    border-radius:50%;
    margin: auto;
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%,-50%);
    animation: pulse12 10s linear infinite;
  }
  
  .circle2New2{
    background-color:#c7651f7a;
    border-radius:50%;
    margin: auto;
    position: absolute;
    top: 50%; left: 50%;
    color:white;
    transform: translate(-50%,-50%);
    animation: pulse10 4s linear infinite;
  }
  
  .circle3New2{
    background-color:#f17326;
    border-radius:50%;
    margin: auto;
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%,-50%);
    animation: pulse11 3s linear infinite;
  }
  
  .star{
    transform: translate(350px,50px);
    opacity:.6;
  }
  
  @keyframes pulse10{
    0%{width:280px;height:280px;}
    50%{width:300px;height:320px;}
    100%{width:280px;height:280px;}
  }
  
  @keyframes pulse11{
    0%{width:220px;height:220px;}
    50%{width:240px;height:240px;}
    100%{width:220px;height:220px;}
  }
  
  @keyframes pulse12{
    0%{width:350px;height:350px;}
    50%{width:370px;height:370x;}
    100%{width:350px;height:350px;}
  }
  
  .circleNew3{
      z-index: -1;
      background-color:#f17a26;
      border-radius:50%;
      margin: auto;
      position: absolute;
      top: 79%; left: 45%;
      transform: translate(-50%,-50%);
    }
  
    .circle1New3{
      background-color:#c7651f29;
      border-radius:50%;
      margin: auto;
      position: absolute;
      top: 50%; left: 50%;
      transform: translate(-50%,-50%);
      animation: pulse15 10s linear infinite;
    }
    
    .circle2New3{
      background-color:#c7651f2b;
      border-radius:50%;
      margin: auto;
      position: absolute;
      top: 50%; left: 50%;
      color:white;
      transform: translate(-50%,-50%);
      animation: pulse13 4s linear infinite;
    }
    
    .circle3New3{
      background-color:#f1732621;
      border-radius:50%;
      margin: auto;
      position: absolute;
      top: 50%; left: 50%;
      transform: translate(-50%,-50%);
      animation: pulse14 3s linear infinite;
    }
    
    .star{
      transform: translate(350px,50px);
      opacity:.6;
    }
    
    @keyframes pulse13{
      0%{width:130px;height:130px;}
      50%{width:150px;height:150px;}
      100%{width:120px;height:120px;}
    }
    
    @keyframes pulse14{
      0%{width:80px;height:80px;}
      50%{width:95px;height:95px;}
      100%{width:80px;height:80px;}
    }
    
    @keyframes pulse15{
      0%{width:200px;height:200px;}
      50%{width:210px;height:210px;}
      100%{width:200px;height:200px;}
    }
    
     .circleNew4{
      z-index: -1;
      background-color:#f17a26;
      border-radius:50%;
      margin: auto;
      position: absolute;
      top: 88%; left: 56%;
      transform: translate(-50%,-50%);
    }
    
    .circle1New4{
      background-color:#c7651f29;
      border-radius:50%;
      margin: auto;
      position: absolute;
      top: 50%; left: 50%;
      transform: translate(-50%,-50%);
      animation: pulse18 10s linear infinite;
    }
    
    .circle2New4{
      background-color:#c7651f2b;
      border-radius:50%;
      margin: auto;
      position: absolute;
      top: 50%; left: 50%;
      color:white;
      transform: translate(-50%,-50%);
      animation: pulse16 4s linear infinite;
    }
    
    .circle3New4{
      background-color:#f1732621;
      border-radius:50%;
      margin: auto;
      position: absolute;
      top: 50%; left: 50%;
      transform: translate(-50%,-50%);
      animation: pulse17 3s linear infinite;
    }
    
    .star{
      transform: translate(350px,50px);
      opacity:.6;
    }
    
    @keyframes pulse16{
      0%{width:50px;height:50px;}
      50%{width:60px;height:60px;}
      100%{width:50px;height:50px;}
    }
    
    @keyframes pulse17{
      0%{width:20px;height:20px;}
      50%{width:30px;height:30px;}
      100%{width:20px;height:20px;}
    }
    
    @keyframes pulse18{
      0%{width:70px;height:70px;}
      50%{width:90px;height:90px;}
      100%{width:70px;height:70px;}
    }



    
    /* Define initial state for hidden sections */
    .hidden {
        opacity: 0;
        transform: translateY(10px); /* Start with the section slightly below */
        transition: opacity 0.8s ease-out, transform 2s ease-out;
    }

    /* Define the animation when the section is in view */
    .visible {
        opacity: 1;
        transform: translateY(0);
    }