/* fonts*/

@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;700;1000&display=swap');
@import url('../fonts/Elan\ Book\ Regular/');

/* fonts*/

:root {
    --background-primary: #F6FBF0;
    --shadow1: box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
    --color-primary: #1E2945;
    --color-secondary: #9A9D4F;
    --color-verdeclaro: #F0F4E9;
}
::-webkit-scrollbar {
    width: 5px;
    
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #f1f1f1;
    
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 2px;
  }

  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #555;
  }

body {
    font-family: 'Nunito', sans-serif;
}

.background-primary {
    background-color: var(--background-primary);
    background-image: url(../img/fondo.jpg);
    background-attachment: fixed;
}

p {
    font-weight: 700;
}

.navbar-collapse {
    flex-grow: 0 !important;
}

.navbar {
    border-radius: 2rem;
}

h1 {
    font-family: 'Nunito', sans-serif;
    font-weight: 1000;

}

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

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

.bg-1 {
    background-color: var(--color-verdeclaro);
}

.text-big {
    font-size: 60px;
}

.text-big2 {
    font-size: 25px;
}

bg-white {
    background-color: white;
}

#map {
    height: 550px;
    width: 100%;
    border-radius: 24px;
}

.font-100 {
    font-family: 'Nunito', sans-serif;
}

.border_radius {
    border-radius: 45px;
}

.border_radius2 {
    border-radius: 24px;
}

.card {
    border: none;
}

.text-primary {
    color: var(--color-primary) !important;
}

.text-secondary {
    color: var(--color-secondary) !important;
}

.border_radius_buttom{
    border-radius: 0 0 24px 24px;
}
.nav-tabs{
    --bs-nav-tabs-border-width: none;
    --bs-nav-tabs-border-radius: 0.9rem;
    --bs-nav-tabs-link-active-bg: #F8F9FA;
}

.nav{
    --bs-nav-link-color: var(--color-primary);
    --bs-nav-link-hover-color: var(--color-secondary);
}

.tab-content {
    position: relative;
    overflow: hidden;
  }

.btn-primary{
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    border-radius: 12px;

  }

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