/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 17 2026 | 06:48:05 */
/*
 * AR Craftix categorized CSS
 * Source: Appearance > Customize > Additional CSS
 * Original lines: 2988-3921
 * Category: Homepage Why AR Craftix section and final side-by-side fix
 * Kept verbatim from the supplied Additional CSS.
 */

/* ==========================================================
   AR CRAFTIX - WHY AR CRAFTIX
   Target: section#fitness_hub_service-1

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

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


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

section#fitness_hub_service-1{
    padding:35px 0 10px !important;
    background:#f4f4f6 !important;
    overflow:hidden;
}

section#fitness_hub_service-1 > .container{
    width:100%;
    max-width:1200px;

    margin:0 auto;
    padding:0 15px;

    display:grid;
    grid-template-columns:minmax(0, 1fr) minmax(0, 1.08fr);
    gap:85px;

    align-items:start;
}


/* ==========================================================
   LEFT SIDE
   ========================================================== */

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

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

    text-align:left;
}

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

section#fitness_hub_service-1 .widget-title{
    position:relative;

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

    text-align:left !important;
    text-transform:none !important;

    line-height:1 !important;
}


/* — WHY AR CRAFTIX */
section#fitness_hub_service-1 .widget-title::before{
    content:"WHY AR CRAFTIX LTD";

    display:block;

    margin:90 0 10px !important;
margin-top:90px !important;
    color:#444650;

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

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

    white-space:pre;

    text-align:left;
}


/* Paragraph under heading */
section#fitness_hub_service-1 .widget-title::after{
    content:"Your idea isn't generic.\A\A Your artwork shouldn't be either.";

    position:static !important;

    display:block;

    width:100% !important;
    max-width:520px;

    height:auto !important;

    margin:25px 0 0 !important;

    background:none !important;

    color:#797979;

    font-family:Arial, sans-serif;
    font-size:16px;
    line-height:1.9;

    font-weight:400;

    letter-spacing:0;

    text-transform:none;

    text-align:left;
}


/* Hide original full title visually */
section#fitness_hub_service-1 .widget-title span{
    display:block;

    margin:0 !important;

    color:transparent;

    font-size:0;
    line-height:0;
}


/* Made differently. */
section#fitness_hub_service-1 .widget-title span::before{
    content:"WHY\A SETTLE FOR";

    display:block;

    white-space:pre;

    color:#0c0d13;

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

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

    font-weight:800;

    letter-spacing:-4px;
}


/* Made for you. */
section#fitness_hub_service-1 .widget-title span::after{
    content:"SOMETHING GENERIC?";

    display:block;

    margin-top:3px;

    color:#003da3;

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

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

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

    letter-spacing:-4px;
}


/* ==========================================================
   RIGHT SERVICES WRAPPER

   Theme outputs malformed classes on this DIV,
   so use structural selector instead.
   ========================================================== */

section#fitness_hub_service-1
> .container
> .at-widget-title-wrapper
+ div{
    display:block !important;

    margin:64px 0 0 !important;
    padding:0 !important;

    overflow:visible !important;
}


/* Theme inserted clearfix */
section#fitness_hub_service-1
> .container
> .at-widget-title-wrapper
+ div
> .clearfix{
    display:none !important;
}


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

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

    float:none !important;

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

    text-align:left !important;
}


/* Remove Fitness Hub white cards */
section#fitness_hub_service-1 .single-item{
    position:relative;

    display:grid;

    grid-template-columns:50px minmax(0, 1fr) 20px;
    grid-template-rows:auto auto;

    column-gap:22px;

    min-height:118px;

    margin:0 !important;

    padding:24px 10px 24px 0 !important;

    background:transparent !important;

    border:0 !important;
    border-bottom:1px solid rgba(121,121,121,.25) !important;

    box-shadow:none !important;

    cursor:default !important;

    text-align:left !important;

    transition:none !important;
}


/* Completely remove theme hover card shadow */
section#fitness_hub_service-1
.single-list:hover
.single-item,
section#fitness_hub_service-1
.single-list:focus-within
.single-item{
    background:transparent !important;

    box-shadow:none !important;
}


/* ==========================================================
   ICON
   Numbers in reference are replaced with your icons
   ========================================================== */

section#fitness_hub_service-1 .icon{
    grid-column:1;
    grid-row:1 / 3;

    align-self:center;

    width:50px;

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

    text-align:left !important;
}

section#fitness_hub_service-1 .icon a{
    display:flex;

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

    width:100%;
    height:100%;

    pointer-events:none !important;
    cursor:default !important;
}

section#fitness_hub_service-1 .icon i{
    margin:0 !important;
    padding:0 !important;

    color:#003da3 !important;

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

    transition:none !important;
}


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

section#fitness_hub_service-1 .title{
    grid-column:2;
    grid-row:1;

    align-self:end;

    margin:0 0 7px !important;
    padding:0 !important;

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

    font-size:15px !important;
    line-height:1.3;

    font-weight:800 !important;

    letter-spacing:.8px;

    text-transform:uppercase;

    text-align:left !important;
}

section#fitness_hub_service-1 .title a{
    color:#090b13 !important;

    text-decoration:none !important;

    pointer-events:none !important;
    cursor:default !important;

    transition:none !important;
}

section#fitness_hub_service-1 .title a:hover,
section#fitness_hub_service-1 .title a:focus{
    color:#090b13 !important;

    text-decoration:none !important;
}


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

section#fitness_hub_service-1 .content{
    grid-column:2;
    grid-row:2;

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

section#fitness_hub_service-1 .details{
    margin:0 !important;
    padding:0 !important;
}

section#fitness_hub_service-1 .details p{
    margin:0 !important;
    padding:0 !important;

    color:#696b76;

    font-family:Arial, sans-serif;

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

    font-weight:400;

    text-align:left !important;
}


/* ==========================================================
   RIGHT SPARKLE
   ========================================================== */

section#fitness_hub_service-1 .single-item::after{
    content:"✦";

    grid-column:3;
    grid-row:1 / 3;

    align-self:center;
    justify-self:end;

    color:#003da3;

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

    opacity:.85;
}


/* ==========================================================
   DISABLE ALL SECTION LINKS
   ========================================================== */

section#fitness_hub_service-1 a,
section#fitness_hub_service-1 a:hover,
section#fitness_hub_service-1 a:focus,
section#fitness_hub_service-1 a:active{
    pointer-events:none !important;

    cursor:default !important;

    text-decoration:none !important;
}


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

@media (max-width:1199px){

    section#fitness_hub_service-1 > .container{
        max-width:1000px;

        padding:0 30px;

        gap:60px;
    }

    section#fitness_hub_service-1
    .widget-title span::before,
    section#fitness_hub_service-1
    .widget-title span::after{
        font-size:60px;
    }

    section#fitness_hub_service-1
    .widget-title::before{
        margin-bottom:70px;
    }

    section#fitness_hub_service-1
    > .container
    > .at-widget-title-wrapper
    + div{
        margin-top:55px !important;
    }

}


/* ==========================================================
   TABLET
   Keep 2-column reference layout
   ========================================================== */

@media (min-width:768px) and (max-width:991px){

    section#fitness_hub_service-1{
        padding:45px 0 40px !important;
    }

    section#fitness_hub_service-1 > .container{
        padding:0 25px;

        grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);

        gap:40px;
    }

    section#fitness_hub_service-1
    .widget-title span::before,
    section#fitness_hub_service-1
    .widget-title span::after{
        font-size:48px;

        letter-spacing:-2.5px;
    }

    section#fitness_hub_service-1
    .widget-title::before{
        margin-bottom:55px;

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

    section#fitness_hub_service-1
    .widget-title::after{
        font-size:14px;
        line-height:1.75;
    }

    section#fitness_hub_service-1
    .at-widget-title-wrapper::after{
        margin-top:30px !important;
    }

    section#fitness_hub_service-1
    > .container
    > .at-widget-title-wrapper
    + div{
        margin-top:45px !important;
    }

    section#fitness_hub_service-1 .single-item{
        grid-template-columns:38px minmax(0,1fr) 15px;

        column-gap:14px;

        padding:20px 5px 20px 0 !important;
    }

    section#fitness_hub_service-1 .icon{
        width:38px;
    }

    section#fitness_hub_service-1 .icon i{
        font-size:17px !important;
    }

    section#fitness_hub_service-1 .title{
        font-size:13px !important;
    }

    section#fitness_hub_service-1 .details p{
        font-size:12px;
    }

}


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

@media (max-width:767px){

    section#fitness_hub_service-1{
        padding:50px 0 55px !important;
    }

    section#fitness_hub_service-1 > .container{
        display:block;

        padding:0 22px;
    }

    section#fitness_hub_service-1
    .widget-title::before{
        margin-bottom:45px;

        padding-left:27px;

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

    section#fitness_hub_service-1
    .at-widget-title-wrapper::before{
        font-size:9px;
    }

    section#fitness_hub_service-1
    .widget-title span::before,
    section#fitness_hub_service-1
    .widget-title span::after{
        font-size:46px;

        letter-spacing:-2px;
    }

    section#fitness_hub_service-1
    .widget-title::after{
        margin-top:22px !important;

        font-size:15px;
        line-height:1.75;
    }

    section#fitness_hub_service-1
    .at-widget-title-wrapper::after{
        margin-top:30px !important;
    }

    section#fitness_hub_service-1
    > .container
    > .at-widget-title-wrapper
    + div{
        margin-top:48px !important;
    }

    section#fitness_hub_service-1 .single-item{
        grid-template-columns:42px minmax(0,1fr) 18px;

        column-gap:15px;

        min-height:105px;

        padding:22px 2px 22px 0 !important;
    }

    section#fitness_hub_service-1 .icon{
        width:42px;
    }

    section#fitness_hub_service-1 .icon i{
        font-size:18px !important;
    }

    section#fitness_hub_service-1 .title{
        font-size:14px !important;
    }

}


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

@media (max-width:480px){

    section#fitness_hub_service-1 > .container{
        padding:0 18px;
    }

    section#fitness_hub_service-1
    .widget-title span::before,
    section#fitness_hub_service-1
    .widget-title span::after{
        font-size:38px;

        line-height:1.02;

        letter-spacing:-1.5px;
    }

    section#fitness_hub_service-1
    .widget-title::before{
        margin-bottom:38px;
    }

    section#fitness_hub_service-1
    .widget-title::after{
        font-size:14px;
    }

    section#fitness_hub_service-1 .single-item{
        grid-template-columns:38px minmax(0,1fr) 15px;

        column-gap:12px;
    }

    section#fitness_hub_service-1 .icon{
        width:38px;
    }

    section#fitness_hub_service-1 .icon i{
        font-size:17px !important;
    }

    section#fitness_hub_service-1 .title{
        font-size:13px !important;
    }

    section#fitness_hub_service-1 .details p{
        font-size:12px;
        line-height:1.6;
    }

}
/* ==========================================================
   AR CRAFTIX - WHY AR CRAFTIX
   FINAL SIDE-BY-SIDE POSITION FIX
   Add at END of previous CSS
   ========================================================== */


/* ==========================================================
   DESKTOP + TABLET
   LEFT CONTENT + RIGHT SERVICES SAME ROW
   ========================================================== */

@media (min-width:768px){

    section#fitness_hub_service-1 > .container{
        display:grid !important;

        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1.08fr) !important;

        grid-template-rows:auto !important;

        column-gap:85px !important;

        align-items:start !important;
    }


    /* ------------------------------------------------------
       LEFT SIDE:
       03 / WHY AR CRAFTIX
       Made differently...
       ------------------------------------------------------ */

    section#fitness_hub_service-1
    > .container
    > .at-widget-title-wrapper{

        grid-column:1 / 2 !important;
        grid-row:1 !important;

        align-self:start !important;

        width:100% !important;
        max-width:none !important;

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

        float:none !important;
        clear:none !important;
    }


    /* ------------------------------------------------------
       RIGHT SIDE:
       Services list
       ------------------------------------------------------ */

    section#fitness_hub_service-1
    > .container
    > .at-widget-title-wrapper
    + div{

        grid-column:2 / 3 !important;
        grid-row:1 !important;

        align-self:start !important;

        width:100% !important;
        max-width:none !important;

        margin:54px 0 0 !important;
        padding:0 !important;

        float:none !important;
        clear:none !important;

        position:relative !important;

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


    /* ------------------------------------------------------
       Bootstrap columns ko right-side row layout disturb
       karne se roko
       ------------------------------------------------------ */

    section#fitness_hub_service-1 .single-list{
        display:block !important;

        width:100% !important;

        float:none !important;

        clear:none !important;

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


    /* Theme generated clearfix remove */
    section#fitness_hub_service-1
    > .container
    > .at-widget-title-wrapper
    + div
    > .clearfix{
        display:none !important;
    }

}


/* ==========================================================
   LARGE DESKTOP
   ========================================================== */

@media (min-width:1200px){

    section#fitness_hub_service-1 > .container{
        max-width:1200px !important;

        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1.08fr) !important;

        column-gap:85px !important;
    }


    section#fitness_hub_service-1
    > .container
    > .at-widget-title-wrapper
    + div{
        margin-top:54px !important;
    }

}


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

@media (min-width:992px) and (max-width:1199px){

    section#fitness_hub_service-1 > .container{
        max-width:1000px !important;

        padding-left:30px !important;
        padding-right:30px !important;

        grid-template-columns:
            minmax(0, .95fr)
            minmax(0, 1.05fr) !important;

        column-gap:55px !important;
    }


    section#fitness_hub_service-1
    > .container
    > .at-widget-title-wrapper
    + div{
        margin-top:45px !important;
    }

}


/* ==========================================================
   TABLET
   Still side-by-side
   ========================================================== */

@media (min-width:768px) and (max-width:991px){

    section#fitness_hub_service-1 > .container{
        padding-left:25px !important;
        padding-right:25px !important;

        grid-template-columns:
            minmax(0, .9fr)
            minmax(0, 1.1fr) !important;

        column-gap:38px !important;
    }


    section#fitness_hub_service-1
    > .container
    > .at-widget-title-wrapper
    + div{
        margin-top:38px !important;
    }

}


/* ==========================================================
   MOBILE
   Only mobile stacks naturally
   ========================================================== */

@media (max-width:767px){

    section#fitness_hub_service-1 > .container{
        display:block !important;
    }


    section#fitness_hub_service-1
    > .container
    > .at-widget-title-wrapper{

        width:100% !important;

        margin:0 !important;

        float:none !important;
    }


    section#fitness_hub_service-1
    > .container
    > .at-widget-title-wrapper
    + div{

        width:100% !important;

        margin:45px 0 0 !important;

        float:none !important;
    }

}