


/* From Uiverse.io by adamgiebl */ 
.neu-button {
  background-color: #e0e0e0;
  border-radius: 50px;
  box-shadow: inset 4px 4px 10px #bcbcbc, inset -4px -4px 10px #ffffff;
  color: #4d4d4d;
  cursor: pointer;
  
  padding: 15px 40px;
  transition: all 0.2s ease-in-out;
  border: 2px solid rgb(206, 206, 206);
}

.neu-button:hover {
  box-shadow: inset 2px 2px 5px #bcbcbc, inset -2px -2px 5px #ffffff, 2px 2px 5px #bcbcbc, -2px -2px 5px #ffffff;
}

.neu-button:focus {
  outline: none;
  box-shadow: inset 2px 2px 5px #bcbcbc, inset -2px -2px 5px #ffffff, 2px 2px 5px #bcbcbc, -2px -2px 5px #ffffff;
}


/* From Uiverse.io by adamgiebl */ 
.neu-button-nav {
  
  background-color: #e0e0e0;
  border-radius: 50px;
  box-shadow: inset 4px 4px 10px #bcbcbc, inset -4px -4px 10px #ffffff;
  color: #4d4d4d;
  cursor: pointer;
  margin-top: 20px;
  padding: 7px 20px;
  transition: all 0.2s ease-in-out;
  border: 2px solid rgb(206, 206, 206);
}

.neu-button-nav:hover {
  box-shadow: inset 2px 2px 5px #bcbcbc, inset -2px -2px 5px #ffffff, 2px 2px 5px #bcbcbc, -2px -2px 5px #ffffff;
}

.neu-button-nav:focus {
  outline: none;
  box-shadow: inset 2px 2px 5px #bcbcbc, inset -2px -2px 5px #ffffff, 2px 2px 5px #bcbcbc, -2px -2px 5px #ffffff;
}

.neu-button-active {
  
  background-color: #2a2c2a;
  border-radius: 50px;
  box-shadow: inset 4px 4px 10px #1f1f1f, inset -4px -4px 10px #ffffff;
  color: #ebe8e8;
  cursor: pointer;
  margin-top: 20px;
  padding: 7px 20px;
  transition: all 0.2s ease-in-out;
  border: 2px solid rgb(64, 61, 61);
}
.neu-button-active:hover {
  box-shadow: inset 2px 2px 5px #4b4a4a, inset -2px -2px 5px #323232, 2px 2px 5px #393838, -2px -2px 5px #383636;
}


.neu-button-instagram {
  
  background-color: #d4abf1;
  border-radius: 50px;
  box-shadow: inset 4px 4px 10px #9a7ab1, inset -4px -4px 10px #b491cb;
  color: #100e0e;
  cursor: pointer;
  padding: 7px 20px;
  transition: all 0.2s ease-in-out;
  border: 2px solid #d29cf8;
}

.neu-button-instagram:hover {

  background-color: #cd94f7;
  box-shadow: inset 4px 4px 10px #cea1ee, inset -4px -4px 10px #cb9fea;
}

.neu-button-instagram:focus {
  outline: none;
  box-shadow: inset 2px 2px 5px #bcbcbc, inset -2px -2px 5px #ffffff, 2px 2px 5px #bcbcbc, -2px -2px 5px #ffffff;
}



.neu-button-facebook {
  
  background-color: #9ec2f5;
  border-radius: 50px;
  box-shadow: inset 4px 4px 10px #6f88ac, inset -4px -4px 10px #a0c2f0;
  color: #100e0e;
  cursor: pointer;
  
  padding: 7px 20px;
  transition: all 0.2s ease-in-out;
  border: 2px solid #8bb7f5;
}

.neu-button-facebook:hover {

  background-color: #83b5fa;
  box-shadow: inset 4px 4px 10px #80aeef, inset -4px -4px 10px #8cb0e4;
}

.neu-button-facebook:focus {
  outline: none;
  box-shadow: inset 2px 2px 5px #bcbcbc, inset -2px -2px 5px #ffffff, 2px 2px 5px #bcbcbc, -2px -2px 5px #ffffff;
}


.neu-button-whatsapp {
  
  background-color: #a0e1a9;
  border-radius: 50px;
  box-shadow: inset 4px 4px 10px #74b57e, inset -4px -4px 10px #9ee3a7;
  color: #100e0e;
  cursor: pointer;
  padding: 7px 20px;
  transition: all 0.2s ease-in-out;
  border: 2px solid #a3e7ac;
}

.neu-button-whatsapp:hover {

  background-color: #7ae38a;
  box-shadow: inset 4px 4px 10px #8df49a, inset -4px -4px 10px #69ab74;
}

.neu-button-whatsapp:focus {
  outline: none;
  box-shadow: inset 2px 2px 5px #bcbcbc, inset -2px -2px 5px #ffffff, 2px 2px 5px #bcbcbc, -2px -2px 5px #ffffff;
}



.neu-button-phone {
  
  background-color: #ee948e;
  border-radius: 50px;
  box-shadow: inset 4px 4px 10px #af7974, inset -4px -4px 10px #f5a29c;
  color: #100e0e;
  cursor: pointer;
  padding: 7px 20px;
  transition: all 0.2s ease-in-out;
  border: 2px solid #f59088;
}

.neu-button-phone:hover {

  background-color: #f29c96;
  box-shadow: inset 4px 4px 10px #ba7a75, inset -4px -4px 10px #ee9690;
}

.neu-button-phone:focus {
  outline: none;
  box-shadow: inset 2px 2px 5px #bcbcbc, inset -2px -2px 5px #ffffff, 2px 2px 5px #bcbcbc, -2px -2px 5px #ffffff;
}













/* From Uiverse.io by ZacharyCrespin */ 
.buttonRight {
  transition: all 0.5s;
  font-size: 17px;
  padding: 1ch 2ch;
  background-color: white;
  color: #000;
  cursor: pointer;
  border: none;
  border-radius: 2px;
  box-shadow:
    2px 2px 0px hsl(0, 0%, 90%),
    4px 4px 0px hsl(0, 0%, 80%),
    6px 6px 0px hsl(0, 0%, 70%),
    8px 8px 0px hsl(0, 0%, 60%),
    10px 10px 0px hsl(0, 0%, 50%),
    12px 12px 0px hsl(0, 0%, 40%),
    14px 14px 0px hsl(0, 0%, 30%),
    16px 16px 0px hsl(0, 0%, 20%),
    18px 18px 0px hsl(0, 0%, 10%);
}

.buttonRight:hover {
  background-color: hsl(0, 0%, 50%);
  color: #fff;
  box-shadow: none;
}

/* From Uiverse.io by ZacharyCrespin */ 
.buttonLeft {
  transition: all 0.5s;
  font-size: 17px;
  padding: 1ch 2ch;
  background-color: white;
  color: #000;
  cursor: pointer;
  border: none;
  border-radius: 2px;
  box-shadow:
    -2px 2px 0px hsl(0, 0%, 90%),
    -4px 4px 0px hsl(0, 0%, 80%),
    -6px 6px 0px hsl(0, 0%, 70%),
    -8px 8px 0px hsl(0, 0%, 60%),
    -10px 10px 0px hsl(0, 0%, 50%),
    -12px 12px 0px hsl(0, 0%, 40%),
    -14px 14px 0px hsl(0, 0%, 30%),
    -16px 16px 0px hsl(0, 0%, 20%),
    -18px 18px 0px hsl(0, 0%, 10%);
}

.buttonLeft:hover {
  background-color: hsl(0, 0%, 50%);
  color: #fff;
  box-shadow: none;
}

/* From Uiverse.io by ZacharyCrespin */ 
.buttonCenter {
  transition: all 0.5s;
  font-size: 17px;
  padding: 1ch 2ch;
  background-color: white;
  color: #000;
  cursor: pointer;
  border: none;
  border-radius: 2px;
  box-shadow:
    0px 2px 0px hsl(0, 0%, 90%),
    0px 4px 0px hsl(0, 0%, 80%),
    0px 6px 0px hsl(0, 0%, 70%),
    0px 8px 0px hsl(0, 0%, 60%),
    0px 10px 0px hsl(0, 0%, 50%),
    0px 12px 0px hsl(0, 0%, 40%),
    0px 14px 0px hsl(0, 0%, 30%),
    0px 16px 0px hsl(0, 0%, 20%),
    0px 18px 0px hsl(0, 0%, 10%);
}

.buttonCenter:hover {
  background-color: hsl(0, 0%, 50%);
  color: #fff;
  box-shadow: none;
}

.accordion{
  background-color: #e0e0e000 !important;
  --bs-accordion-bg: #e0e0e000 !important;
  --bs-accordion-border-width: 0px;
}
.accordion-button:not(.collapsed) {
    color: white;
    background-color: black;
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button {
    color: black;
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-bg{
  background-color: #e0e0e000 !important;
}


