/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 31 2026 | 04:21:32 */
/* =========================================================
   AR CRAFTIX - CONTACT CTA V4
   Small Pills + Crystal Main Button
========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Kaushan+Script&family=Montserrat:wght@400;500;600;700;800;900&display=swap');

@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css');


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

html body aside#text-6 {
    position: relative !important;

    box-sizing: border-box !important;

    width: 100vw !important;
    max-width: 100vw !important;

    margin: 0 calc(50% - 50vw) !important;

    padding: 55px 20px !important;

    background: #07080e !important;
    background-image: none !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    overflow: hidden !important;
}


html body aside#text-6::before,
html body aside#text-6::after {
    display: none !important;
    content: none !important;
}


/* =========================================================
   TEXT WIDGET RESET
========================================================= */

html body aside#text-6 > .textwidget {
    position: relative !important;

    box-sizing: border-box !important;

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

    min-height: 0 !important;

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

    display: block !important;

    background: transparent !important;
    background-image: none !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    overflow: visible !important;

    text-align: center !important;
}


html body aside#text-6 > .textwidget::before,
html body aside#text-6 > .textwidget::after {
    display: none !important;
    content: none !important;
}


/* =========================================================
   MAIN CARD
========================================================= */

html body #text-6 .arcx-v4-card {
    position: relative !important;

    box-sizing: border-box !important;

    width: calc(100% - 30px) !important;
    max-width: 800px !important;

    min-height: 350px !important;

    margin: 0 auto !important;

    padding: 48px 45px 46px !important;

    display: flex !important;
    flex-direction: column !important;

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

    text-align: center !important;

    background:
        radial-gradient(
            ellipse at 50% 115%,
            rgba(164, 58, 220, 0.08) 0%,
            rgba(164, 58, 220, 0.025) 38%,
            transparent 65%
        ),
        #1b1124 !important;

    border: 1px solid rgba(190,145,215,.15) !important;

    border-radius: 18px !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.025),
        0 20px 52px rgba(0,0,0,.28) !important;

    overflow: hidden !important;
}


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

html body #text-6 .arcx-v4-title {
    width: 100% !important;
    max-width: 680px !important;

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

    color: #ffffff !important;

    font-family: "Kaushan Script", cursive !important;

    font-size: 29px !important;
    font-weight: 400 !important;

    line-height: 1.2 !important;

    letter-spacing: 0 !important;

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

    background: none !important;

    border: 0 !important;

    box-shadow: none !important;

    text-shadow:
        0 3px 8px rgba(0,0,0,.45) !important;
}


#text-6 .arcx-v4-title::before,
#text-6 .arcx-v4-title::after {
    display: none !important;
    content: none !important;
}


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

html body #text-6 p.arcx-v4-description {
    width: 100% !important;
    max-width: 500px !important;

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

    color: #aaa0b0 !important;

    font-family: "Montserrat", sans-serif !important;

    font-size: 14px !important;
    font-weight: 500 !important;

    line-height: 1.7 !important;

    letter-spacing: 0 !important;

    text-align: center !important;

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;

    text-shadow: none !important;
}


/* =========================================================
   SMALL BUTTONS ROW
========================================================= */

html body #text-6 .arcx-v4-contact-row {
    width: 100% !important;

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

    display: flex !important;

    flex-direction: row !important;
    flex-wrap: nowrap !important;

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

    gap: 10px !important;

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;
}


/* Kill any WordPress generated spacing */
#text-6 .arcx-v4-contact-row p {
    display: contents !important;
}

#text-6 .arcx-v4-contact-row br {
    display: none !important;
}


/* =========================================================
   SMALL OUTLINED BUTTONS
========================================================= */

html body
aside#text-6
.arcx-v4-contact-row
a.arcx-v4-mini {

    all: unset !important;

    position: relative !important;

    box-sizing: border-box !important;

    cursor: pointer !important;

    display: inline-flex !important;

    flex: 0 0 auto !important;

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

    gap: 7px !important;

    width: auto !important;

    min-width: 0 !important;
    min-height: 0 !important;

    height: 31px !important;

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

    background: rgba(255,255,255,.01) !important;
    background-image: none !important;

    color: #aaa0ad !important;

    font-family: "Montserrat", sans-serif !important;

    font-size: 14px !important;
    font-weight: 500 !important;

    line-height: 1 !important;

    text-transform: none !important;

    text-decoration: none !important;

    border: 1px solid rgba(196,167,207,.26) !important;

    border-radius: 50px !important;

    box-shadow: none !important;

    filter: none !important;

    transform: none !important;

    clip-path: none !important;

    overflow: hidden !important;

    transition:
        background-color .25s ease,
        border-color .25s ease,
        color .25s ease,
        transform .25s ease !important;
}


/* =========================================================
   REMOVE OLD SHINE FROM MINI BUTTONS
========================================================= */

html body
#text-6
.arcx-v4-mini::before,

html body
#text-6
.arcx-v4-mini::after {

    display: none !important;

    content: none !important;

    background: none !important;

    box-shadow: none !important;
}


/* =========================================================
   FONT AWESOME ICONS
========================================================= */

html body
#text-6
.arcx-v4-mini
i {

    all: unset !important;

    box-sizing: border-box !important;

    display: inline-block !important;

    color: #d7ced9 !important;

    font-family: "Font Awesome 6 Free",
                 "Font Awesome 6 Brands" !important;

    font-size: 12px !important;

    line-height: 1 !important;
}


/* Font Awesome weights */
html body
#text-6
.arcx-v4-mini
i.fa-solid {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
}


html body
#text-6
.arcx-v4-mini
i.fa-brands {
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 400 !important;
}


/* Mini text */
html body #text-6 .arcx-v4-mini span {
    margin: 0 !important;
    padding: 0 !important;

    color: inherit !important;

    font: inherit !important;

    line-height: 1 !important;

    background: none !important;

    border: 0 !important;
}


/* Mini hover */
html body
aside#text-6
.arcx-v4-contact-row
a.arcx-v4-mini:hover {

    background: rgba(255,255,255,.04) !important;

    color: #ffffff !important;

    border-color: rgba(213,183,225,.48) !important;

    transform: translateY(-1px) !important;

    box-shadow: none !important;
}


html body
#text-6
.arcx-v4-mini:hover i {
    color: #ffffff !important;
}



html body
#text-6
a.arcx-v4-crystal:hover::before {
    left: 135% !important;
}


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

@media only screen and (max-width: 991px) {

    html body aside#text-6 {
        padding: 45px 18px !important;
    }


    html body #text-6 .arcx-v4-card {
        max-width: 760px !important;

        padding: 43px 30px !important;
    }


    html body #text-6 .arcx-v4-title {
        font-size: 27px !important;
    }

}


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

@media only screen and (max-width: 767px) {

    html body aside#text-6 {
        padding: 35px 12px !important;
    }


    html body #text-6 .arcx-v4-card {
        width: 100% !important;

        min-height: auto !important;

        padding: 38px 18px !important;

        border-radius: 16px !important;
    }


    html body #text-6 .arcx-v4-title {
        font-size: 25px !important;

        line-height: 1.22 !important;
    }


    html body #text-6 p.arcx-v4-description {
        font-size: 14px !important;
    }


    html body #text-6 .arcx-v4-contact-row {
        max-width: 390px !important;

        flex-wrap: wrap !important;

        gap: 8px !important;
    }

}


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

@media only screen and (max-width: 480px) {

    html body aside#text-6 {
        padding: 25px 10px !important;
    }


    html body #text-6 .arcx-v4-card {
        padding: 34px 14px !important;
    }


    html body #text-6 .arcx-v4-title {
        font-size: 23px !important;
    }


    html body #text-6 p.arcx-v4-description {
        font-size: 14px !important;
    }


    html body #text-6 .arcx-v4-contact-row {
        max-width: 300px !important;
    }


    html body
    #text-6
    .arcx-v4-mini {

        height: 29px !important;

        padding: 0 11px !important;

        font-size: 12px !important;
    }
}
/* =========================================================
   AR CRAFTIX - CONTACT AR CRAFTIX BUTTON
   SAME CRYSTAL STYLE AS HERO / HEADER BUTTON
========================================================= */


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

body.home aside#text-6
a.arcx-v4-crystal {

    position: relative !important;

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

    width: 250px !important;
    min-width: 200px !important;
    max-width: 250px !important;

    min-height: 48px !important;

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

    overflow: hidden !important;

    color: #ffffff !important;

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

    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;

    letter-spacing: .6px !important;

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

    /* 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;

    clip-path: none !important;

    box-shadow:
        0 10px 28px rgba(0,61,163,.27),
        inset 0 1px 0 rgba(255,255,255,.13) !important;

    transform: none !important;

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


/* =========================================================
   REMOVE OLD THEME / PREVIOUS BUTTON AFTER EFFECT
========================================================= */

body.home aside#text-6
a.arcx-v4-crystal::after {

    content: none !important;

    display: none !important;

    background: none !important;

    border: 0 !important;

    box-shadow: none !important;
}


/* =========================================================
   CRYSTAL SHINE LAYER
   DEFAULT POSITION = LEFT SIDE
========================================================= */

body.home aside#text-6
a.arcx-v4-crystal::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;
    border-left: 0 !important;
    border-right: 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 aside#text-6
a.arcx-v4-crystal:hover::before {

    left: 115% !important;
}


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

body.home aside#text-6
a.arcx-v4-crystal: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),
        inset 0 1px 0 rgba(255,255,255,.16) !important;
}


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

body.home aside#text-6
a.arcx-v4-crystal:active {

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


/* =========================================================
   VISITED
========================================================= */

body.home aside#text-6
a.arcx-v4-crystal:visited {

    color: #ffffff !important;
}


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

@media (max-width: 767px) {

    body.home aside#text-6
    a.arcx-v4-crystal {

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

        min-height: 46px !important;

        padding: 13px 20px !important;

        font-size: 12px !important;
    }

}

/* =========================================================
   CTA SECTION - CONTACT AR CRAFTIX
   TEXT VERTICAL ALIGNMENT FIX
========================================================= */

body.home aside#text-6 a.arcx-v4-crystal {
    min-height: 46px !important;

    padding-top: 0px !important;
    padding-bottom: 12px !important;
    padding-left: 22px !important;
    padding-right: 22px !important;

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

    text-align: center !important;
    line-height: 1 !important;
}