.social-card > .card-body {
    padding: 1.5rem !important;
}

html, body {
    background-color: #0f0f0f !important;
}

.overlay-dark:before {
    opacity: 1 !important;
    background: linear-gradient(0deg, rgba(15, 15, 15, 1) 0%, rgba(15, 15, 15, 0) 20%) !important;
}

.title {
    color: white !important;
}

p, h2 {
    color: white !important;
}

.text-white h2 {
    color: white !important;
}

h1.shop-title {
    color: white !important;
    text-shadow: 0 0 18px #1e90ff77 !important;
    font-size: 40px !important;
}

h2.title {
    color: white !important;
}

h3, h5 {
    color: white !important;
}

.text-black, .text-black:hover {
    color: #ffffff !important;
}

.modal-content {
    background-color: #202020 !important;
    border: 0.0625rem solid rgb(239 242 245 / 9%) !important;
}

.modal-title {
    color: white !important;
}

.item-price {
    color: #a7a7a7 !important;
}

.product-card, .server-card {
    background-color: #171717 !important;
    border: 0.0625rem solid rgba(239, 242, 245, 0.05) !important;
}

.product-card .item-title {
    color: white !important;
}

.bg-elegant-night {
    background-color: #0a0a0a !important;
}

.modal a svg path {
    stroke: white !important;
}

hr {
    border-top: 0.0625rem solid rgb(239 242 245 / 9%) !important;
}
  
.modal-content .bg-soft {
    background-color: #2a2a2a !important;
}

.bg-soft label {
    color: white !important;
}

.bg-soft .text-muted {
    color: #676767 !important;
}

.amount input {
    color: white !important;
}

.modal-content .card {
    background-color: #363636 !important;
    border-radius: 10px !important;
}

.container .pt-5 {
    padding-top: 0px !important;
}


/* .select-server-card, .mb-1.text-sm.text-black{
    display: none;
} */

::-webkit-scrollbar-track {
    background: #0f0f0f !important;
}

#social .col-md-6 {
    flex: 0 0 0;
}

.social-card svg {
     display: none;
}

.social-icon svg {
    display: block !important;
}

.social-icon {
    margin: 0px !important;
    height: 54px !important;
    width: 54px !important;
    padding: 14px !important;
    align-content: center;
}

.card.social-card h4 {
    display: none;
}

.social-card > .card-body {
    padding: 0rem !important;
}

.title:after {
    display: none !important;
}

.container .mt-5.pt-5 {
    display: none !important;
}

.card-body svg path {
    stroke: white !important;
}

p a:hover, a:focus {
    color: #096549 !important;
}

p a {
    color: #10ab7c !important;
}