/* .service-card{
    animation:fade auto linear;
    
}
@keyframes fade{
    from{
        opacity: 0.5;
        scale:0.5;
    }
    to{
        opacity:1;
        scale:1;
    }
} */

.parent-container {
    position: relative;
    width: 100vw;
    height: 100vh;
  }
  
  .loader-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    
   

    width: 100%;
    height: 100%;
    top: 0;
   z-index:1050;
    gap:.5rem;
    left: 0;
    background-color: #184971;
}

.custom-loader {
  width:50px;
  height:50px;
  border-radius:50%;
  background:#ffffff;
  -webkit-mask:
    repeating-conic-gradient(#0000 0deg,#000 1deg 70deg,#64646400 71deg 90deg),
    radial-gradient(farthest-side,#0000 calc(100% - 9px),#000 calc(100% - 8px));
  -webkit-mask-composite: destination-in;
  mask-composite: intersect;
  animation:s5 1s infinite ;
}
@keyframes s5 {to{transform: rotate(.5turn)}}

  .card{
    animation:fade-in auto ease-in;
    animation-timeline:view(400px 0);
  }

  @keyframes fade-in{
    from{
      
      scale:0.7;
    }
    to{
      
      scale:1;
    }
  }