/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 17 2026 | 09:40:10 */
/*
 * AR Craftix categorized CSS
 * Source: Appearance > Customize > Additional CSS
 * Original lines: 727-1199
 * Category: Homepage main hero desktop/tablet-independent rules
 * Button-related CSS removed.
 */

/* ==========================================================
   08. MAIN HERO
   #fitness_hub_about-1
   ========================================================== */

body.home aside#fitness_hub_about-1{
    margin:0 !important;
    padding:0 !important;

    background:#08090e;
}

/* Curved divider 
body.home aside#fitness_hub_about-1
.row > .col-sm-6:first-child:before{
    content:"";

    position:absolute;

    width:440px;
    height:760px;

    left:-270px;
    top:-85px;

    border-radius:50%;

    background:#0a0b10;

    z-index:2;

    pointer-events:none;
}*/


body.home aside#fitness_hub_about-1 section.at-feature-about{

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

    min-height:calc(100vh - 78px);

    background:
        radial-gradient(
            circle at 35% 45%,
            rgba(0,61,163,.12),
            transparent 37%
        ),
        linear-gradient(
            100deg,
            #090a0f 0%,
            #0b0c12 48%,
            #08090e 100%
        );

    overflow:hidden;
}


/* Hero container */
body.home aside#fitness_hub_about-1 .container{
    width:100%;
    max-width:1188px;

    min-height:calc(100vh - 78px);

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


/* Hero row */
body.home aside#fitness_hub_about-1 .row{
    min-height:calc(100vh - 78px);

    display:flex;
    align-items:stretch;

    margin-left:-15px;
    margin-right:-15px;
}


/* Image on right */
body.home aside#fitness_hub_about-1
.row > .col-sm-6:first-child{
    order:2;

    float:none;

    width:52%;

    padding:0;

    position:relative;

    align-self:stretch;
}


/* Content on left */
body.home aside#fitness_hub_about-1
.row > .col-sm-6:nth-child(2){
    order:1;

    float:none;

    width:48%;

    display:flex;
    flex-direction:column;
    justify-content:center;

    position:relative;

    padding:
        55px
        50px
        55px
        15px;

    z-index:5;
}


/* ==========================================================
   09. HERO SMALL LABEL
   ========================================================== */

body.home aside#fitness_hub_about-1
.row > .col-sm-6:nth-child(2):before{
    content:"✦   INDEPENDENT CREATIVE STUDIO";

    display:block;

    margin-bottom:28px;

    color:#aeb6c7;

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

    font-size:11px;
    line-height:1.4;

    font-weight:800;

    letter-spacing:3px;

    text-transform:uppercase;
}


/* ==========================================================
   10. HERO HEADING
   ========================================================== */

body.home aside#fitness_hub_about-1
.at-widget-title-wrapper{
    max-width:540px;

    margin:0 0 27px !important;
}


body.home aside#fitness_hub_about-1
.at-widget-title-wrapper:after{
    display:none !important;
}


/* You Imagine It. We Make It */
body.home aside#fitness_hub_about-1
.widget-title{
    max-width:520px;

    margin:0 !important;

    color:#ffffff !important;

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

    font-size:clamp(55px,5vw,76px) !important;

    line-height:.96 !important;

    font-weight:800 !important;

    letter-spacing:-4px;

    text-align:left !important;

    text-transform:none !important;
}


body.home aside#fitness_hub_about-1
.widget-title span{
    display:block !important;

    margin:0 !important;

    color:#ffffff !important;
}


/* unforgettable */
body.home aside#fitness_hub_about-1
.at-subtitle{
    width:auto !important;

    margin:12px 0 0 !important;

    color:#003da3 !important;

    font-family:Georgia, 'Times New Roman', serif !important;

    font-size:clamp(52px,5vw,72px) !important;

    line-height:.95 !important;

    font-weight:400 !important;

    font-style:italic;

    letter-spacing:-3px;

    text-align:left !important;

    text-shadow:
        0 0 30px rgba(0,61,163,.24);
}


/* Hero paragraph */
body.home aside#fitness_hub_about-1
.row > .col-sm-6:nth-child(2) > p{
    max-width:515px;

    margin:0 0 4px;

    color:#d0d0d6;

    font-size:16px;

    line-height:1.75;

    font-weight:400;
}


/* ==========================================================
   11. HERO DECORATIVE ELEMENTS
   ========================================================== */

/* Decorative bottom line */
body.home aside#fitness_hub_about-1
.row > .col-sm-6:nth-child(2):after{
    content:"";

    position:absolute;

    left:15px;
    bottom:3px;

    width:92%;
    height:1px;

    background:rgba(121,121,121,.25);
}


/* ==========================================================
   12. HERO IMAGE
   ========================================================== */

body.home aside#fitness_hub_about-1
.at-feature-about-img{
    width:100%;
    height:100%;

    min-height:calc(100vh - 78px);

    margin:0 !important;
    padding:0;

    position:relative;

    overflow:hidden;

    background:#08090e;
}


body.home aside#fitness_hub_about-1
.at-feature-about-img img{
    position:absolute;

    top:0;
    left:0;

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

    object-fit:cover;
    object-position:center center;

    filter:
        contrast(1.07)
        saturate(.9)
        brightness(.86);

    z-index:1;
}


/* Hero image overlay */
body.home aside#fitness_hub_about-1
.at-feature-about-img:before{
    content:"";

    position:absolute;

    inset:0;

    z-index:3;

    pointer-events:none;

    background:
        linear-gradient(
            90deg,
            rgba(8,9,14,.95) 0%,
            rgba(8,9,14,.42) 13%,
            transparent 35%
        ),
        radial-gradient(
            circle at 87% 34%,
            rgba(0,61,163,.18),
            transparent 42%
        );
}


/* Hero circle mark */
body.home aside#fitness_hub_about-1
.row > .col-sm-6:first-child:after{
    content:"AR\A CRAFTIX\A LTD.";

    white-space:pre;

    position:absolute;

    top:25px;
    right:25px;

    width:76px;
    height:76px;

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

    border:1px solid rgba(255,255,255,.48);

    border-radius:50%;

    color:#ffffff;

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

    font-size:10px;
    line-height:1.05;

    font-weight:900;

    text-align:center;

    z-index:5;
}
/* =========================================================
   AR CRAFTIX - PORTFOLIO LOAD MORE BUTTON
   UNIQUE SECTION: #text-5
   ========================================================= */

aside#text-5 .wpz-portfolio-button__link {

    position: relative !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 165px !important;
    min-height: 46px !important;

    margin: 0 !important;
    padding: 13px 25px !important;

    overflow: hidden !important;

    color: #ffffff !important;

    font-family: 'Montserrat', Arial, sans-serif !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;

    letter-spacing: .7px !important;

    text-align: center !important;
    text-transform: uppercase !important;
    text-decoration: none !important;

    background:
        linear-gradient(
            100deg,
            #00358f 0%,
            #0649b4 45%,
            #0960d4 100%
        ) !important;

    border: 1px solid rgba(190,202,220,.55) !important;
    border-radius: 50px !important;

    box-shadow:
        0 8px 24px rgba(0,61,163,.28),
        inset 0 1px 0 rgba(255,255,255,.17) !important;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease,
        background .3s ease !important;
}


/* =========================================================
   CRYSTAL MOVING SHINE
   ========================================================= */

aside#text-5 .wpz-portfolio-button__link::before {

    content: "" !important;

    position: absolute !important;

    top: -70% !important;
    left: -30% !important;

    width: 45% !important;
    height: 240% !important;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,0) 0%,
            rgba(210,225,245,.12) 25%,
            rgba(255,255,255,.58) 50%,
            rgba(210,225,245,.12) 75%,
            rgba(255,255,255,0) 100%
        ) !important;

    transform: skewX(-22deg) !important;

    filter: blur(1px) !important;

    pointer-events: none !important;

    transition:
        left 1.5s cubic-bezier(.16,1,.3,1) !important;
}


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

aside#text-5 .wpz-portfolio-button__link:hover::before {
    left: 115% !important;
}


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

aside#text-5 .wpz-portfolio-button__link:hover,
aside#text-5 .wpz-portfolio-button__link:focus {

    color: #ffffff !important;

    background:
        linear-gradient(
            100deg,
            #003da3 0%,
            #0754c7 48%,
            #0b68e0 100%
        ) !important;

    border-color: rgba(190,210,240,.80) !important;

    transform: translateY(-2px) !important;

    box-shadow:
        0 12px 30px rgba(0,61,163,.40),
        0 0 20px rgba(17,97,216,.18),
        inset 0 1px 0 rgba(255,255,255,.20) !important;
}


/* =========================================================
   CLICK
   ========================================================= */

aside#text-5 .wpz-portfolio-button__link:active {

    transform:
        translateY(0)
        scale(.98) !important;
}


/* =========================================================
   BUTTON WRAPPER ALIGNMENT
   ========================================================= */

aside#text-5
.wpzoom-blocks_portfolio-block_show-more-view-all-wrap {

    text-align: center !important;

    margin-top: 30px !important;
}


aside#text-5
.wpzoom-blocks_portfolio-block_show-more {

    text-align: center !important;
}


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

@media (max-width: 650px) {

    aside#text-5 .wpz-portfolio-button__link {

        min-width: 150px !important;
        min-height: 44px !important;

        padding: 12px 21px !important;

        font-size: 9.5px !important;
    }
	body.home aside#fitness_hub_about-1 a.btn.btn-primary:not(.btn-reverse)
 {
    margin-left: 0px !important;
}

}