.elementor-5888 .elementor-element.elementor-element-d6d90b1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS for html, class: .elementor-element-f436393 */.period-card{
background:#b66da4;
padding:70px;
color:white;
font-family:'Cera Pro', Sans-Serif;

margin:auto;
}

.period-title{
text-align:center;
margin-bottom:40px;
font-family:'Cera Pro', Sans-Serif;
font-weight: bolder;
}

.period-title h1{
text-align:center;
margin-bottom:40px;
font-family:'Cera Pro', Sans-Serif;
font-weight: bolder;
}
.questionmark{font-size:90px;transform:rotate(6deg);display:inline-block}

.sticker{
background:white;
color:#c72127;
font-family:'Cera Pro', Sans-Serif;
padding:4px 10px;
display:inline-block;
font-weight: bolder;
transform:rotate(-3deg);
font-size:40px;
}

.period-title h1{
font-size:56px;
margin-top:10px;
}

.period-intro{
text-align:center;
font-size:24px;
max-width:800px;
margin:auto;
margin-bottom:50px;
}

.period-grid{

display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
max-width:900px;
margin:40px auto;

}
.left-column{

display:flex;
flex-direction:column;
gap:25px;

}
.right-column{

display:flex;
flex-direction:column;
gap:25px;

}

.period-bag{

margin-top:30px;
display:flex;
justify-content:center;

}

.tsantaki{

width:320px;

}
.check{
display:flex;
align-items:center;
gap:15px;
font-size:26px;
font-family:'Cera Pro', Sans-Serif;
color:#fff;line-height :30px;
}


.check input[type=checkbox]{

position:absolute;
opacity:0;
cursor:pointer;
height:0;
width:0;

}

.check span{
width:32px;
height:32px;
border:3px solid white;
display:inline-block;
}

.check input:checked + span{
background:white;
}

.line{
background:transparent;
border:none;
border-bottom:2px dotted white;
width:200px;
color:white;
font-size:24px;
}
.bag-placeholder{

width:300px;
height:350px;
border:3px dashed white;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
font-size:22px;

}
.edit-input{

width:260px;

}
.box{

width:34px;
height:34px;
border:3px solid white;
display:inline-block;

}

.check input:checked + .box{

background:white;

}

.edit-input{

background:transparent;
border:none;
border-bottom:2px dotted white;
color:white;
font-size:24px;
outline:none;
width:220px;

}

.edit-input::placeholder{

color:rgba(255,255,255,0.7);
opacity:1;
}
.check input:checked + .box::after{

content:"✓";
color:#a9569e;
font-size:22px;
display:flex;
align-items:center;
justify-content:center;
height:100%;

}

.check input:checked + span::after{

content:"✓";
color:#a9569e;
font-size:22px;
display:flex;
align-items:center;
justify-content:center;
height:100%;

}

.completion-sticker{

position:fixed;
top:0;
left:0;
width:100%;
height:100%;

background:rgba(0,0,0,0.5);

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

opacity:0;
pointer-events:none;

transition:0.3s;

z-index:9999;

}

.completion-sticker.show{

opacity:1;
pointer-events:auto;

}

.sticker-inner{

background:white;
color:#c72127;

font-size:36px;
font-weight:bold;

padding:40px 60px;

transform:rotate(-4deg);

box-shadow:0 10px 40px rgba(0,0,0,0.3);

text-align:center;

border-radius:6px;

}

.sticker-inner{
position:relative;
}

.sticker-close{

position:absolute;
top:-15px;
right:-15px;

background:#c72127;
color:white;

border:none;

width:40px;
height:40px;

border-radius:50%;

cursor:pointer;

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

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

}/* End custom CSS */