/* Import the Poppins font */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');

/* Root variables for fonts */
:root {
    --font-family-sans-serif: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

    /* Bootstrap Overrides */
    --bs-font-sans-serif: 'Poppins', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
}

/* Apply the font family */
body {
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
}

footer.footer {
    margin: 0;
    padding: 50px 0 80px;
    background: linear-gradient(to right, #4D1DFB, #35008B);
    color: #eee;
    font-size: .9rem;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: 500; /* Medium weight */
    color: #35008B;
}

a {
    font-family: 'Poppins', sans-serif;
}

p, ul, li, span, div, label {
    font-family: 'Poppins', sans-serif;
    font-weight: 400; /* Regular weight */
}

button, .btn {
    font-family: 'Poppins', sans-serif;
    font-weight: 400; /* Medium weight */
}

header.header .navbar-nav a {
    font-size: 1.10rem;
    font-weight: 400;
    letter-spacing: -0.04em;
    color: white;
}

header.header .main-navbar-wrapper {
    padding: 15px;
    padding-left: 25px;
  }

.dropdown-toggle::after {
    
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    align-self: center;
    margin-left: .255em;
    vertical-align: -0.15em;
    background: #01F49D;
    -webkit-mask-image: url('https://clientes.compibot.com/assets/img/arrowdown.svg');
    mask-image: url('https://clientes.compibot.com/assets/img/arrowdown.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 120%;
    mask-size: 100%;
    border-top: 0px;
}

header.header {
    background: linear-gradient(to right, #4D1DFB, #35008B);
  }


.btn-info {
    color: rgb(55, 55, 55);
    font-weight: 600;
    background-color: #01F49D;
    border-color: #01F49D;
  }





  .dropdown-menu {
    background-color: #35008B;
  }

  .dropdown-menu.show {
    background-color: #35008B;
  }

  .dropdown-menu :hover{
    background-color: #35008B;
  }

  .navbar-nav .dropdown-menu {
    background-color: #35008B;
  }

  .dropdown-item {
    background-color: #35008B;
  }

  .dropdown-item :hover{
    background-color: #5530aB;
  }