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

.st-contact{

    position:relative;

    overflow:hidden;

    padding:170px 0 0;

    background:#FCF8F3;

}

/* dekoracyjne łuki */

.st-contact::before{

    content:"";

    position:absolute;

    left:-520px;

    bottom:-420px;

    width:1100px;

    height:1100px;

    border-radius:50%;

    border:1px solid rgba(232,96,90,.06);

    box-shadow:

        0 0 0 60px rgba(232,96,90,.03),

        0 0 0 120px rgba(232,96,90,.015);

}

.st-contact::after{

    content:"";

    position:absolute;

    top:-260px;

    right:-420px;

    width:900px;

    height:900px;

    border-radius:50%;

    border:1px solid rgba(24,59,89,.05);

}

.st-contact-wrapper{

    position:relative;

    z-index:5;

    max-width:1200px;

    margin:auto;

    padding:0 6%;

    text-align:center;

}

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

.st-contact-header{

    max-width:760px;

    margin:0 auto 70px;

}

.st-contact-header span{

    display:inline-flex;

    align-items:center;

    gap:14px;

    font-size:12px;

    font-weight:600;

    letter-spacing:4px;

    text-transform:uppercase;

    color:#E8605A;

    margin-bottom:24px;

}

.st-contact-header span::after{

    content:"";

    width:80px;

    height:1px;

    background:#E8D8CC;

}

.st-contact-header h2{

    margin:0;

    font-size:clamp(52px,6vw,88px);

    line-height:.95;

    font-weight:600;

    color:#183B59;

}

.st-contact-header h2 em{

    display:block;

    margin-top:8px;

    font-style:italic;

    font-weight:400;

    color:#E8605A;

}

.st-contact-header p{

    max-width:650px;

    margin:34px auto 0;

    font-size:18px;

    line-height:1.9;

    color:#6D7075;

}

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

.st-contact-content{

    display:flex;

    flex-direction:column;

    align-items:center;

    gap:55px;

    position:relative;

    z-index:5;

}

.st-contact-button{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-width:240px;

    height:64px;

    padding:0 42px;

    border-radius:100px;

    background:#E8605A;

    color:#fff;

    text-decoration:none;

    font-size:14px;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

    transition:.35s ease;

    box-shadow:0 18px 40px rgba(232,96,90,.22);

}

.st-contact-button:hover{

    transform:translateY(-6px);

    background:#183B59;

    box-shadow:0 24px 50px rgba(24,59,89,.22);

}

.st-contact-details{

    display:flex;

    justify-content:center;

    align-items:flex-start;

    gap:90px;

    flex-wrap:wrap;

}

.st-contact-item{

    text-align:center;

}

.st-contact-item span{

    display:block;

    margin-bottom:12px;

    font-size:11px;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

    color:#B89B8C;

}

.st-contact-item a,

.st-contact-item p{

    margin:0;

    color:#183B59;

    font-size:22px;

    font-weight:500;

    line-height:1.6;

    text-decoration:none;

    transition:.3s;

}

.st-contact-item a:hover{

    color:#E8605A;

}

/* ======================================================
   FLAMINGOS
====================================================== */

.st-contact-flamingos{

    position:relative;

    margin-top:120px;

    display:flex;

    justify-content:center;

    align-items:center;

    z-index:2;

    pointer-events:none;

    overflow:hidden;

}

.st-contact-flamingos img{

    display:block;

    width:100%;

    max-width:560px;

    height:auto;

    opacity:.95;

    transform:translateX(-10px);

    transform-origin:center;

    transition:transform .7s ease;

}

.st-contact:hover .st-contact-flamingos img{

    transform:translateX(-10px) translateY(-8px);

}