/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			prosilver (the default phpBB 3.3.x style)
	Based on style:
	Original author:	Tom Beddard ( http://www.subblue.com/ )
	Modified by:		phpBB Limited ( https://www.phpbb.com/ )
    --------------------------------------------------------------
*/

@import url("normalize.css?hash=48eb3f89");
@import url("base.css?hash=7c5543be");
@import url("utilities.css?hash=d8f72c42");
@import url("common.css?hash=843d5d5f");
@import url("links.css?hash=18286e16");
@import url("content.css?hash=d0e24377");
@import url("buttons.css?hash=56f0d25f");
@import url("cp.css?hash=50d868ab");
@import url("forms.css?hash=9016b55c");
@import url("icons.css?hash=64da33ce");
@import url("colours.css?hash=fcb2f289");
@import url("responsive.css?hash=c9d32cba");
@import url("custom.css");
@import url("walent.css");
@import url("reputacja.css");
@import url("wisielec.css");
@import url("graty.css");


/* ogloszenie */

.oglo {
     width: 550px;
     height: max-content;
     min-height:140px;
     background: var(--w);
     margin: 20px auto;
     border-radius: 30px;
     background-clip: border-box;
     outline: 1px solid var(--g);
     position: relative;
     overflow: hidden;
     box-shadow: 0px 2px 9px rgb(92 92 92 / 18%);
     padding: 15px;
}


.ogloTyt {
    display: flex;
    flex-direction: column;
    width: 78%;
    font-family: 'Staatliches';
    font-size: 30px;
    position: absolute;
    top: 32px;
    justify-content: center;
    align-items: end;
    height: 100px;
    left: 95px;
    z-index: 1;
}

.gg {
    position: relative;
    width: 95%;
    text-align: center;
    display: flex;
    /* top:5px; */
    height: 100%;
    flex-direction: column;
    /* background: pink; */
    justify-content: center;
}

.ikoni {
    position: absolute;
    top: 50%;
    left: -90px;
    width: 90px;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    background: var(--w);
    z-index: 1;
    overflow: hidden;
    transform: translate(0px, -50%);
}

.ikoni img {
    width: 85px;
    height: 85px;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
    border: 2px solid white;
}

.dupa {
    position: relative;
    left: 10px;
    width: 395px;
    text-align: left;
    color: var(--b);
    /* top: 10px; */
    font-family: 'Poppins';
    letter-spacing: -1px;
    font-weight: bold;
    text-transform: lowercase;
}

.ogloTyt span {
    width: calc(100% - 32px);
    color: #bcbcbc;
    height: max-content;
    font-size: 13px;
    font-family: 'Poppins';
    text-align: justify;
    overflow: auto;
    text-transform:uppercase;
    margin-left: 10px;
    margin-top: 10px;
}

.tresc {
 padding: 10px;
 margin: 5px auto;
 margin-top: 125px;
 /* background: var(--w); */
 box-sizing: border-box;
 width: calc(100% - 15px);
 font-family:poppins;
 text-align:justify;
 font-size: 14px;
 line-height: 165%;
 position: relative;
 z-index: 2;
 /* margin-left: 25px; */
 border-radius: 20px;
 padding-left: 15px;
 /* overflow: hidden; */
 margin-bottom: 25px;
}

.ikoni svg {
    fill: var(--w);
    width: 60px;
    height: 60px;
}

.ogloTyt::before {
    z-index: -1;
    content: '';
    position: absolute;
    width: 550px;
    height: 150px;
    background: var(--b);
    bottom: 0px;
    left: -100px;
    opacity: 0;
}

.odz {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 20px;
}

.odznakiNo {
    width: 95%;
    background: var(--w);
    border-radius: 20px;
    padding: 10px;
    display: grid;
    grid-template-columns: 70px 365px;
    grid-auto-rows: auto;
    row-gap: 5px;
    column-gap: 10px;
    /* border: 2px solid var(--w); */
}

.odznakiNoT {
    grid-column-start: 2;
    grid-row-start: 1;
    text-transform: uppercase;
    font-family: 'Staatliches';
    font-size: 20px;
    color: var(--b);
    grid-row-end: 2;
}

.odznakiNo2 {
    grid-column-start: 1;
    grid-row-start: 1;
    grid-row-end: 5;
    background: var(--g);
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 70px;
}

.odznakiOpis {
    grid-column-start: 2;
    grid-row-start: 2;
    grid-row-end: 5;
    font-family: poppins;
    font-size: 12px;
    text-align: justify;
    overflow: auto;
}

.odznakiNo2 img {
    width: 50px;
    height: 50px;
    background: var(--g);
}

.tele {width: 260px;height: max-content;min-height: 310px;background: var(--g1);margin: 20px auto;border-radius: 30px;padding: 20px;position: relative;}

.tele1 {position: relative;width: calc(100% - 0px);height: 80px;background: var(--w);border-radius: 20px;display: grid;grid-template-columns: 80px 170px;grid-auto-rows: 20px;padding: 10px;column-gap: 10px;left: -10px;top: -10px;}

.teleImg {
grid-column-start: 1;
grid-row-start: 1;
grid-row-end: 5;
}

.teleImg img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 10px;
}

.teleImie {font-weight: bold;font-family: 'Poppins';font-size: 15px;color: var(--tel-color);grid-column-start: 2;grid-row-start: 1;grid-row-end: 3;justify-items: center;display: flex;justify-content: start;align-items: center;}

.tel_odp {
    position: relative;
    margin: 10px auto;
    margin-top: 0px;
    padding: 7px 9px 7px 12px;
    background: linear-gradient(90deg, var(--w), transparent);
    border-radius: 14px 14px 14px 6px;
    color: var(
    --font);
    font-size: 10.5px;
    line-height: 1.45;
    box-shadow: inset 0 0 0 1px rgba(166, 111, 129, .07);
}

.tel_odp1 {
    width: 100%;
    text-transform: lowercase;
    letter-spacing: 1px;
    color: var(--tel-color);
    font-weight: bold;
}

.sms-react {
    position: relative;
        margin-bottom: 20px;
}

.sms-reaction {
    background: var(--g);
    width: 20px;
    height: 8px;
    padding: 5px 10px;
    border-radius: 15px;
    margin-left: auto;
    margin-bottom: -13px;
    margin-top: -20px;
    position: relative;
    margin-right: -8px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 1;
}

.bubbleChat {
    display: flex;
    justify-content: end;
    align-items: center;
    margin-top: 25px;
    margin-right: 4px;
}

.bubbleChat svg {
    width: 21px;
    height: 21px;
    color: var(--tel-color);
}

.telOznaczenie {
    display: flex;
    justify-content: end;
    align-items: center;
    flex-direction: row-reverse;
}

.telOznaczenie svg {
    width: 13px;
    height: 13px;
    fill: var(--tel-color);
}

.telOznaczenie a {
    font-size: 8px;
    margin-top: 1px;
}

.telOdznIko {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 3px;
}

.telOznaczenie .mention:before {
    display: none;
}

.teleIko {
grid-column-start: 2;
grid-row-start: 3;
grid-row-end: 5;
display: flex;
gap: 5px;
align-items: center;
}

.teleIko svg {fill: var(--tel-color);width: 23px;height: 23px;}

.tele3 {padding: 10px;background: var(--g);font-size: 13px;line-height: 18px;border-radius: 15px 15px 0px 15px;font-family: 'Poppins';
  
      margin-top: 5px;
    margin-bottom: 10px;
  
}

.tele2 {
margin-top: 5px;
margin-bottom: 45px;
position: relative;
}

.tele4 {position: absolute;bottom: 10px;height: 50px;background: var(--g1);width: calc(100% - 40px);left: 10px;border-radius: 0px 0px 20px 20px;display: flex;justify-content: space-between;align-items: center;gap: 10px;padding: 0px 10px;}

.tele5 {width: 75%;background: var(--g);padding: 5px 10px;border-radius: 20px;}

.tele6 {width: 31.7px;height: 31.7px;background: linear-gradient(145deg, transparent, var(--tel-color));border-radius: 10px;box-sizing: border-box;padding: 3px;display: flex;justify-content: center;align-items: center;}

.tele6 svg {fill: var(--w);}

.h1C {
    letter-spacing: 1px;
    font-size: 15px;
    font-family: 'Poppins';
    margin: 5px auto;
    text-align: left;
    margin-bottom: 10px;
    color: var(--b);
    z-index: 1;
    position: relative;
    width: max-content;
    text-transform: uppercase;
    margin-left: 0px;
}


/* kalendarz */

.kalendarz1 {
    text-align: left;
    margin: 30px auto;
    margin-left: 20px;
    font-family: 'Poppins';
    font-size: 30px;
    letter-spacing: -1px;
    color: var(--tel-color);
    position: relative;
    width: max-content;
    z-index: 1;
    max-width: 90%;
    margin-bottom: 10px;
    font-weight: bold;
}

.kalendarz1::before {
    content: '';
    position: absolute;
    width: 80%;
    left: -10px;
    bottom: -5px;
    background: var(--tel-color);
    height: 10px;
    z-index: -1;
    opacity: 0.4;
    border-radius: 20px;
}

.kalendarz2 {
    padding: 10px;
    padding-bottom: 20px;
}
.oglo.kalendarzK {
    width: 450px;
}

.kalendarz3, .kalendarz5 {
    background: var(--w);
    /* padding: 20px; */
    border-radius: 20px;
}

.kalendarz5 .postimage {
    border-radius: 15px;
    height: 250px;
    width: 100%;
    object-fit: cover;
    object-position: center;
    margin-bottom: 10px;
}

.kalendarz4 .h1C {
    width: max-content;
    margin: 10px auto;
    margin-left: 0px;
    letter-spacing: 0px;
    color: var(--tel-color);
    margin-bottom: 0px;
}

.kalendarz3 {
    display: grid;
    grid-template-columns: 100px auto;
    grid-auto-rows: auto;
    row-gap: 5px;
    column-gap: 10px;
    position: relative;
    margin-top: 20px;
    min-height: 140px;
}

.kalendarz3 .postimage {
    width: 100px;
    height: 100px;
    border-radius: 15px;
    object-fit: cover;
    object-position: center;
}

.kalendarz3 .kalendarz4 {
    margin-top: 0px;
    font-size: 12px;
    line-height: 15px;
}

.kalendarz4 strong {
    color: var(--tel-color);
}

.koniec {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23ffffff" viewBox="0 0 256 256"><path d="M237.66,85.26l-128.4,128.4a8,8,0,0,1-11.32,0l-71.6-72a8,8,0,0,1,0-11.31l24-24a8,8,0,0,1,11.32,0L104,147.43l98.34-97.09a8,8,0,0,1,11.32,0l24,23.6A8,8,0,0,1,237.66,85.26Z" opacity="0.2"></path><path d="M243.28,68.24l-24-23.56a16,16,0,0,0-22.59,0L104,136.23l-36.69-35.6a16,16,0,0,0-22.58.05l-24,24a16,16,0,0,0,0,22.61l71.62,72a16,16,0,0,0,22.63,0L243.33,90.91A16,16,0,0,0,243.28,68.24ZM103.62,208,32,136l24-24a.6.6,0,0,1,.08.08l42.35,41.09a8,8,0,0,0,11.19,0L208.06,56,232,79.6Z"></path></svg>');
    background-color: var(--tel-color);
    width: 100px;
    height: 32px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    top: 105px;
    left: 0px;
    border-radius: 10px;
    opacity: 0.8;
}

.trwa {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23ffffff" viewBox="0 0 256 256"><path d="M221.66,90.34,192,120,136,64l29.66-29.66a8,8,0,0,1,11.31,0L221.66,79A8,8,0,0,1,221.66,90.34Z" opacity="0.2"></path><path d="M227.32,73.37,182.63,28.69a16,16,0,0,0-22.63,0L36.69,152A15.86,15.86,0,0,0,32,163.31V208a16,16,0,0,0,16,16H92.69A15.86,15.86,0,0,0,104,219.31l83.67-83.66,3.48,13.9-36.8,36.79a8,8,0,0,0,11.31,11.32l40-40a8,8,0,0,0,2.11-7.6l-6.9-27.61L227.32,96A16,16,0,0,0,227.32,73.37ZM48,208V179.31L76.69,208Zm48-3.31L51.31,160,136,75.31,180.69,120Zm96-96L147.32,64l24-24L216,84.69Z"></path></svg>');
    background-color: var(--tel-color);
    width: 100px;
    height: 32px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    top: 105px;
    left: 0px;
    border-radius: 10px;
    opacity: 0.8;
}

.przerwana {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23ffffff" viewBox="0 0 256 256"><path d="M208,48V208a8,8,0,0,1-8,8H160a8,8,0,0,1-8-8V48a8,8,0,0,1,8-8h40A8,8,0,0,1,208,48ZM96,40H56a8,8,0,0,0-8,8V208a8,8,0,0,0,8,8H96a8,8,0,0,0,8-8V48A8,8,0,0,0,96,40Z" opacity="0.2"></path><path d="M200,32H160a16,16,0,0,0-16,16V208a16,16,0,0,0,16,16h40a16,16,0,0,0,16-16V48A16,16,0,0,0,200,32Zm0,176H160V48h40ZM96,32H56A16,16,0,0,0,40,48V208a16,16,0,0,0,16,16H96a16,16,0,0,0,16-16V48A16,16,0,0,0,96,32Zm0,176H56V48H96Z"></path></svg>');
    background-color: var(--tel-color);
    width: 100px;
    height: 32px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    top: 105px;
    left: 0px;
    border-radius: 10px;
    opacity: 0.8;
}

/* poszukiwania */

.posz1 {
    position: relative;
    width: calc(100% - 160px);
    margin: 30px auto;
    z-index: 1;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: row;
    padding: 0px 20px;
    font-family: 'Staatliches';
    font-size: 35px;
    color: var(--b);
    flex-direction: column;
    padding-right: 120px;
}

.posz1::before {
    left: 0px;
    content: '';
    position: absolute;
    height: 100%;
    background: var(--b);
    width: 100%;
    opacity: 0.3;
    z-index: -1;
    top: 0px;
    border-radius: 10px;
}


.posz2 {
    z-index: 1;
    display: flex;
    text-align: left;
    gap: 5px;
    justify-content: center;
    align-items: center;
    letter-spacing: -1px;
    font-family: 'Poppins';
    text-transform: lowercase;
    font-size: 25px;
    font-weight: bold;
}

.posz4 {
    position: absolute;
    right: 10px;
    width: 100px;
    height: 100px;
    background: var(--w);
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 10px;
}

.posz4 svg {
    width: 50px;
    height: 50px;
    fill: var(--b);
}

.posz7 {
    margin: 20px auto;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 20px 0px;
    margin-bottom: 0px;
    width: calc(100% - 20px);
}

.posz7 .postimage {
    width: 47%;
    height: 140px;
    object-fit: cover;
    object-position: center;
    border-radius: 15px;
    border: 5px double var(--b);
}

.posz3 {
    position: absolute;
    font-size: 15px;
    top: 175px;
    width: 100%;
    font-family: 'Poppins';
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    left: 0px;
    color:var(--b);
}

/* akcept */

.akcept {
    width: 400px;
    height: 260px;
    background: var(--g1);
    margin: 40px auto;
    padding: 20px;
    border-radius: 30px;
    position: relative;
}

.akcent1 {
    position: absolute;
    right: 20px;
    top: -30px;
    background: var(--b);
    width: 240px;
    height: 95px;
    padding-left: 30px !important;
    border-radius: 25px 25px 25px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: var(--w);
    padding: 0px 30px;
    padding-bottom: 40px;
    z-index: 1;
}

.akcent3 {
    position: absolute;
    width: 55px;
    height: 85px;
    background: var(--b);
    right: 0px;
    bottom: 25px;
    z-index: 2;
    border-radius: 0px 0px 20px 0px;
}

.akcent1::before {
    z-index: -1;
    content: '';
    position: absolute;
    width: 28px;
    height: 100px;
    background: var(--w);
    right: -10px;
    bottom: -10px;
    border-radius: 0px 20px;
}

.akcent1::after {
    content: '';
    position: absolute;
    width: 50px;
    background: var(--w);
    height: 20px;
    border-radius: 0px 0px 0px 0px;
    right: 0px;
    bottom: 35px;
}


.akcent2 {position: absolute;width: 420px;height: 210px;background: var(--w);bottom: 10px;right: 10px;border-radius: 25px;z-index: 2;}

.akcept4 {
    font-size: 40px;
    position: absolute;
    z-index: 2;
    width: calc(100% - 40px);
    height: 120px;
    top: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Staatliches';
    font-weight: normal;
    padding: 0px 40px;
    flex-direction: column;
    gap: 10px;
}

.akcept4 a {
    font-size: 20px;
    color: white;
}

.akcept10 {
    padding: 20px;
}

.akcept420 {
    position: absolute;
    top: 1px;
    left: 2px;
    width: 120px;
    height: 80px;
    /* background: white; */
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.akcept420 img {
    width: 75px;
}

.dyplomaci .akcent1, .dyplomaci .akcent3 {
    background: var(--dyplomaci)
}

.odkrywcy .akcent1, .odkrywcy .akcent3 {
    background:var(--odkrywcy)
}

.analitycy .akcent1, .analitycy .akcent3 {
    background: var(--analitycy);
}

.strażnicy .akcent1, .strażnicy .akcent3 {
    background: var(--straznicy)
}

.dyplomaci b {
    color: var(--dyplomaci)
}

.odkrywcy b {
    color: var(--odkrywcy)
}

.analitycy b {
    color: var(--analitycy)
}

.strażnicy b {
    color: var(--straznicy)
}


.uniw {
    align-items: start;
    color: var(--b);
}

.uniw1 {
    width: 100px;
    height: 100px;
    background: var(--w);
    position: absolute;
    left: -80px;
    border-radius: 15px;
}

.dupa1 {
    margin-left: 30px;
    min-height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Poppins';
    letter-spacing: -1px;
    font-weight: bold;
    text-transform: lowercase;
}

.uniw span {
    margin-left: 30px;
}


.nieob .uniw1 {
-webkit-mask-image: url(./images/wzory/island-duotone.svg);
    mask-image: url(./images/wzory/island-duotone.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
   -webkit-mask-size: 75px 75px;
mask-size: 75px 75px;
mask-position: center;
}

.rezerwacje .uniw1 {
-webkit-mask-image: url(./images/wzory/identification-card-duotone.svg);
    mask-image: url(./images/wzory/identification-card-duotone.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 75px 75px;
mask-size: 75px 75px;
mask-position: center;
}


.game .uniw1 {
-webkit-mask-image: url(./images/wzory/game-controller-duotone.svg);
    mask-image: url(./images/wzory/game-controller-duotone.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
   -webkit-mask-size: 75px 75px;
mask-size: 75px 75px;
mask-position: center;
  
}

.warsztat .uniw1 {-webkit-mask-image: url(./images/wzory/images-duotone.svg);mask-image: url(./images/wzory/images-duotone.svg);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;
-webkit-mask-size: 75px 75px;
mask-size: 75px 75px;
mask-position: center;}

.mg .uniw1 {
-webkit-mask-image: url(./images/wzory/scroll-duotone.svg);
    mask-image: url(./images/wzory/scroll-duotone.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 75px 75px;
mask-size: 75px 75px;
mask-position: center;
}

.uniw::before {
    content:'';
    background: linear-gradient(145deg, rgb(147 190 142 / 35%), var(--b)) !important;
    width: 100px;
    height: 100px;
    position: absolute;
    z-index: 0;
    opacity: 1;
    left: -80px;
    border-radius: 14px;
}



.zamowienia .uniw1 {
-webkit-mask-image: url(./images/wzory/qr-code-duotone.svg);
    mask-image: url(./images/wzory/qr-code-duotone.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
   -webkit-mask-size: 75px 75px;
mask-size: 75px 75px;
mask-position: center;
}




.dzielnice .uniw1 {
-webkit-mask-image: url(./images/wzory/building-apartment-duotone.svg);
    mask-image: url(./images/wzory/building-apartment-duotone.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
   -webkit-mask-size: 75px 75px;
mask-size: 75px 75px;
mask-position: center;
}


.info .uniw1 {
-webkit-mask-image: url(./images/wzory/info-duotone.svg);
    mask-image: url(./images/wzory/info-duotone.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
   -webkit-mask-size: 75px 75px;
mask-size: 75px 75px;
mask-position: center;
}

.job .uniw1 {
-webkit-mask-image: url(./images/wzory/briefcase-duotone.svg);
    mask-image: url(./images/wzory/briefcase-duotone.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 75px 75px;
mask-size: 75px 75px;
mask-position: center;
}

.szuksy .uniw1 {
-webkit-mask-image: url(./images/wzory/magnifying-glass-duotone.svg);
    mask-image: url(./images/wzory/magnifying-glass-duotone.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
   -webkit-mask-size: 75px 75px;
mask-size: 75px 75px;
mask-position: center;
}



.award .uniw1 {
-webkit-mask-image: url(./images/wzory/star-duotone.svg);
    mask-image: url(./images/wzory/star-duotone.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 75px 75px;
mask-size: 75px 75px;
mask-position: center;
}


.zamow {
    margin: 40px auto;
    width: 360px;
    height: max-content;
    background: var(--g);
    outline: 2px solid var(--w);
    border-radius: 20px;
    border: 5px solid var(--g);
    position: relative;
    overflow: hidden;
    padding: 10px;
    box-shadow: 0px 5px 10px var(--boxsh);
}

.zamLine {
    background: var(--w);
    margin: 3px;
    padding: 10px;
    border: 1px solid var(--g1);
}

.zamLine:first-child {
    border-radius:15px 15px 0px 0px;
}

.zamLine:last-child {
    border-radius:0px 0px 15px 15px;
}

.zamLine:only-child {
    border-radius:15px;
}

.zamT {
    position: absolute;
    top: 5px;
    justify-content: start;
    align-items: center;
    display: flex;
    font-weight: bold;
    letter-spacing: 0px;
    color: var(--b);
    z-index: 1;
    left: 46px;
    width: calc(100% - 53px);
    height: 40px;
    text-align: left;
    line-height: 15px;
    text-transform: uppercase;
}

.zamD {
    position: relative;
    margin-top: 40px;
    text-align: left;
}

.zamT::before {
    content: '';
    position: absolute;
    width: 85%;
    z-index: -1;
    background: var(--b);
    opacity: 0.2;
    bottom: -5px;
    left: -35px;
}

.zamD strong {
    color: var(--b);
}

.zamTs {
    position: absolute;
    top: 50%;
    left: -32px;
    width: 25px;
    height: 25px;
    background: linear-gradient(145deg, rgb(147 190 142 / 35%), var(--b));
    border-radius: 5px;
    transform: translate(0px, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
}

.zamTs svg {
    width: 18px;
    height: 18px;
    fill: var(--w);
}

.podtytulik {
    position: relative;
    width: max-content;
    height: max-content;
    z-index: 1;
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 10px 15px;
    color: var(--b);
    font-weight: bold;
    font-size: 25px;
    font-family: 'Poppins';
    text-transform: lowercase;
    letter-spacing: 0px;
    margin-bottom: -110px;
    margin-left: 15px;
    margin-top: -10px;
    border-radius: 15px;
}

.podtytulik::before {
    content: '';
    position: absolute;
    z-index: -1;
    background: var(--b);
    height: 10px;
    width: 80%;
    left: 0px;
    opacity: 0.3;
    top: 29px;
    border-radius: 6px;
    }




/* karta */

.kpCechy {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.kpCechy .kpTresc12 {
    width: 50px;
    height: 100px;
    min-width: 50px;
    writing-mode: tb-rl;
    transform: rotate(180deg);
    display: flex;
    justify-content: center;
    align-items: center;
}

.kpCechy .kpTresc {
    display: flex;
    flex-direction: row;
    gap: 10px;
    position: relative;
    justify-content: start;
    align-items: center;
}

.kp9 {
    gap: 10px;
    display: flex;
    flex-direction: column;
}

.kp {
    width: 550px;
    height: 600px;
    padding: 20px;
    background: var(--g);
    margin: 20px auto;
    border-radius: 20px;
    background-clip: border-box;
    /* outline: 1px solid var(--g1); */
    position: relative;
    /* overflow: hidden; */
    box-shadow: -4px 6px 9px 0px rgb(92 92 92 / 18%);
    box-sizing: border-box;
}

.kp3 {position: absolute;/* justify-self: start; */top: 0px;left: 0px;width: 70px;height: 70px;background: var(--w);display: flex;justify-content: center;align-items: center;border-radius: 15px;border: 10px solid var(--w);background-clip: padding-box;}

.kp2 {
    position: relative;
    width: 95%;
    text-align: center;
    display: flex;
    min-height: 45px;
    max-height: calc(100% - 37px);
    margin-top: 20px;
}

.kp3 svg {
    fill: var(--tel-color);
    width: 60px;
    height: 60px;
}

.akcept4 .mention::before {
    display: none;
}

.kp5123 {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.kp5123::before {
    content:'';
    width: 20px;
    height: 10px;
    background: var(--w);
    position: absolute;
    left: -7px;
    border-radius: 0px 0px 0px 30px;
}

.kp5123::after {
    content:'';
    width: 20px;
    height: 10px;
    background: var(--w);
    position: absolute;
    right: -7px;
    bottom:-5px;
    border-radius: 0px 0px 0px 30px;
}

.kp4 {
    position: relative;
    left: 95px;
    width: 435px;
    text-align: left;
    color: var(--tel-color);
    top: 5px;
    display: flex;
    justify-content: start;
    align-items: center;
}

.kp1 {
    display: flex;
    flex-direction: column;
    width: 100%;
    font-family: 'Staatliches';
    font-size: 30px;
    position: absolute;
    top: 20px;
    align-items: center;
    min-height: 80px;
    height: 110px;
    gap: 5PX;
}

.kp1 span {
    width: calc(100% - 115px);
    padding-left: 105px;
    font-size: 15px;
    color: var(--font);
    height: 22px;
    font-family: poppins;
}

.kp5 {
    position: absolute;
    width: 70%;
    height: 40px;
    top: -1px;
    right: -1px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    font-family: 'Staatliches';
    font-size: 25px;
    color: var(--tel-color);
    z-index: 1;
    padding: 0px 20px;
    background: var(--w);
    border-radius: 0px 20px;
}

.f3 {
    position: absolute;
    width: 95%;
    height: 420px;
    background: var(--w);
    left: 50%;
    transform: translate(-50%, 0px);
    top: 140px;
    border-radius: 15px;
    overflow: hidden;
    z-index: 1;
}

.kp6, .kp7, .kp8, .kp9 {
  opacity:0;
  z-index:-1;
}

.kp7, .kp8, .kp9 {
    position: absolute;
    padding: 0px 20px;
    height: calc(100% - 40px);
    width: calc(100% - 40px);
    overflow: auto;
    border-top: 20px solid var(--w);
    border-bottom: 20px solid var(--w);
}

.activeTabKP {
  opacity:1;
  z-index:1;
}


.kp6 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
}

.f4 {
    position: absolute;
    width: 100%;
    height: 100%;
    background: white;
    z-index: 1;
}

.aa {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 10px;
    margin: 10px;
}

.bb {
    background: #f5f5f5;
    padding: 5px;
    border-radius: 20px;
}

.bb span {
    font-family: poppins;
    text-transform: uppercase;
    font-weight: bold;
    color: white;
    width: 50%;
    background: var(--b);
    border-radius: 20px;
    padding: 0px 10px;
}

.f5 {
    width: 100%;
    height: 100%;
    position: absolute;
    background: white;
    z-index: 3;
}

.ff1 {
    width: calc(95% - 14px);
    margin: 10px;
    margin-bottom: 50px;
    font-family: 'Staatliches';
    font-size: 20px;
    background: #f5f5f5;
    padding: 10px;
    border-radius: 20px;
    position: relative;
    z-index: 1;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 25px;
}

.ff1::before {
    position: absolute;
    top: 50%;
    left: 5px;
    width: calc(100% - 10px);
    background: var(--b);
    content:
    '';
    height: calc(100% - 10px);
    transform: translate(-50%, -50%);
    border-radius: 20px;
    z-index: -1;
    left: 50%;
}

.bib {
    left: 0px;
    width: 90%;
    text-align: center;
}


.kp5 span {
    cursor: pointer;
}


.kpInfo {
    display: grid;
    grid-template-columns: 265px 200px;
    grid-auto-rows: auto;
    row-gap: 10px;
    column-gap: 10px;
    margin-bottom: 10px;
    position:relative;
}

.kpInfo img {
    width: 200px;
    height: 320px;
    object-fit: cover;
    object-position: top;
    border-radius: 15px;
    grid-column-start: 2;
    grid-row-start: 1;
    grid-row-end: 7;
    position: relative;
}

.kpTresc {
    grid-column-start: 1;
}

.kpTresc {
    display: flex;
    flex-direction: column;
    line-height: 20px;
}

.kpTresc12 {
    font-family: 'Staatliches';
    font-size: 17px;
    color: var(--tel-color);
    position: relative;
    z-index: 1;
    width: max-content;
}

.kpTresc12::before {content: '';position: absolute;left: -5px;width: 70%;height: 5px;background: var(--tel-color);bottom: 0px;opacity: 0.2;}


.kpCechy .kpTresc12::before {content: '';position: absolute;left: 0px;width: 50px;height: 100px;background: var(--b);bottom: 0px;opacity: 0.2;display: none;}

.kpGrupa {
    width: 200px;
    height: 90px;
    margin-top: -16px;
    position: absolute;
    z-index: 3;
    right: 0px;
       top: 270px;
}


.analityk {
    background-image: url("https://i.imgur.com/ox5K14K.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 80px;
}

.odkrywca {
  
  background-image: url("https://i.imgur.com/LAHteDQ.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  
}

.dyplomata {
  background-image: url("https://i.imgur.com/fjOvv5k.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.strażnik {
   background-image: url("https://i.imgur.com/R5PENAt.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* dzielnice */

span.hashtagD {
    font-weight: bold;
    color: var(--b);
    z-index: 1;
    position: relative;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 30px;
}

span.hashtagD::before {
    content: '#';
    position: absolute;
    font-size: 120px;
    z-index: -1;
    opacity: 0.2;
    top: 20px;
    left: 0px;
}
.dzielnicaTime {
    margin: 20px 0px;
    height: max-content;
    border-radius: 10px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 0px 10px;
    width: 40%;
    flex-wrap: wrap;
    row-gap: 10px;
    column-gap: 11px;
}

.dzielnica {
    height: 10px;
    border-radius: 10px;
    padding: 20px;
    width: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--g1);
}

.bad i {
    color: #eea6b3;
}

.good i {
    color: #a1d89c;
}

.dziel {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.dzielniczka1 {
    width: 45%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 20px;
}

.dzielniczka3 {
    DISPLAY: FLEX;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.dzielniczka3 span {
    font-weight: bold;
    font-size: 25px;
    margin-bottom: 10px;
    color: var(--b);
    font-family: 'Staatliches';
    width: max-content;
    position: relative;
}

.dzielniczka3 span::before {
    content: '';
    position: absolute;
    width: 70%;
    height: 10px;
    background: var(--b);
    z-index: -1;
    bottom: -2px;
    left: -5px;
    opacity: 0.2;
}

.dzielnica i {
    font-size: 35px;
}

.dzielniczka2 {
    color: var(--b);
    font-size: 15px;
}

.dzielnicaZd {
    margin-bottom: 20px;
}

.dzielnicaZd img {
    border-radius: 15px;
    border: 2px solid var(--w);
    outline: 3px solid var(--b);
}


.lokacja {
    border: 5px solid var(--g1);
    outline: 10px solid var(--g1);
    width: 90%;
    margin: 20px auto;
    border-radius: 20px;
    position: relative;
    z-index: 1;
}

.lokacja img {
    border-radius: 15px;
    position: relative;
    z-index: 2;
    border: 5px solid var(--w);
}

.lokacja::before {
    content: '';
    position: absolute;
    width: calc(100% + 30px);
    height: 200px;
    background: var(--b);
    top: 30px;
    border-radius: 0px;
    left: -15px;
    z-index: 1;
    opacity: 0.4;
}

/* ig */

.ig {
    padding: 20px;
    width: 450px;
    height: max-content;
    min-height: 150px;
    margin: 20px auto;
    border-radius: 20px;
    /* border: 5px solid var(--w); */
    background: var(--w);
    outline: 2px solid var(--g);
    position: relative;
    overflow: hidden;
    box-shadow: 0px 2px 9px rgb(92 92 92 / 18%);
}

.igTop {
    position: relative;
    z-index: 1;
    height: 100px;
}

.igTop1 img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
    border: 5px solid var(--w);
}

.igTop::before {
    background: var(--tel-color);
    content:
    '';
    position: absolute;
    width: calc(100% + 40px);
    height: 150px;
    opacity: 0.2;
    z-index: -1;
    left: -20px;
    top: 0px;
}

.igTop1 {
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
}

.igTop3 {
    position: absolute;
    width: 90px;
    height: 30px;
    right: 0px;
    top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--tel-color);
    font-family: 'Staatliches';
    font-size: 17px;
    border-radius: 5px;
    color: var(--w);
    box-shadow: 2px 2px 2px rgb(0 0 0 / 40%);
    border: 1px solid var(--w);
    box-shadow: inset 0px -13px 9px 0px rgb(255 255 255 / 24%);
}

.igTop2 {
    position: absolute;
    height: 70px;
    top: 50%;
    transform: translate(10px, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    left: 70px;
    font-family: 'Staatliches';
    font-size: 20px;
    color: var(--tel-color);
}

.igZdj {
    background: var(--w);
    padding: 10px;
    width: calc(100% + 20px);
    height: max-content;
    position: relative;
    z-index: 1;
    margin-top: -0px;
    margin-left: -20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.igZdj img {
    border-radius: 20px;
    margin: 20px auto;
    width: 93%;
}

.igDol {
    position: relative;
    min-height: 50px;
    z-index: 2;
    margin-top: -10px;
}

.igDol4 {
    position: absolute;
}

.igDol2 {
    position: absolute;
    right: 10px;
    top: -5px;
    gap: 10px;
    display: flex;
}

.idDol1 {
    width: 80%;
    display: flex;
    /* gap: 10px; */
    flex-direction: column;
    margin-left: 10px;
}

.idDol1 b {
    color: var(--tel-color);
    width: max-content;
}

.igDol2 svg {
    fill: var(--tel-color);
}

/* ig kom */

.igKom {
    width: 450px;
    height: max-content;
    min-height: 60px;
    overflow: hidden;
    margin: 20px auto;
    border-radius: 20px;
    border: 5px solid var(--w);
    background: var(--w);
    outline: 1px solid var(--g);
    position: relative;
    overflow: hidden;
    box-shadow: 0px 2px 9px rgb(92 92 92 / 18%);
}

.igKTop1 img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}

.igKTop {
    position: relative;
    height: 70px;
}

.igKTop1 {
    position: absolute;
    top: 10px;
    left: 10px;
}

.igKTop .igTop2 {
    left: 60px;
}

.igKTop3 {
    position: absolute;
    right: 10px;
}

.igKTop3 svg {
    fill: var(--tel-color);
}

.igKom2 {
    padding: 5px 15px;
    padding-bottom: 10px;
}

.igKTop::before {
    content: '';
    position: absolute;
    width: 50%;
    height: 5px;
    background: var(--tel-color);
    opacity: 0.3;
    bottom: 20px;
    left: 70px;
}

/* relki */

.reacje {width: 550px;height: max-content;min-height: 140px;/* border: 15px solid var(--g1); */background: var(--w);margin: 20px auto;border-radius: 30px;background-clip: border-box;outline: 1px solid var(--g);position: relative;overflow: hidden;box-shadow: 0px 2px 9px rgb(92 92 92 / 18%);}

.rel1 {
    display: flex;
    flex-direction: column;
    width: calc(100% - 20px);
    font-family: 'Staatliches';
    font-size: 30px;
    position: absolute;
    top: 40px;
    justify-content: start;
    align-items: center;
    height: 100px;
    /* gap: 5px; */
    left: 10px;
}

.rel12345 {
    width: 70%;
    height: 60px;
    background: var(--g);
    border-radius: 10px;
    left: 58px;
    border: 2px solid var(--g);
    font-family: poppins;
    font-size: 12px;
    position: relative;
    overflow: auto;
    box-sizing: border-box;
    padding: 5px 10px;
}

.rel12 {
    position: relative;
    width: 95%;
    text-align: center;
    display: flex;
    height: 37.5px;
}

.rel123 img {
    width: 85px;
    height: 85px;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
    border: 2px solid var(--w);
}

.rel123 {
    position: absolute;
    /* justify-self: start; */
    top: -6px;
    left: 0px;
    width: 90px;
    height: 90px;
    background: var(--w);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    border: 10px solid var(--w);
    background-clip: padding-box;
}

.rel1234 {
    position: relative;
    left: 125px;
    width: 400px;
    text-align: left;
    color: var(--tel-color);
}


.tabi {
    padding: 20px;
    padding-top: 0px;
    margin-top: 160px;
}

.emo {
    width: 90px;
    height: 45px;
    background: pink;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    grid-column-start: 1;
    grid-row-start: 3;
    grid-row-end: 4;
}

.emo  svg {
  fill:var(--w);
}

.one {
    width: 95%;
    height: max-content;
    padding: 15px;
    background: var(--g);
    margin: 20px auto;
    border-radius: 15px;
    display: grid;
    grid-template-columns: 100px 410px;
    grid-auto-rows: auto;
    row-gap: 5px;
    padding-bottom: 10px;
}

.imga {
    position: relative;
    width: 90px;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-row-end: 3;
}

.imga img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border: 5px solid pink;
    border-radius: 10px;
}

.poz img, .poz .emo {
    border-color: #7dbe7d;
    background: #7dbe7d;
}

.poz .imieR {
    color: #7dbe7d;
}

.opisR {
    grid-column-start: 2;
    grid-row-start: 2;
    grid-row-end: 5;
    width: calc(95% - 20px);
    text-align: justify;
    font-family: poppins;
    font-size: 12px;
    background: var(--w);
    padding: 10px;
    border-radius: 20px;
    height: max-content;
    min-height: 0px;
    margin-bottom: 10px;
}

.imieR {
    font-family: 'Staatliches';
    font-size: 20px;
}

.neg .imieR {
    color: #b96666;
}

.neg img, .neg .emo {
    border-color: #b96666;
    background: #b96666;
}

.neu img, .neu .emo {
    border-color: #8db5ce;
    background: #8db5ce;
}

.neu .imieR {
    color: #8db5ce;
}

/* inf */

.inf1 {
    position: relative;
    margin-top: 40px;
    width: 100%;
    height: 180px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    z-index: 1;
}

.inf12 {
    display: grid;
    grid-template-columns: 130px 130px 130px 130px;
    grid-auto-rows: auto;
    row-gap: 15px;
    column-gap: 10px;
}

.inf123 img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
}


.inf123 {
    grid-column-start: 2;
    grid-row-start: 1;
    grid-row-end: 1;
    grid-column-end: 2;
    background: var(--g);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 130px;
    border-radius: 15px;
}

.inf123456 {
    grid-column-start: 3;
    grid-row-start: 1;
    grid-row-end: 1;
    grid-column-end: 3;
    border: 15px solid var(--g);
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--g);
    border-radius: 15px;
    position: relative;
    z-index: 1;
}

.inf1234 {
    text-align: center;
    grid-column-start: 1;
    grid-row-start: 2;
    grid-row-end: 2;
    grid-column-end: 5;
    width: 100%;
    font-family: 'Staatliches';
    font-size: 25px;
    color: var(--tel-color);
}

.inf123456 svg {
    width: 100px;
    height: 100px;
    fill: var(--tel-color);
}


.infK {
    margin: 20px auto;
    width: calc(100% - 80px);
    background: var(--w);
    padding: 20px;
    border-radius: 20px;
    position: relative;
    margin-top: -10px;
}

.infT {
    position: relative;
    font-family: 'Staatliches';
    font-size: 30px;
    color: var(--tel-color);
    margin-left: 5px;
    z-index: 1;
    width: max-content;
}

.infT::before {
    content: '';
    width: 90%;
    height: 15px;
    background: var(--tel-color);
    position: absolute;
    left: -5px;
    bottom: -5px;
    opacity: 0.3;
    z-index: -1;
}

.infT1 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 20px;
    gap: 10px;
    position: relative;
}

.infOdp {
    width: 100%;
    border-bottom: 1px dashed var(--tel-color);
    padding-bottom: 10px;
    height: max-content;
    display: flex;
    gap: 15px;
    justify-content: start;
    align-items: center;
    z-index: 1;
    position: relative;
}

.infOdp1 {width: 70px;height: max-content;/* writing-mode: vertical-rl; *//* transform:rotate(180deg); */display: flex;justify-content: center;align-items: center;text-align: center;min-width: 70px;z-index: 1;padding: 20px 0px;color: var(--b);font-weight: bold;letter-spacing: 1px;max-height: 150px;position: relative;}

.infOdp1::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--b);
    z-index: -1;
    opacity: 0.2;
    display: none;
}

.infOdp2 {
    height: max-content;
}

.statkiNewUser a {
    color: var(--white) !important;
}

.akcept4 .mention {
    color: var(--w) !important;
}

/* tw */

.trigi {
    display: flex;
    flex-direction: column;
    text-align: justify;
    font-size: 10px;
    justify-content: center;
    align-items: center;
    line-height: 16px;
    width: 60%;
    margin: 0px auto;
    margin-bottom: 20px;
}

.trigi1 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    text-transform: lowercase;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 1px;
    color: var(--b);
    z-index: 1;
    position: relative;
    width: max-content;
    margin-bottom: 0px;
}

.trigi2 svg {
    width: 20px;
    height: 20px;
    fill: var(--b);
}

.trigi2 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.trigi1::before {
    content: '';
    position: absolute;
    width: 70%;
    height: 5px;
    background: var(--b);
    z-index: -1;
    opacity: 0.2;
    bottom: 5px;
    left: 20px;
}


.kpCechy .kpTresc::before {
    content: '';
    position: absolute;
    width: 50px;
    height: 100%;
    background: var(--tel-color);
    bottom: 0px;
    opacity: 0.2;
}

.infOdp:before {
    content: '';
    position: absolute;
    width: 70px;
    height: 100%;
    background: var(--tel-color);
    opacity: 0.2;
    z-index: -1;
}

.first {
    width: 60%;
    margin: 20px auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}


.firstH1 {
    position: relative;
    z-index: 1;
    font-weight: bold;
    color: var(--b);
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.first1H1 {
    color: var(--font);
    font-size: 11px;
    margin-top: -5px;
    font-weight: normal;
        line-height: 16px;
}

.firstH1::before {
    content: '';
}

.first1H {
    z-index: 1;
    position: relative;
    width: max-content;
}

.first1H::before {
    content: '';
    position: absolute;
    width: 90%;
    height: 10px;
    background: var(--b);
    bottom: 0px;
    z-index: 1;
    opacity: 0.2;
    left: -5px;
}

/* kostka */
dl.attachbox.dice-box .fa-fw {
    display: none;
}

dl.attachbox.dice-box {
}

dl.attachbox.dice-box dt {
    display: none;
}

.rzutKosteczka1 {
    width: 150px;
    height: 90px;
    margin: 20px auto;
    background: var(--w);
    border-radius: 10px;
    border: 5px solid var(--g1);
    outline: 10px solid var(--g);
}

.rzutKosteczka {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 50px;
}

.wylosowanyNumerek {
    width: max-content;
    height: max-content;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--b);
    font-family: 'Poppins';
    z-index: 1;
    position: relative;
    min-height: 50px;
}

.wylosowanyNumerek::before {
    content: '';
    position: absolute;
    width: 85%;
    height: 40px;
    background: var(--b);
    bottom: 0px;
    opacity: 0.2;
    z-index: -1;
    left: -5px;
}

.posz3111 {
    font-size: 14px;
    font-family: 'Poppins';
}

.poszukiT {
    background: var(--w);
    width: calc(100% - 15px);
    margin: 20px auto;
    margin-top: -15px;
    border-radius: 20px;
    margin-bottom: 35px;
}

details.spoiler {
    background: transparent !important;
}

.akcept.dyplomaci a {
    color: var(--dyplomaci);
    font-weight: bold;
}

.akcept.odkrywcy a {
    color: var(--odkrywcy);
    font-weight: bold;
}

.akcept.analitycy a {
    color: var(--analitycy);
    font-weight: bold;
}

.akcept.strażnicy a {
    color: var(--straznicy);
    font-weight: bold;
}


.inf123456::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: var(--g);
    border-radius: 10px;
    z-index: -1;
}


.kpInfo::before {
    content: '';
    position: absolute;
    width: 201px;
    height: 40px;
    background: var(--w);
    top: 280px;
    right: 0px;
    z-index: 2;
    border-radius: 0px 0px 15px 15px;
    opacity: 0.8;
    backdrop-filter: blur(10px);
}

.listekNa {
    position: relative;
    margin-left: 3px;
    margin-right: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.listekNa svg {
    width: 10px;
    height: 10px;
    fill: var(--b);
}


li.breadcrumbs {
    display: flex;
}

/* inf */

.infOdp1[data-label="partner"] {
    -webkit-mask-image: url(./images/informtor/ring-solid-full.svg);
    mask-image: url(./images/informtor/ring-solid-full.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background: var(--tel-color);
}

.infOdp1[data-label="płeć"] {
   -webkit-mask-image: url(./images/informtor/gender-intersex-fill.svg);
    mask-image: url(./images/informtor/gender-intersex-fill.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background: var(--tel-color);
}

.infOdp1[data-label="stan cywilny"] {
    -webkit-mask-image: url(./images/informtor/heart-half-fill.svg);
    mask-image: url(./images/informtor/heart-half-fill.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background: var(--tel-color);
}

.infOdp1[data-label="wykształcenie"] {
    -webkit-mask-image: url(./images/informtor/graduation-cap-fill.svg);
    mask-image: url(./images/informtor/graduation-cap-fill.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background: var(--tel-color);
}

.infOdp1[data-label="znajomość języków"] {
    -webkit-mask-image: url(./images/informtor/translate-fill.svg);
    mask-image: url(./images/informtor/translate-fill.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background: var(--tel-color);
}

.infOdp1[data-label="posiadane zwierzęta"] {
    -webkit-mask-image: url(./images/informtor/paw-print-fill.svg);
    mask-image: url(./images/informtor/paw-print-fill.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background: var(--tel-color);
}

.infOdp1[data-label="posiadane pojazdy"] {
     -webkit-mask-image: url(./images/informtor/car-fill.svg);
    mask-image: url(./images/informtor/car-fill.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background: var(--tel-color);
}

.infOdp1[data-label="posiadane nieruchomości"] {
     -webkit-mask-image: url(./images/informtor/house-line-fill.svg);
    mask-image: url(./images/informtor/house-line-fill.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background: var(--tel-color);
}

.infOdp1[data-label="posiadane przedsiębiorstwa"] {
    -webkit-mask-image: url(./images/informtor/building-office-fill.svg);
    mask-image: url(./images/informtor/building-office-fill.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background: var(--tel-color);
}

.infOdp1[data-label="kredyty"] {
    -webkit-mask-image: url(./images/informtor/piggy-bank-fill.svg);
    mask-image: url(./images/informtor/piggy-bank-fill.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background: var(--tel-color);
}

.infOdp1[data-label="rodzice"] {
    -webkit-mask-image: url(./images/informtor/person-breastfeeding-solid-full.svg);
    mask-image: url(./images/informtor/person-breastfeeding-solid-full.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background: var(--tel-color);
}

.infOdp1[data-label="sylwetka"] {
    -webkit-mask-image: url(./images/informtor/person-fill.svg);
    mask-image: url(./images/informtor/person-fill.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background: var(--tel-color);
}

.infOdp1[data-label="kolor włosów"] {
    -webkit-mask-image: url(./images/informtor/hair-dryer-fill.svg);
    mask-image: url(./images/informtor/hair-dryer-fill.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background: var(--tel-color);
}

.infOdp1[data-label="kolor oczu"] {
    -webkit-mask-image: url(./images/informtor/eye-fill.svg);
    mask-image: url(./images/informtor/eye-fill.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background: var(--tel-color);
}

.infOdp1[data-label="choroby przewlekłe"] {
    -webkit-mask-image: url(./images/informtor/virus-fill.svg);
    mask-image: url(./images/informtor/virus-fill.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background: var(--tel-color);
}

.infOdp1[data-label="zaburzenia"] {
     -webkit-mask-image: url(./images/informtor/brain-fill.svg);
    mask-image: url(./images/informtor/brain-fill.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background: var(--tel-color);
}

.infOdp1[data-label="trwałe urazy"] {
     -webkit-mask-image: url(./images/informtor/pulse-fill.svg);
    mask-image: url(./images/informtor/pulse-fill.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background: var(--tel-color);
}

.infOdp1[data-label="alergie"] {
    -webkit-mask-image: url(./images/informtor/first-aid-kit-fill.svg);
    mask-image: url(./images/informtor/first-aid-kit-fill.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background: var(--tel-color);
}

.infOdp1[data-label="przebyte operacje"] {
    -webkit-mask-image: url(./images/informtor/ambulance-fill.svg);
    mask-image: url(./images/informtor/ambulance-fill.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background: var(--tel-color);
}

.infOdp1[data-label="nałogi"] {
    -webkit-mask-image: url(./images/informtor/pill-fill.svg);
    mask-image: url(./images/informtor/pill-fill.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background: var(--tel-color);
}

.infOdp1[data-label="blizny i deformacje"] {
    -webkit-mask-image: url(./images/informtor/hand-dots-solid-full.svg);
    mask-image: url(./images/informtor/hand-dots-solid-full.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background: var(--tel-color);
}

.infOdp1[data-label="tatuaże i piercing"] {
    -webkit-mask-image: url(./images/informtor/palette-fill.svg);
    mask-image: url(./images/informtor/palette-fill.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background: var(--tel-color);
}

#slider, .karuzela, .slide-content {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 350px;
    overflow: hidden;
    display: flex;
}

.karuzela1 {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0px);
    height: max-content;
}

.karuzela {
    position: relative;
    width: 500px;
    margin: 10px auto;
    border-radius: 20px;
    border: 10px solid var(--b);
    background: var(--b);
    height: max-content;
    min-height: 350px;
}

.slide-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.karuzela .arrow, .insta .arrow {
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    width: 40px;
    height: 40px;
    background: var(--w);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    border: 4px solid var(--g);
        align-items: center;
}

#Karrow-left {
    left: 0px;
    margin-left: 10px;
}

#Karrow-right {
    right: 0px;
    margin-right: 10px;
}

.slide-content img {
    width: 491px;
    height: 345px;
    object-fit: cover;
    object-position: center center;
    border-radius: 20px;
    border: 2px solid var(--w);
}

.karuzela .arrow i {
    width: 40px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: var(--b);
}


.karuzela1 svg {
    fill: var(--b);
}

img.slide {
    width: 495px;
    border-radius: 15px;
    height: 350px;
    object-fit: cover;
    object-position: center;
}


@-moz-document url-prefix() {
  /* .scrollbox -> styl paska przewijania dla tego elementu (Firefox) */
  html {
    /* "auto" | "thin" | "none" */
    scrollbar-width: thin;

    /* scrollbar-color: <thumb> <track>; */
    scrollbar-color: #81a5c7 transparent;
  }
  
}
dl.hidebox.hb_hide dd {
    display: none;
}

dl.hidebox.hb_hide dt {
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: lowercase;
    color: var(--b);
    margin: 20px auto;
}

.kupon {
    margin: 40px auto;
    width: 400px;
    height: 200px;
    background: var(--g);
    border-radius: 30px;
    padding: 20px;
    box-shadow: 0px 5px 10px rgb(0 0 0 / 15%);
    position: relative;
    overflow: hidden;
}

.k1 {
    width: 100%;
    position: absolute;
    height: 74%;
    background: linear-gradient(to bottom right, var(--b), var(--a)), linear-gradient(to top left, var(--a), var(--b));
    top: 0px;
    left: 0px;
}

.k2 {
    position: absolute;
    width: calc(100% - 70px);
    top: 35px;
    left: 35px;
    height: calc(74% - 70px);
    background: var(--w);
    border-radius: 25px;
}

.k2::before {
    content: '';
    position: absolute;
    top: -5px;
    width: 50px;
    height: 50px;
    background: #e0b096;
    clip-path: polygon(0 0, 0% 100%, 100% 0);
    left: -5px;
    display: none;
}

.k2::after {
    content: '';
    position: absolute;
    bottom: -5px;
    width: 50px;
    height: 50px;
    background: #98abad;
    clip-path: polygon(100% 100%, 0% 100%, 100% 0);
    right: -5px;
    display: none;
}

.k3 {
    position: absolute;
    font-family: 'Poppins';
    left: -5px;
    bottom: 0px;
    font-size: 25px;
    width: 100%;
    text-align: center;
    color: var(--a);
    text-transform: lowercase;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-weight: 900;
    /* padding-left: 40px; */
}

.k1::before {
    content: '';
    position: absolute;
    bottom: 0px;
    border-bottom: 1px dashed var(--w);
    width: 100%;
}

.k3 img {
    aspect-ratio: 1/ 1;
    height: 60%;
    object-fit: contain;
}

.k5 {
    position: absolute;
    bottom: 0px;
    width: calc(100% - 20px);
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0px;
    padding: 10px;
    text-align: center;
    font-size: 12px;
}

.darkmode .christ .uniw1 {
   background-image: url('data:image/svg+xml,<svg id="fi_13397590" fill = "%23b18081" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m264.014 352.488a75.265 75.265 0 0 0 -12.1-41.023l.012-.022c-.2-.313-.414-.619-.621-.929-.12-.179-.238-.359-.359-.537q-.906-1.331-1.864-2.621c-.1-.135-.205-.268-.307-.4q-.886-1.175-1.817-2.313c-.108-.132-.213-.267-.322-.4q-1.026-1.238-2.1-2.428c-.141-.156-.284-.31-.426-.464q-1.042-1.137-2.129-2.234c-.052-.052-.1-.106-.154-.158-.766-.765-1.553-1.51-2.352-2.242-.164-.151-.33-.3-.5-.451-.809-.728-1.629-1.445-2.469-2.138-.028-.024-.057-.046-.085-.069-.818-.673-1.655-1.325-2.5-1.965-.17-.128-.339-.257-.51-.384q-1.3-.963-2.634-1.873c-.125-.085-.253-.167-.379-.251q-1.234-.827-2.5-1.605c-.152-.093-.3-.189-.453-.281q-1.385-.836-2.808-1.614c-.178-.1-.359-.192-.538-.289-.9-.482-1.808-.95-2.729-1.4-.09-.044-.178-.09-.269-.133-.984-.473-1.982-.921-2.989-1.352-.208-.089-.416-.176-.624-.263-1.024-.428-2.057-.84-3.1-1.224h-.007c-1.04-.381-2.093-.732-3.154-1.067-.213-.067-.425-.135-.638-.2-1.056-.323-2.119-.628-3.193-.906-.134-.035-.27-.066-.4-.1q-1.49-.376-3-.693c-.189-.04-.377-.082-.567-.121q-1.639-.33-3.3-.59c-.2-.031-.4-.057-.6-.087q-1.566-.231-3.15-.4c-.118-.013-.236-.028-.355-.04-1.138-.114-2.284-.2-3.435-.262-.227-.012-.455-.022-.682-.033-1.169-.053-2.343-.09-3.526-.09s-2.372.037-3.549.091c-.2.009-.4.017-.6.028q-1.729.093-3.439.262c-.147.014-.293.033-.44.048q-1.65.174-3.278.417l-.3.042c-1.131.174-2.251.378-3.365.6l-.575.119c-1.121.234-2.234.487-3.336.77l-.1.026c-1.084.281-2.156.589-3.221.915-.157.049-.315.1-.472.144q-1.594.5-3.159 1.068l-.461.172c-1.046.388-2.083.793-3.107 1.226-.02.008-.04.015-.06.024-1.037.439-2.059.906-3.072 1.389l-.5.239q-1.5.729-2.961 1.516l-.23.128q-1.413.773-2.788 1.6c-.107.064-.215.127-.322.192q-1.41.859-2.778 1.78c-.143.1-.284.194-.426.29q-2.766 1.885-5.352 4c-.133.109-.267.217-.4.327q-1.26 1.047-2.474 2.143c-.1.093-.2.187-.3.28q-1.164 1.065-2.284 2.177c-.066.066-.134.13-.2.2q-1.152 1.155-2.251 2.361c-.136.149-.27.3-.405.447-.728.808-1.442 1.626-2.135 2.464-.05.061-.1.123-.147.183q-.974 1.186-1.9 2.415c-.125.165-.252.329-.375.495-.533.718-1.058 1.442-1.566 2.179l.01.009a75.6 75.6 0 0 0 -1.01 84.255l-.033.06a75.668 75.668 0 0 0 125.883 1.847l-.294-.279a75.279 75.279 0 0 0 13.405-42.997zm-141.074 10.028a8.06 8.06 0 1 1 8.059-8.06 8.07 8.07 0 0 1 -8.059 8.06zm43.965 1.072a8.06 8.06 0 1 1 8.059-8.06 8.069 8.069 0 0 1 -8.059 8.06zm47.181 0a8.06 8.06 0 1 1 8.06-8.06 8.07 8.07 0 0 1 -8.06 8.06zm32.689-8.06a8.06 8.06 0 1 1 8.06 8.06 8.068 8.068 0 0 1 -8.06-8.06z"></path><path d="m148.212 278.874.277-.153c1.009-.548 2.084-1.1 3.265-1.672l.52-.251c1.249-.6 2.363-1.1 3.435-1.552l.14-.058c1.025-.432 2.129-.867 3.372-1.328l.51-.19c1.167-.424 2.347-.823 3.509-1.187l.48-.147c1.292-.4 2.458-.728 3.6-1.023l.118-.031c1.132-.292 2.344-.572 3.706-.856l.617-.128c1.353-.271 2.573-.488 3.752-.67l.357-.051c1.149-.172 2.371-.327 3.607-.458l.467-.052c1.257-.124 2.539-.222 3.832-.291l.666-.032c1.428-.066 2.713-.1 3.919-.1 1.189 0 2.466.032 3.9.1l.736.035c1.371.075 2.615.17 3.819.291l.365.041q1.728.183 3.519.447l.662.1c1.22.19 2.45.41 3.659.653l.6.128q1.764.371 3.363.776c.21.05.364.088.517.13 1.071.276 2.264.615 3.472.986l.693.218c1.256.4 2.373.774 3.421 1.155l.1.038c1.07.392 2.194.836 3.437 1.355l.689.29c1.191.51 2.274 1 3.313 1.5l.277.137c1.046.509 2.049 1.025 3.043 1.557l.621.335c.409.224.819.457 1.227.689v-22.457a13.724 13.724 0 0 0 -13.725-13.726h-55.069a13.724 13.724 0 0 0 -13.726 13.726v22.252c.31-.175.626-.356.938-.526z"></path><path d="m509.429 396.937a52.414 52.414 0 0 0 -9.087-10.725l-29.143-17.7c-16.468-8.9-42.954-14.1-53.646-16.969q-9.573-13.788-20.087-27.506c23.824 2.552 25.756 2.4 48.727 13.954 7.889 3.969 16.84 4.833 22.532-1.921s5.3-17.451-1.92-22.532c-27.716-19.5-47.348-21.8-79.388-21.119a83.717 83.717 0 0 0 -13.88 1.89c-5.888-6.971-28.9-31.043-35.167-38a114.02 114.02 0 0 1 57.8 8.806 15.991 15.991 0 0 0 12.918-29.257 146.369 146.369 0 0 0 -70.363-11.686 142.184 142.184 0 0 0 -26.169 4.579c-4.8-4.932-42.455-39.543-52.092-47.939-14.553-12.679-28.381-24.2-41.746-34.763q3.292.2 6.629.375c31.777 1.684 31.9 1.646 58.972 1.01a154.825 154.825 0 0 0 67.582 42 15.99 15.99 0 1 0 9.326-30.59 122.906 122.906 0 0 1 -30.107-13.853c5.524-.465 40.143-.43 45.447-1.016a15.956 15.956 0 0 0 3.147 2.975 146.18 146.18 0 0 0 76.411 26.559 15.99 15.99 0 1 0 1.62-31.939 112.619 112.619 0 0 1 -30.143-5.794q7.881-1.726 15.366-3.689a15.991 15.991 0 0 0 -8.128-30.931q-9.995 2.625-20.8 4.791a65.178 65.178 0 0 1 25.41-25.751 15.99 15.99 0 1 0 -15.419-28.017c-22.594 12.433-39.749 34.629-46.553 59.517-8.726 1.036-46.757 4.233-56.159 4.917.248-.337.494-.666.733-.984a158.353 158.353 0 0 1 31.435-31.347 15.991 15.991 0 1 0 -19.187-25.59 190.315 190.315 0 0 0 -37.782 37.677c-4.482 5.943-9.4 13.327-12.2 21.986-7.919.189-44.612-1.036-53.98-1.961-9.571-.944-22.939-1.863-33.388-4.117-11.676-2.519-22.7-7.895-30.816-10.117a119.627 119.627 0 0 1 45.1-4.345 15.99 15.99 0 1 0 3.117-31.828 148.829 148.829 0 0 0 -26.427-.208 152.077 152.077 0 0 0 -59.251 17.286 16.034 16.034 0 0 0 -1.9 1.217c-10.582-6.225-10.177-6.232-21.108-11.822l-57.055-25.66q-13.629-5.33-27.5-10.017a15.991 15.991 0 0 0 -10.23 30.3q14.7 4.965 29.128 10.712c.365 16.266 1.428 21.624 4.136 35.266l.819 4.139c4.383 22.257 12.886 40.7 25.273 54.822a15.99 15.99 0 0 0 24.041-21.09c-8.621-9.829-14.656-23.256-17.935-39.911l-.829-4.187c-1.3-6.53-2.109-10.627-2.634-14.817q22.248 10.435 43.581 22.683c-1.168 30.805 12.813 68.26 25.013 85.932a15.991 15.991 0 0 0 26.319-18.169c-6.6-9.563-14.32-28.7-17.707-46.935 9.13 6.077 18.35 12.573 27.749 19.523a15.849 15.849 0 0 1 27.37 10.905v10.244q8.106 6.519 16.484 13.54l34.951 30.76 11.64 10.347c13.24 12.291 13.016 10.043 24.988 22.314-7.993 25.491-12.936 52.684-8.183 79.011a15.99 15.99 0 0 0 31.472-5.683c-2.713-15.022.422-30.392 2.877-45.381 4.836 5.385 22.389 25.294 26.988 30.683-9.108 26.292-18.461 53.183-13.915 80.667a16 16 0 0 0 18.385 13.167c8.713-1.44 12.816-9.56 13.167-18.384.607-15.262 2.183-31.917 7.282-44.722q9.011 11.722 17.3 23.482a15.945 15.945 0 0 0 -.913 3.415c-5.661 38.092-11.4 64.408 1.535 96.611a15.991 15.991 0 0 0 29.671-11.927 66.682 66.682 0 0 1 -1.82-43.981c9.53 16.255 12.716 18.66 20.293 35.132a15.991 15.991 0 1 0 29.054-13.367c-8-17.384-11.644-20.677-21.674-37.793 3.792 1.555 21.081 4.556 37.8 20.225 6.444 6.04 14.7 9.533 22.113 4.73a15.989 15.989 0 0 0 4.73-22.109z"></path><path d="m197.013 235.231v-69.274a7.679 7.679 0 0 0 -15.358 0v69.274z"></path></svg>');
    background-repeat: no-repeat;
    background-position: center;
}



.ikoni::before {
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    background: linear-gradient(145deg, rgb(147 190 142 / 5%), var(--b)) !important;
    z-index: -1;
}

.oglo::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 25px;
    width: 100%;
    background: var(--b);
    opacity: 0.4;
}


.oglo::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 25px;
    width: 100%;
    background: var(--b);
    opacity: 0.4;
}

.kalendarzK::before, .kalendarzK::after {
    background: var(--tel-color);
}



.tresc::after {
    content:'';
    background-color: VAR(--g);
    position: absolute;
    height:100%;
    width:100%;
    top:0px;
    left:0;
    opacity: 0.6;
    z-index:-1;
    border-radius: 20px;
}

.tresc::before {
    content:'';
    background-color: var(--b);
    position: absolute;
    height: 70%;
    width: 4px;
    top:50%;
    left: -2px;
    opacity: 0.5;
    z-index: 0;
    transform:translate(0, -50%);
    border-radius: 20px;
}





.podtytulik:empty {
    opacity: 0;
    padding: 0;
    margin-bottom: -120px;
}

.gg span:empty {
  display:none;
}

.tresc blockquote {
    background: var(--w);
    box-shadow: 0px 0px 10px 4px #bebebe69;
}

.kp .h1C {
    color: var(--tel-color);
}

.reacje::before {
    content:'';
    position: absolute;
    left: 0;
    top: 0;
    height: 25px;
    width: 100%;
    background: var(--tel-color);
    opacity: 0.4;
}


.reacje::after {
    content:'';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 25px;
    width: 100%;
    background: var(--tel-color);
    opacity: 0.4;
}


.kp::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 125px;
    width: 100%;
    background: var(--tel-color);
    opacity: 0.3;
    border-radius: 20px 20px 0px 0px;
}


.kp::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 25px;
    width: 100%;
    background: var(--tel-color);
    opacity: 0.4;
    border-radius: 0px 0px 20px 20px;
}


.kp5::after {
    content: "";
    position: absolute;
    /* background:orange; */
    width: 30px;
    height: 22px;
    top: 1px;
    left: -30px;
    box-shadow: 5px -3px 0px var(--w);
    border-top-right-radius: 29px;
}

.kp5::before {
    content: "";
    position: absolute;
    width: 30px;
    height: 22px;
    bottom: -22px;
    right: 1px;
    box-shadow: 5px -3px 0px var(--w);
    border-top-right-radius: 29px;
}


.odznakiC {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 10px 20px;
    padding: 15px;
    box-sizing: border-box;
    background: var(--g);
    margin-top: 130px;
    border-radius: 20px;
    margin-bottom: 25px;
    justify-content: center;
}

.odznakiC1 {
    width: 115px;
    height: 135px;
    background: var(--w);
    box-sizing: border-box;
    padding: 10px;
    border-radius: 10px;
    position: relative;
    margin-bottom: 32px;
    padding-bottom: 45px;
}

.odznakiC14 {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0px);
    background: var(--w);
    padding: 10px;
    box-sizing: border-box;
    width: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    height: 80px;
    bottom: -30px;
}

.odznakiC212 {
    height: 85px;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
}

.odznakiC14 img {
    width: 50px;
    aspect-ratio: 1/1;
}

.odznakiC12 {
    text-align: center;
    font-weight: bold;
    color: var(--b);
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 2px;
}

.odznakiC13 {
    font-size: 10px;
    text-align: center;
    line-height: 11px;
    flex: 1 1 0;
    overflow: auto;
}

.odznakiC14::before {
    content:'';
    width: 25px;
    height: 10px;
    position: absolute;
    right: -21px;
    bottom: 20px;
    border-top-left-radius: 20px;
    box-shadow: -8px -3px 0px var(--w);
}

.odznakiC14::after {
    content:'';
    width: 25px;
    height: 10px;
    position: absolute;
    left: -21px;
    bottom: 20px;
    border-top-right-radius: 20px;
    box-shadow: 8px -3px 0px var(--w);
}

.zamD {
    background: var(--w);
    padding: 10px;
    border-radius: 15px;
    border: 1px solid var(--g1);
}

.wiekWzrost1 div:nth-child(2) {
    background:var(--b);
    margin-right: -3px;
}