.hr-ab-page{
    position: relative;
}
.img-box-2 {
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
}
.img-box2.imagebox-wraper {
    position: relative;
}
.transform-banner img {
    animation: border-transform 20s linear infinite alternate forwards;
    border-radius: 100%;
    max-width: 100%;
}
.teddyimg{
    position: absolute;
    bottom: 40%;
    left: 6%;
    animation: shapePluse 6s linear infinite;
}
.pl-40{
    padding-left: 40px;
}
.hr-section-content .hr-text ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.hr-section-content .hr-text ul li{
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    z-index: 1;
}
.hr-section-content .hr-text ul li:before {
    content: '\f058';
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    font-size: 18px;
    color: #f9104a;
    display: inline-block;
    line-height: normal;
    position: absolute;
    top: 2px;
    left: 0;
}
.img-box2 .vs-circle {
    position: absolute;
    right: -12%;
    top: 3%;
    z-index: 0;
}
.transform-banner{
    position: relative;
    z-index: 1;
}
.vs-circle {
    width: 315px;
    height: 315px;
    border:60px solid #ffd600;
    border-radius: 50%;
}
.jump {
    animation: jumpping var(--duration, 6s) infinite linear;
}
.hr-aboutpage-bg{
    padding-top: 5% !important;
    padding-bottom: 5% !important;
    overflow-x: hidden;
    background: #f90f4a url(https://www.bloomingtree-academy.com/public/BLOMINGTRE/themeaB9xY12z/assets/images/backgrounds/toys-bg2.webp?v=2) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
.hr-aboutpage-bg p{
    color: #fff!important;
}
.hr-gallery img{
    width: 100%;
}
.hr-gallery .radius-30{
    border-radius: 30px;
}
@keyframes shapePluse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes jumpping {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }
  40% {
    transform: translate3d(0, var(--jump-y, 20px), var(--jump-x, 0));
  }
}
@keyframes border-transform {
  0%, 100% {
    border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
  }
  14% {
    border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
  }
  28% {
    border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
  }
  42% {
    border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
  }
  56% {
    border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
  }
  70% {
    border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
  }
  84% {
    border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
  }
}
@media (max-width: 1680px) {
    .teddyimgs {
        display: none !important;
    }
}
@media(max-width: 767.98px){
    .pl-40{
        padding-left: 0;
    }
    .img-box2 .vs-circle{
        display: none;
    }
}