:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-10789ef *//* =====================================================
   ARCADIANS HERO
===================================================== */

.arcadians-hero {
    position: relative;
    width: 100%;
    height: 760px;
    min-height: 650px;

    overflow: hidden;

    background: #e9eff1;

    isolation: isolate;
}


/* =====================================================
   BACKGROUND IMAGE
===================================================== */

.arcadians-hero-image {
    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    background-image: url("https://arcadians.shop/wp-content/uploads/2026/08/sdsf-2.jpg");

    background-size: cover;

    /* Image positioning */
    background-position: center center;

    background-repeat: no-repeat;

    /*
       IMPORTANT:
       No blur
       No filter
       No opacity
    */

    filter: none;

    opacity: 1;

    transform: scale(1);

    animation: arcadians-image-zoom 14s ease-in-out infinite alternate;

    z-index: 1;
}


/* =====================================================
   VERY LIGHT OVERLAY
===================================================== */

.arcadians-hero-overlay {
    position: absolute;

    inset: 0;

    z-index: 2;

    pointer-events: none;

    /*
       Only the LEFT side is light.
       Right side keeps the image clear.
    */

    background:
        linear-gradient(
            90deg,

            rgba(239, 245, 247, 0.94) 0%,

            rgba(239, 245, 247, 0.82) 25%,

            rgba(239, 245, 247, 0.48) 43%,

            rgba(239, 245, 247, 0.12) 63%,

            rgba(239, 245, 247, 0.00) 82%
        );
}


/* =====================================================
   IMAGE ZOOM ANIMATION
===================================================== */

@keyframes arcadians-image-zoom {

    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.045);
    }

}


/* =====================================================
   MAIN CONTAINER
===================================================== */

.arcadians-hero-container {

    position: relative;

    z-index: 5;

    width: 100%;
    max-width: 1400px;

    height: 100%;

    margin: 0 auto;

    display: flex;

    align-items: center;

    box-sizing: border-box;

    padding:
        50px 70px;
}


/* =====================================================
   CONTENT
===================================================== */

.arcadians-hero-content {

    width: 580px;

    padding:
        20px 10px;

    animation:
        arcadians-content-in
        1.1s
        ease-out
        forwards;

    opacity: 0;
}


@keyframes arcadians-content-in {

    from {
        opacity: 0;

        transform:
            translateY(35px);
    }

    to {
        opacity: 1;

        transform:
            translateY(0);
    }

}


/* =====================================================
   BRAND LABEL
===================================================== */

.arcadians-brand {

    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 25px;

    color: #1a5a73;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 5px;

    animation:
        arcadians-fade-up
        0.9s
        ease
        0.15s
        both;
}


.arcadians-brand span {

    width: 28px;

    height: 1px;

    display: block;

    background: #b69b6e;

}


/* =====================================================
   HEADING
===================================================== */

.arcadians-hero-content h1 {

    margin: 0;

    color: #15536d;

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

    font-size:
        clamp(55px, 5.8vw, 82px);

    line-height: 0.98;

    font-weight: 400;

    letter-spacing: -2.5px;

    animation:
        arcadians-heading-in
        1s
        ease-out
        0.2s
        both;
}


.arcadians-hero-content h1 em {

    display: block;

    margin-top: 5px;

    color: #a18760;

    font-style: italic;

    font-weight: 400;
}


/* =====================================================
   HEADING ANIMATION
===================================================== */

@keyframes arcadians-heading-in {

    from {

        opacity: 0;

        transform:
            translateY(30px);
    }

    to {

        opacity: 1;

        transform:
            translateY(0);
    }

}


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

.arcadians-hero-content p {

    max-width: 510px;

    margin:
        28px 0 34px;

    color: #315b6d;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 17px;

    line-height: 1.75;

    animation:
        arcadians-fade-up
        1s
        ease
        0.5s
        both;
}


/* =====================================================
   SHOP BUTTON
===================================================== */

.arcadians-shop-btn {

    display: inline-flex;

    align-items: center;

    justify-content: space-between;

    gap: 28px;

    min-width: 185px;

    padding:
        8px 9px 8px 26px;

    box-sizing: border-box;

    border-radius: 60px;

    background: #185b76;

    color: #ffffff;

    text-decoration: none;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 13px;

    font-weight: 700;

    letter-spacing: 1.7px;

    box-shadow:
        0 12px 30px
        rgba(24, 91, 118, 0.25);

    transition:
        transform 0.35s ease,
        background 0.35s ease,
        box-shadow 0.35s ease;

    animation:
        arcadians-fade-up
        1s
        ease
        0.75s
        both;
}


/* Button circle */

.arcadians-shop-btn b {

    width: 38px;

    height: 38px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    background:
        rgba(255,255,255,0.18);

    color: #ffffff;

    font-size: 19px;

    font-weight: 400;

    transition:
        transform 0.35s ease,
        background 0.35s ease;
}


/* Button hover */

.arcadians-shop-btn:hover {

    background: #123f53;

    transform:
        translateY(-5px);

    box-shadow:
        0 18px 38px
        rgba(24, 91, 118, 0.32);
}


.arcadians-shop-btn:hover b {

    transform:
        rotate(45deg);

    background:
        rgba(255,255,255,0.30);
}


/* =====================================================
   DECORATIVE CIRCLES
===================================================== */

.arcadians-decor-circle {

    position: absolute;

    z-index: 3;

    border-radius: 50%;

    pointer-events: none;

    border:
        1px solid
        rgba(255,255,255,0.65);
}


/* Top right */

.arcadians-circle-1 {

    width: 360px;

    height: 360px;

    right: -140px;

    top: -130px;

    animation:
        arcadians-circle-float
        9s
        ease-in-out
        infinite;
}


/* Bottom right */

.arcadians-circle-2 {

    width: 180px;

    height: 180px;

    right: 17%;

    bottom: -90px;

    animation:
        arcadians-circle-float-2
        7s
        ease-in-out
        infinite;
}


@keyframes arcadians-circle-float {

    0%,
    100% {
        transform:
            translate(0,0)
            rotate(0deg);
    }

    50% {
        transform:
            translate(-20px,20px)
            rotate(7deg);
    }

}


@keyframes arcadians-circle-float-2 {

    0%,
    100% {
        transform:
            translateY(0);
    }

    50% {
        transform:
            translateY(-20px);
    }

}


/* =====================================================
   BOTTOM LABEL
===================================================== */

.arcadians-bottom-label {

    position: absolute;

    right: 45px;

    bottom: 25px;

    z-index: 8;

    display: flex;

    align-items: center;

    gap: 14px;

    color: #ffffff;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: 3px;

    text-shadow:
        0 2px 7px
        rgba(0,0,0,0.35);

    animation:
        arcadians-fade-up
        1s
        ease
        1s
        both;
}


.arcadians-bottom-label i {

    display: block;

    width: 35px;

    height: 1px;

    background: #ffffff;
}


/* =====================================================
   GENERAL FADE
===================================================== */

@keyframes arcadians-fade-up {

    from {

        opacity: 0;

        transform:
            translateY(20px);
    }

    to {

        opacity: 1;

        transform:
            translateY(0);
    }

}


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

@media (max-width: 1000px) {

    .arcadians-hero {

        height: 700px;
    }


    .arcadians-hero-container {

        padding:
            40px;
    }


    .arcadians-hero-content {

        width: 520px;
    }


    .arcadians-hero-content h1 {

        font-size: 58px;
    }

}


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

@media (max-width: 700px) {

    .arcadians-hero {

        height: 720px;

        min-height: 650px;
    }


    /* -----------------------------------------
       MOBILE IMAGE
    ----------------------------------------- */

    .arcadians-hero-image {

        /*
           Image ko mobile par clearly show karega
        */

        background-size: cover;

        /*
           Image ko center-right rakha hai
           taake chair + rug visible rahein
        */

        background-position:
            62% center;
    }


    /* -----------------------------------------
       MOBILE OVERLAY
    ----------------------------------------- */

    .arcadians-hero-overlay {

        background:
            linear-gradient(
                180deg,

                rgba(239,245,247,0.88) 0%,

                rgba(239,245,247,0.70) 34%,

                rgba(239,245,247,0.30) 65%,

                rgba(239,245,247,0.08) 100%
            );
    }


    /* -----------------------------------------
       CONTAINER
    ----------------------------------------- */

    .arcadians-hero-container {

        align-items:
            flex-start;

        justify-content:
            center;

        padding:
            65px 20px 30px;
    }


    /* -----------------------------------------
       CONTENT
    ----------------------------------------- */

    .arcadians-hero-content {

        width: 100%;

        max-width: 500px;

        padding:
            10px 12px;

        text-align: center;
    }


    /* -----------------------------------------
       BRAND
    ----------------------------------------- */

    .arcadians-brand {

        justify-content: center;

        font-size: 10px;

        letter-spacing: 4px;

        margin-bottom: 20px;
    }


    .arcadians-brand span {

        width: 20px;
    }


    /* -----------------------------------------
       HEADING
    ----------------------------------------- */

    .arcadians-hero-content h1 {

        font-size:
            clamp(39px, 11vw, 52px);

        line-height: 1.02;

        letter-spacing: -1.2px;
    }


    .arcadians-hero-content h1 em {

        margin-top: 5px;
    }


    /* -----------------------------------------
       DESCRIPTION
    ----------------------------------------- */

    .arcadians-hero-content p {

        max-width: 420px;

        margin:
            20px auto 27px;

        font-size: 15px;

        line-height: 1.65;

        color: #294f60;
    }


    /* -----------------------------------------
       BUTTON
    ----------------------------------------- */

    .arcadians-shop-btn {

        min-width: 175px;

        padding:
            7px 8px 7px 23px;

        font-size: 12px;
    }


    .arcadians-shop-btn b {

        width: 36px;

        height: 36px;
    }


    /* -----------------------------------------
       CIRCLES
    ----------------------------------------- */

    .arcadians-circle-1 {

        width: 230px;

        height: 230px;

        right: -120px;

        top: -80px;
    }


    .arcadians-circle-2 {

        width: 120px;

        height: 120px;

        right: -30px;

        bottom: -50px;
    }


    /* -----------------------------------------
       BOTTOM LABEL
    ----------------------------------------- */

    .arcadians-bottom-label {

        left: 0;

        right: 0;

        bottom: 18px;

        justify-content: center;

        font-size: 8px;

        letter-spacing: 2px;
    }


    .arcadians-bottom-label i {

        width: 25px;
    }

}


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

@media (max-width: 390px) {

    .arcadians-hero {

        height: 690px;
    }


    .arcadians-hero-container {

        padding-top: 50px;
    }


    .arcadians-hero-content h1 {

        font-size: 37px;
    }


    .arcadians-hero-content p {

        font-size: 14px;

        margin-top: 18px;
    }


    .arcadians-bottom-label {

        font-size: 7px;

        letter-spacing: 1.5px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e73c35a *//* =====================================================
   ARCADIANS — RUG LIFESTYLE SECTION
===================================================== */

.arcadians-rug-lifestyle {

    position: relative;

    width: 100%;

    min-height: 780px;

    overflow: hidden;

    padding: 100px 0;

    background: #f2f6f7;

    box-sizing: border-box;

}


/* =====================================================
   BACKGROUND ORBS
===================================================== */

.arcadians-rug-orb {

    position: absolute;

    border-radius: 50%;

    pointer-events: none;

    z-index: 1;

}


/* Left outline */

.orb-left {

    width: 500px;

    height: 500px;

    left: -300px;

    top: -180px;

    border:
        1px solid
        rgba(24, 88, 117, 0.12);

    animation:
        rugOrbFloat
        10s
        ease-in-out
        infinite;
}


/* Right soft circle */

.orb-right {

    width: 380px;

    height: 380px;

    right: -180px;

    bottom: -180px;

    background:
        rgba(184, 161, 123, 0.10);

    animation:
        rugOrbFloatTwo
        8s
        ease-in-out
        infinite;
}


/* =====================================================
   ORB ANIMATIONS
===================================================== */

@keyframes rugOrbFloat {

    0%,
    100% {
        transform:
            translate(0, 0);
    }

    50% {
        transform:
            translate(25px, 20px);
    }

}


@keyframes rugOrbFloatTwo {

    0%,
    100% {
        transform:
            translateY(0);
    }

    50% {
        transform:
            translateY(-25px);
    }

}


/* =====================================================
   MAIN CONTAINER
===================================================== */

.arcadians-rug-inner {

    position: relative;

    z-index: 5;

    width: 100%;

    max-width: 1400px;

    margin: 0 auto;

    padding:
        0 55px;

    box-sizing: border-box;

    display: grid;

    grid-template-columns:
        0.9fr
        1.2fr
        0.9fr;

    align-items: center;

    gap: 55px;

}


/* =====================================================
   IMAGE BOX
===================================================== */

.arcadians-rug-photo {

    position: relative;

    overflow: hidden;

    box-shadow:
        0 30px 65px
        rgba(27, 66, 78, 0.14);

    opacity: 0;

}


/* LEFT IMAGE */

.photo-left {

    border-radius:
        170px
        170px
        22px
        22px;

    transform:
        translateY(50px);

    animation:
        rugPhotoLeft
        1.1s
        cubic-bezier(.22,.61,.36,1)
        0.15s
        forwards;

}


/* RIGHT IMAGE */

.photo-right {

    border-radius:
        22px
        22px
        170px
        170px;

    transform:
        translateY(-50px);

    animation:
        rugPhotoRight
        1.1s
        cubic-bezier(.22,.61,.36,1)
        0.3s
        forwards;

}


/* =====================================================
   IMAGE ANIMATIONS
===================================================== */

@keyframes rugPhotoLeft {

    from {
        opacity: 0;

        transform:
            translateY(50px);
    }

    to {
        opacity: 1;

        transform:
            translateY(0);
    }

}


@keyframes rugPhotoRight {

    from {
        opacity: 0;

        transform:
            translateY(-50px);
    }

    to {
        opacity: 1;

        transform:
            translateY(0);
    }

}


/* =====================================================
   IMAGE
===================================================== */

.arcadians-rug-photo img {

    display: block;

    width: 100%;

    height: 500px;

    object-fit: cover;

    transition:
        transform 0.8s
        cubic-bezier(.22,.61,.36,1);

}


/* Image hover */

.arcadians-rug-photo:hover img {

    transform:
        scale(1.06);

}


/* =====================================================
   CENTER CONTENT
===================================================== */

.arcadians-rug-info {

    text-align: center;

    padding:
        20px 5px;

    opacity: 0;

    animation:
        rugContentIn
        1s
        ease
        0.4s
        forwards;

}


/* Content animation */

@keyframes rugContentIn {

    from {

        opacity: 0;

        transform:
            translateY(35px);

    }

    to {

        opacity: 1;

        transform:
            translateY(0);

    }

}


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

.arcadians-rug-eyebrow {

    color: #185875;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 4px;

    margin-bottom: 22px;

}


/* =====================================================
   MAIN HEADING
===================================================== */

.arcadians-rug-info h2 {

    margin: 0;

    color: #16536b;

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

    font-size:
        clamp(48px, 4.5vw, 70px);

    line-height: 1;

    font-weight: 400;

    letter-spacing: -2px;

}


/* Elegant italic part */

.arcadians-rug-info h2 em {

    display: block;

    margin-top: 8px;

    color: #a08761;

    font-style: italic;

}


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

.arcadians-rug-info p {

    max-width: 500px;

    margin:
        28px auto 30px;

    color: #4b6873;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 15px;

    line-height: 1.8;

}


/* =====================================================
   SPACE LIST
===================================================== */

.arcadians-space-list {

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

    gap: 9px;

    max-width: 500px;

    margin:
        0 auto;

}


/* Individual space */

.arcadians-space-list span {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    padding:
        9px 14px;

    border:
        1px solid
        rgba(24, 88, 117, 0.20);

    border-radius: 30px;

    background:
        rgba(255,255,255,0.45);

    color: #315e6e;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: 0.5px;

    transition:
        all 0.3s ease;

}


/* Hover effect */

.arcadians-space-list span:hover {

    background:
        #185875;

    border-color:
        #185875;

    color:
        #ffffff;

    transform:
        translateY(-3px);

}


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

@media (max-width: 1050px) {

    .arcadians-rug-inner {

        grid-template-columns:
            0.85fr
            1.2fr
            0.85fr;

        gap: 25px;

        padding:
            0 30px;

    }


    .arcadians-rug-photo img {

        height: 420px;

    }


    .arcadians-rug-info h2 {

        font-size: 50px;

    }

}


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

@media (max-width: 750px) {

    .arcadians-rug-lifestyle {

        padding:
            75px 0 90px;

    }


    .arcadians-rug-inner {

        display: flex;

        flex-direction: column;

        gap: 30px;

        padding:
            0 20px;

    }


    /* CENTER CONTENT FIRST */

    .arcadians-rug-info {

        order: 1;

        padding:
            5px 5px 15px;

    }


    /* LEFT IMAGE */

    .photo-left {

        order: 2;

    }


    /* RIGHT IMAGE */

    .photo-right {

        order: 3;

    }


    .arcadians-rug-photo {

        width: 100%;

        max-width: 480px;

        margin:
            0 auto;

    }


    .arcadians-rug-photo img {

        height: 400px;

    }


    /* Mobile image shapes */

    .photo-left {

        border-radius:
            120px
            120px
            18px
            18px;

    }


    .photo-right {

        border-radius:
            18px
            18px
            120px
            120px;

    }


    /* Mobile heading */

    .arcadians-rug-info h2 {

        font-size: 46px;

        letter-spacing:
            -1px;

    }


    /* Mobile paragraph */

    .arcadians-rug-info p {

        font-size: 14px;

        line-height: 1.7;

        margin:
            22px auto 27px;

    }


    /* Mobile space list */

    .arcadians-space-list {

        gap: 7px;

        max-width: 390px;

    }


    .arcadians-space-list span {

        padding:
            8px 12px;

        font-size: 9px;

    }


    /* Mobile decorative circles */

    .orb-left {

        width: 380px;

        height: 380px;

        left: -250px;

        top: -100px;

    }


    .orb-right {

        width: 250px;

        height: 250px;

        right: -150px;

        bottom: -80px;

    }

}


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

@media (max-width: 390px) {

    .arcadians-rug-info h2 {

        font-size: 39px;

    }


    .arcadians-rug-info p {

        font-size: 13px;

    }


    .arcadians-rug-photo img {

        height: 340px;

    }


    .arcadians-rug-eyebrow {

        font-size: 9px;

        letter-spacing: 3px;

    }


    .arcadians-space-list span {

        font-size: 8px;

        padding:
            7px 10px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-43020ec *//* =========================================================
   ARCADIANS — OUR STORY
   COMPLETE CSS
   ========================================================= */


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

.arcadians-story {
    position: relative;
    width: 100%;
    margin: 0 !important;
    padding: 0 0 90px 0 !important;

    overflow: hidden;

    box-sizing: border-box;

    background:
        radial-gradient(
            circle at 15% 25%,
            rgba(180, 155, 114, 0.10),
            transparent 28%
        ),
        radial-gradient(
            circle at 85% 75%,
            rgba(24, 88, 117, 0.08),
            transparent 30%
        ),
        #f2f6f7;
}


/* =========================================================
   REMOVE ALL TOP SPACE
   ========================================================= */

.arcadians-story,
.arcadians-story *,
.arcadians-story-inner {
    box-sizing: border-box;
}


/* Elementor parent spacing */

.elementor-element:has(.arcadians-story) {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.elementor-element:has(.arcadians-story)
> .elementor-widget-container {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.elementor-section:has(.arcadians-story) {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.elementor-section:has(.arcadians-story)
> .elementor-container {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.elementor-top-section:has(.arcadians-story) {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


/* =========================================================
   INNER CONTAINER
   ========================================================= */

.arcadians-story-inner {
    position: relative;

    width: 100%;
    max-width: 1250px;

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

    text-align: center;

    z-index: 5;
}


/* =========================================================
   LOGO AREA
   ========================================================= */

.arcadians-story-logo-wrap {
    position: relative;

    width: 145px;
    height: 145px;

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

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

    animation:
        storyLogoFloat 5s ease-in-out infinite;
}


/* Logo */

.arcadians-story-logo {
    position: relative;

    width: 105px;
    height: auto;

    display: block;

    z-index: 4;

    filter:
        drop-shadow(
            0 8px 18px
            rgba(24, 88, 117, 0.12)
        );

    animation:
        storyLogoReveal 1.2s ease both;
}


/* =========================================================
   GOLD ORBIT
   ========================================================= */

.arcadians-story-orbit {
    position: absolute;

    width: 138px;
    height: 138px;

    border:
        1px solid
        rgba(160, 135, 97, 0.42);

    border-radius: 50%;

    animation:
        storyOrbit 12s linear infinite;
}


.arcadians-story-orbit::before {
    content: "";

    position: absolute;

    width: 8px;
    height: 8px;

    top: 8px;
    left: 50%;

    transform: translateX(-50%);

    background: #a08761;

    border-radius: 50%;

    box-shadow:
        0 0 15px
        rgba(160, 135, 97, 0.5);
}


/* =========================================================
   SECOND ORBIT
   ========================================================= */

.arcadians-story-orbit-two {
    position: absolute;

    width: 118px;
    height: 118px;

    border:
        1px dashed
        rgba(24, 88, 117, 0.18);

    border-radius: 50%;

    animation:
        storyOrbitReverse 16s linear infinite;
}


/* =========================================================
   SMALL LABEL
   ========================================================= */

.arcadians-story-label {
    display: inline-flex;

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

    gap: 13px;

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

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 4px;

    color: #a08761;

    text-transform: uppercase;

    animation:
        storyFadeUp
        1s ease
        0.2s both;
}


.arcadians-story-label::before,
.arcadians-story-label::after {
    content: "";

    width: 38px;
    height: 1px;

    background: #a08761;

    opacity: 0.7;
}


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

.arcadians-story-title {
    max-width: 850px;

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

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

    font-size:
        clamp(48px, 6vw, 78px);

    line-height: 1.05;

    font-weight: 400;

    letter-spacing: -1.5px;

    color: #185875;

    animation:
        storyFadeUp
        1s ease
        0.35s both;
}


.arcadians-story-title span {
    display: block;

    color: #2b211c;

    font-style: italic;
}


/* =========================================================
   DIVIDER
   ========================================================= */

.arcadians-story-divider {
    position: relative;

    width: 110px;
    height: 1px;

    margin: 30px auto 28px !important;
    padding: 0 !important;

    background:
        rgba(160, 135, 97, 0.55);

    animation:
        storyDivider
        1.2s ease
        0.55s both;
}


.arcadians-story-divider::after {
    content: "✦";

    position: absolute;

    left: 50%;
    top: 50%;

    transform:
        translate(-50%, -50%);

    padding: 0 12px;

    background: #f2f6f7;

    color: #a08761;

    font-size: 13px;
}


/* =========================================================
   STORY TEXT
   ========================================================= */

.arcadians-story-text {
    max-width: 760px;

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

    animation:
        storyFadeUp
        1s ease
        0.65s both;
}


.arcadians-story-text p {
    margin: 0 auto 18px !important;
    padding: 0 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 16px;

    line-height: 1.9;

    font-weight: 400;

    color: #4e626b;
}


.arcadians-story-text p:last-child {
    margin-bottom: 0 !important;
}


/* =========================================================
   SIGNATURE
   ========================================================= */

.arcadians-story-signature {
    margin: 34px auto 0 !important;
    padding: 0 !important;

    animation:
        storyFadeUp
        1s ease
        0.8s both;
}


.arcadians-story-signature-main {
    display: block;

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

    font-size: 22px;

    letter-spacing: 5px;

    color: #185875;
}


.arcadians-story-signature-sub {
    display: block;

    margin-top: 7px;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 9px;

    letter-spacing: 4px;

    color: #a08761;
}


/* =========================================================
   BACKGROUND ORBITS
   ========================================================= */

.arcadians-story-bg-orbit {
    position: absolute;

    border:
        1px solid
        rgba(24, 88, 117, 0.07);

    border-radius: 50%;

    pointer-events: none;
}


/* Left orbit */

.arcadians-story-bg-orbit.one {
    width: 480px;
    height: 480px;

    left: -250px;
    top: 60px;

    animation:
        backgroundRotate
        25s linear infinite;
}


/* Right orbit */

.arcadians-story-bg-orbit.two {
    width: 390px;
    height: 390px;

    right: -190px;
    bottom: 20px;

    animation:
        backgroundRotateReverse
        30s linear infinite;
}


/* Small orbit */

.arcadians-story-bg-orbit.three {
    width: 180px;
    height: 180px;

    right: 10%;
    top: 50px;

    border-color:
        rgba(160, 135, 97, 0.10);

    animation:
        backgroundFloat
        8s ease-in-out infinite;
}


/* =========================================================
   GLOW EFFECTS
   ========================================================= */

.arcadians-story-glow {
    position: absolute;

    width: 220px;
    height: 220px;

    border-radius: 50%;

    background:
        rgba(180, 155, 114, 0.08);

    filter: blur(50px);

    pointer-events: none;
}


/* Gold glow */

.arcadians-story-glow.one {
    left: 8%;
    top: 20%;

    animation:
        glowFloat
        7s ease-in-out infinite;
}


/* Blue glow */

.arcadians-story-glow.two {
    right: 8%;
    bottom: 10%;

    background:
        rgba(24, 88, 117, 0.07);

    animation:
        glowFloat
        9s ease-in-out infinite reverse;
}


/* =========================================================
   BOTTOM WORDS
   ========================================================= */

.arcadians-story-bottom {
    display: flex;

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

    gap: 30px;

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

    animation:
        storyFadeUp
        1s ease
        1s both;
}


.arcadians-story-bottom span {
    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 9px;

    letter-spacing: 3px;

    color: #80929a;

    text-transform: uppercase;
}


.arcadians-story-bottom i {
    display: block;

    width: 4px;
    height: 4px;

    border-radius: 50%;

    background: #a08761;
}


/* =========================================================
   ANIMATIONS
   ========================================================= */

@keyframes storyFadeUp {

    from {
        opacity: 0;

        transform:
            translateY(30px);
    }

    to {
        opacity: 1;

        transform:
            translateY(0);
    }

}


@keyframes storyLogoReveal {

    from {
        opacity: 0;

        transform:
            scale(0.7)
            rotate(-8deg);
    }

    to {
        opacity: 1;

        transform:
            scale(1)
            rotate(0);
    }

}


@keyframes storyLogoFloat {

    0%,
    100% {
        transform:
            translateY(0);
    }

    50% {
        transform:
            translateY(-8px);
    }

}


@keyframes storyOrbit {

    from {
        transform:
            rotate(0deg);
    }

    to {
        transform:
            rotate(360deg);
    }

}


@keyframes storyOrbitReverse {

    from {
        transform:
            rotate(360deg);
    }

    to {
        transform:
            rotate(0deg);
    }

}


@keyframes storyDivider {

    from {
        opacity: 0;
        width: 0;
    }

    to {
        opacity: 1;
        width: 110px;
    }

}


@keyframes backgroundRotate {

    from {
        transform:
            rotate(0deg);
    }

    to {
        transform:
            rotate(360deg);
    }

}


@keyframes backgroundRotateReverse {

    from {
        transform:
            rotate(360deg);
    }

    to {
        transform:
            rotate(0deg);
    }

}


@keyframes backgroundFloat {

    0%,
    100% {
        transform:
            translateY(0)
            scale(1);
    }

    50% {
        transform:
            translateY(-20px)
            scale(1.05);
    }

}


@keyframes glowFloat {

    0%,
    100% {
        transform:
            translate(0, 0);

        opacity: 0.7;
    }

    50% {
        transform:
            translate(20px, -20px);

        opacity: 1;
    }

}


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

@media (max-width: 1024px) {

    .arcadians-story {
        padding:
            0 0 70px 0 !important;
    }

    .arcadians-story-inner {
        padding:
            0 25px !important;
    }

    .arcadians-story-logo-wrap {
        width: 130px;
        height: 130px;

        margin-bottom: 25px !important;
    }

    .arcadians-story-logo {
        width: 95px;
    }

    .arcadians-story-orbit {
        width: 125px;
        height: 125px;
    }

    .arcadians-story-orbit-two {
        width: 108px;
        height: 108px;
    }

    .arcadians-story-title {
        font-size: 58px;
    }

}


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

@media (max-width: 767px) {

    .arcadians-story {
        width: 100%;

        margin:
            0 !important;

        padding:
            0 0 55px 0 !important;
    }


    .arcadians-story-inner {
        padding:
            0 20px !important;
    }


    .arcadians-story-logo-wrap {
        width: 115px;
        height: 115px;

        margin:
            0 auto 22px !important;
    }


    .arcadians-story-logo {
        width: 82px;
    }


    .arcadians-story-orbit {
        width: 108px;
        height: 108px;
    }


    .arcadians-story-orbit-two {
        width: 92px;
        height: 92px;
    }


    .arcadians-story-label {

        font-size: 9px;

        letter-spacing: 3px;

        gap: 9px;

        margin-bottom:
            15px !important;
    }


    .arcadians-story-label::before,
    .arcadians-story-label::after {

        width: 24px;
    }


    .arcadians-story-title {

        font-size: 42px;

        line-height: 1.08;

        letter-spacing: -0.8px;
    }


    .arcadians-story-divider {

        margin:
            24px auto 22px !important;
    }


    .arcadians-story-text {

        max-width: 100%;
    }


    .arcadians-story-text p {

        font-size: 14px;

        line-height: 1.8;

        margin-bottom:
            15px !important;
    }


    .arcadians-story-signature {

        margin-top:
            28px !important;
    }


    .arcadians-story-signature-main {

        font-size: 18px;

        letter-spacing: 4px;
    }


    .arcadians-story-signature-sub {

        font-size: 8px;

        letter-spacing: 3px;
    }


    .arcadians-story-bottom {

        margin-top:
            40px !important;

        gap: 12px;

        flex-wrap: wrap;
    }


    .arcadians-story-bottom span {

        font-size: 7px;

        letter-spacing: 2px;
    }


    .arcadians-story-bg-orbit.one {

        width: 260px;
        height: 260px;

        left: -170px;
        top: 80px;
    }


    .arcadians-story-bg-orbit.two {

        width: 240px;
        height: 240px;

        right: -150px;
        bottom: 20px;
    }


    .arcadians-story-bg-orbit.three {

        width: 120px;
        height: 120px;

        right: 5%;
        top: 40px;
    }


    .arcadians-story-glow {

        width: 150px;
        height: 150px;

        filter:
            blur(40px);
    }

}


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

@media (max-width: 480px) {

    .arcadians-story-title {

        font-size: 37px;
    }


    .arcadians-story-text p {

        font-size: 13.5px;
    }


    .arcadians-story-bottom {

        gap: 9px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-24aa61f */.arcadians-products-section {
    width: 100%;
    background: #dcecef;
    padding: 70px 30px 80px;
    box-sizing: border-box;
    overflow: hidden;
}


/* Heading */

.arcadians-products-heading {
    max-width: 1250px;
    margin: 0 auto 45px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 50px;
}

.arcadians-products-text {
    width: 40%;
    padding-top: 5px;
}

.arcadians-products-text p {
    color: #24556d;
    font-size: 15px;
    line-height: 1.7;
    margin: 0;
    max-width: 430px;
}

.arcadians-products-title {
    width: 50%;
}

.arcadians-products-title span {
    display: block;
    color: #24556d;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 3px;
    margin-bottom: 10px;
}

.arcadians-products-title h2 {
    color: #174c67;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 52px;
    line-height: 1.1;
    font-weight: 500;
    margin: 0;
}


/* Products Grid */

.arcadians-products-grid ul.products {
    max-width: 1400px;
    margin: 0 auto !important;
    padding: 0 !important;

    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px;
}

.arcadians-products-grid ul.products::before,
.arcadians-products-grid ul.products::after {
    display: none !important;
}


/* Product Box */

.arcadians-products-grid ul.products li.product {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 0 35px !important;

    background: #ffffff;
    border-radius: 5px;

    overflow: hidden;

    text-align: center !important;

    box-sizing: border-box;
}


/* Product Image */

.arcadians-products-grid ul.products li.product a img {
    width: 100% !important;
    height: 380px !important;

    object-fit: contain !important;
    object-position: center !important;

    display: block !important;

    margin: 0 auto 20px !important;
    padding: 15px;

    box-sizing: border-box;
}


/* Category */

.arcadians-products-grid ul.products li.product .woocommerce-loop-category__title,
.arcadians-products-grid ul.products li.product .product_cat {
    color: #7c8d97;
    font-size: 13px;
    text-align: center;
}


/* Product Title */

.arcadians-products-grid ul.products li.product .woocommerce-loop-product__title {
    color: #174c67;

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

    font-size: 25px;
    line-height: 1.25;

    font-weight: 500;

    text-align: center !important;

    padding: 0 25px !important;

    margin: 0 0 12px !important;
}


/* Price */

.arcadians-products-grid ul.products li.product .price {
    display: block;

    color: #174c67 !important;

    font-size: 16px;
    font-weight: 600;

    text-align: center !important;

    padding: 0 !important;

    margin: 0 0 20px !important;
}


/* Add To Cart Button */

.arcadians-products-grid ul.products li.product .button {
    display: table !important;

    margin: 0 auto !important;

    background: #174f6b !important;

    color: #ffffff !important;

    padding: 12px 28px !important;

    border-radius: 30px !important;

    font-size: 12px;

    font-weight: 600;

    letter-spacing: 1px;

    text-transform: uppercase;

    text-align: center;

    text-decoration: none !important;

    transition: 0.3s;
}

.arcadians-products-grid ul.products li.product .button:hover {
    background: #123e54 !important;
    color: #ffffff !important;
}


/* Tablet */

@media (max-width: 1024px) {

    .arcadians-products-section {
        padding: 60px 20px 70px;
    }

    .arcadians-products-heading {
        gap: 35px;
    }

    .arcadians-products-title h2 {
        font-size: 42px;
    }

    .arcadians-products-grid ul.products {
        gap: 25px;
    }

    .arcadians-products-grid ul.products li.product a img {
        height: 320px !important;
    }

    .arcadians-products-grid ul.products li.product .woocommerce-loop-product__title {
        font-size: 22px;
    }
}


/* Mobile */

@media (max-width: 767px) {

    .arcadians-products-section {
        padding: 50px 15px 60px;
    }

    .arcadians-products-heading {
        display: flex;
        flex-direction: column;

        gap: 25px;

        margin-bottom: 35px;
    }

    .arcadians-products-text {
        width: 100%;
    }

    .arcadians-products-title {
        width: 100%;
    }

    .arcadians-products-title span {
        font-size: 10px;
        letter-spacing: 2px;
    }

    .arcadians-products-title h2 {
        font-size: 36px;
    }


    /* One Product Per Row */

    .arcadians-products-grid ul.products {
        grid-template-columns: 1fr !important;
        gap: 25px;
    }


    /* Product Image */

    .arcadians-products-grid ul.products li.product a img {
        height: 330px !important;

        object-fit: contain !important;

        padding: 15px;
    }


    /* Product Title */

    .arcadians-products-grid ul.products li.product .woocommerce-loop-product__title {
        font-size: 23px;
        padding: 0 20px !important;
    }


    /* Price */

    .arcadians-products-grid ul.products li.product .price {
        font-size: 16px;
    }

}


/* Small Mobile */

@media (max-width: 480px) {

    .arcadians-products-section {
        padding: 45px 10px 55px;
    }

    .arcadians-products-title h2 {
        font-size: 32px;
    }

    .arcadians-products-grid ul.products li.product a img {
        height: 300px !important;
    }

    .arcadians-products-grid ul.products li.product .woocommerce-loop-product__title {
        font-size: 21px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-52730ef */.arcadians-featured {
    width: 100%;
    background: #dcecef;
    padding: 80px 30px;
    box-sizing: border-box;
    overflow: hidden;
}


.arcadians-featured-inner {
    width: 100%;
    max-width: 1350px;
    margin: 0 auto;

    display: grid;

    grid-template-columns: 1.35fr 0.65fr;
    grid-template-rows: auto auto;

    gap: 22px;

    position: relative;
}


/* Main Image */

.arcadians-featured-main-image {
    grid-column: 1;
    grid-row: 1 / 3;

    background: #ffffff;

    min-height: 650px;

    overflow: hidden;

    border-radius: 6px;
}


.arcadians-featured-main-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: contain;
    object-position: center;

    padding: 30px;

    box-sizing: border-box;

    transition: transform 0.5s ease;
}


.arcadians-featured-main-image:hover img {
    transform: scale(1.03);
}


/* Right Gallery */

.arcadians-featured-gallery {
    grid-column: 2;
    grid-row: 1;

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 22px;
}


.arcadians-gallery-image {
    background: #ffffff;

    height: 315px;

    overflow: hidden;

    border-radius: 6px;
}


.arcadians-gallery-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: contain;

    padding: 15px;

    box-sizing: border-box;

    transition: transform 0.4s ease;
}


.arcadians-gallery-image:hover img {
    transform: scale(1.04);
}


/* Product Information */

.arcadians-featured-info {
    grid-column: 2;
    grid-row: 2;

    background: #9fc7ca;

    padding: 40px 45px;

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

    box-sizing: border-box;
}


.arcadians-featured-label {
    color: #174c67;

    font-size: 11px;

    font-weight: 600;

    letter-spacing: 3px;

    margin-bottom: 15px;
}


.arcadians-featured-info h2 {
    color: #174c67;

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

    font-size: 34px;

    line-height: 1.2;

    font-weight: 500;

    margin: 0 0 18px;
}


.arcadians-featured-price {
    color: #174c67;

    font-size: 20px;

    font-weight: 600;

    margin-bottom: 18px;
}


.arcadians-featured-info p {
    color: #ffffff;

    font-size: 15px;

    line-height: 1.7;

    margin: 0 0 28px;

    max-width: 550px;
}


/* Buttons */

.arcadians-featured-buttons {
    display: flex;

    align-items: center;

    gap: 12px;

    flex-wrap: wrap;
}


.arcadians-view-button,
.arcadians-cart-button {
    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-height: 46px;

    padding: 0 25px;

    border-radius: 30px;

    font-size: 12px;

    font-weight: 600;

    letter-spacing: 1px;

    text-transform: uppercase;

    text-decoration: none !important;

    box-sizing: border-box;

    transition: all 0.3s ease;
}


/* View Product */

.arcadians-view-button {
    background: #ffffff;

    color: #174c67 !important;

    border: 1px solid #ffffff;
}


.arcadians-view-button:hover {
    background: #174c67;

    color: #ffffff !important;

    border-color: #174c67;
}


/* Add To Cart */

.arcadians-cart-button {
    background: #174c67;

    color: #ffffff !important;

    border: 1px solid #174c67;
}


.arcadians-cart-button:hover {
    background: #123e54;

    color: #ffffff !important;

    border-color: #123e54;
}


/* Tablet */

@media (max-width: 1024px) {

    .arcadians-featured {
        padding: 60px 20px;
    }


    .arcadians-featured-inner {
        grid-template-columns: 1fr 1fr;

        gap: 18px;
    }


    .arcadians-featured-main-image {
        min-height: 560px;
    }


    .arcadians-gallery-image {
        height: 270px;
    }


    .arcadians-featured-info {
        padding: 30px;
    }


    .arcadians-featured-info h2 {
        font-size: 28px;
    }

}


/* Mobile */

@media (max-width: 767px) {

    .arcadians-featured {
        padding: 45px 15px;
    }


    .arcadians-featured-inner {
        display: flex;

        flex-direction: column;

        gap: 15px;
    }


    /* Main Image */

    .arcadians-featured-main-image {
        width: 100%;

        min-height: auto;

        height: 420px;
    }


    .arcadians-featured-main-image img {
        padding: 20px;
    }


    /* Gallery */

    .arcadians-featured-gallery {
        width: 100%;

        display: grid;

        grid-template-columns: 1fr 1fr;

        gap: 15px;
    }


    .arcadians-gallery-image {
        height: 210px;
    }


    /* Information */

    .arcadians-featured-info {
        width: 100%;

        padding: 35px 25px;
    }


    .arcadians-featured-info h2 {
        font-size: 28px;
    }


    .arcadians-featured-price {
        font-size: 18px;
    }


    .arcadians-featured-info p {
        font-size: 14px;
    }


    .arcadians-featured-buttons {
        width: 100%;

        flex-direction: column;

        align-items: stretch;
    }


    .arcadians-view-button,
    .arcadians-cart-button {
        width: 100%;
    }

}


/* Small Mobile */

@media (max-width: 480px) {

    .arcadians-featured {
        padding: 35px 10px;
    }


    .arcadians-featured-main-image {
        height: 350px;
    }


    .arcadians-gallery-image {
        height: 170px;
    }


    .arcadians-featured-info {
        padding: 30px 20px;
    }


    .arcadians-featured-info h2 {
        font-size: 25px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3037597 *//* =========================================================
   ARCADIANS
   LIFESTYLE SECTION
   TOP SPACE REMOVED
   ========================================================= */


/* =========================================================
   FORCE REMOVE TOP SPACE
   ========================================================= */

.arc-lifestyle-section,
.arc-lifestyle-section * {
    box-sizing: border-box;
}


/* Main Elementor element */
.elementor-element:has(.arc-lifestyle-section) {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


/* Elementor widget */
.elementor-element:has(.arc-lifestyle-section)
> .elementor-widget-container {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


/* Elementor section */
.elementor-section:has(.arc-lifestyle-section) {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


/* Elementor container */
.elementor-section:has(.arc-lifestyle-section)
> .elementor-container {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


/* Elementor top section */
.elementor-top-section:has(.arc-lifestyle-section) {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


/* Elementor column */
.elementor-element:has(.arc-lifestyle-section)
.elementor-column {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


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

.arc-lifestyle-section {

    position: relative;

    width: 100%;

    margin: 0 !important;

    padding:
        0 0 100px 0 !important;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 8% 30%,
            rgba(160, 135, 97, 0.10),
            transparent 30%
        ),
        radial-gradient(
            circle at 92% 70%,
            rgba(24, 88, 117, 0.08),
            transparent 32%
        ),
        #f2f6f7;

}


/* =========================================================
   MAIN CONTAINER
   ========================================================= */

.arc-lifestyle-container {

    position: relative;

    width: 92%;

    max-width: 1280px;

    margin:
        0 auto !important;

    padding:
        0 !important;

    display: grid;

    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(390px, 0.92fr);

    align-items: center;

    gap: 80px;

    z-index: 5;

}


/* =========================================================
   VIDEO AREA
   ========================================================= */

.arc-lifestyle-media {

    position: relative;

    width: 100%;

    margin: 0 !important;

    padding: 0 !important;

    animation:
        lifestyleImageReveal
        1.2s
        cubic-bezier(.2,.7,.2,1)
        both;

}


/* =========================================================
   VIDEO FRAME
   ========================================================= */

.arc-lifestyle-video-frame {

    position: relative;

    width: 100%;

    margin: 0 !important;

    padding: 12px !important;

    background:
        rgba(255,255,255,.88);

    border:
        1px solid
        rgba(160,135,97,.25);

    box-shadow:
        0 30px 70px
        rgba(24,88,117,.13);

    transform:
        rotate(-1deg);

    transition:
        transform .6s ease,
        box-shadow .6s ease;

}


.arc-lifestyle-video-frame:hover {

    transform:
        rotate(0deg)
        translateY(-7px);

    box-shadow:
        0 40px 85px
        rgba(24,88,117,.18);

}


/* =========================================================
   VIDEO BOX
   ========================================================= */

.arc-lifestyle-video-box {

    position: relative;

    width: 100%;

    aspect-ratio:
        16 / 10;

    overflow: hidden;

    background:
        #e7edef;

}


/* =========================================================
   VIDEO
   ========================================================= */

.arc-lifestyle-video {

    width: 100%;

    height: 100%;

    display: block;

    margin: 0 !important;

    padding: 0 !important;

    object-fit: cover;

    object-position: center;

    opacity: 1;

    filter: none;

    transform:
        scale(1.01);

    transition:
        transform 1.2s ease;

}


.arc-lifestyle-video-frame:hover
.arc-lifestyle-video {

    transform:
        scale(1.045);

}


/* =========================================================
   VIDEO LIGHT EFFECT
   ========================================================= */

.arc-lifestyle-video-box::after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 45%;

    height: 100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.13),
            transparent
        );

    transform:
        translateX(-180%);

    animation:
        videoLightSweep
        7s
        ease-in-out
        infinite;

    pointer-events: none;

}


/* =========================================================
   GOLD CORNERS
   ========================================================= */

.arc-corner {

    position: absolute;

    width: 50px;

    height: 50px;

    z-index: 4;

    pointer-events: none;

}


.arc-corner.top-left {

    top: -9px;

    left: -9px;

    border-top:
        2px solid #a08761;

    border-left:
        2px solid #a08761;

}


.arc-corner.bottom-right {

    right: -9px;

    bottom: -9px;

    border-right:
        2px solid #a08761;

    border-bottom:
        2px solid #a08761;

}


/* =========================================================
   FLOATING LABEL
   ========================================================= */

.arc-lifestyle-label {

    position: absolute;

    left: -24px;

    bottom: 32px;

    display: flex;

    align-items: center;

    gap: 10px;

    padding:
        14px 20px;

    background:
        #185875;

    color:
        #ffffff;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 3px;

    box-shadow:
        0 15px 35px
        rgba(24,88,117,.22);

    animation:
        lifestyleFloat
        4s
        ease-in-out
        infinite;

    z-index: 6;

}


.label-dot {

    width: 6px;

    height: 6px;

    flex:
        0 0 6px;

    border-radius: 50%;

    background:
        #c5aa7b;

    box-shadow:
        0 0 12px
        rgba(197,170,123,.8);

}


/* =========================================================
   CONTENT
   ========================================================= */

.arc-lifestyle-content {

    position: relative;

    margin: 0 !important;

    padding:
        10px 0 !important;

    animation:
        lifestyleContentReveal
        1.2s
        cubic-bezier(.2,.7,.2,1)
        .25s
        both;

}


/* =========================================================
   EYEBROW
   ========================================================= */

.arc-lifestyle-eyebrow {

    margin:
        0 0 17px !important;

    padding: 0 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 4px;

    color:
        #a08761;

}


/* =========================================================
   LINE
   ========================================================= */

.arc-lifestyle-line {

    position: relative;

    width: 70px;

    height: 2px;

    margin:
        0 0 27px !important;

    background:
        #a08761;

}


.arc-lifestyle-line::after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 22px;

    height: 2px;

    background:
        #185875;

    animation:
        lineMove
        3s
        ease-in-out
        infinite;

}


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

.arc-lifestyle-title {

    margin:
        0 !important;

    padding:
        0 !important;

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

    font-size:
        clamp(45px, 4.7vw, 68px);

    line-height:
        1.04;

    font-weight:
        400;

    letter-spacing:
        -1.5px;

    color:
        #185875;

}


.arc-lifestyle-title span {

    display:
        block;

    color:
        #2b211c;

    font-style:
        italic;

}


/* =========================================================
   INTRO
   ========================================================= */

.arc-lifestyle-intro {

    max-width:
        570px;

    margin:
        26px 0 0 !important;

    padding:
        0 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        15px;

    line-height:
        1.9;

    color:
        #60747d;

}


/* =========================================================
   DETAILS
   ========================================================= */

.arc-lifestyle-details {

    margin:
        34px 0 0 !important;

    padding:
        0 !important;

    display:
        flex;

    flex-direction:
        column;

    gap:
        20px;

}


.lifestyle-detail {

    display:
        flex;

    align-items:
        flex-start;

    gap:
        17px;

    margin:
        0 !important;

    padding:
        0 !important;

}


/* =========================================================
   NUMBER
   ========================================================= */

.detail-number {

    min-width:
        35px;

    width:
        35px;

    height:
        35px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border:
        1px solid
        rgba(160,135,97,.42);

    border-radius:
        50%;

    font-family:
        Georgia,
        serif;

    font-size:
        11px;

    color:
        #a08761;

    transition:
        all .35s ease;

}


.lifestyle-detail:hover
.detail-number {

    background:
        #185875;

    border-color:
        #185875;

    color:
        #ffffff;

    transform:
        rotate(10deg);

}


/* =========================================================
   DETAIL HEADING
   ========================================================= */

.detail-content h3 {

    margin:
        1px 0 5px !important;

    padding:
        0 !important;

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

    font-size:
        20px;

    font-weight:
        400;

    color:
        #185875;

}


/* =========================================================
   DETAIL TEXT
   ========================================================= */

.detail-content p {

    max-width:
        470px;

    margin:
        0 !important;

    padding:
        0 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        12.5px;

    line-height:
        1.7;

    color:
        #71828a;

}


/* =========================================================
   SIGNATURE
   ========================================================= */

.arc-lifestyle-signature {

    display:
        flex;

    align-items:
        center;

    gap:
        12px;

    margin:
        37px 0 0 !important;

    padding:
        0 !important;

}


.signature-brand {

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

    font-size:
        13px;

    letter-spacing:
        4px;

    color:
        #185875;

}


.signature-dot {

    width:
        4px;

    height:
        4px;

    border-radius:
        50%;

    background:
        #a08761;

}


.signature-text {

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        8px;

    letter-spacing:
        2.5px;

    color:
        #81929a;

}


/* =========================================================
   BACKGROUND CIRCLES
   ========================================================= */

.arc-lifestyle-circle {

    position:
        absolute;

    border:
        1px solid
        rgba(24,88,117,.07);

    border-radius:
        50%;

    pointer-events:
        none;

}


.circle-one {

    width:
        520px;

    height:
        520px;

    left:
        -300px;

    top:
        -100px;

    animation:
        backgroundRotate
        28s
        linear
        infinite;

}


.circle-two {

    width:
        430px;

    height:
        430px;

    right:
        -230px;

    bottom:
        -190px;

    border-color:
        rgba(160,135,97,.10);

    animation:
        backgroundRotateReverse
        32s
        linear
        infinite;

}


/* =========================================================
   GLOW
   ========================================================= */

.arc-lifestyle-glow {

    position:
        absolute;

    width:
        240px;

    height:
        240px;

    border-radius:
        50%;

    filter:
        blur(60px);

    pointer-events:
        none;

}


.glow-one {

    left:
        25%;

    top:
        10%;

    background:
        rgba(180,155,114,.07);

    animation:
        softGlow
        8s
        ease-in-out
        infinite;

}


.glow-two {

    right:
        10%;

    bottom:
        5%;

    background:
        rgba(24,88,117,.06);

    animation:
        softGlow
        10s
        ease-in-out
        infinite
        reverse;

}


/* =========================================================
   ANIMATIONS
   ========================================================= */

@keyframes lifestyleImageReveal {

    from {

        opacity: 0;

        transform:
            translateX(-45px)
            scale(.96);

    }

    to {

        opacity: 1;

        transform:
            translateX(0)
            scale(1);

    }

}


@keyframes lifestyleContentReveal {

    from {

        opacity: 0;

        transform:
            translateX(45px);

    }

    to {

        opacity: 1;

        transform:
            translateX(0);

    }

}


@keyframes lifestyleFloat {

    0%,
    100% {

        transform:
            translateY(0);

    }

    50% {

        transform:
            translateY(-9px);

    }

}


@keyframes videoLightSweep {

    0% {

        transform:
            translateX(-180%);

    }

    25%,
    100% {

        transform:
            translateX(300%);

    }

}


@keyframes lineMove {

    0%,
    100% {

        transform:
            translateX(0);

    }

    50% {

        transform:
            translateX(48px);

    }

}


@keyframes backgroundRotate {

    from {

        transform:
            rotate(0deg);

    }

    to {

        transform:
            rotate(360deg);

    }

}


@keyframes backgroundRotateReverse {

    from {

        transform:
            rotate(360deg);

    }

    to {

        transform:
            rotate(0deg);

    }

}


@keyframes softGlow {

    0%,
    100% {

        transform:
            translate(0,0)
            scale(1);

        opacity:
            .55;

    }

    50% {

        transform:
            translate(25px,-20px)
            scale(1.1);

        opacity:
            1;

    }

}


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

@media (max-width: 1024px) {

    .arc-lifestyle-section {

        padding:
            0 0 75px 0 !important;

    }


    .arc-lifestyle-container {

        width:
            90%;

        grid-template-columns:
            1fr 1fr;

        gap:
            45px;

    }


    .arc-lifestyle-title {

        font-size:
            48px;

    }


    .arc-lifestyle-label {

        left:
            -12px;

    }

}


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

@media (max-width: 767px) {

    .arc-lifestyle-section {

        width:
            100%;

        margin:
            0 !important;

        padding:
            0 0 55px 0 !important;

    }


    .arc-lifestyle-container {

        width:
            90%;

        margin:
            0 auto !important;

        padding:
            0 !important;

        display:
            flex;

        flex-direction:
            column;

        gap:
            45px;

    }


    /* Video */

    .arc-lifestyle-media {

        width:
            100%;

        margin:
            0 !important;

        padding:
            0 !important;

    }


    .arc-lifestyle-video-frame {

        padding:
            8px !important;

        transform:
            rotate(0deg);

    }


    .arc-lifestyle-video-box {

        aspect-ratio:
            1 / .86;

    }


    .arc-lifestyle-label {

        left:
            10px;

        bottom:
            20px;

        padding:
            11px 15px;

        font-size:
            8px;

    }


    .arc-corner {

        width:
            34px;

        height:
            34px;

    }


    /* Content */

    .arc-lifestyle-content {

        width:
            100%;

        margin:
            0 !important;

        padding:
            0 !important;

        text-align:
            center;

    }


    .arc-lifestyle-eyebrow {

        font-size:
            9px;

        letter-spacing:
            3px;

    }


    .arc-lifestyle-line {

        margin:
            0 auto 23px !important;

    }


    .arc-lifestyle-title {

        font-size:
            41px;

        line-height:
            1.08;

        letter-spacing:
            -.8px;

    }


    .arc-lifestyle-intro {

        margin:
            21px auto 0 !important;

        font-size:
            14px;

        line-height:
            1.8;

    }


    .arc-lifestyle-details {

        margin:
            30px 0 0 !important;

        text-align:
            left;

        gap:
            18px;

    }


    .detail-content h3 {

        font-size:
            19px;

    }


    .detail-content p {

        font-size:
            12px;

    }


    .arc-lifestyle-signature {

        justify-content:
            center;

        margin-top:
            32px !important;

    }


    .arc-lifestyle-circle.circle-one {

        width:
            300px;

        height:
            300px;

        left:
            -190px;

        top:
            50px;

    }


    .arc-lifestyle-circle.circle-two {

        width:
            280px;

        height:
            280px;

        right:
            -160px;

        bottom:
            -80px;

    }


    .arc-lifestyle-glow {

        width:
            160px;

        height:
            160px;

        filter:
            blur(45px);

    }

}


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

@media (max-width: 480px) {

    .arc-lifestyle-container {

        width:
            92%;

    }


    .arc-lifestyle-title {

        font-size:
            35px;

    }


    .arc-lifestyle-intro {

        font-size:
            13.5px;

    }


    .detail-number {

        min-width:
            32px;

        width:
            32px;

        height:
            32px;

    }


    .detail-content h3 {

        font-size:
            18px;

    }


    .detail-content p {

        font-size:
            11.5px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0691f35 *//* =========================================================
   ARCADIANS
   INFORMATION / SUPPORT SECTION
   ========================================================= */


/* =========================================================
   RESET
   ========================================================= */

.arc-info-section,
.arc-info-section * {
    box-sizing: border-box;
}


/* =========================================================
   REMOVE TOP SPACE
   ========================================================= */

.elementor-element:has(.arc-info-section) {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


.elementor-element:has(.arc-info-section)
> .elementor-widget-container {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


.elementor-section:has(.arc-info-section) {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


.elementor-section:has(.arc-info-section)
> .elementor-container {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


.elementor-top-section:has(.arc-info-section) {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


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

.arc-info-section {

    position: relative;

    width: 100%;

    margin: 0 !important;

    padding:
        90px 0 75px 0 !important;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 8% 20%,
            rgba(160,135,97,.10),
            transparent 28%
        ),
        radial-gradient(
            circle at 92% 80%,
            rgba(24,88,117,.08),
            transparent 30%
        ),
        #f2f6f7;

}


/* =========================================================
   MAIN CONTAINER
   ========================================================= */

.arc-info-container {

    position: relative;

    width: 92%;

    max-width: 1280px;

    margin:
        0 auto !important;

    z-index: 5;

}


/* =========================================================
   HEADER
   ========================================================= */

.arc-info-header {

    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 80px;

    align-items: center;

    margin-bottom: 65px;

}


/* =========================================================
   EYEBROW
   ========================================================= */

.arc-info-eyebrow {

    margin-bottom: 16px;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 4px;

    color:
        #a08761;

    animation:
        infoFadeUp
        1s ease
        both;

}


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

.arc-info-title {

    margin: 0 !important;

    padding: 0 !important;

    max-width: 600px;

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

    font-size:
        clamp(48px, 5.3vw, 72px);

    line-height:
        1.02;

    font-weight: 400;

    letter-spacing:
        -1.5px;

    color:
        #185875;

    animation:
        infoFadeUp
        1s ease
        .12s both;

}


.arc-info-title span {

    display: block;

    color:
        #2b211c;

}


/* =========================================================
   INTRO
   ========================================================= */

.arc-info-intro {

    position: relative;

    max-width: 550px;

    padding-left: 28px;

    animation:
        infoFadeUp
        1s ease
        .25s both;

}


.arc-info-intro-line {

    position: absolute;

    left: 0;

    top: 5px;

    width: 2px;

    height: 75px;

    background:
        #a08761;

}


.arc-info-intro p {

    margin: 0 !important;

    padding: 0 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 16px;

    line-height: 1.85;

    color:
        #58717c;

}


/* =========================================================
   INFORMATION GRID
   ========================================================= */

.arc-info-grid {

    display: grid;

    grid-template-columns:
        1fr 1fr;

    border-top:
        1px solid
        rgba(24,88,117,.18);

    border-left:
        1px solid
        rgba(24,88,117,.18);

    animation:
        infoGridReveal
        1.2s
        ease
        .35s both;

}


/* =========================================================
   INFORMATION CARD
   ========================================================= */

.arc-info-card {

    position: relative;

    min-height: 285px;

    display: grid;

    grid-template-columns:
        95px 1fr;

    gap: 20px;

    padding:
        52px 48px;

    border-right:
        1px solid
        rgba(24,88,117,.18);

    border-bottom:
        1px solid
        rgba(24,88,117,.18);

    background:
        rgba(234,244,246,.68);

    overflow: hidden;

    transition:
        background .45s ease,
        transform .45s ease,
        box-shadow .45s ease;

}


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

.arc-info-card::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 0;

    height: 3px;

    background:
        #a08761;

    transition:
        width .5s ease;

}


.arc-info-card:hover {

    background:
        rgba(255,255,255,.72);

    transform:
        translateY(-4px);

    box-shadow:
        0 20px 45px
        rgba(24,88,117,.08);

    z-index: 2;

}


.arc-info-card:hover::before {

    width: 100%;

}


/* =========================================================
   NUMBER
   ========================================================= */

.arc-info-number {

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

    font-size:
        28px;

    line-height:
        1;

    color:
        #185875;

    transition:
        transform .4s ease,
        color .4s ease;

}


.arc-info-card:hover
.arc-info-number {

    color:
        #a08761;

    transform:
        translateY(-4px);

}


/* =========================================================
   CARD LABEL
   ========================================================= */

.arc-info-card-label {

    margin-bottom: 8px;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 3px;

    color:
        #a08761;

    opacity:
        .9;

}


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

.arc-info-card h3 {

    margin:
        0 0 25px !important;

    padding:
        0 !important;

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

    font-size:
        38px;

    line-height:
        1.05;

    font-weight:
        400;

    color:
        #185875;

}


/* =========================================================
   CARD TEXT
   ========================================================= */

.arc-info-card p {

    max-width:
        520px;

    margin:
        0 0 25px !important;

    padding:
        0 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        14px;

    line-height:
        1.85;

    color:
        #58717c;

}


/* =========================================================
   CARD STRONG TEXT
   ========================================================= */

.arc-info-card strong {

    display:
        block;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        11px;

    font-weight:
        700;

    letter-spacing:
        .7px;

    color:
        #185875;

}


/* =========================================================
   SUPPORT EMAIL
   ========================================================= */

.arc-info-email {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        15px;

    padding-bottom:
        7px;

    border-bottom:
        1px solid
        rgba(160,135,97,.55);

    text-decoration:
        none !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        12px;

    font-weight:
        700;

    letter-spacing:
        .3px;

    color:
        #185875 !important;

    transition:
        all .35s ease;

}


.arc-info-email span {

    font-size:
        18px;

    line-height:
        1;

    transition:
        transform .35s ease;

}


.arc-info-email:hover {

    color:
        #a08761 !important;

    border-color:
        #a08761;

}


.arc-info-email:hover span {

    transform:
        translateX(5px);

}


/* =========================================================
   BOTTOM BRAND LINE
   ========================================================= */

.arc-info-bottom {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        15px;

    margin:
        50px auto 0 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        8px;

    letter-spacing:
        3px;

    color:
        #82949b;

    animation:
        infoFadeUp
        1s ease
        .8s both;

}


.arc-info-bottom i {

    width:
        4px;

    height:
        4px;

    border-radius:
        50%;

    background:
        #a08761;

}


/* =========================================================
   ORBITS
   ========================================================= */

.arc-info-orbit {

    position:
        absolute;

    border:
        1px solid
        rgba(24,88,117,.06);

    border-radius:
        50%;

    pointer-events:
        none;

}


.arc-info-orbit-1 {

    width:
        520px;

    height:
        520px;

    left:
        -330px;

    top:
        -170px;

    animation:
        infoRotate
        30s
        linear
        infinite;

}


.arc-info-orbit-2 {

    width:
        420px;

    height:
        420px;

    right:
        -220px;

    bottom:
        -200px;

    border-color:
        rgba(160,135,97,.08);

    animation:
        infoRotateReverse
        35s
        linear
        infinite;

}


/* =========================================================
   GLOW
   ========================================================= */

.arc-info-glow {

    position:
        absolute;

    width:
        220px;

    height:
        220px;

    border-radius:
        50%;

    filter:
        blur(60px);

    pointer-events:
        none;

}


.arc-info-glow-1 {

    left:
        25%;

    top:
        5%;

    background:
        rgba(180,155,114,.06);

    animation:
        infoGlow
        8s
        ease-in-out
        infinite;

}


.arc-info-glow-2 {

    right:
        12%;

    bottom:
        5%;

    background:
        rgba(24,88,117,.06);

    animation:
        infoGlow
        10s
        ease-in-out
        infinite
        reverse;

}


/* =========================================================
   ANIMATIONS
   ========================================================= */

@keyframes infoFadeUp {

    from {

        opacity:
            0;

        transform:
            translateY(30px);

    }

    to {

        opacity:
            1;

        transform:
            translateY(0);

    }

}


@keyframes infoGridReveal {

    from {

        opacity:
            0;

        transform:
            translateY(40px);

    }

    to {

        opacity:
            1;

        transform:
            translateY(0);

    }

}


@keyframes infoRotate {

    from {

        transform:
            rotate(0deg);

    }

    to {

        transform:
            rotate(360deg);

    }

}


@keyframes infoRotateReverse {

    from {

        transform:
            rotate(360deg);

    }

    to {

        transform:
            rotate(0deg);

    }

}


@keyframes infoGlow {

    0%,
    100% {

        transform:
            translate(0,0)
            scale(1);

        opacity:
            .55;

    }

    50% {

        transform:
            translate(25px,-20px)
            scale(1.1);

        opacity:
            1;

    }

}


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

@media (max-width: 1024px) {

    .arc-info-section {

        padding:
            75px 0 65px 0 !important;

    }


    .arc-info-header {

        gap:
            45px;

        margin-bottom:
            50px;

    }


    .arc-info-title {

        font-size:
            52px;

    }


    .arc-info-card {

        grid-template-columns:
            65px 1fr;

        padding:
            40px 32px;

    }


    .arc-info-card h3 {

        font-size:
            32px;

    }

}


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

@media (max-width: 767px) {

    .arc-info-section {

        width:
            100%;

        margin:
            0 !important;

        padding:
            55px 0 50px 0 !important;

    }


    .arc-info-container {

        width:
            90%;

    }


    /* Header */

    .arc-info-header {

        display:
            flex;

        flex-direction:
            column;

        align-items:
            flex-start;

        gap:
            28px;

        margin-bottom:
            38px;

    }


    .arc-info-title {

        font-size:
            42px;

        line-height:
            1.07;

        letter-spacing:
            -.7px;

    }


    .arc-info-eyebrow {

        font-size:
            9px;

        letter-spacing:
            3px;

    }


    .arc-info-intro {

        padding-left:
            20px;

    }


    .arc-info-intro-line {

        height:
            65px;

    }


    .arc-info-intro p {

        font-size:
            14px;

        line-height:
            1.8;

    }


    /* Grid */

    .arc-info-grid {

        grid-template-columns:
            1fr;

    }


    /* Cards */

    .arc-info-card {

        min-height:
            auto;

        grid-template-columns:
            50px 1fr;

        gap:
            15px;

        padding:
            35px 25px;

    }


    .arc-info-number {

        font-size:
            23px;

    }


    .arc-info-card-label {

        font-size:
            7px;

        letter-spacing:
            2.5px;

    }


    .arc-info-card h3 {

        font-size:
            31px;

        margin-bottom:
            18px !important;

    }


    .arc-info-card p {

        font-size:
            13px;

        line-height:
            1.75;

        margin-bottom:
            20px !important;

    }


    .arc-info-card strong {

        font-size:
            10px;

    }


    .arc-info-email {

        font-size:
            11px;

    }


    .arc-info-bottom {

        margin-top:
            38px !important;

        gap:
            10px;

        font-size:
            7px;

    }


    .arc-info-orbit-1 {

        width:
            300px;

        height:
            300px;

        left:
            -190px;

        top:
            80px;

    }


    .arc-info-orbit-2 {

        width:
            280px;

        height:
            280px;

        right:
            -160px;

        bottom:
            -100px;

    }


    .arc-info-glow {

        width:
            150px;

        height:
            150px;

        filter:
            blur(45px);

    }

}


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

@media (max-width: 480px) {

    .arc-info-container {

        width:
            92%;

    }


    .arc-info-title {

        font-size:
            37px;

    }


    .arc-info-card {

        grid-template-columns:
            42px 1fr;

        gap:
            10px;

        padding:
            30px 20px;

    }


    .arc-info-card h3 {

        font-size:
            28px;

    }


    .arc-info-card p {

        font-size:
            12px;

    }


    .arc-info-email {

        font-size:
            10px;

    }

}/* End custom CSS */