:root {
    --accent: #1a2aff !important;
    --primary-font: Anek Bangla, sans-serif;
    --secondary-font: Rationale, sans-serif;
}

.cs-hero.cs-style7 {
  background-image: url(https://i.gifer.com/SqmH.gif);
  background-size:cover;
  background-repeat:no-repeat;
  }
  .cs-hero_title, .cs-hero_subtitle {
  animation: floatingEffect 25s cubic-bezier(0.42, 0, 0.58, 1) infinite;
  display: inline-block;
  color:white;
    text-shadow:
    -1px -1px 0 black,
     1px -1px 0 black,
    -1px  1px 0 black,
     1px  1px 0 black;
}

@keyframes floatingEffect {
  0% {
    transform: translate(0px, 0px) scale(1) skew(0deg, 0deg);
  }
  20% {
    transform: translate(-10px, -5px) scale(1.05) skew(-2deg, 1deg);
  }
  40% {
    transform: translate(15px, 10px) scale(0.95) skew(2deg, -2deg);
  }
  60% {
    transform: translate(-10px, 5px) scale(1.1) skew(-1deg, 2deg);
  }
  80% {
    transform: translate(10px, -10px) scale(1.05) skew(2deg, -1deg);
  }
  100% {
    transform: translate(0px, 0px) scale(1) skew(0deg, 0deg);
  }
}

.cs-iconbox_icon {
  display: inline-block;
  padding:10px;
  border-radius:8px!important;
  transition: box-shadow 0.3s ease-in-out; /* Smooth transition for the box shadow */
}
.cs-iconbox_icon img{
border-radius:20px;
}
.cs-iconbox_icon:hover {
  box-shadow: 0px 10px 50px #1504FF; /* Blue box shadow on hover */
  animation: floatingEffect 25s cubic-bezier(0.42, 0, 0.58, 1) infinite;
}
.cs-funfact_wrap_2 {
animation: floatingEffect 25s cubic-bezier(0.42, 0, 0.58, 1) infinite;
  display: inline-block;
  background-color:#7D04FF;
  border-radius:8px!important;
  transition: box-shadow 0.3s ease-in-out; /* Smooth transition for the box shadow */
}
.cs-funfact_wrap_2:hover{
box-shadow: 0px 10px 50px #1504FF;
}
.cs-cta cs-style1, .cs-bg text-center, .cs-shape_wrap_1, .cs-position_1{
  background-color:#7D04FF;
  border-radius:8px!important;
  transition: box-shadow 0.3s ease-in-out; /* Smooth transition for the box shadow */
  }
  .cs-cta cs-style1, .cs-bg text-center, .cs-shape_wrap_1, .cs-position_1:hover{
  animation: floatingEffect 25s cubic-bezier(0.42, 0, 0.58, 1) infinite;
  box-shadow: 0px 10px 50px #1504FF;
  }