.count-sunita-main{
    padding: 30px 0px;
    width: 100%;

}

.count-sunita-main .count-sunita-main-inner{

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: space-between;

    flex-wrap: wrap;

}

.count-sunita-main .count-sunita-main-inner .count-sunita-main-inner-1{
     width: 290px;
    height: 250px;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 26px;
    background-color: white;
    box-shadow: 0px 7px 48px rgba(18, 38, 37, 0.13);

}
.count-sunita-main .count-sunita-main-inner .count-sunita-main-inner-1:hover .count-sunita-main-inner-1-logo{

    width: 100%;
    flex-direction: column;

    height: 100%;

    border-radius: 10px;

    margin: 0;
    background:var(--main-container-bgcolor);
     /* transform: scale(0.5); */

}
.count-sunita-main .count-sunita-main-inner .count-sunita-main-inner-1 .count-sunita-main-inner-1-logo i{
    color: #0e454f;
    transition: .5s;
    font-size: 25px;
   /* transform: scale(1); */
}
.count-sunita-main .count-sunita-main-inner .count-sunita-main-inner-1:hover .count-sunita-main-inner-1-logo i{
    color: white;
    font-size: 40px;
  transition: 1.2s;

}

#sardarh2:hover{
    display: block;
    color: azure;
}

 .count-sunita-main-inner-1-logo i{
    position: relative;
}
.count-sunita-main .count-sunita-main-inner .count-sunita-main-inner-1 .sardarh2{
    display: none;
}
.count-sunita-main .count-sunita-main-inner .count-sunita-main-inner-1:hover .sardarh2{
    display: block;
    padding-top: 20px;
   color: white;
}
.count-sunita-main-inner-1-logo i::after{
    content: '';
    position: absolute;
    width: 100px;
    height: 100px;
    border: 4px dotted goldenrod;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0) rotate(0deg); 
    opacity: 0;
    transition: .8s ease-in-out; 
}

.count-sunita-main-inner-1:hover .count-sunita-main-inner-1-logo i::after{
    transform: translate(-50%, -50%) scale(1) rotate(360deg);
    opacity: 1;
    animation: rotateCircle 2s linear infinite;
}

@keyframes rotateCircle{
    0%{
        transform: translate(-50%, -50%) scale(1) rotate(0deg);
    }
    100%{
        transform: translate(-50%, -50%) scale(1) rotate(360deg);
        
    }
}
.count-sunita-main .count-sunita-main-inner .count-sunita-main-inner-1 .count-sunita-main-inner-1-logo{

    background-color: var(----bg-color);

    width: 80px;

    height: 80px;

    box-shadow: 0px 13px 36px var(--bg-color);

    border-radius: 50%;

    display: flex;

    align-items: center;

    transition: 1.2s;

    justify-content: center;

    margin: 30px;

}

.count-sunita-main .count-sunita-main-inner .count-sunita-main-inner-1 .hidden-div{

    background: var(--bg-color);

    filter: blur(75px);

    width: 151px;

    height: 151px;

    position: absolute;

    top: -80px;

    left: -100px;

    z-index: 0;
   

}

.count-sunita-main .count-sunita-main-inner .count-sunita-main-inner-1 h2{

    font-size: 40px; 

    color:var(--sub-heading-text);

    font-weight: bold;

    margin: 20px 0px 9px 20px;

    font-family: var(--font-family1);

}

.count-sunita-main .count-sunita-main-inner .count-sunita-main-inner-1 p{

    font-size: 16px;

    margin:0px 20px;

    color:var(--grey);

    font-family: var(--font-family1);

}

 

  @media (max-width:1400px) {
  .count-sunita-main .count-sunita-main-inner .count-sunita-main-inner-1{
      margin: 10px;
   
    }
  }


  
  @media (max-width:1201px) {
  .count-sunita-main .count-sunita-main-inner .count-sunita-main-inner-1{
    height: 200px;
    width: 200px;
   
    }
    .count-sunita-main .count-sunita-main-inner .count-sunita-main-inner-1 h2{
       margin: 0px 0px 0px 20px;
    }
    .count-sunita-main .count-sunita-main-inner .count-sunita-main-inner-1 .count-sunita-main-inner-1-logo{
        margin: 10px 20px 10px 20px;
    }
  }


@media (max-width:992px) {
  .count-sunita-main .count-sunita-main-inner .count-sunita-main-inner-1{
    height: 250px;
    width: 190px;
   
    }
    .count-sunita-main .count-sunita-main-inner .count-sunita-main-inner-1 h2{
          margin: 20px 0px 9px 20px;
    }
    .count-sunita-main .count-sunita-main-inner .count-sunita-main-inner-1 .count-sunita-main-inner-1-logo{
        margin: 30px;
    }
  }


  @media (max-width:768px) {
  .count-sunita-main .count-sunita-main-inner .count-sunita-main-inner-1{
    height: 250px;
    width: 230px;
   
    }
}

@media (max-width:524px) {
    .count-sunita-main .count-sunita-main-inner{
        justify-content: center;
    }
  .count-sunita-main .count-sunita-main-inner .count-sunita-main-inner-1{
    height: 250px;
    width: 60%;
   
    }
}


@media (max-width:380px) {

     .count-sunita-main .count-sunita-main-inner .count-sunita-main-inner-1{
    height: 200px;
    width: 60%;
   
    }
}