

/**/

.start-left-shap img, .start-right-shap img {
  /*animation: kenburns 3s ease-in-out infinite;*/
   animation: zoomInOut 1s ease-in-out infinite;
}

/*@keyframes kenburns {
  0%   { transform: scale(1) translate(0, 0); }
  50%  { transform: scale(1.2) translate(-2%, -2%); }
  100% { transform: scale(1) translate(0, 0); }
}*/
@keyframes zoomInOut {
  0%   { transform: scale(1); }
  50%  { transform: scale(0.80); }
  100% { transform: scale(1); }
}



/*11-12-2025 hero section animation*/
.hero-shape-icon img{animation: anim 5s linear infinite; }
.hero-right .hero-shap-animation {position: relative; max-width: 540px; margin-left: auto; }

@keyframes anim {
  from {transform: rotate(360deg); }
  to {transform: rotate(0deg); }
}
.hero-animation-shaps {display: grid; grid-template-columns: 1fr 1fr; align-items: center; column-gap: 15px; }
.hero-shap-img.image-shap-3 {position: relative; margin-top: -60px; text-align: center; }
.start-right-shap {position: absolute; right: -20px; top: -20px; }
.start-left-shap {position: absolute; bottom: -30px; left: -30px; }
.hero-shape-icon {height: 100%; display: flex; align-items: center; justify-content: center; }
.hero-shap-img img {display: block; margin: 0 auto; }
.hero-shape-icon.green img {margin-top: -40px; }



/**/
@media (max-width: 1200px) {
.hero-right .hero-shap-animation { max-width: 380px;}
.hero-shape-icon.green img {margin-top: -50px; max-width: 90px; }
.hero-shap-img.image-shap-3 { margin-top: -40px;}
.hero-shape-icon img { max-width: 110px;}
.start-left-shap, .start-right-shap { max-width: 60px;}


}


@media (max-width: 960px) {
    .hero-right .hero-shap-animation {max-width: 380px; margin: 20px auto 40px !important; }
    


}


@media (max-width: 480px) {
.hero-right .hero-shap-animation {max-width: 280px;}
.hero-shape-icon.green img {margin-top: -40px; max-width: 70px;}
.hero-shap-img.image-shap-3 {margin-top: -30px; }
.start-left-shap { bottom: -15px;}
.hero-shape-icon img {max-width: 90px; }
.hero-animation-shaps { column-gap: 10px;}
.start-left-shap, .start-right-shap { max-width: 42px;}

}
