/* VPSMakers CSS Split
   Global/base layout and shared utility styles
   Generated from: vpsmakers-site-clean-deduped.css
*/

/* ==================================================
   GLOBAL LAYOUT
================================================== */

.site-container {
    width: calc(100% - 64px) !important;
    max-width: 1270px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.site-section {
    width: 100% !important;
    padding-top: 96px !important;
    padding-bottom: 96px !important;
}

.section-dark {
    background: #020316 !important;
    color: #ffffff !important;
}

.section-surface {
    background: #080a1f !important;
    color: #ffffff !important;
}

@media (max-width: 1024px) {
.site-container {
        width: calc(100% - 48px) !important;
    }

.site-section {
        padding-top: 72px !important;
        padding-bottom: 72px !important;
    }
}

@media (max-width: 767px) {
.site-container {
        width: calc(100% - 32px) !important;
    }

.site-section {
        padding-top: 56px !important;
        padding-bottom: 56px !important;
    }
}

.btn-primary .elementor-button {
    min-width: 129px !important;
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 26px !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 999px !important;
    font-family: "Inter", sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #ffffff !important;
    background: radial-gradient( circle at 50% 110%, rgba(108, 118, 255, 0.9) 0%, rgba(59, 68, 255, 0.8) 35%, transparent 72% ), linear-gradient(180deg, #404bff 0%, #2733ef 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 0 10px rgba(59, 68, 255, 0.35) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.btn-primary .elementor-button:hover {
    transform: translateY(-1px) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 0 16px rgba(59, 68, 255, 0.5) !important;
}

html, body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
}

.home-offers, .home-offers *, .vps-footer, .vps-footer * {
    box-sizing: border-box !important;
}