html {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background: ;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  text-align: left;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  max-width: 100%;
  background-color: black;
}

img {
  max-width: 100%;
}

h1 {
  font-size: 19px;
  color: white;
  font-family: Montserrat, Helvetica, sans-serif;
  font-weight: 600;
  line-height: 1.4;
  padding: 0;
  margin: 0;
}

h2 {
  font-size: 17px;
  line-height: 1.4;
  color: white;
  font-family: Montserrat, Helvetica, sans-serif;
  font-weight: 400;
  padding: 0;
  margin: 0;
}

p {
  font-size: 16px;
  color: #333;
  font-family: Montserrat, Helvetica, sans-serif;
  font-weight: 600;
  line-height: 1.4;
  margin: 0;
  padding: 0;
}

small {
  font-size: 16px;
  color: #0b408a;
  font-family: Montserrat, Helvetica, sans-serif;
  font-weight: 400;
  line-height: 1.4;
  margin: 0;
  padding: 0;
}

a {
  font-family: Montserrat, Helvetica, sans-serif;
  font-weight: 400;
  text-decoration: none;
  color: #777;
  transition: 0.3s;
}

/* EDIT DESCRIPTION LINK COLOR */
a:hover {
  color: #326b94;
}

.section {
  width: 90%;
  max-width: 600px;
  position: relative;
  margin: 0 auto;
  background: #000;
}

#green {
  background: #34a853;
}

#greenSpo {
  background: #2ad164;
  color: #000;
}
#deezer {
  background: linear-gradient(
    45deg,
    #ff0000,
    #ffed00,
    #ff0092,
    #c2ff00,
    #00c7f2,
    #c1f1fc
  );
}
#greenSpo:hover {
  background: #30e66f;
}

#green:hover {
  background: #3dc461;
}

#red {
  background: #c92e1c;
}

#red-prep {
  background: #c92e1c;
}

#red:hover {
  background: #e73723;
}

#pink {
  background: rgb(246, 221, 165);
  background: -moz-linear-gradient(
    45deg,
    #f09433 0%,
    #e6683c 25%,
    #dc2743 50%,
    #cc2366 75%,
    #bc1888 100%
  );
  background: -webkit-linear-gradient(
    45deg,
    #f09433 0%,
    #e6683c 25%,
    #dc2743 50%,
    #cc2366 75%,
    #bc1888 100%
  );
  background: linear-gradient(
    45deg,
    #f09433 0%,
    #e6683c 25%,
    #dc2743 50%,
    #cc2366 75%,
    #bc1888 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}

.section img {
  border-radius: 100%;
  width: 8rem;
}

.social-spacing {
  margin-left: 16px;
  margin-right: 16px;
  white-space: nowrap;
  line-height: 1.5;
  color: white;
}

.clear {
  clear: both;
}

.avy {
  opacity: 0.95;
  width: 150px;
  margin: 20px 0;
}
.avy:hover {
  opacity: 1;
}
.round {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%; /* future proofing */
  -khtml-border-radius: 50%; /* for old Konqueror browsers */
  -webkit-appearance: none;
}

/* EDIT LINK UNDERLINE COLOR */
.underline:hover {
  border-bottom: 1px solid red;
}

.preul {
  border-bottom: 1px solid #eee;
}

.center-align {
  text-align: center;
}

.white {
  color: #001a37;
}

.light-grey {
  color: rgb(246, 221, 165);
  padding: 20px 0;
}

.divider {
  border-bottom: 1px solid #eee;
}

/* EDIT BUTTON BACKGROUND COLOR */
.button {
  background: #b78718;
  padding: 20px;
  margin: 20px auto;
  transition: 0.3s;
}

.button:hover {
  opacity: 1;
  background: #d29c1d;
}

.padding-top-50 {
  padding-top: 10px;
  background: ;
}
.padding-bottom-50 {
  padding-bottom: 1px;
  background-color: ;
}
.padding-bottom-100 {
  padding-top: 0px;
  background-color: ;
}
.padding-top-25 {
  padding-top: 25px;
}
.padding-top-15 {
  padding-top: 7px;
  background-color: ;
}

@media (max-width: 768px) {
}

/* Container do bloco para ocupar a largura dos outros botões */
.dropdown-block{
  width:100%;

}

/* Botão dourado (mesmo visual dos demais) */
.btn-gold{
  font-family: Montserrat, Helvetica, sans-serif; color:#001a37;


  font-weight:600;
     font-weight: bolder;


  width:100%;
  text-align:center;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-color: transparent !important;
  ;
  background: #b78718;
  padding: 20px;
  margin: 20px auto;
  transition: 0.3s;
}

/* Ícone FA opcional (seu projeto já usa) */
.btn-gold i{ font-size:1.1rem; }

/* Seta (caret) custom  */
.dropdown-toggle-custom .caret{
  width:0;height:0;
  border-left:6px solid transparent;
  border-right:6px solid transparent;
  border-top:7px solid #001a37; /* cor da seta */
  transition:transform .2s ease;
  margin-left:6px;
}

/* Gira a seta quando aberto */
.dropdown-toggle-custom[aria-expanded="true"] .caret{
  transform:rotate(180deg);
}

/* Menu dropdown (fechado por padrão) */
.dropdown-menu-custom{
  display:none;

  margin-top:10px;
  padding:8px 0;
  width:100%;
  text-align:center;
}

/* Menu aberto */
.dropdown-menu-custom.show{
  display:block;
}

/* Itens do menu */
.dropdown-item-custom{
  display:block;
  padding:12px 20px;
  color:#fff;
  text-decoration:none;
}
.dropdown-item-custom:hover{
  color:#fff;
}