.non-fix {
  overflow: visible;
}

.object-width {
  width: 655px;
}
.cls-1 {
        fill: #57bfff;
      }

      .cls-1, .cls-2, .cls-3, .cls-4, .cls-5, .cls-6, .cls-7, .cls-8, .cls-9, .cls-10, .cls-11, .cls-12, .cls-13, .cls-14, .cls-15, .cls-16, .cls-17, .cls-18, .cls-19, .cls-20, .cls-21, .cls-22, .cls-23, .cls-24, .cls-25, .cls-26, .cls-27, .cls-28, .cls-29, .cls-30, .cls-31, .cls-32, .cls-33, .cls-34, .cls-35, .cls-36, .cls-37, .cls-38, .cls-39, .cls-40, .cls-41, .cls-42 {
        stroke-width: 0px;
      }

      .cls-2 {
        fill: #bc7c46;
      }

      .cls-3 {
        fill: #dda866;
      }

      .cls-4 {
        fill: #ffa683;
      }

      .cls-5 {
        fill: #f7b318;
      }

      .cls-6 {
        fill: #4d6fff;
      }

      .cls-7, .cls-19 {
        fill: #ed7d5a;
      }

      .cls-43 {
        clip-path: url(#clippath-2);
      }

      .cls-8 {
        fill: #306bf9;
      }

      .cls-44 {
        isolation: isolate;
      }

      .cls-9 {
        fill: #8d9fff;
      }

      .cls-10 {
        fill: #778df9;
      }

      .cls-11 {
        fill: #45639b;
      }

      .cls-12 {
        fill: none;
      }

      .cls-13 {
        fill: #379cf7;
      }

      .cls-45 {
        clip-path: url(#clippath-1);
      }

      .cls-14 {
        fill: #f9c98a;
      }

      .cls-15 {
        fill: #004cba;
      }

      .cls-16 {
        fill: #083954;
      }

      .cls-17 {
        fill: #bae6f7;
        opacity: .8;
      }

      .cls-17, .cls-32 {
        mix-blend-mode: multiply;
      }

      .cls-18 {
        fill: #9b7451;
      }

      .cls-19 {
        opacity: .6;
      }

      .cls-20 {
        fill: #0a85e0;
      }

      .cls-21 {
        fill: #556fdd;
      }

      .cls-22 {
        fill: #f33;
      }

      .cls-23 {
        fill: #006cbc;
      }

      .cls-24 {
        fill: #f3f3f3;
      }

      .cls-25 {
        fill: #6f8dff;
      }

      .cls-26 {
        fill: #959fff;
      }

      .cls-46 {
        clip-path: url(#clippath);
      }

      .cls-27 {
        fill: #f9a643;
      }

      .cls-28 {
        fill: #ffdda8;
      }

      .cls-29 {
        fill: #2481c6;
      }

      .cls-30 {
        fill: #caedff;
      }

      .cls-31 {
        fill: #e57c5c;
      }

      .cls-32 {
        fill: #e5f2f7;
        opacity: .4;
      }

      .cls-33 {
        fill: #b1d7dd;
      }

      .cls-34 {
        fill: #fff;
      }

      .cls-35 {
        fill: #ff5a5a;
      }

      .cls-36 {
        fill: #7bc7ff;
      }

      .cls-37 {
        fill: #30afef;
      }

      .cls-38 {
        fill: #20548c;
      }

      .cls-39 {
        fill: #f0faff;
      }

      .cls-40 {
        fill: #386bbc;
      }

      .cls-41 {
        fill: #3d63d8;
      }

      .cls-42 {
        fill: #20618c;
      }

.stard {fill:#b1d7dd!important}
.stard.on {fill:#f7b318!important}

#leaf-3{
    animation: leaf-3 3000ms linear infinite normal forwards
}

@keyframes leaf-3 {
    0% {
        transform: translate(200.05px,169.975372px) rotate(0deg)
    }

    50% {
        transform: translate(200.05px,169.975372px) rotate(19.572104deg)
    }

    100% {
        transform: translate(200.05px,169.975372px) rotate(0deg)
    }
}



#leaf-1{
    animation: leaf-1 3000ms linear infinite normal forwards
}

@keyframes leaf-1 {
    0% {
        transform: translate(176.8px,188.1px) rotate(0deg)
    }

    50% {
        transform: translate(176.8px,188.1px) rotate(-23.737768deg)
    }

    100% {
        transform: translate(176.8px,188.1px) rotate(0deg)
    }
}

#leaf-2{
    animation: leaf-2 3000ms linear infinite normal forwards
}

@keyframes leaf-2 {
    0% {
        transform: translate(177.685302px,202.7px) rotate(0deg)
    }

    50% {
        transform: translate(177.685302px,202.7px) rotate(42.973739deg)
    }

    100% {
        transform: translate(177.685302px,202.7px) rotate(0deg)
    }
}








#cloud-3{
  animation: hero-thumb-sm-animation 4s linear infinite alternate;
}


#cloud-2{
  animation: hero-thumb-sm-3-animation 4s linear infinite alternate;
}

#cloud-1{
  animation: hero-thumb-sm-animation 4s linear infinite alternate;
	 animation-delay: 0.11s;
}


#hearrt , #star{
  animation-name: message-box;
  animation-duration: 6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.9s;
}

#star{
  animation-delay: 0.5s;
}

.flower-box-1 {
  animation-delay: 0.11s;
}


#like{
  animation-name: message-box;
  animation-duration: 4s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}




@keyframes message-box {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(-10px);
  }
  50% {
    transform: translateY(0);
  }
  75% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}










.hero-shapes-2 .shape-1 img {
  -webkit-animation: hero-thumb-animation 2s linear infinite alternate;
  -moz-animation: hero-thumb-animation 2s linear infinite alternate;
  -o-animation: hero-thumb-animation 2s linear infinite alternate;
  animation: hero-thumb-animation 2s linear infinite alternate;
}

@keyframes hero-thumb-animation {
  0% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes hero-thumb-sm-animation {
  0% {
    -webkit-transform: translateY(-20px) translateX(50px);
    -moz-transform: translateY(-20px) translateX(50px);
    -ms-transform: translateY(-20px) translateX(50px);
    transform: translateY(-20px) translateX(50px);
  }
  100% {
    -webkit-transform: translateY(-20px) translateX(0px);
    -moz-transform: translateY(-20px) translateX(0px);
    -ms-transform: translateY(-20px) translateX(0px);
    transform: translateY(-20px) translateX(0px);
  }
}

@keyframes hero-thumb-sm-3-animation {
  0% {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
  }
  100% {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }
}