/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 16 2026 | 12:31:50 */
/*
 * AR Craftix categorized CSS
 * Source: Appearance > Customize > Additional CSS
 * Original lines: 2349-2987
 * Category: Homepage What We Create / services grid
 * Kept verbatim from the supplied Additional CSS.
 */

/* ==========================================================
   AR CRAFTIX - WHAT WE CREATE / SERVICES
   Target: #fitness_hub_class-1

   Primary:   #003da3
   Secondary: #797979
   ========================================================== */

#fitness_hub_class-1,
#fitness_hub_class-1 *{
    box-sizing:border-box;
}


/* ==========================================================
   SECTION
   ========================================================== */

#fitness_hub_class-1{
    background:#0d0d13 !important;
    padding:0 !important;
}

#fitness_hub_class-1.at-widgets{
    padding:52px 0 85px !important;
}

#fitness_hub_class-1 > .container{
    width:100%;
    max-width:1210px;

    margin:0 auto;
    padding:0 8px;
}


/* ==========================================================
   SECTION LABEL
   02 — WHAT WE CREATE
   ========================================================== */

#fitness_hub_class-1 .at-widget-title-wrapper{
    position:relative;

    width:100%;
    margin:0 0 58px !important;
    padding:0 !important;

    text-align:left !important;
}

#fitness_hub_class-1 .at-widget-title-wrapper::before{
    content:"WHAT WE CREATE";

    display:block;

    margin:0 0 30px;

    color:#003da3;

    font-family:'Montserrat', Arial, sans-serif;
    font-size:10px;
    line-height:1;

    font-weight:800;
    letter-spacing:3px;

    white-space:pre;
}


/* Remove Fitness Hub default title underline */
#fitness_hub_class-1 .at-widget-title-wrapper::after{
    display:none !important;
}


/* ==========================================================
   BIG HEADING
   Existing HTML text is replaced visually with two styles
   ========================================================== */

#fitness_hub_class-1 .widget-title{
    margin:0 !important;
    padding:0 !important;

    text-align:left !important;

    line-height:1 !important;

    text-transform:none !important;
}

#fitness_hub_class-1 .widget-title span{
    display:block;

    margin:0 !important;
    padding:0 !important;

    font-size:0;

    color:transparent;
}


/* First line */
#fitness_hub_class-1 .widget-title span::before{
    content:"If you can imagine it,";

    display:block;

    color:#ffffff;

    font-family:'Montserrat', Arial, sans-serif;

    font-size:64px;
    line-height:1.02;

    font-weight:800;

    letter-spacing:-3.5px;
}


/* Second line */
#fitness_hub_class-1 .widget-title span::after{
    content:"LET'S MAKE IT REAL.";

    display:block;

    margin-top:3px;

    color:#003da3;

    font-family:Georgia, "Times New Roman", serif;

    font-size:65px;
    line-height:1;

    font-weight:400;
    font-style:italic;

    letter-spacing:-3px;
}


/* ==========================================================
   SERVICES GRID
   The HTML wrapper has malformed old theme classes,
   therefore select it structurally.
   ========================================================== */

#fitness_hub_class-1
.container > .at-widget-title-wrapper + div{
    display:grid !important;

    grid-template-columns:repeat(3, minmax(0, 1fr));

    margin:0 !important;
    padding:0 !important;

    border-top:1px solid #292a32;
    border-left:1px solid #292a32;

    counter-reset:arc-service;
}


/* Hide Fitness Hub clearfix inserted after item 3 */
#fitness_hub_class-1
.container > .at-widget-title-wrapper + div > .clearfix{
    display:none !important;
}


/* ==========================================================
   EACH SERVICE COLUMN
   ========================================================== */

#fitness_hub_class-1 .single-list{
    width:100% !important;

    float:none !important;

    margin:0 !important;
    padding:0 !important;

    counter-increment:arc-service;
}


/* Remove original Fitness Hub card behaviour */
#fitness_hub_class-1 .class-item{
    position:relative !important;

    height:100%;

    min-height:262px;

    margin:0 !important;
    padding:0 !important;

    background:#111117;

    border:0 !important;
    border-right:1px solid #292a32;
    border-bottom:1px solid #292a32;

    box-shadow:none !important;

    transition:
        background-color .3s ease,
        border-color .3s ease;
}


/* Remove empty image area */
#fitness_hub_class-1 .class-img-box{
    display:none !important;
}


/* ==========================================================
   CARD DETAILS
   Override theme's absolute white cards
   ========================================================== */

#fitness_hub_class-1 .classs-details,
#fitness_hub_class-1 .classs-details.class-no-img{
    position:relative !important;

    left:auto !important;
    right:auto !important;
    bottom:auto !important;

    width:100% !important;
    height:100%;

    min-height:262px;

    margin:0 !important;

    padding:
        113px
        32px
        35px !important;

    background:transparent !important;

    box-shadow:none !important;

    color:#ffffff;

    overflow:hidden;
}


/* ==========================================================
   SERVICE NUMBER
   Automatically creates 01 - 06
   ========================================================== */

#fitness_hub_class-1 .classs-details::before{
    content:counter(arc-service, decimal-leading-zero);

    position:absolute;

    top:50px;
    left:32px;

    color:#797979;

    font-family:'Montserrat', Arial, sans-serif;

    font-size:9px;
    line-height:1;

    font-weight:500;

    letter-spacing:.5px;
}


/* ==========================================================
   ROUND INITIAL BADGE
   ========================================================== */

#fitness_hub_class-1 .classs-details::after{
    position:absolute;

    top:33px;
    right:32px;

    width:47px;
    height:47px;

    display:flex;

    align-items:center;
    justify-content:center;

    border:1px solid rgba(0,61,163,.85);
    border-radius:50%;

    color:#ffffff;

    font-family:Georgia, "Times New Roman", serif;

    font-size:12px;
    line-height:1;

    font-weight:700;

    background:#111117;
}


/* Card initials */
#fitness_hub_class-1
.container > .at-widget-title-wrapper + div
> .single-list:nth-child(1)
.classs-details::after{
    content:"CA";
}

#fitness_hub_class-1
.container > .at-widget-title-wrapper + div
> .single-list:nth-child(2)
.classs-details::after{
    content:"DA";
}

#fitness_hub_class-1
.container > .at-widget-title-wrapper + div
> .single-list:nth-child(3)
.classs-details::after{
    content:"ES";
}

#fitness_hub_class-1
.container > .at-widget-title-wrapper + div
> .single-list:nth-child(5)
.classs-details::after{
    content:"LB";
}

#fitness_hub_class-1
.container > .at-widget-title-wrapper + div
> .single-list:nth-child(6)
.classs-details::after{
    content:"BS";
}

#fitness_hub_class-1
.container > .at-widget-title-wrapper + div
> .single-list:nth-child(7)
.classs-details::after{
    content:"CP";
}


/* ==========================================================
   SERVICE TITLE
   ========================================================== */

#fitness_hub_class-1 .class-name{
    margin:0 0 12px !important;

    padding:0 !important;

    font-family:'Montserrat', Arial, sans-serif;

    font-size:20px !important;
    line-height:1.28;

    font-weight:700 !important;

    letter-spacing:-.4px;

    text-transform:none !important;
}

#fitness_hub_class-1 .class-name a{
    color:#ffffff !important;

    text-decoration:none !important;

    transition:color .25s ease;
}


/* ==========================================================
   DESCRIPTION
   ========================================================== */

#fitness_hub_class-1 .class-info{
    margin:0;
    padding:0;
}

#fitness_hub_class-1 .class-info p{
    margin:0 !important;

    color:#b8b8c1;

    font-family:Arial, sans-serif;

    font-size:13px;
    line-height:1.85;

    font-weight:400;
}


/* ==========================================================
   HOVER
   ========================================================== */

#fitness_hub_class-1 .class-item:hover{
    background:#14141c;

    border-color:#343641;
}

#fitness_hub_class-1 .class-item:hover .class-name a{
    color:#e7e7e7 !important;
}

#fitness_hub_class-1 .class-item:hover .classs-details::after{
    background:#19191e;

    border-color:#003da3;

    color:#ffffff;
}


/* ==========================================================
   DESKTOP 992 - 1199
   ========================================================== */

@media (max-width:1199px){

    #fitness_hub_class-1 > .container{
        max-width:960px;

        padding-left:20px;
        padding-right:20px;
    }

    #fitness_hub_class-1 .widget-title span::before{
        font-size:55px;
    }

    #fitness_hub_class-1 .widget-title span::after{
        font-size:56px;
    }

    #fitness_hub_class-1
    .container > .at-widget-title-wrapper + div{
        grid-template-columns:repeat(3, minmax(0,1fr));
    }

    #fitness_hub_class-1 .classs-details,
    #fitness_hub_class-1 .classs-details.class-no-img{
        padding:
            105px
            27px
            30px !important;
    }

    #fitness_hub_class-1 .classs-details::before{
        left:27px;
    }

    #fitness_hub_class-1 .classs-details::after{
        right:27px;
    }

    #fitness_hub_class-1 .class-name{
        font-size:18px !important;
    }
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width:991px){

    #fitness_hub_class-1.at-widgets{
        padding:65px 0 75px !important;
    }

    #fitness_hub_class-1 > .container{
        max-width:760px;
        padding:0 24px;
    }

    #fitness_hub_class-1 .at-widget-title-wrapper{
        margin-bottom:45px !important;
    }

    #fitness_hub_class-1 .widget-title span::before{
        font-size:48px;
        letter-spacing:-2.5px;
    }

    #fitness_hub_class-1 .widget-title span::after{
        font-size:49px;
        letter-spacing:-2px;
    }

    #fitness_hub_class-1
    .container > .at-widget-title-wrapper + div{
        grid-template-columns:repeat(2, minmax(0,1fr));
    }
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width:767px){

    #fitness_hub_class-1.at-widgets{
        padding:55px 0 65px !important;
    }

    #fitness_hub_class-1 > .container{
        padding:0 20px;
    }

    #fitness_hub_class-1 .at-widget-title-wrapper{
        margin-bottom:38px !important;
    }

    #fitness_hub_class-1 .at-widget-title-wrapper::before{
        margin-bottom:22px;

        font-size:9px;
        letter-spacing:2px;
    }

    #fitness_hub_class-1 .widget-title span::before{
        font-size:39px;
        line-height:1.04;

        letter-spacing:-2px;
    }

    #fitness_hub_class-1 .widget-title span::after{
        margin-top:5px;

        font-size:42px;

        letter-spacing:-1.5px;
    }

    #fitness_hub_class-1
    .container > .at-widget-title-wrapper + div{
        grid-template-columns:1fr;
    }

    #fitness_hub_class-1 .class-item,
    #fitness_hub_class-1 .classs-details,
    #fitness_hub_class-1 .classs-details.class-no-img{
        min-height:235px;
    }

    #fitness_hub_class-1 .classs-details,
    #fitness_hub_class-1 .classs-details.class-no-img{
        padding:
            100px
            25px
            28px !important;
    }

    #fitness_hub_class-1 .classs-details::before{
        top:42px;
        left:25px;
    }

    #fitness_hub_class-1 .classs-details::after{
        top:26px;
        right:25px;

        width:45px;
        height:45px;
    }

    #fitness_hub_class-1 .class-name{
        font-size:19px !important;
    }

    #fitness_hub_class-1 .class-info p{
        font-size:13px;
        line-height:1.75;
    }
}


/* ==========================================================
   SMALL MOBILE
   ========================================================== */

@media (max-width:480px){

    #fitness_hub_class-1 > .container{
        padding:0 17px;
    }

    #fitness_hub_class-1 .widget-title span::before{
        font-size:34px;
        letter-spacing:-1.5px;
    }

    #fitness_hub_class-1 .widget-title span::after{
        font-size:37px;
    }

    #fitness_hub_class-1 .classs-details,
    #fitness_hub_class-1 .classs-details.class-no-img{
        padding:
            95px
            22px
            27px !important;
    }

    #fitness_hub_class-1 .classs-details::before{
        left:22px;
    }

    #fitness_hub_class-1 .classs-details::after{
        right:22px;
    }
}