:root {
  --montserrat-fonts: "Montserrat", system-ui;
  --hind-fonts: "Hind", system-ui;
}


.header-rotate-container {
  max-width: 105px;
  background-color: #f6f5ef;
  border-radius: 50%; 
  padding: 10px;
  margin-top: -53px; 
  position: relative;
  z-index: 1;
  cursor: pointer;
}

.rotate-container {
  max-width: 80px;
  cursor: pointer;
}

.rotate-container:hover {
  transition: transform 0.3s ease-in-out;
}

.rotate {
  animation: spin 15s linear infinite;
  will-change: transform;
}

.arrow-icon {
  max-height: 31px;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.home-sec4-rtr-container {
  margin-top: -40px;
}



.mainbanner-rotate-container {
  max-width: 140px;
  padding: 10px;
}

.mainbanner-leaf-icon {
  max-height: 52px;
  z-index: 3; 
}

.leaf-circle {
  height: 108px;
}

.mainbanner-rotate {
  animation: spin 15s linear infinite;
  will-change: transform;
  z-index: 2; 
  max-width: 100%;
  width: 100%;
  height: auto;
}

/*@keyframes move-zigzag {*/
/*  0% {*/
/*    transform: translate(0, 40px);*/
/*  }*/
/*  20% {*/
/*    transform: translate(140px, -140px); */
/*  }*/
/*  40% {*/
/*    transform: translate(-140px, 20px); */
/*  }*/
/*  60% {*/
/*    transform: translate(140px, 100px); */
/*  }*/
/*  80% {*/
/*    transform: translate(-140px, 180px);*/
/*  }*/
/*  100% {*/
/*    transform: translate(0, 40px); */
/*  }*/
/*}*/

/*.mainbanner-rotate-container {*/
/*  max-width: 140px;*/
/*  padding: 10px;*/
/*  animation: move-zigzag 40s cubic-bezier(0.15, 0, 0.5, 1) infinite alternate;*/
/*}*/


@keyframes move-up-down {
  0% {
    transform: translateY(40px);
  }
  20% {
    transform: translateY(-140px); /* Move Up */
  }
  40% {
    transform: translateY(20px); /* Move Down */
  }
  60% {
    transform: translateY(100px); /* Move Down */
  }
  80% {
    transform: translateY(180px); /* Move Down */
  }
  100% {
    transform: translateY(40px); /* Return to Initial */
  }
}

.mainbanner-rotate-container {
    position: relative;
    left: 28%;
  max-width: 140px;
  padding: 10px;
  animation: move-up-down 40s cubic-bezier(0.15, 0, 0.5, 1) infinite alternate;
}




/*@keyframes move-zigzag-home-banner {*/
/*  0% {*/
/*    transform: translate(0, 40px);*/
/*  }*/
/*  20% {*/
/*    transform: translate(140px, -100px); */
/*  }*/
/*  40% {*/
/*    transform: translate(-60px, 20px); */
/*  }*/
/*  60% {*/
/*    transform: translate(140px, 200px); */
/*  }*/
/*  80% {*/
/*    transform: translate(-140px, 200px); */
/*  }*/
/*  100% {*/
/*    transform: translate(0, 80px); */
/*  }*/
/*}*/

/*.mainbanner-rotate-container-home {*/
/*  max-width: 140px;*/
/*  padding: 10px;*/
/*  animation: move-zigzag-home-banner 40s cubic-bezier(0.15, 0, 0.5, 1) infinite alternate;*/
/*}*/

@keyframes move-up-down-home-banner {
  0% {
    transform: translateY(20px);
  }
  15% {
    transform: translateY(-100px); /* Move Up */
  }
  30% {
    transform: translateY(-100px); /* Stay Up Longer */
  }
  45% {
    transform: translateY(20px); /* Move Down */
  }
  60% {
    transform: translateY(100px); /* Move Down */
  }
  80% {
    transform: translateY(100px); /* Stay Down */
  }
  100% {
    transform: translateY(50px); /* Return to Initial */
  }
}


.mainbanner-rotate-container-home {
  max-width: 140px;
  padding: 10px;
  animation: move-up-down-home-banner 40s cubic-bezier(0.15, 0, 0.5, 1) infinite alternate;
}



.mainbanner-leaf-icon {
  max-height: 52px;
  z-index: 3;
}



.leaf-circle {
  height: 118px;
}

.mainbanner-rotate {
  animation: spin 15s linear infinite;
  will-change: transform;
  z-index: 2;
  max-width: 100%;
  width: 100%;
  height: auto;
  padding: 13px 16px 13px 16px !important;
}