.span {
    color: var(--span);
    font-weight: 500;
}

.grey {
    background-color: var(--light-bg);
}

.continent-server {
    max-width: 1000px !important;
}

.south-continent-server {
    max-width: 1800px !important;
}

.south-america-row {
    justify-content: center;
}

.continent-servers {
    max-width: 1600px !important;
}

.continent-servers .row {
    justify-content: center;
}

.dedicated-server {
    background-image: radial-gradient(circle, #000000 0%, #00000040 100%), url(/assets/img/solutions/graphics_card.png);
}

.continent-custom-columns {
    color: #04af37;
    padding: 1rem;
    text-align: center;
    height: fit-content;
    transition: transform .6s ease, background-size .6s ease, background-position .6s ease, background .6s ease;
    min-height: 315px;
    background: var(--span-glass-bg);
    background-position: center center;
    border-radius: 15px;
    box-shadow: var(--span-glass-shadow) 0 3px 8px;
    overflow: visible;
    position: relative;
    z-index: 5;
}

.continent-custom-columns:hover {
    background: var(--span-glass-shadow);
    transform: scale(.97);
    background-size: 150% 150%;
    background-position: center center
}

.counties-custom-columns {
    color: #000000;
    text-align: center;
    height: fit-content;
    transition: transform .6s ease, background .6s ease, box-shadow .6s ease-in-out;
    border-radius: 2rem;
    background: hsl(280 0% 12%);
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    max-height: 63px;
    z-index: 5;
    box-shadow: 0 1px inset hsl(0 0% 100% / .5), 0 -10px 20px 10px hsl(0 0% 0% / .5) inset, 0 10px 20px 10px hsl(0 0% 50% / .25) inset, 0 1px hsl(0 0% 2% / .75);
}

.counties-custom-columns:hover {
    transform: scale(.97);
    box-shadow: rgba(0, 0, 0, .4) 0 2px 4px, rgba(0, 0, 0, .3) 0 7px 13px -3px, rgba(0, 0, 0, .2) 0px -3px 0 inset;
}

.counties-image-container {
    width: 100%;
    height: 183px;
    overflow: visible;
    position: relative;
}

.counties-image-container img {
    width: auto;
    height: 34%;
    object-fit: contain;
    position: relative;
    top: 83%;
    left: -27%;
    transform: translate(-50%, -50%);
    transition: filter .3s ease;
    background: hsl(0deg 0% 12% / 0%);
    padding: 7px;
    border-radius: 50%;
}

.country-text {
    position: absolute;
    top: 50%;
    transform: translate(10px, -50%);
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    opacity: 1;
    visibility: visible;
    transition: opacity .3s ease, visibility .3s ease;
}

.counties-custom-columns:hover .country-text {
    opacity: 1;
    visibility: visible;
}

.counties-custom-columns:hover .counties-image-container img {
    filter: brightness(110%);
}

#data-center:hover {
    background-color: var(--table-row-hover)
}

#data-center a {
    color: var(--span);
}

#data-center {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--table-head-bg);
    border: 2px solid white;
}

.usa-home {
    border-radius: 0;
    padding: 2rem;
}

#region-img {
    height: 365px !important;
}

#your-region {
    margin-top: 2%;
}

.region-btns-title {
    font-size: 16px !important;
    margin: .5rem 0;
    color: #fff !important;
    text-transform: capitalize
}

.region-btns {
    color: #4caf50;
    overflow: hidden;
    text-align: center;
    height: fit-content;
    transition: transform .3s ease-in-out, background .6s ease, border .6s ease, box-shadow .6s ease;
    position: relative;
    z-index: 3;
    border-radius: 2rem;
    background: #4CAF50;
}

.region-btns:hover {
    box-shadow: 0 4px #1b5e20;
    transform: translateY(6px);
    transform: scale(.97)
}

.region-btns i{
 margin-right: 10px !important;
}
#in-usa {
    background: #fff !important;
}

.table-subs {
    font-size: 1rem;
    margin-bottom: 20px;
    text-align: left;
    color: black;
}

#explain {
    background-color: var(--light-bg);
}

.south-america-main {
    background-image: radial-gradient(circle, #000000eb 0%, #00000040 100%), url(/assets/img/dedicated/south-america-bg.webp);
}

.north-america-main {
    background-image: radial-gradient(circle, #000000eb 0%, #00000040 100%), url(/assets/img/dedicated/north-america-bg.webp);
}

.asia-main {
    background-image: radial-gradient(circle, #000000eb 0%, #00000040 100%), url(/assets/img/dedicated/asia-bg.webp);
}

.europe-main {
    background-image: radial-gradient(circle, #000000eb 0%, #00000040 100%), url(/assets/img/dedicated/europe-bg.webp);
}

.australia-main {
    background-image: radial-gradient(circle, #000000eb 0%, #00000040 100%), url(/assets/img/dedicated/australia-bg.webp);
}

.africa-main {
    background-image: radial-gradient(circle, #000000eb 0%, #00000040 100%), url(/assets/img/dedicated/africa-bg.webp);
}

.north-america-usa {
    background-image: radial-gradient(circle, #000000eb 0%, #00000040 100%), url(/assets/img/dedicated/usa-atlanta.webp);
}

.usa-atlanta {
    background-image: radial-gradient(circle, #000000eb 0%, #00000040 100%), url(/assets/img/dedicated/usa-atlanta.webp);
}

.all-states {
    background: url(/assets/img/dedicated/world-map.png);
    ;
    background-repeat: no-repeat, repeat;
    background-size: contain;
    background-position: center;
}

.top-right {
    height: 3.5rem;
    width: 3.5rem;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    right: -20px;
    font-size: 1.8rem;
    top: -15px;
    transition: .3s ease-in-out;
    padding: 8px 1px 3px 1px;
    color: #00ba66;
}

#span {
    color: var(--span);
    margin: .1rem;
    font-size: 1.3rem;
}

.graphics-north {
    background-image: radial-gradient(#000000cc, rgb(0 0 0 / 87%)), url(/assets/img/dedicated/north-america-bg.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: white;
    width: 100%;
    margin-top: 0;
}

.graphics-south {
    background-image: radial-gradient(#00000091, rgb(0 0 0 / 87%)), url(/assets/img/dedicated/south-america-bg.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: white;
    width: 100%;
    margin-top: 0;
}

.graphics-europe {
    background-image: radial-gradient(#00000091, rgb(0 0 0 / 87%)), url(/assets/img/dedicated/europe-bg.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: white;
    width: 100%;
    margin-top: 0;
}

.graphics-asia {
    background-image: radial-gradient(#00000091, rgb(0 0 0 / 87%)), url(/assets/img/dedicated/asia-bg.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: white;
    width: 100%;
    margin-top: 0;
}

.graphics-australia {
    background-image: radial-gradient(#00000091, rgb(0 0 0 / 87%)), url(/assets/img/dedicated/australia-bg.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: white;
    width: 100%;
    margin-top: 0;
}

.graphics-africa {
    background-image: radial-gradient(#00000091, rgb(0 0 0 / 87%)), url(/assets/img/dedicated/africa-bg.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: white;
    width: 100%;
    margin-top: 0;
}

.graphics-usa .custom-column-title,
.graphics-usa .custom-column-description,
.graphics-usa .custom-column-title,
.graphics-usa .custom-column-description,
.graphics-europe .custom-column-title,
.graphics-europe .custom-column-description,
.graphics-asia .custom-column-title,
.graphics-asia .custom-column-description,
.graphics-australia .custom-column-title,
.graphics-australia .custom-column-description,
.graphics-africa .custom-column-title,
.graphics-africa .custom-column-description {
    color: #fff;
}

.outshine {
    font-size: 17px;
    font-weight: 500;
}

.g-width-300px {
    width: 300px !important
}