.heroSection {
  background: #e2f1ff;
  position: relative;
}
.heroSection:before {
   content: "";
    z-index: 99;
    background-image: url(/img/hero-1-3.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 108px;
    height: 105px;   
    position: absolute;
    top: 0;
    left: 0;
    /* background: red; */
    opacity: 1;
    filter: brightness(0);
      animation: rotate 55s 
linear infinite;
}
@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


:global(.hero-swiper .swiper-pagination-bullet) {
  background: #2980ff;
  opacity: 0.5;
  width: 10px;
  height: 10px;
  transition: 0.3s;
}

:global(.hero-swiper .swiper-pagination-bullet-active) {
  opacity: 1;
  width: 14px;
  height: 14px;
}

:global(.btn-primary:hover) {
  background-color: #1f6fe0 !important;
}


@media only screen and (max-width: 767px) {

.banner-img:before {  
  width: 160px;
  height: 160px;
}
img.home-banner {
    width: 100% !important;
    height: auto !important;
    object-fit: contain;
}
}