.elementor-60 .elementor-element.elementor-element-d34e522{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-60 .elementor-element.elementor-element-aeedf95{--display:flex;}body.elementor-page-60:not(.elementor-motion-effects-element-type-background), body.elementor-page-60 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F7F1;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-bf6eac8 *//*==================================================
  LPPEPTIDE — ABOUT PAGE
==================================================*/

.lpp-about-page{
    width:100%;
    background:#f8f9f5;
    padding:28px 20px 70px;
    font-family:Arial, Helvetica, sans-serif;
    color:#17272e;
}

.lpp-about-page *,
.lpp-about-page *::before,
.lpp-about-page *::after{
    box-sizing:border-box;
}

.lpp-about-container{
    width:100%;
    max-width:1360px;
    margin:0 auto;
}


/*==================================================
  HERO
==================================================*/

.lpp-about-hero{
    position:relative;
    width:100%;
    min-height:225px;

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

    background:#ffffff;

    border:1px solid #dce3df;
    border-left:5px solid #168b83;
    border-radius:10px;

    padding:42px 48px;

    margin-bottom:24px;
}


/* EYEBROW */

.lpp-about-eyebrow{
    display:block;

    margin-bottom:17px;

    color:#087367;

    font-size:12px;
    line-height:1;

    font-weight:800;

    text-transform:uppercase;

    letter-spacing:.7px;
}


/* HERO TITLE */

.lpp-about-hero h1{
    margin:0 0 14px;

    color:#18231f;

    font-size:40px;
    line-height:1.08;

    font-weight:800;

    letter-spacing:-1px;
}


/* HERO DESCRIPTION */

.lpp-about-hero p{
    width:100%;
    max-width:760px;

    margin:0;

    color:#52615d;

    font-size:16px;
    line-height:1.55;

    font-weight:400;
}


/*==================================================
  MAIN CONTENT GRID
==================================================*/

.lpp-about-grid{
    width:100%;

    display:grid;

    grid-template-columns:
        minmax(0, 1fr)
        320px;

    gap:18px;

    align-items:start;
}


/*==================================================
  MAIN COLUMN
==================================================*/

.lpp-about-main{
    min-width:0;

    display:flex;
    flex-direction:column;

    gap:17px;
}


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

.lpp-about-card{
    width:100%;

    background:#ffffff;

    border:1px solid #dce3df;

    border-radius:9px;

    padding:25px 26px;
}


/* CARD TITLE */

.lpp-about-card h2{
    margin:0 0 13px;

    color:#18231f;

    font-size:22px;
    line-height:1.2;

    font-weight:800;

    letter-spacing:-.3px;
}


/* CARD TEXT */

.lpp-about-card p{
    margin:0;

    color:#52615d;

    font-size:14px;
    line-height:1.65;

    font-weight:400;
}


/*==================================================
  WHAT MAKES US DIFFERENT LIST
==================================================*/

.lpp-about-list{
    list-style:none;

    padding:0;
    margin:0;

    display:flex;
    flex-direction:column;

    gap:12px;
}

.lpp-about-list li{
    position:relative;

    padding-left:20px;

    color:#52615d;

    font-size:14px;
    line-height:1.55;
}


/* ORANGE BULLET */

.lpp-about-list li::before{
    content:"";

    position:absolute;

    left:3px;
    top:.62em;

    width:5px;
    height:5px;

    border-radius:50%;

    background:#dd7b20;
}


/*==================================================
  SIDEBAR
==================================================*/

.lpp-about-sidebar{
    width:100%;

    display:flex;
    flex-direction:column;

    gap:13px;
}


/*==================================================
  SIDEBAR CARDS
==================================================*/

.lpp-about-side-card{
    position:relative;

    width:100%;

    background:#ffffff;

    border:1px solid #dce3df;
    border-left:4px solid #168b83;

    border-radius:9px;

    padding:20px 20px;
}


/* SIDEBAR HEADINGS */

.lpp-about-side-card h3{
    margin:0 0 11px;

    color:#18231f;

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

    font-weight:800;
}


/* SIDEBAR TEXT */

.lpp-about-side-card p{
    margin:0;

    color:#52615d;

    font-size:13px;
    line-height:1.55;
}


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

.lpp-about-side-list{
    list-style:none;

    padding:0;
    margin:0;

    display:flex;
    flex-direction:column;

    gap:10px;
}

.lpp-about-side-list li{
    position:relative;

    padding-left:18px;

    color:#52615d;

    font-size:13px;
    line-height:1.45;
}

.lpp-about-side-list li::before{
    content:"";

    position:absolute;

    left:3px;
    top:.58em;

    width:5px;
    height:5px;

    border-radius:50%;

    background:#dd7b20;
}


/*==================================================
  CONTACT LINK
==================================================*/

.lpp-about-contact-link{
    display:inline-flex;

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

    min-height:38px;

    margin-top:15px;

    padding:0 16px;

    background:#168b83;

    border:1px solid #168b83;

    border-radius:7px;

    color:#ffffff !important;

    text-decoration:none !important;

    font-size:12px;
    line-height:1;

    font-weight:700;

    transition:
        background-color .2s ease,
        border-color .2s ease;
}

.lpp-about-contact-link:hover{
    background:#036E67;
    border-color:#036E67;

    color:#ffffff !important;
}


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

.lpp-about-card,
.lpp-about-side-card,
.lpp-about-hero{
    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}

.lpp-about-card:hover,
.lpp-about-side-card:hover{
    border-color:#ccd8d3;

    box-shadow:
        0 5px 18px rgba(25, 49, 45, .035);
}


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

@media (max-width:1024px){

    .lpp-about-page{
        padding-top:24px;
    }

    .lpp-about-hero{
        min-height:200px;

        padding:36px 34px;
    }

    .lpp-about-hero h1{
        font-size:36px;
    }

    .lpp-about-grid{
        grid-template-columns:
            minmax(0, 1fr)
            275px;
    }

}


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

@media (max-width:850px){

    .lpp-about-grid{
        grid-template-columns:1fr;
    }

    .lpp-about-sidebar{
        display:grid;

        grid-template-columns:
            repeat(2, minmax(0,1fr));

        gap:14px;
    }

    .lpp-about-side-card:last-child{
        grid-column:1 / -1;
    }

}


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

@media (max-width:767px){

    .lpp-about-page{
        padding:
            18px
            14px
            45px;
    }


    /* HERO */

    .lpp-about-hero{
        min-height:auto;

        padding:
            28px
            22px;

        margin-bottom:16px;

        border-radius:8px;
    }

    .lpp-about-eyebrow{
        margin-bottom:13px;

        font-size:10px;
    }

    .lpp-about-hero h1{
        margin-bottom:11px;

        font-size:30px;

        letter-spacing:-.6px;
    }

    .lpp-about-hero p{
        font-size:14px;
        line-height:1.55;
    }


    /* GRID */

    .lpp-about-grid{
        gap:14px;
    }

    .lpp-about-main{
        gap:14px;
    }


    /* CARDS */

    .lpp-about-card{
        padding:21px 19px;

        border-radius:8px;
    }

    .lpp-about-card h2{
        margin-bottom:10px;

        font-size:19px;
    }

    .lpp-about-card p,
    .lpp-about-list li{
        font-size:13px;
    }


    /* SIDEBAR */

    .lpp-about-sidebar{
        display:flex;
        flex-direction:column;

        gap:12px;
    }

    .lpp-about-side-card{
        padding:18px;

        border-radius:8px;
    }

}


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

@media (max-width:480px){

    .lpp-about-page{
        padding-left:12px;
        padding-right:12px;
    }

    .lpp-about-hero{
        padding:
            25px
            18px;
    }

    .lpp-about-hero h1{
        font-size:27px;
    }

    .lpp-about-card{
        padding:
            19px
            17px;
    }

    .lpp-about-card h2{
        font-size:18px;
    }

}/* End custom CSS */