html{height:100%;}
html,body{background-color:#E6E8F4;/*#faf8ff*/min-height:100%;}
body{font-family: "Lato", serif;color:#404287;/*background-image: url('../img/bg.jpg');background-size:cover;background-attachment:fixed;*/}
.adlam-display-regular{font-family:"ADLaM Display", system-ui;font-weight:400;font-style:normal;}
#progress-container{width:100%;background-color:#ffffff;border-radius:15px;}
#progress-bar{max-width:100%;background-color:#404287;height:45px;border-radius:15px;color:white;font-weight:bold;}
#progress-text{padding-top:6px;font-size:20px;}
.rounded-2{border-radius:1rem!important;}
.rounded-3{border-radius:2rem!important;}
.bg-primary{background-color:#404287!important;}
.bg-info{background-color:#c0bfe1!important;}
.bg-secondary{background-color:#eeacce!important;}
.btn-primary{background-color:#505396;border-color:#333572;}
.btn-secondary{background-color:#eeacce;border-color: #bf80a1;}
.btn-primary:hover{background-color:#404287;border-color:#31336b;}
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary:focus:active {
    background-color: #404287; /* Color morado */
    border-color: #31336b;
}
.btn-secondary:hover{background-color:#d38cb1;border-color:#9e5e7f;}
.btn-secondary:focus, 
.btn-secondary:active, 
.btn-secondary:focus:active {
    background-color: #404287; /* Color morado */
    border-color: #31336b;
}

::-webkit-scrollbar {
  width: 14px; /* Ancho del scrollbar */
}

::-webkit-scrollbar-track {
  background-color: #D7DAEE; /* Fondo azul más notorio */
  border-radius: 10px; /* Bordes ovalados para el track */
  border: 2px solid #E6E8F4; /* Añade un borde alrededor del track */
}

::-webkit-scrollbar-thumb {
  background-color: #EEACCE; /* Color rosado para la barra */
  border-radius: 10px; /* Bordes ovalados */
  border: 3px solid #D7DAEE; /* Espacio entre la barra y el track azul */
}

/* Ocultar las flechas del scrollbar */
::-webkit-scrollbar-button {
  display: none; /* Oculta las flechas */
}

.border-primary{border-color:#404287 !important;}
.text-primary{color:#505396!important;}
.nav-link{color:#505396;}
.dropdown-item.active,.dropdown-item:active{background-color:#505396;}
.carousel-indicators [data-bs-target]{background-color: #505396;}
.responsive{display:none;}
.opacity-100{opacity:1!important;}
#logo{position:fixed;z-index:9;}
#logo>div{border-radius:24px;}
#logo img{height:65px;}
#logo h1{font-size:1.2rem;}
#corder-start{left:-33px;top:-20px;}
#corder-end{right:-33px;top:-20px;}
#photo{margin-top:95px;}
#donors{overflow-y:scroll;height:700px;}
#signin{text-indent:0;}
#family{margin-top:-45px;}
#clouds{position:fixed;margin-top:-360px;bottom:0;left:0;}
#buyPoints{margin-bottom:120px;}
.bowlby-one{
    font-family:"Bowlby One", serif;
    font-weight:400;
    font-style:normal;
}  
.bree-serif{
    font-family:"Bree Serif",serif;
    font-weight:400;
    font-style:normal;
}
/* <uniquifier>: Use a unique and descriptive class name*/
/* <weight>: Use a value from 100 to 900*/
.inter{
  font-family: "Inter", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.lato-thin {
    font-family: "Lato", serif;
    font-weight: 100;
    font-style: normal;
  }
  
  .lato-light {
    font-family: "Lato", serif;
    font-weight: 300;
    font-style: normal;
  }
  
  .lato-regular {
    font-family: "Lato", serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .lato-bold {
    font-family: "Lato", serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .lato-black {
    font-family: "Lato", serif;
    font-weight: 900;
    font-style: normal;
  }
  
  .lato-thin-italic {
    font-family: "Lato", serif;
    font-weight: 100;
    font-style: italic;
  }
  
  .lato-light-italic {
    font-family: "Lato", serif;
    font-weight: 300;
    font-style: italic;
  }
  
  .lato-regular-italic {
    font-family: "Lato", serif;
    font-weight: 400;
    font-style: italic;
  }
  
  .lato-bold-italic {
    font-family: "Lato", serif;
    font-weight: 700;
    font-style: italic;
  }
  
  .lato-black-italic {
    font-family: "Lato", serif;
    font-weight: 900;
    font-style: italic;
  }
@media(min-width:1490px){
  #benefits>div{width:75%;}
  #info{width:75%;}
  #buyPoints{width:75%;margin-bottom:190px;}
  #walletBuy{margin-top:3rem;}
}
@media(min-width:768px){
    
}
@media(max-width:767px){
    .responsive{display:inherit;}
    .desktop{display:none;}
    .nav-tabs .nav-link.active o.desktop{display:inline;}
    html,body{height:100%;}
    body{background-size:auto 100% !important;background-position:top;}
    img.logo{width:70%!important;}
    img.photo{width:90%!important;}
    #logo{position:inherit;margin-bottom:1rem;margin-top:1rem;}
    #photo{margin-top:30px;}
    #photo.w-75{width:100%!important;}
    #wallet{padding:0!important;}
    #wallet p{font-size:13px;}
    #home{background-color:#f0ebff;}
    #logo a.w-25{width:100%!important;}
    #corder-start{left:-17px;}
    #corder-end{right:-17px;}
    #donors{height:400px;}
    #family{margin-top:-40px;}
    #family .h2{font-size:18px;}
    #share.mb-5{margin-bottom:0!important;}
    #details img.photo{width:100%!important;}
    #details .d-grid .h4{font-size:11px;}
    #clouds{margin-top:-150px;}
    .card{border:0;border-radius:0;}
    #progress-text{padding-top:10px;font-size:16px;}
    #buyPoints{margin-bottom:25px;}
}