h1,
h2,
h3,
h4,
h5,
h6,
table,
div,
nav,
a,
span,
button,
ul,
li,
ol {
    font-family: Arial, Helvetica, sans-serif;
}
:root {
    --primary: #462baa;
    --medium:#6A7685
}
.color-medium{
    color:var(--medium)
}
.bold{
    font-weight: bold;
}

.bg-primary{
    background-color: var(--primary) !important;
    color:white  
}

.btn-primary{
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.font-sm{
    font-size: small;
}

.bottom-border{
    border-bottom: 1px  solid #ddd !important;
}

.test-card{
    border:1px solid var(--primary);
}

.test-card label{
    margin-bottom: 0px;
}

.user-logo{
    border-radius: 50%;
    height: 100px;
    width: 100px;
     border:1px dotted var(--primary);
}

.user-logo-square{
    height: 100px;
    width: 100px;
    border:1px dotted var(--primary);
}

.navbar{
    background-color: var(--primary);
    color:white
}

.gm-ui-hover-effect {
    display: none !important;
}
html {
    scroll-behavior: smooth;
  }

  .footer {
    width: 100%;
    height: 60px; /* Set the fixed height of the footer here */
    line-height: 60px; /* Vertically center the text there */
    background-color: #f5f5f5;
  }
  

  .cookie-consent__message h4{
      font-size: medium !important;
  }

  .pagination>.active>a,
    .pagination>.active>a:focus,
    .pagination>.active>a:hover,
    .pagination>.active>span,
    .pagination>.active>span:focus,
    .pagination>.active>span:hover {
      background-color:var(--primary) !important;
      border-color:var(--primary) !important
    }