.elementor-168 .elementor-element.elementor-element-ccc1e17{--display:flex;}/* Start custom CSS for html, class: .elementor-element-15383f1 *//* =====================================================
   LYNK PIXEL FOOTER
===================================================== */

.lp-footer {
    width: 100%;

    padding: 24px 16px;

    background: #ffffff;

    box-sizing: border-box;

    overflow: hidden;
}


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

.lp-footer-container {

    position: relative;

    width: 100%;

    max-width: 1390px;

    min-height: 650px;

    margin: 0 auto;

    padding: 55px 60px 25px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    overflow: hidden;

    border: 1px solid #e1e5ea;

    border-radius: 30px;

    background-color: #f9fafb;


    /*
       GRID BACKGROUND
       Approximately 30% transparency
    */

    background-image:

        linear-gradient(
            rgba(255,255,255,0.70),
            rgba(255,255,255,0.70)
        ),

        linear-gradient(
            rgba(150,160,175,0.30) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(150,160,175,0.30) 1px,
            transparent 1px
        );

    background-size:
        100% 100%,
        55px 55px,
        55px 55px;

}


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

.lp-footer-content {

    position: relative;

    z-index: 3;

    display: grid;

    grid-template-columns:
        1.5fr
        1fr
        1fr;

    gap: 70px;

    align-items: start;
}


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

.lp-footer-brand {

    max-width: 430px;
}


/* =====================================================
   LYNK PIXEL LOGO
===================================================== */

.lp-footer-logo {

    display: inline-block;

    margin-bottom: 22px;

    color: #121a24;

    text-decoration: none;

    font-size: 27px;

    font-weight: 800;

    letter-spacing: -1.2px;

    transition:
        color 0.2s ease;
}


.lp-footer-logo:hover {

    color: #286cf0;

}


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

.lp-footer-description {

    max-width: 420px;

    margin: 0 0 28px;

    color: #66707c;

    font-size: 15px;

    line-height: 1.65;
}


/* =====================================================
   INSTAGRAM
===================================================== */

.lp-instagram {

    width: 52px;

    height: 52px;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid #d9dee5;

    border-radius: 50%;

    color: #17212d;

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

    text-decoration: none;

    transition:
        color 0.2s ease,
        background 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease;
}


.lp-instagram:hover {

    color: #ffffff;

    background: #286cf0;

    border-color: #286cf0;

    transform:
        translateY(-3px);
}


.lp-instagram svg {

    width: 21px;

    height: 21px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.8;

    stroke-linecap: round;

    stroke-linejoin: round;
}


.lp-insta-dot {

    fill: currentColor;

    stroke: none;
}


/* =====================================================
   FOOTER COLUMNS
===================================================== */

.lp-footer-column {

    min-width: 0;
}


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

.lp-footer-column h3 {

    margin: 0 0 24px;

    color: #286cf0;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 2.5px;

    text-transform: uppercase;
}


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

.lp-footer-column ul {

    list-style: none;

    margin: 0;

    padding: 0;

    display: flex;

    flex-direction: column;

    gap: 18px;
}


/* =====================================================
   LIST ITEM
===================================================== */

.lp-footer-column li {

    position: relative;

    padding-left: 15px;
}


.lp-footer-column li::before {

    content: "";

    position: absolute;

    left: 0;

    top: 8px;

    width: 5px;

    height: 5px;

    border-radius: 50%;

    background: #286cf0;
}


/* =====================================================
   LINKS
===================================================== */

.lp-footer-column a {

    color: #29333e;

    text-decoration: none;

    font-size: 15px;

    line-height: 1.4;

    transition:
        color 0.2s ease;
}


.lp-footer-column a:hover {

    color: #286cf0;
}


/* =====================================================
   PHONE
===================================================== */

.lp-phone {

    display: inline-flex;

    align-items: center;

    gap: 9px;

    margin-top: 27px;

    color: #29333e;

    text-decoration: none;

    font-size: 15px;

    transition:
        color 0.2s ease;
}


.lp-phone:hover {

    color: #286cf0;
}


.lp-phone svg {

    width: 18px;

    height: 18px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.8;

    stroke-linecap: round;

    stroke-linejoin: round;
}


/* =====================================================
   LARGE FADED LYNK PIXEL
===================================================== */

.lp-footer-watermark {

    position: absolute;

    left: 50%;

    bottom: 62px;

    z-index: 1;

    width: 100%;

    transform:
        translateX(-50%);

    text-align: center;

    white-space: nowrap;

    pointer-events: none;

    user-select: none;

    color: rgba(25,35,45,0.055);

    font-size:
        clamp(120px, 18vw, 260px);

    font-weight: 900;

    line-height: 0.78;

    letter-spacing: -12px;
}


/* =====================================================
   COPYRIGHT
===================================================== */

.lp-footer-bottom {

    position: relative;

    z-index: 4;

    padding-top: 22px;

    border-top: 1px solid rgba(190,197,205,0.65);

    color: #747d87;

    font-size: 12px;

    line-height: 1.5;
}


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

@media (max-width: 1000px) {

    .lp-footer {

        padding:
            18px 12px;
    }


    .lp-footer-container {

        min-height: 590px;

        padding:
            45px
            35px
            25px;

        border-radius: 26px;

        background-size:
            100% 100%,
            45px 45px,
            45px 45px;
    }


    .lp-footer-content {

        grid-template-columns:
            1.35fr
            1fr
            1fr;

        gap: 35px;
    }


    .lp-footer-logo {

        font-size: 23px;
    }


    .lp-footer-description {

        font-size: 14px;
    }


    .lp-footer-column h3 {

        font-size: 11px;

        letter-spacing: 2px;
    }


    .lp-footer-column a {

        font-size: 13px;
    }


    .lp-footer-watermark {

        font-size:
            clamp(95px, 17vw, 180px);

        letter-spacing: -8px;
    }

}


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

@media (max-width: 700px) {

    .lp-footer {

        padding:
            12px 6px;
    }


    .lp-footer-container {

        min-height: auto;

        padding:
            32px
            20px
            20px;

        border-radius: 20px;

        background-size:
            100% 100%,
            35px 35px,
            35px 35px;
    }


    .lp-footer-content {

        grid-template-columns: 1fr;

        gap: 34px;
    }


    /* BRAND */

    .lp-footer-brand {

        max-width: 100%;
    }


    .lp-footer-logo {

        margin-bottom: 17px;

        font-size: 21px;
    }


    .lp-footer-description {

        max-width: 100%;

        margin-bottom: 21px;

        font-size: 13px;

        line-height: 1.55;
    }


    /* INSTAGRAM */

    .lp-instagram {

        width: 47px;

        height: 47px;
    }


    .lp-instagram svg {

        width: 19px;

        height: 19px;
    }


    /* COLUMNS */

    .lp-footer-column h3 {

        margin-bottom: 17px;

        font-size: 10px;

        letter-spacing: 2px;
    }


    .lp-footer-column ul {

        gap: 14px;
    }


    .lp-footer-column a {

        font-size: 13px;
    }


    .lp-footer-column li {

        padding-left: 13px;
    }


    .lp-footer-column li::before {

        width: 4px;

        height: 4px;

        top: 7px;
    }


    /* PHONE */

    .lp-phone {

        margin-top: 19px;

        font-size: 13px;
    }


    /* WATERMARK */

    .lp-footer-watermark {

        bottom: 70px;

        font-size:
            clamp(70px, 20vw, 115px);

        letter-spacing: -5px;
    }


    /* COPYRIGHT */

    .lp-footer-bottom {

        margin-top: 35px;

        padding-top: 18px;

        font-size: 10px;
    }

}


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

@media (max-width: 380px) {

    .lp-footer-container {

        padding:
            28px
            15px
            18px;

        background-size:
            100% 100%,
            30px 30px,
            30px 30px;
    }


    .lp-footer-content {

        gap: 28px;
    }


    .lp-footer-logo {

        font-size: 19px;
    }


    .lp-footer-description {

        font-size: 12px;
    }


    .lp-footer-column a {

        font-size: 12px;
    }


    .lp-footer-watermark {

        font-size: 67px;

        letter-spacing: -4px;
    }


    .lp-footer-bottom {

        font-size: 9px;
    }

}/* End custom CSS */