.homepage-hero{
     border-radius: 20px;
     padding: 0px 30px;
 }
 .bg-primary {
  background-color: rgb(0, 31, 63) !important;
 }
 
.ts-wrapper{
     display: none !important;
 }
 #how-it-works{
     border-radius: 20px;
  margin-top: 30px;
 }
 
footer a{
   color: rgb(215, 215, 215);
}

footer a:hover{
      color: #1bb1dc !important;
}
footer{
    border-radius: 0px 0px 20px 20px;
}

#features .text-primary{
    color: rgb(0, 31, 63) !important;
}

.btn-primary {
color: #fff;
background-color: #001f3f;
border-color: #cbcbcb;
}

.card .bg-success {
background-color: rgb(84, 244, 170) !important;
}

.nav svg, .card svg, .navbar-nav svg{
    width: 21px;
}

.circle-icon {
  width: 70px;   /* You can adjust this */
  height: 70px;
}

#navbarSupportedContent{
    margin-top: 25px;
}



#cookie-consent-block {
  position: fixed !important;        /* fixed = stays when scrolling */
  bottom: 20px;           /* distance from bottom */
  left: 20px;             /* distance from left */
  max-width: 350px;       /* limit width */
  z-index: 1055;          /* above most elements */
}

#cookie-consent-block .alert {
  margin-bottom: 0;
  border-radius: 0.5rem;  /* rounded corners */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Responsive: expand on mobile */
@media (max-width: 576px) {
  #cookie-consent-block {
    left: 10px;
    right: 10px;
    max-width: none;
  }
}