.elementor-172 .elementor-element.elementor-element-ad0b200{--display:flex;}.elementor-172 .elementor-element.elementor-element-a53b4b3{--display:flex;}.elementor-172 .elementor-element.elementor-element-8aac393{--display:flex;}.elementor-172 .elementor-element.elementor-element-fb122b8{--display:flex;}.elementor-172 .elementor-element.elementor-element-630b35f{--display:flex;}.elementor-172 .elementor-element.elementor-element-53f5c34{--display:flex;}.elementor-172 .elementor-element.elementor-element-5e4e9ab{--display:flex;}.elementor-172 .elementor-element.elementor-element-f6f8636{--display:flex;}.elementor-172 .elementor-element.elementor-element-773fcc4{--display:flex;}.elementor-172 .elementor-element.elementor-element-ae02008{--display:flex;}.elementor-172 .elementor-element.elementor-element-3b50a32{--display:flex;}.elementor-172 .elementor-element.elementor-element-a3a4c8f{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}@media(max-width:767px){.elementor-172 .elementor-element.elementor-element-2ca21ed{padding:0px 0px 0px 0px;}.elementor-172 .elementor-element.elementor-element-a53b4b3{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}}/* Start custom CSS for html, class: .elementor-element-2ca21ed *//* =====================================================
   HERO V2
===================================================== */

.gb-hero-v2{

    position:relative;

    min-height:100vh;

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

    overflow:hidden;

    background-image:url("https://loopcard.pl/wp-content/uploads/2026/08/glossa.webp");

    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;

}

/* =========================================
   OVERLAY
========================================= */

.gb-hero-overlay{

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            to bottom,
            rgba(32,21,16,.45) 0%,
            rgba(32,21,16,.55) 25%,
            rgba(32,21,16,.72) 55%,
            rgba(32,21,16,.92) 85%,
            rgba(32,21,16,1) 100%
        );

    z-index:1;

}

/* =========================================
   DODATKOWE WYGASZENIE DOŁU
========================================= */

.gb-hero-v2::after{

    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:0;

    height:220px;

    background:linear-gradient(
        to bottom,
        rgba(32,21,16,0),
        #201510 85%
    );

    z-index:1;

    pointer-events:none;

}

/* ========================================= */

.gb-hero-content{

    position:relative;

    z-index:2;

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

    padding:130px 30px 80px;

    text-align:center;

    box-sizing:border-box;

}

/* ========================================= */

.gb-logo{

    width:200px;

    display:block;

    margin:0 auto 42px;

}

/* ========================================= */

.gb-line{

    display:block;

    width:64px;
    height:1px;

    margin:0 auto 34px;

    background:#b99674;

    opacity:.8;

}

/* ========================================= */

.gb-small{

    margin:0 0 26px;

    font-family:'Montserrat',sans-serif;

    font-size:10px;

    font-weight:400;

    letter-spacing:4px;

    text-transform:uppercase;

    color:#b99674;

}

/* ========================================= */

.gb-hero-content h1{

    margin:0 auto 30px;

    max-width:420px;

    font-family:'Montserrat',sans-serif;

    font-size:54px;

    font-weight:300;

    line-height:1.05;

    letter-spacing:-0.03em;

    color:#f3e4d4;

}

/* ========================================= */

.gb-description{

    max-width:410px;

    margin:0 auto;

    font-family:'Montserrat',sans-serif;

    font-size:17px;

    font-weight:300;

    line-height:1.9;

    color:#ccb8a6;

}

/* ========================================= */

.gb-scroll{

    margin-top:40px;

}

.gb-scroll span{

    font-size:10px;

    letter-spacing:6px;

    text-transform:uppercase;

    color:#9b7c61;

}

.gb-scroll::after{

    content:"";

    display:block;

    width:1px;
    height:22px;

    margin:10px auto 0;

    background:#9b7c61;

    opacity:.6;

}

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

@media(max-width:1024px){

    .gb-hero-v2{

        min-height:100svh;

        background-position:55% center;

    }

    .gb-hero-v2::after{

        height:160px;

    }

    .gb-hero-content{

        padding:110px 22px 70px;

    }

    .gb-logo{

        width:160px;

        margin:0 auto 36px;

    }

    .gb-line{

        margin-bottom:28px;

    }

    .gb-small{

        margin-bottom:22px;

    }

    .gb-hero-content h1{

        font-size:42px;

        line-height:1.1;

    }

    .gb-description{

        max-width:310px;

        font-size:16px;

        line-height:1.8;

    }

    .gb-scroll{

        margin-top:32px;

    }

}

/* =========================================
   UKRYJ HERO NA DESKTOPIE
========================================= */

@media(min-width:1025px){

    .gb-hero-v2{

        display:none;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ec449d2 *//* =====================================================
   GLOSSA BEAUTY HERO
===================================================== */

html,
body{

    margin:0;
    padding:0;

    background:#201510;

    font-family:'Montserrat',sans-serif;

}

.gb-app{

    position:relative;

    min-height:20vh;

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

    overflow:hidden;

    background:
    radial-gradient(circle at top,#4a3228 0%,#201510 70%);

}

.gb-overlay{

    position:absolute;
    inset:0;

    background:
    linear-gradient(
        rgba(32,21,16,.20),
        rgba(32,21,16,.45),
        rgba(32,21,16,.90)
    );

}

.gb-hero{

    position:relative;
    z-index:2;

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

    padding:120px 54px 20px;

    text-align:center;

    box-sizing:border-box;

}

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

.gb-logo{

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

    display:block;

    margin:0 auto 42px;

}

/* =====================================
   LINIA
===================================== */

.gb-line{

    width:62px;
    height:1px;

    display:block;

    margin:0 auto 34px;

    background:#b99674;

    opacity:.75;

}

/* =====================================
   PODTYTUŁ
===================================== */

.gb-small{

    margin:0 0 26px;

    font-size:10px;
    font-weight:400;

    letter-spacing:4px;

    text-transform:uppercase;

    color:#b99674;

}

/* =====================================
   TYTUŁ
===================================== */

.gb-hero h1{

    margin:0 auto 30px;

    max-width:420px;

    font-family:'Montserrat',sans-serif;

    font-size:42px;

    font-weight:300;

    line-height:1.15;

    letter-spacing:-0.03em;

    color:#f3e4d4;

}

/* =====================================
   OPIS
===================================== */

.gb-description{

    max-width:390px;

    margin:0 auto;

    font-size:17px;

    font-weight:300;

    line-height:1.9;

    color:#ccb8a6;

}

/* =====================================
   SCROLL
===================================== */

.gb-scroll{

    margin-top:38px;
    margin-bottom:0;

}

.gb-scroll span{

    font-size:10px;

    letter-spacing:6px;

    text-transform:uppercase;

    color:#9b7c61;

    opacity:.8;

}

.gb-scroll::after{

    content:"";

    display:block;

    width:1px;
    height:22px;

    margin:10px auto 0;

    background:#9b7c61;

    opacity:.55;

    animation:scrollLine 2s infinite;

}

@keyframes scrollLine{

    0%{

        transform:translateY(0);
        opacity:.3;

    }

    50%{

        transform:translateY(8px);
        opacity:1;

    }

    100%{

        transform:translateY(0);
        opacity:.3;

    }

}

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

@media(max-width:480px){

.gb-hero{

    padding:60px 22px 10px;

}

.gb-logo{

    width:150px;

    margin-bottom:36px;

}

.gb-line{

    width:54px;

    margin-bottom:28px;

}

.gb-small{

    font-size:9px;

    letter-spacing:3px;

    margin-bottom:22px;

}

.gb-hero h1{

    max-width:290px;

    font-size:35px;

    font-weight:300;

    line-height:1.12;

    letter-spacing:-0.03em;

    margin-bottom:24px;

}

.gb-description{

    max-width:305px;

    font-size:16px;

    line-height:1.8;

}

.gb-scroll{

    margin-top:30px;

}

.gb-scroll::after{

    height:18px;

    margin-top:8px;

}

}

/* =====================================
   ODSTĘP PRZED AKORDEONEM
===================================== */

.e-n-accordion{

    margin-top:0 !important;

}

/* =====================================
   USUNIĘCIE FOCUS AKORDEONU
===================================== */

.e-n-accordion-item,
.e-n-accordion-item-title,
.e-n-accordion-item>summary{

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

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e06148a *//* ======================================
   GLOSSA DEMO CONTENT
====================================== */

.gb-demo-box{

    padding:32px;

    margin-bottom:42px;

    border:1px solid rgba(201,176,140,.18);

    border-radius:14px;

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

}

.gb-demo-badge{

    display:inline-flex;

    padding:7px 16px;

    margin-bottom:26px;

    font-family:'Montserrat',sans-serif;

    font-size:10px;

    font-weight:500;

    letter-spacing:.30em;

    text-transform:uppercase;

    color:#b99674;

    border:1px solid rgba(216,176,122,.35);

    border-radius:40px;

}

.gb-demo-intro{

    margin:0;

    font-family:'Montserrat',sans-serif;

    font-size:17px;

    font-weight:300;

    line-height:1.9;

    color:#ccb8a6;

}

.gb-demo-intro strong{

    color:#f3e4d4;

    font-weight:500;

}

/* ======================================
   LISTA
====================================== */

.gb-list{

    display:flex;

    flex-direction:column;

    gap:34px;

}

.gb-item{

    padding-bottom:32px;

    border-bottom:1px solid rgba(201,176,140,.12);

}

.gb-item:last-child{

    border-bottom:none;

    padding-bottom:0;

}

.gb-item h4{

    margin:0 0 18px;

    max-width:420px;

    font-family:'Montserrat',sans-serif;

    font-size:26px;

    font-weight:300;

    line-height:1.15;

    letter-spacing:-0.03em;

    color:#f3e4d4;

}

.gb-item p{

    margin:0;

    font-family:'Montserrat',sans-serif;

    font-size:17px;

    font-weight:300;

    line-height:1.9;

    color:#ccb8a6;

}

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

@media(max-width:767px){

    .gb-demo-box{

        padding:24px;

        margin-bottom:36px;

    }

    .gb-demo-badge{

        margin-bottom:22px;

    }

    .gb-demo-intro{

        font-size:16px;

        line-height:1.8;

    }

    .gb-list{

        gap:28px;

    }

    .gb-item{

        padding-bottom:26px;

    }

    .gb-item h4{

        font-size:22px;

        font-weight:300;

        line-height:1.12;

        letter-spacing:-0.03em;

        margin-bottom:16px;

    }

    .gb-item p{

        font-size:16px;

        line-height:1.8;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3719e54 */.gb-contact-list{
    margin-top:34px;
    display:flex;
    flex-direction:column;
    gap:14px;
}

.gb-contact-item{

    padding:18px 20px;

    border:1px solid rgba(255,255,255,.08);

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

    border-radius:14px;

    text-align:left;

}

.gb-contact-item span{

    display:block;

    margin-bottom:8px;

    font-size:11px;

    letter-spacing:.22em;

    text-transform:uppercase;

    color:#b78c61;

}

.gb-contact-item strong{

    font-size:17px;

    line-height:1.7;

    color:#f6eadb;

    font-weight:500;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e06148a *//* ======================================
   GLOSSA DEMO CONTENT
====================================== */

.gb-demo-box{

    padding:32px;

    margin-bottom:42px;

    border:1px solid rgba(201,176,140,.18);

    border-radius:14px;

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

}

.gb-demo-badge{

    display:inline-flex;

    padding:7px 16px;

    margin-bottom:26px;

    font-family:'Montserrat',sans-serif;

    font-size:10px;

    font-weight:500;

    letter-spacing:.30em;

    text-transform:uppercase;

    color:#b99674;

    border:1px solid rgba(216,176,122,.35);

    border-radius:40px;

}

.gb-demo-intro{

    margin:0;

    font-family:'Montserrat',sans-serif;

    font-size:17px;

    font-weight:300;

    line-height:1.9;

    color:#ccb8a6;

}

.gb-demo-intro strong{

    color:#f3e4d4;

    font-weight:500;

}

/* ======================================
   LISTA
====================================== */

.gb-list{

    display:flex;

    flex-direction:column;

    gap:34px;

}

.gb-item{

    padding-bottom:32px;

    border-bottom:1px solid rgba(201,176,140,.12);

}

.gb-item:last-child{

    border-bottom:none;

    padding-bottom:0;

}

.gb-item h4{

    margin:0 0 18px;

    max-width:420px;

    font-family:'Montserrat',sans-serif;

    font-size:26px;

    font-weight:300;

    line-height:1.15;

    letter-spacing:-0.03em;

    color:#f3e4d4;

}

.gb-item p{

    margin:0;

    font-family:'Montserrat',sans-serif;

    font-size:17px;

    font-weight:300;

    line-height:1.9;

    color:#ccb8a6;

}

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

@media(max-width:767px){

    .gb-demo-box{

        padding:24px;

        margin-bottom:36px;

    }

    .gb-demo-badge{

        margin-bottom:22px;

    }

    .gb-demo-intro{

        font-size:16px;

        line-height:1.8;

    }

    .gb-list{

        gap:28px;

    }

    .gb-item{

        padding-bottom:26px;

    }

    .gb-item h4{

        font-size:22px;

        font-weight:300;

        line-height:1.12;

        letter-spacing:-0.03em;

        margin-bottom:16px;

    }

    .gb-item p{

        font-size:16px;

        line-height:1.8;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3719e54 */.gb-contact-list{
    margin-top:34px;
    display:flex;
    flex-direction:column;
    gap:14px;
}

.gb-contact-item{

    padding:18px 20px;

    border:1px solid rgba(255,255,255,.08);

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

    border-radius:14px;

    text-align:left;

}

.gb-contact-item span{

    display:block;

    margin-bottom:8px;

    font-size:11px;

    letter-spacing:.22em;

    text-transform:uppercase;

    color:#b78c61;

}

.gb-contact-item strong{

    font-size:17px;

    line-height:1.7;

    color:#f6eadb;

    font-weight:500;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e06148a *//* ======================================
   GLOSSA DEMO CONTENT
====================================== */

.gb-demo-box{

    padding:32px;

    margin-bottom:42px;

    border:1px solid rgba(201,176,140,.18);

    border-radius:14px;

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

}

.gb-demo-badge{

    display:inline-flex;

    padding:7px 16px;

    margin-bottom:26px;

    font-family:'Montserrat',sans-serif;

    font-size:10px;

    font-weight:500;

    letter-spacing:.30em;

    text-transform:uppercase;

    color:#b99674;

    border:1px solid rgba(216,176,122,.35);

    border-radius:40px;

}

.gb-demo-intro{

    margin:0;

    font-family:'Montserrat',sans-serif;

    font-size:17px;

    font-weight:300;

    line-height:1.9;

    color:#ccb8a6;

}

.gb-demo-intro strong{

    color:#f3e4d4;

    font-weight:500;

}

/* ======================================
   LISTA
====================================== */

.gb-list{

    display:flex;

    flex-direction:column;

    gap:34px;

}

.gb-item{

    padding-bottom:32px;

    border-bottom:1px solid rgba(201,176,140,.12);

}

.gb-item:last-child{

    border-bottom:none;

    padding-bottom:0;

}

.gb-item h4{

    margin:0 0 18px;

    max-width:420px;

    font-family:'Montserrat',sans-serif;

    font-size:26px;

    font-weight:300;

    line-height:1.15;

    letter-spacing:-0.03em;

    color:#f3e4d4;

}

.gb-item p{

    margin:0;

    font-family:'Montserrat',sans-serif;

    font-size:17px;

    font-weight:300;

    line-height:1.9;

    color:#ccb8a6;

}

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

@media(max-width:767px){

    .gb-demo-box{

        padding:24px;

        margin-bottom:36px;

    }

    .gb-demo-badge{

        margin-bottom:22px;

    }

    .gb-demo-intro{

        font-size:16px;

        line-height:1.8;

    }

    .gb-list{

        gap:28px;

    }

    .gb-item{

        padding-bottom:26px;

    }

    .gb-item h4{

        font-size:22px;

        font-weight:300;

        line-height:1.12;

        letter-spacing:-0.03em;

        margin-bottom:16px;

    }

    .gb-item p{

        font-size:16px;

        line-height:1.8;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3719e54 */.gb-contact-list{
    margin-top:34px;
    display:flex;
    flex-direction:column;
    gap:14px;
}

.gb-contact-item{

    padding:18px 20px;

    border:1px solid rgba(255,255,255,.08);

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

    border-radius:14px;

    text-align:left;

}

.gb-contact-item span{

    display:block;

    margin-bottom:8px;

    font-size:11px;

    letter-spacing:.22em;

    text-transform:uppercase;

    color:#b78c61;

}

.gb-contact-item strong{

    font-size:17px;

    line-height:1.7;

    color:#f6eadb;

    font-weight:500;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e06148a *//* ======================================
   GLOSSA DEMO CONTENT
====================================== */

.gb-demo-box{

    padding:32px;

    margin-bottom:42px;

    border:1px solid rgba(201,176,140,.18);

    border-radius:14px;

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

}

.gb-demo-badge{

    display:inline-flex;

    padding:7px 16px;

    margin-bottom:26px;

    font-family:'Montserrat',sans-serif;

    font-size:10px;

    font-weight:500;

    letter-spacing:.30em;

    text-transform:uppercase;

    color:#b99674;

    border:1px solid rgba(216,176,122,.35);

    border-radius:40px;

}

.gb-demo-intro{

    margin:0;

    font-family:'Montserrat',sans-serif;

    font-size:17px;

    font-weight:300;

    line-height:1.9;

    color:#ccb8a6;

}

.gb-demo-intro strong{

    color:#f3e4d4;

    font-weight:500;

}

/* ======================================
   LISTA
====================================== */

.gb-list{

    display:flex;

    flex-direction:column;

    gap:34px;

}

.gb-item{

    padding-bottom:32px;

    border-bottom:1px solid rgba(201,176,140,.12);

}

.gb-item:last-child{

    border-bottom:none;

    padding-bottom:0;

}

.gb-item h4{

    margin:0 0 18px;

    max-width:420px;

    font-family:'Montserrat',sans-serif;

    font-size:26px;

    font-weight:300;

    line-height:1.15;

    letter-spacing:-0.03em;

    color:#f3e4d4;

}

.gb-item p{

    margin:0;

    font-family:'Montserrat',sans-serif;

    font-size:17px;

    font-weight:300;

    line-height:1.9;

    color:#ccb8a6;

}

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

@media(max-width:767px){

    .gb-demo-box{

        padding:24px;

        margin-bottom:36px;

    }

    .gb-demo-badge{

        margin-bottom:22px;

    }

    .gb-demo-intro{

        font-size:16px;

        line-height:1.8;

    }

    .gb-list{

        gap:28px;

    }

    .gb-item{

        padding-bottom:26px;

    }

    .gb-item h4{

        font-size:22px;

        font-weight:300;

        line-height:1.12;

        letter-spacing:-0.03em;

        margin-bottom:16px;

    }

    .gb-item p{

        font-size:16px;

        line-height:1.8;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3719e54 */.gb-contact-list{
    margin-top:34px;
    display:flex;
    flex-direction:column;
    gap:14px;
}

.gb-contact-item{

    padding:18px 20px;

    border:1px solid rgba(255,255,255,.08);

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

    border-radius:14px;

    text-align:left;

}

.gb-contact-item span{

    display:block;

    margin-bottom:8px;

    font-size:11px;

    letter-spacing:.22em;

    text-transform:uppercase;

    color:#b78c61;

}

.gb-contact-item strong{

    font-size:17px;

    line-height:1.7;

    color:#f6eadb;

    font-weight:500;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e06148a *//* ======================================
   GLOSSA DEMO CONTENT
====================================== */

.gb-demo-box{

    padding:32px;

    margin-bottom:42px;

    border:1px solid rgba(201,176,140,.18);

    border-radius:14px;

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

}

.gb-demo-badge{

    display:inline-flex;

    padding:7px 16px;

    margin-bottom:26px;

    font-family:'Montserrat',sans-serif;

    font-size:10px;

    font-weight:500;

    letter-spacing:.30em;

    text-transform:uppercase;

    color:#b99674;

    border:1px solid rgba(216,176,122,.35);

    border-radius:40px;

}

.gb-demo-intro{

    margin:0;

    font-family:'Montserrat',sans-serif;

    font-size:17px;

    font-weight:300;

    line-height:1.9;

    color:#ccb8a6;

}

.gb-demo-intro strong{

    color:#f3e4d4;

    font-weight:500;

}

/* ======================================
   LISTA
====================================== */

.gb-list{

    display:flex;

    flex-direction:column;

    gap:34px;

}

.gb-item{

    padding-bottom:32px;

    border-bottom:1px solid rgba(201,176,140,.12);

}

.gb-item:last-child{

    border-bottom:none;

    padding-bottom:0;

}

.gb-item h4{

    margin:0 0 18px;

    max-width:420px;

    font-family:'Montserrat',sans-serif;

    font-size:26px;

    font-weight:300;

    line-height:1.15;

    letter-spacing:-0.03em;

    color:#f3e4d4;

}

.gb-item p{

    margin:0;

    font-family:'Montserrat',sans-serif;

    font-size:17px;

    font-weight:300;

    line-height:1.9;

    color:#ccb8a6;

}

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

@media(max-width:767px){

    .gb-demo-box{

        padding:24px;

        margin-bottom:36px;

    }

    .gb-demo-badge{

        margin-bottom:22px;

    }

    .gb-demo-intro{

        font-size:16px;

        line-height:1.8;

    }

    .gb-list{

        gap:28px;

    }

    .gb-item{

        padding-bottom:26px;

    }

    .gb-item h4{

        font-size:22px;

        font-weight:300;

        line-height:1.12;

        letter-spacing:-0.03em;

        margin-bottom:16px;

    }

    .gb-item p{

        font-size:16px;

        line-height:1.8;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3719e54 */.gb-contact-list{
    margin-top:34px;
    display:flex;
    flex-direction:column;
    gap:14px;
}

.gb-contact-item{

    padding:18px 20px;

    border:1px solid rgba(255,255,255,.08);

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

    border-radius:14px;

    text-align:left;

}

.gb-contact-item span{

    display:block;

    margin-bottom:8px;

    font-size:11px;

    letter-spacing:.22em;

    text-transform:uppercase;

    color:#b78c61;

}

.gb-contact-item strong{

    font-size:17px;

    line-height:1.7;

    color:#f6eadb;

    font-weight:500;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e06148a *//* ======================================
   GLOSSA DEMO CONTENT
====================================== */

.gb-demo-box{

    padding:32px;

    margin-bottom:42px;

    border:1px solid rgba(201,176,140,.18);

    border-radius:14px;

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

}

.gb-demo-badge{

    display:inline-flex;

    padding:7px 16px;

    margin-bottom:26px;

    font-family:'Montserrat',sans-serif;

    font-size:10px;

    font-weight:500;

    letter-spacing:.30em;

    text-transform:uppercase;

    color:#b99674;

    border:1px solid rgba(216,176,122,.35);

    border-radius:40px;

}

.gb-demo-intro{

    margin:0;

    font-family:'Montserrat',sans-serif;

    font-size:17px;

    font-weight:300;

    line-height:1.9;

    color:#ccb8a6;

}

.gb-demo-intro strong{

    color:#f3e4d4;

    font-weight:500;

}

/* ======================================
   LISTA
====================================== */

.gb-list{

    display:flex;

    flex-direction:column;

    gap:34px;

}

.gb-item{

    padding-bottom:32px;

    border-bottom:1px solid rgba(201,176,140,.12);

}

.gb-item:last-child{

    border-bottom:none;

    padding-bottom:0;

}

.gb-item h4{

    margin:0 0 18px;

    max-width:420px;

    font-family:'Montserrat',sans-serif;

    font-size:26px;

    font-weight:300;

    line-height:1.15;

    letter-spacing:-0.03em;

    color:#f3e4d4;

}

.gb-item p{

    margin:0;

    font-family:'Montserrat',sans-serif;

    font-size:17px;

    font-weight:300;

    line-height:1.9;

    color:#ccb8a6;

}

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

@media(max-width:767px){

    .gb-demo-box{

        padding:24px;

        margin-bottom:36px;

    }

    .gb-demo-badge{

        margin-bottom:22px;

    }

    .gb-demo-intro{

        font-size:16px;

        line-height:1.8;

    }

    .gb-list{

        gap:28px;

    }

    .gb-item{

        padding-bottom:26px;

    }

    .gb-item h4{

        font-size:22px;

        font-weight:300;

        line-height:1.12;

        letter-spacing:-0.03em;

        margin-bottom:16px;

    }

    .gb-item p{

        font-size:16px;

        line-height:1.8;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3719e54 */.gb-contact-list{
    margin-top:34px;
    display:flex;
    flex-direction:column;
    gap:14px;
}

.gb-contact-item{

    padding:18px 20px;

    border:1px solid rgba(255,255,255,.08);

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

    border-radius:14px;

    text-align:left;

}

.gb-contact-item span{

    display:block;

    margin-bottom:8px;

    font-size:11px;

    letter-spacing:.22em;

    text-transform:uppercase;

    color:#b78c61;

}

.gb-contact-item strong{

    font-size:17px;

    line-height:1.7;

    color:#f6eadb;

    font-weight:500;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e06148a *//* ======================================
   GLOSSA DEMO CONTENT
====================================== */

.gb-demo-box{

    padding:32px;

    margin-bottom:42px;

    border:1px solid rgba(201,176,140,.18);

    border-radius:14px;

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

}

.gb-demo-badge{

    display:inline-flex;

    padding:7px 16px;

    margin-bottom:26px;

    font-family:'Montserrat',sans-serif;

    font-size:10px;

    font-weight:500;

    letter-spacing:.30em;

    text-transform:uppercase;

    color:#b99674;

    border:1px solid rgba(216,176,122,.35);

    border-radius:40px;

}

.gb-demo-intro{

    margin:0;

    font-family:'Montserrat',sans-serif;

    font-size:17px;

    font-weight:300;

    line-height:1.9;

    color:#ccb8a6;

}

.gb-demo-intro strong{

    color:#f3e4d4;

    font-weight:500;

}

/* ======================================
   LISTA
====================================== */

.gb-list{

    display:flex;

    flex-direction:column;

    gap:34px;

}

.gb-item{

    padding-bottom:32px;

    border-bottom:1px solid rgba(201,176,140,.12);

}

.gb-item:last-child{

    border-bottom:none;

    padding-bottom:0;

}

.gb-item h4{

    margin:0 0 18px;

    max-width:420px;

    font-family:'Montserrat',sans-serif;

    font-size:26px;

    font-weight:300;

    line-height:1.15;

    letter-spacing:-0.03em;

    color:#f3e4d4;

}

.gb-item p{

    margin:0;

    font-family:'Montserrat',sans-serif;

    font-size:17px;

    font-weight:300;

    line-height:1.9;

    color:#ccb8a6;

}

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

@media(max-width:767px){

    .gb-demo-box{

        padding:24px;

        margin-bottom:36px;

    }

    .gb-demo-badge{

        margin-bottom:22px;

    }

    .gb-demo-intro{

        font-size:16px;

        line-height:1.8;

    }

    .gb-list{

        gap:28px;

    }

    .gb-item{

        padding-bottom:26px;

    }

    .gb-item h4{

        font-size:22px;

        font-weight:300;

        line-height:1.12;

        letter-spacing:-0.03em;

        margin-bottom:16px;

    }

    .gb-item p{

        font-size:16px;

        line-height:1.8;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3719e54 */.gb-contact-list{
    margin-top:34px;
    display:flex;
    flex-direction:column;
    gap:14px;
}

.gb-contact-item{

    padding:18px 20px;

    border:1px solid rgba(255,255,255,.08);

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

    border-radius:14px;

    text-align:left;

}

.gb-contact-item span{

    display:block;

    margin-bottom:8px;

    font-size:11px;

    letter-spacing:.22em;

    text-transform:uppercase;

    color:#b78c61;

}

.gb-contact-item strong{

    font-size:17px;

    line-height:1.7;

    color:#f6eadb;

    font-weight:500;

}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-a3a4c8f *//* ==========================================
   GLOSSA BEAUTY - ACCORDION
========================================== */

.e-n-accordion{
    border:none !important;
    background:transparent !important;
}

/* ==========================================
   ELEMENT
========================================== */

.e-n-accordion-item{

    background:transparent !important;
    border:none !important;

    border-top:1px solid rgba(185,150,116,.16) !important;

    transition:.35s ease;

}

.e-n-accordion-item:last-child{

    border-bottom:1px solid rgba(185,150,116,.16) !important;

}

.e-n-accordion-item:hover{

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

}

.e-n-accordion-item[open]{

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

}

/* ==========================================
   NAGŁÓWEK
========================================== */

.e-n-accordion-item-title{

    padding:22px 6px !important;

    background:transparent !important;

    transition:.35s;

}

.e-n-accordion-item:hover .e-n-accordion-item-title{

    padding-left:10px !important;

}

.e-n-accordion-item[open] .e-n-accordion-item-title{

    padding-left:12px !important;

}

/* ==========================================
   TEKST
========================================== */

.e-n-accordion-item-title-text{

    display:flex;
    align-items:center;
    gap:16px;

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

    font-size:22px !important;

    font-weight:300 !important;

    line-height:1.15 !important;

    letter-spacing:-0.03em !important;

    color:#f3e4d4 !important;

    transition:.35s;

}

/* ==========================================
   NUMERACJA
========================================== */

.e-n-accordion-item:nth-child(1) .e-n-accordion-item-title-text::before{content:"01";}
.e-n-accordion-item:nth-child(2) .e-n-accordion-item-title-text::before{content:"02";}
.e-n-accordion-item:nth-child(3) .e-n-accordion-item-title-text::before{content:"03";}
.e-n-accordion-item:nth-child(4) .e-n-accordion-item-title-text::before{content:"04";}
.e-n-accordion-item:nth-child(5) .e-n-accordion-item-title-text::before{content:"05";}
.e-n-accordion-item:nth-child(6) .e-n-accordion-item-title-text::before{content:"06";}
.e-n-accordion-item:nth-child(7) .e-n-accordion-item-title-text::before{content:"07";}
.e-n-accordion-item:nth-child(8) .e-n-accordion-item-title-text::before{content:"08";}
.e-n-accordion-item:nth-child(9) .e-n-accordion-item-title-text::before{content:"09";}
.e-n-accordion-item:nth-child(10) .e-n-accordion-item-title-text::before{content:"10";}

.e-n-accordion-item-title-text::before{

    flex:0 0 30px;

    font-size:12px;
    font-weight:500;

    letter-spacing:.15em;

    color:#b99674;

    opacity:.75;

    transition:.35s;

}

/* ==========================================
   AKTYWNY
========================================== */

.e-n-accordion-item[open] .e-n-accordion-item-title-text{

    color:#d8b07a !important;

}

.e-n-accordion-item[open] .e-n-accordion-item-title-text::before{

    color:#d8b07a;
    opacity:1;

}

/* ==========================================
   IKONA
========================================== */

.e-n-accordion-item-title-icon{

    display:none !important;

}

/* ==========================================
   TREŚĆ
========================================== */

.e-n-accordion-item-content{

    padding:12px 0 48px 42px !important;

    font-family:'Montserrat',sans-serif;

    font-size:15px;

    line-height:1.95;

    color:#cbb39b !important;

}

/* ===================================================
   ETAPY GOJENIA PMU
=================================================== */

.gb-healing{

    color:#efe5d6;

}

/* ==========================================
   DEMO BOX
========================================== */

.gb-demo-box{

    margin-bottom:48px;

    padding:30px;

    border:1px solid rgba(185,150,116,.10);

    border-radius:14px;

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

    text-align:center;

}

.gb-demo-box span{

    display:block;

    margin-bottom:12px;

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

    letter-spacing:.25em;
    text-transform:uppercase;

    color:#b88c61;

}

.gb-demo-box h3{

    margin:0 auto 30px;

    max-width:420px;

    font-family:'Montserrat',sans-serif;

    font-size:22px;

    font-weight:300;

    line-height:1.15;

    letter-spacing:-0.03em;

    color:#f3e4d4;

}

.gb-demo-box p{

    margin:0;

    color:#bda792;

    line-height:1.9;

}

/* ==========================================
   ETAP
========================================== */

.gb-stage{

    padding:54px 0;

    text-align:center;

    border-bottom:1px solid rgba(185,150,116,.10);

}

.gb-stage:last-child{

    border-bottom:none;

}

.gb-stage img{

    width:120px;

    height:auto;

    display:block;

    margin:0 auto 26px;

    transition:.35s;

}

.gb-stage:hover img{

    transform:translateY(-4px);

}

.gb-stage-content{

    max-width:560px;

    margin:0 auto;

}

.gb-stage-content span{

    display:block;

    margin-bottom:8px;

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

    letter-spacing:.28em;

    text-transform:uppercase;

    color:#b88c61;

}

.gb-stage-content h4{

    margin:0 auto 24px;

    max-width:420px;

    font-family:'Montserrat',sans-serif;

    font-size:22px;

    font-weight:300;

    line-height:1.15;

    letter-spacing:-0.03em;

    color:#f3e4d4;

}

.gb-stage-content p{

    margin:0;

    color:#cbb39b;

    line-height:1.9;

}

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

@media(max-width:767px){

    .e-n-accordion-item-title{

        padding:18px 0 !important;

    }

    .e-n-accordion-item-title-text{

        font-size:22px !important;

        line-height:1.12 !important;

        letter-spacing:-0.03em !important;

    }

    .e-n-accordion-item-content{

        padding:10px 0 34px 18px !important;

    }

    .gb-demo-box{

        padding:22px;

        margin-bottom:36px;

    }

    .gb-demo-box h3{

        font-size:24px;

        line-height:1.12;

        letter-spacing:-0.03em;

    }

    .gb-stage{

        padding:42px 0;

    }

    .gb-stage img{

        width:105px;

        margin-bottom:22px;

    }

    .gb-stage-content h4{

        font-size:35px;

        line-height:1.12;

        letter-spacing:-0.03em;

    }

}

.elementor-element-8aac393{

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

}

/* USUNIĘCIE RAMKI ZAWARTOŚCI AKORDEONU */

.e-n-accordion-item > [role="region"]{

    border:none !important;
    outline:none !important;
    box-shadow:none !important;
    background:transparent !important;

}

.e-n-accordion-item > [role="region"] > .e-con{

    border:none !important;
    outline:none !important;
    box-shadow:none !important;
    background:transparent !important;

}

.e-n-accordion-item > [role="region"] > .e-con > .e-con-inner{

    border:none !important;
    outline:none !important;
    box-shadow:none !important;
    background:transparent !important;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bf79a27 *//* ==========================================
   GLOSSA FOOTER
========================================== */

.gb-footer{

    padding:80px 0 20px;

    text-align:center;

}

.gb-footer-line{

    width:70px;
    height:1px;

    margin:0 auto 34px;

    background:rgba(216,176,122,.45);

}

.gb-footer h3{

    margin:0 auto 30px;

    max-width:420px;

    font-family:'Montserrat',sans-serif;

    font-size:42px;

    font-weight:300;

    line-height:1.15;

    letter-spacing:-0.03em;

    color:#f3e4d4;

}

.gb-footer p{

    max-width:620px;

    margin:0 auto 36px;

    font-family:'Montserrat',sans-serif;

    font-size:17px;

    font-weight:300;

    line-height:1.9;

    color:#ccb8a6;

}

.gb-footer-btn{

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

    padding:16px 42px;

    border:1px solid rgba(216,176,122,.45);

    color:#efe5d6;

    text-decoration:none;

    font-family:'Montserrat',sans-serif;

    font-size:13px;

    font-weight:500;

    letter-spacing:.18em;

    text-transform:uppercase;

    transition:.35s;

}

.gb-footer-btn:hover{

    background:#d8b07a;

    color:#2b1813;

}

.gb-footer-bottom{

    margin-top:70px;

    padding-top:26px;

    border-top:1px solid rgba(255,255,255,.06);

}

.gb-footer-bottom span{

    display:block;

    margin-bottom:18px;

    font-size:12px;

    letter-spacing:.15em;

    color:rgba(239,229,214,.45);

}

.gb-footer-links{

    display:flex;

    justify-content:center;

    gap:28px;

    flex-wrap:wrap;

}

.gb-footer-links a{

    color:rgba(239,229,214,.45);

    text-decoration:none;

    font-size:12px;

    letter-spacing:.08em;

    transition:.3s;

}

.gb-footer-links a:hover{

    color:#d8b07a;

}

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

@media(max-width:480px){

.gb-footer{

    padding:60px 20px 20px;

}

.gb-footer-line{

    width:54px;

    margin-bottom:28px;

}

.gb-footer h3{

    max-width:290px;

    margin:0 auto 24px;

    font-size:35px;

    font-weight:300;

    line-height:1.12;

    letter-spacing:-0.03em;

}

.gb-footer p{

    max-width:305px;

    font-size:16px;

    font-weight:300;

    line-height:1.8;

    margin-bottom:30px;

}

.gb-footer-btn{

    padding:15px 30px;

    font-size:12px;

}

.gb-footer-bottom{

    margin-top:50px;

    padding-top:22px;

}

.gb-footer-links{

    gap:18px;

}

}/* End custom CSS */