:focus {
  outline: none;
/*  box-shadow: 0 0 0 2px #7C2947;*/
}
:focus-visible {
  outline: none;
 /* box-shadow: 0 0 0 2px #7C2947;*/
}


.from-purple-700,
.from-purple-800,
.from-purple-900 {
  --tw-gradient-from: #7C2947 !important;
  --tw-gradient-stops: #7C2947, var(--tw-gradient-to, rgba(124, 41, 71, 0)) !important;
    --gradient-from-color: #280D17 !important;

}


.via-purple-600,
.via-purple-700,
.via-purple-800,
.via-purple-900 {
  --tw-gradient-stops: var(--tw-gradient-from), #7C2947, var(--tw-gradient-to, rgba(124, 41, 71, 0)) !important;
}



.to-purple-600,
.to-purple-700,
.to-purple-800,
.to-purple-900,
.to-blue-600,
.to-blue-700,
.to-blue-800,
.to-blue-900 {
  --tw-gradient-to: #7C2947 !important;
  --gradient-to-color: #7C2947 !important;
}


.text-purple-500,
.text-purple-600,
.text-purple-700,
.text-purple-800,
.text-purple-900,
.text-blue-700,
.text-blue-800,
.text-blue-900 {
  color: #7C2947 !important;
}

.container {
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

@media (min-width: 640px) {
  .container {
    max-width: 760px !important;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 980px !important;
  }
}

@media (min-width: 1024px) {
  .container {
    max-width: 1180px !important;
  }
}

@media (min-width: 1280px) {
  .container {
    max-width: 1400px !important;
  }
}

@media (min-width: 1536px) {
  .container {
    max-width: 1700px !important;
  }
}