.elementor-609 .elementor-element.elementor-element-4a56b4a{--display:flex;--overlay-opacity:1;}.elementor-609 .elementor-element.elementor-element-4a56b4a::before, .elementor-609 .elementor-element.elementor-element-4a56b4a > .elementor-background-video-container::before, .elementor-609 .elementor-element.elementor-element-4a56b4a > .e-con-inner > .elementor-background-video-container::before, .elementor-609 .elementor-element.elementor-element-4a56b4a > .elementor-background-slideshow::before, .elementor-609 .elementor-element.elementor-element-4a56b4a > .e-con-inner > .elementor-background-slideshow::before, .elementor-609 .elementor-element.elementor-element-4a56b4a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#001124;background-image:url("https://staging.hexhosting.uk/wp-content/uploads/2026/09/hex-hosting-hero-background.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-609 .elementor-element.elementor-element-dd0798c{text-align:center;}.elementor-609 .elementor-element.elementor-element-dd0798c .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:60px;font-weight:700;line-height:1.2em;letter-spacing:0.5px;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-609 .elementor-element.elementor-element-4867e87{font-family:"Open Sans", Sans-serif;font-size:18px;font-weight:500;line-height:1.2em;letter-spacing:0px;}.elementor-609 .elementor-element.elementor-element-d1fee59{--display:flex;}.elementor-609 .elementor-element.elementor-element-36133e7{width:100%;max-width:100%;}.elementor-609 .elementor-element.elementor-element-7da879d{--display:flex;}.elementor-609 .elementor-element.elementor-element-cc2eb3f{--spacer-size:1px;}.elementor-609 .elementor-element.elementor-element-07902e7{--display:flex;}.elementor-609 .elementor-element.elementor-element-07902e7:not(.elementor-motion-effects-element-type-background), .elementor-609 .elementor-element.elementor-element-07902e7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#001124;}.elementor-609 .elementor-element.elementor-element-6a8d222{--spacer-size:25px;}.elementor-609 .elementor-element.elementor-element-882585f{--display:flex;}.elementor-609 .elementor-element.elementor-element-0c1faac{width:var( --container-widget-width, 40% );max-width:40%;background-color:#FFFFFF;padding:0px 0px 0px 0px;--container-widget-width:40%;--container-widget-flex-grow:0;border-radius:5px 5px 5px 5px;}.elementor-609 .elementor-element.elementor-element-0c1faac.elementor-element{--align-self:center;}.elementor-609 .elementor-element.elementor-element-85e4128{--display:flex;}.elementor-609 .elementor-element.elementor-element-2840caf1{--display:flex;}.elementor-609 .elementor-element.elementor-element-83479e6{--display:flex;}.elementor-609 .elementor-element.elementor-element-684b491{--display:flex;--min-height:0vh;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-609 .elementor-element.elementor-element-684b491:not(.elementor-motion-effects-element-type-background), .elementor-609 .elementor-element.elementor-element-684b491 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#001124;}.elementor-609 .elementor-element.elementor-element-0aa5dbf{--display:flex;}.elementor-609 .elementor-element.elementor-element-a348d22{text-align:center;}.elementor-609 .elementor-element.elementor-element-a348d22 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:40px;font-weight:700;line-height:1.2em;letter-spacing:0px;color:#036BDF;}.elementor-609 .elementor-element.elementor-element-d334f38{text-align:center;}.elementor-609 .elementor-element.elementor-element-d334f38 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:18px;font-weight:500;line-height:1.2em;letter-spacing:0px;color:#FFFFFF;}.elementor-609 .elementor-element.elementor-element-89e1a46{--display:flex;}.elementor-609 .elementor-element.elementor-element-e2ea2a2{--spacer-size:50px;}.elementor-609 .elementor-element.elementor-element-36f190c{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-text );}.elementor-609 .elementor-element.elementor-element-82c2205.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-609 .elementor-element.elementor-element-82c2205.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-609 .elementor-element.elementor-element-82c2205.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-609 .elementor-element.elementor-element-82c2205 .elementor-image-box-wrapper .elementor-image-box-img{width:50%;}.elementor-609 .elementor-element.elementor-element-82c2205 .elementor-image-box-img img{border-radius:10px;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);transition-duration:0.3s;}.elementor-609 .elementor-element.elementor-element-82c2205 .elementor-image-box-title{color:#001124;}.elementor-609 .elementor-element.elementor-element-cf3e141.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-609 .elementor-element.elementor-element-cf3e141.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-609 .elementor-element.elementor-element-cf3e141.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-609 .elementor-element.elementor-element-cf3e141 .elementor-image-box-wrapper .elementor-image-box-img{width:50%;}.elementor-609 .elementor-element.elementor-element-cf3e141 .elementor-image-box-img img{border-radius:10px;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);transition-duration:0.3s;}.elementor-609 .elementor-element.elementor-element-cf3e141 .elementor-image-box-title{color:#001124;}.elementor-609 .elementor-element.elementor-element-068123a{--display:flex;}.elementor-609 .elementor-element.elementor-element-99abc7b{--spacer-size:50px;}.elementor-609 .elementor-element.elementor-element-5340a3d5{--display:flex;--overlay-opacity:1;}.elementor-609 .elementor-element.elementor-element-5340a3d5:not(.elementor-motion-effects-element-type-background), .elementor-609 .elementor-element.elementor-element-5340a3d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EDF2F7;}.elementor-609 .elementor-element.elementor-element-5340a3d5::before, .elementor-609 .elementor-element.elementor-element-5340a3d5 > .elementor-background-video-container::before, .elementor-609 .elementor-element.elementor-element-5340a3d5 > .e-con-inner > .elementor-background-video-container::before, .elementor-609 .elementor-element.elementor-element-5340a3d5 > .elementor-background-slideshow::before, .elementor-609 .elementor-element.elementor-element-5340a3d5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-609 .elementor-element.elementor-element-5340a3d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#EDF2F7;--background-overlay:'';}.elementor-609 .elementor-element.elementor-element-5d8f044f{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-609 .elementor-element.elementor-element-5d8f044f .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:30px;font-weight:700;color:#222222;}.elementor-609 .elementor-element.elementor-element-4f6d94e5{--display:flex;--min-height:0px;--overlay-opacity:1;}.elementor-609 .elementor-element.elementor-element-4f6d94e5::before, .elementor-609 .elementor-element.elementor-element-4f6d94e5 > .elementor-background-video-container::before, .elementor-609 .elementor-element.elementor-element-4f6d94e5 > .e-con-inner > .elementor-background-video-container::before, .elementor-609 .elementor-element.elementor-element-4f6d94e5 > .elementor-background-slideshow::before, .elementor-609 .elementor-element.elementor-element-4f6d94e5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-609 .elementor-element.elementor-element-4f6d94e5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#EDF2F7;--background-overlay:'';}.elementor-609 .elementor-element.elementor-element-748afd8f{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-609 .elementor-element.elementor-element-748afd8f.elementor-element{--align-self:center;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-609 .elementor-element.elementor-element-0c1faac{--container-widget-width:62%;--container-widget-flex-grow:0;width:var( --container-widget-width, 62% );max-width:62%;}.elementor-609 .elementor-element.elementor-element-0c1faac.elementor-element{--align-self:center;}.elementor-609 .elementor-element.elementor-element-36f190c{--grid-auto-flow:row;}.elementor-widget-image-box .elementor-image-box-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-image-box .elementor-image-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-609 .elementor-element.elementor-element-5d8f044f .elementor-heading-title{font-size:45px;}.elementor-609 .elementor-element.elementor-element-748afd8f{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-609 .elementor-element.elementor-element-0c1faac{--container-widget-width:80%;--container-widget-flex-grow:0;width:var( --container-widget-width, 80% );max-width:80%;}.elementor-609 .elementor-element.elementor-element-2840caf1{--content-width:100%;}.elementor-609 .elementor-element.elementor-element-36f190c{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-image-box .elementor-image-box-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-image-box .elementor-image-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-609 .elementor-element.elementor-element-82c2205 .elementor-image-box-img{margin-bottom:15px;}.elementor-609 .elementor-element.elementor-element-cf3e141 .elementor-image-box-img{margin-bottom:15px;}.elementor-609 .elementor-element.elementor-element-5d8f044f .elementor-heading-title{font-size:25px;}.elementor-609 .elementor-element.elementor-element-4f6d94e5{--content-width:90%;}.elementor-609 .elementor-element.elementor-element-748afd8f{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}@media(min-width:768px){.elementor-609 .elementor-element.elementor-element-07902e7{--content-width:100%;}.elementor-609 .elementor-element.elementor-element-2840caf1{--content-width:100%;}.elementor-609 .elementor-element.elementor-element-684b491{--width:100%;}.elementor-609 .elementor-element.elementor-element-89e1a46{--width:100%;}.elementor-609 .elementor-element.elementor-element-5340a3d5{--content-width:100%;}.elementor-609 .elementor-element.elementor-element-4f6d94e5{--content-width:90%;}}@media(max-width:1024px) and (min-width:768px){.elementor-609 .elementor-element.elementor-element-5340a3d5{--content-width:100%;}}/* Start custom CSS for html, class: .elementor-element-68f11a3 *//* Community Game Servers Tab */

.hosting-features {
    padding-top: 25px !important;
    margin-top: 0 !important;
}

.community-games-tab {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;

    width: fit-content;
    margin: 0 auto 25px auto;
    padding: 10px 20px;

    background: #001124;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 10px;

    color: #fff;
    font-size: 14px;

    box-shadow: 0 5px 15px rgba(0,0,0,0.12);
}

.community-games-title {
    font-weight: 700;
}

.community-games-links {
    display: flex;
    align-items: center;
    gap: 10px;
}

.community-games-links a {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    opacity: 0.85;
    transition: 0.2s ease;
}

.community-games-links a:hover {
    opacity: 1;
    text-decoration: underline;
}

.game-divider {
    opacity: 0.35;
}

@media (max-width: 600px) {
    .community-games-tab {
        flex-direction: column;
        gap: 5px;
        padding: 10px 18px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2840caf1 */*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    background:#f4f7fb;
    font-family:Inter,sans-serif;
}

.hosting-features{
    max-width:1280px;
    margin:auto;
    padding:90px 20px;
}

/* ===========================
   HERO
=========================== */

.hero-features{
    background:linear-gradient(135deg,#0b1f53,#0f3ca8);
    border-radius:28px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    overflow:hidden;
    color:#fff;
    box-shadow:0 20px 60px rgba(20,60,170,.18);
}

.hero-card{
    padding:55px;
    display:flex;
    gap:25px;
    align-items:flex-start;
    position:relative;
}

.hero-card:not(:last-child){
    border-right:1px solid rgba(255,255,255,.15);
}

.hero-card h3{
    font-size:32px;
    margin-bottom:15px;
    line-height:1.2;
}

.hero-card p{
    color:rgba(255,255,255,.75);
    line-height:1.8;
    font-size:17px;
}

.icon{
    width:80px;
    height:80px;
    border-radius:50%;
    background:rgba(255,255,255,.12);
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:38px;
    flex-shrink:0;
}

/* ===========================
   HEADING
=========================== */

.section-heading{
    text-align:center;
    margin:75px 0 55px;
}

.section-heading span{
    color:#3478ff;
    font-weight:700;
    letter-spacing:2px;
    font-size:14px;
}

.section-heading h2{
    margin-top:15px;
    font-size:48px;
    color:#13264f;
}

/* ===========================
   GRID
=========================== */

.features-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
}

.feature-card{
    background:#fff;
    border-radius:22px;
    padding:32px;
    display:flex;
    align-items:center;
    gap:22px;
    transition:.35s;
    box-shadow:0 15px 45px rgba(15,40,80,.06);
    border:1px solid #eef3fa;
}

.feature-card:hover{
    transform:translateY(-8px);
    box-shadow:0 25px 60px rgba(30,70,160,.15);
}

.feature-icon{
    width:70px;
    height:70px;
    border-radius:18px;
    background:linear-gradient(135deg,#edf5ff,#dfeeff);
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:30px;
    flex-shrink:0;
}

.feature-card h4{
    font-size:22px;
    color:#12234a;
    margin-bottom:8px;
}

.feature-card p{
    color:#667085;
    line-height:1.7;
}

/* ===========================
   MOBILE
=========================== */

@media(max-width:992px){

.hero-features{
    grid-template-columns:1fr;
}

.hero-card{
    border-right:none!important;
    border-bottom:1px solid rgba(255,255,255,.1);
}

.features-grid{
    grid-template-columns:1fr;
}

.section-heading h2{
    font-size:34px;
}

.hero-card h3{
    font-size:26px;
}

}/* End custom CSS */