/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 31 2026 | 02:52:51 */
/* =========================================================
   AR CRAFTIX - HERO BUTTONS
   FIXED LEFT ↔ RIGHT SHINE
========================================================= */


/* =========================================================
   COMMON BUTTON
========================================================= */

body.home aside#fitness_hub_about-1 a.btn.btn-primary{
    position:relative !important;

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

    min-height:50px !important;
    padding:16px 28px !important;
    margin-top:27px !important;

    overflow:hidden !important;

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

    letter-spacing:.5px !important;
    text-transform:uppercase !important;
    text-decoration:none !important;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease,
        background-color .3s ease !important;
}
/* =========================================================
   SHINE LAYER - CLEAN / NO DARK EDGE LINES
========================================================= */

body.home aside#fitness_hub_about-1 a.btn.btn-primary::before{
    content:"" !important;
    display:block !important;

    position:absolute !important;

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

    /* Wider shine */
    width:45% !important;
    height:240% !important;

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

    /* IMPORTANT - REMOVE THEME EDGES */
    border:0 !important;
    border-left:0 !important;
    border-right:0 !important;
    outline:0 !important;

    box-shadow:none !important;

    /* Smooth shine with soft edges */
    background:linear-gradient(
        90deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,.03) 12%,
        rgba(210,225,245,.14) 28%,
        rgba(255,255,255,.58) 50%,
        rgba(210,225,245,.14) 72%,
        rgba(255,255,255,.03) 88%,
        rgba(255,255,255,0) 100%
    ) !important;

    transform:skewX(-22deg) !important;

    opacity:1 !important;

    /* Makes edges softer */
    filter:blur(1px) !important;

    pointer-events:none !important;
    z-index:2 !important;

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


/* HOVER - LEFT TO RIGHT */
body.home aside#fitness_hub_about-1
a.btn.btn-primary:hover::before{
    left:115% !important;
}

/*
 Hover OUT:
 CSS automatically returns:
 125% -> -55%
 therefore RIGHT -> LEFT
*/


/* =========================================================
   FIRST BUTTON - ABOUT US
========================================================= */

body.home aside#fitness_hub_about-1
a.btn.btn-primary.btn-reverse{

    min-width:220px !important;

    color:#ffffff !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 10px 28px rgba(0,61,163,.27),
        inset 0 1px 0 rgba(255,255,255,.13) !important;
}


body.home aside#fitness_hub_about-1
a.btn.btn-primary.btn-reverse:hover{

    color:#ffffff !important;

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

    border-color:#aeb9ca !important;

    transform:translateY(-2px) !important;

    box-shadow:
        0 14px 34px rgba(0,61,163,.38),
        0 0 22px rgba(17,97,216,.18) !important;
}


/* =========================================================
   SECOND BUTTON - CONTACT US
========================================================= */

body.home aside#fitness_hub_about-1
a.btn.btn-primary:not(.btn-reverse){

    min-width:220px !important;

    margin-left:18px !important;

    color:#ffffff !important;

    background:rgba(7,12,23,.50) !important;

    border:1px solid rgba(112,137,176,.55) !important;

    border-radius:50px !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.03) !important;
}


/* Remove old theme arrow/content */
body.home aside#fitness_hub_about-1
a.btn.btn-primary:not(.btn-reverse)::after{
    content:none !important;
    display:none !important;
}


body.home aside#fitness_hub_about-1
a.btn.btn-primary:not(.btn-reverse):hover{

    color:#ffffff !important;

    background:rgba(0,61,163,.12) !important;

    border-color:#397bd4 !important;

    transform:translateY(-2px) !important;

    box-shadow:
        0 10px 28px rgba(0,61,163,.18),
        0 0 18px rgba(40,113,220,.12) !important;
}


/* Contact button shine slightly softer */
body.home aside#fitness_hub_about-1
a.btn.btn-primary:not(.btn-reverse)::before{

    background:linear-gradient(
        90deg,
        rgba(255,255,255,0) 0%,
        rgba(101,157,235,.08) 20%,
        rgba(197,216,244,.42) 50%,
        rgba(101,157,235,.08) 80%,
        rgba(255,255,255,0) 100%
    ) !important;
}


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

body.home aside#fitness_hub_about-1
a.btn.btn-primary:active{

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


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

@media (max-width:767px){

    body.home aside#fitness_hub_about-1
    a.btn.btn-primary{

        width:100% !important;
        min-width:100% !important;
    }


    body.home aside#fitness_hub_about-1
    a.btn.btn-primary:not(.btn-reverse){

        margin-left:0 !important;
        margin-top:14px !important;
    }

}
/* =========================================================
   HERO BUTTONS - SAME LINE
========================================================= */

body.home aside#fitness_hub_about-1
.row > .col-sm-6:nth-child(2){
    flex-direction:row !important;
    flex-wrap:wrap !important;
    justify-content:flex-start !important;
    align-content:center !important;
    align-items:center !important;
}


/* Small label full row */
body.home aside#fitness_hub_about-1
.row > .col-sm-6:nth-child(2):before{
    flex:0 0 100% !important;
    width:100% !important;
}


/* Heading full row */
body.home aside#fitness_hub_about-1
.at-widget-title-wrapper{
    flex:0 0 100% !important;
    width:100% !important;
}


/* Paragraph full row */
body.home aside#fitness_hub_about-1
.row > .col-sm-6:nth-child(2) > p{
    flex:0 0 100% !important;
    width:100% !important;
}


/* Both buttons */
body.home aside#fitness_hub_about-1
a.btn.btn-primary{
    flex:0 0 auto !important;

    width:180px !important;
    min-width:180px !important;
    max-width:180px !important;

    margin-top:27px !important;
}


/* Second button gap */
body.home aside#fitness_hub_about-1
a.btn.btn-primary:not(.btn-reverse){
    margin-left:15px !important;
}









/* =========================================================
   AR CRAFTIX - HEADER START A PROJECT
   SAME CRYSTAL + MOVING SHINE STYLE
========================================================= */


/* =========================================================
   HEADER BUTTON BASE
========================================================= */

body.home #navbar
.search-woo
a.featured-button.btn.btn-primary{

    position:relative !important;

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

    width:185px !important;
    min-width:185px !important;
    max-width:185px !important;

    min-height:48px !important;

    padding:14px 22px !important;
    margin:0 !important;

    overflow:hidden !important;

    color:#ffffff !important;

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

    letter-spacing:.5px !important;
    text-transform:uppercase !important;
    text-decoration:none !important;

    /* AR Craftix crystal blue */
    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,.26),
        inset 0 1px 0 rgba(255,255,255,.16) !important;

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


/* =========================================================
   HEADER BUTTON SHINE
   Default: approx. 20% visible on left
========================================================= */

body.home #navbar
.search-woo
a.featured-button.btn.btn-primary::before{

    content:"" !important;

    display:block !important;

    position:absolute !important;

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

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

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

    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;

    background:linear-gradient(
        90deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,.03) 12%,
        rgba(210,225,245,.14) 28%,
        rgba(255,255,255,.58) 50%,
        rgba(210,225,245,.14) 72%,
        rgba(255,255,255,.03) 88%,
        rgba(255,255,255,0) 100%
    ) !important;

    transform:skewX(-22deg) !important;

    opacity:1 !important;

    filter:blur(1px) !important;

    pointer-events:none !important;

    z-index:2 !important;

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


/* =========================================================
   HOVER - SHINE LEFT -> RIGHT
========================================================= */

body.home #navbar
.search-woo
a.featured-button.btn.btn-primary:hover::before{

    left:115% !important;
}


/*
   Mouse hover remove hone par:
   115% -> -25%

   Shine automatically
   RIGHT -> LEFT wapas aayegi.
*/


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

body.home #navbar
.search-woo
a.featured-button.btn.btn-primary:hover{

    color:#ffffff !important;

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

    border-color:#aeb9ca !important;

    transform:translateY(-2px) !important;

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


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

body.home #navbar
.search-woo
a.featured-button.btn.btn-primary:active{

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







/* Click */
body.home aside#text-6 .textwidget p a:active{
    transform:translateY(0) scale(.98) !important;
}