.cls-1,

.cls-2 {

fill: #5f9da1;

}



.cls-1,

.cls-3 {

fill-rule: evenodd;

}



.cls-4,

.cls-5,

.cls-6,

.cls-7 {

fill: #fff;

}



.cls-8 {

fill: #3b4961;

}



.cls-9 {

fill: #f2f2f2;

}



.cls-3,

.cls-10 {

fill: #125650;

}



.cls-5 {

filter: url(#drop-shadow-1);

}



.cls-6 {

font-size: 24.05px;

}



.cls-6,

.cls-7 {

font-family: Poppins-Medium, Poppins;

font-weight: 500;

}



.cls-11 {

fill: #cc8f35;

}



.cls-7 {

font-size: 23px;

}



.cls-12 {

fill: #007870;

}



.cls-13 {

fill: #ecc46a;

}





/*------------------------*/



/* Default state */

.big-anim {

  transform-box: fill-box;

    opacity: 1;

    transition: all 0.5s ease-in-out;

    cursor: pointer;

}



/* Style for dimmed elements */

.dimmed {

    filter: opacity(0.5);

    animation: none;

    transform: scale(0.95);

}



.icon{

  transform-box: fill-box;

    position: relative;

    transform-origin: center center;

    /* transition: all 0.3s ease-in-out; */

    animation: 1s up-down-shake infinite alternate;

    

}



.ani-icon{

    /* animation: 1s ease 0s infinite up-down-shake; */

    /* animation: 0.5s up-down-shake infinite alternate; */

    /* scale: 1.2; */

    transform-box: fill-box;

}



  @keyframes shake {

    0% { transform: translateX(0); }

    15% { transform: translateX(-5px); }

    30% { transform: translateX(5px); }

    45% { transform: translateX(-5px); }

    60% { transform: translateX(5px); }

    75% { transform: translateX(-5px); }

    100% { transform: translateX(0); }

  }



  @keyframes rotate-shake {

    0% {

      transform: rotate(5deg);

    }

    

    50% {

      transform: rotate(-5deg);

    }

    

    100% {

      transform: rotate(5deg);

    }

  }

  

  @keyframes up-down-shake {

    from {

      transform: translateY(5px);

    }

    

    to {

      transform: translateY(-5px);

    }

  }

  

  @keyframes blink {

    0% {

      opacity: 1;

    }

    50% {

      opacity: 0.2;

    }

    100% {

      opacity: 1;

    }

  }

  

  .one:hover{

    opacity: 1;

  }



  .big-anim:hover {

    animation:unset !important; 

  }



  #big-anim {

    overflow-x: scroll;

}



  @media (max-width: 768px) {

    .dimmed {

      filter: opacity(1);

  }

  }