.Service_Box .h4{
    color: #03939B !important;
}

.Service_Box:hover{
    background-color:  #03939B !important;
}

.Service_Box:hover .h4, .Service_Box:hover .moreRead{
     color: white !important;
}

.Service_Box .iCon{
    background-color: #F29313 !important;
}
.Service_Box:hover .moreRead{
    color: #F29313 !important;
}



.ServiceBg{

background: linear-gradient(90deg, #C41F1E 0%, #F29313 53%);
background-size: 800% 800%;
  animation: gradientAnimation 10s ease infinite !important;
}

@keyframes gradientAnimation {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }

  .top-bar-area::before{
    background: transparent !important;
  }

  .navbarBG {
    background: linear-gradient(90deg, rgba(255,255,255,0.8) 0%, rgba(196,31,30,1) 25%, rgba(3,147,155,1) 53%, rgba(242,147,19,0.8) 75%, rgba(196,31,30,0.8) 100%) !important;
  }

  /* .footerBG{
    background: linear-gradient(90deg,  rgba(196,31,30,1) 25%, rgba(3,147,155,0.8) 53%, rgba(242,147,19,0.8) 75%, rgba(196,31,30,0.8) 100% )  !important;
  }  */
  .footerBG {
    width: 100%;
    height: 100vh; /* Adjust as needed */
    background: linear-gradient(90deg, rgba(3, 147, 155, 1), rgba(242, 147, 19, 1), rgba(196, 31, 30, 1));
    background-size: 600% 600%;
    animation: gradientAnimation 30s ease infinite;
  }
  
  @keyframes gradientAnimation {
    0% {
      background-position: 0% 50%;
    }
    16% {
      background-position: 100% 50%;
    }
    33% {
      background-position: 200% 50%;
    }
    50% {
      background-position: 300% 50%;
    }
    66% {
      background-position: 400% 50%;
    }
    83% {
      background-position: 500% 50%;
    }
    100% {
      background-position: 600% 50%;
    }
  }
  
  
  

  

  .buttonBG{
    background-color: #F29313 !important;
  }
  .buttonBG:hover{
    background-color: #03939B !important;
  }

  .g-5, .gy-5 {
    --bs-gutter-y: 0rem !important;
}

.footerBG{
  padding-top: 20px;
}