.elementor-5990 .elementor-element.elementor-element-81dd7e9{--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-5990 .elementor-element.elementor-element-53fe229{--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-5990 .elementor-element.elementor-element-23aa994{--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;--overlay-opacity:0.5;}.elementor-5990 .elementor-element.elementor-element-23aa994::before, .elementor-5990 .elementor-element.elementor-element-23aa994 > .elementor-background-video-container::before, .elementor-5990 .elementor-element.elementor-element-23aa994 > .e-con-inner > .elementor-background-video-container::before, .elementor-5990 .elementor-element.elementor-element-23aa994 > .elementor-background-slideshow::before, .elementor-5990 .elementor-element.elementor-element-23aa994 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5990 .elementor-element.elementor-element-23aa994 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#A66DA3;--background-overlay:'';}.elementor-5990 .elementor-element.elementor-element-23691e6 > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS for html, class: .elementor-element-70f18c4 */.period-card{
background:#b66da4;
padding:70px;
color:white;


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;
font-size:56px;
margin-top:10px;
}
.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-kit{
background:#b06aa6;
padding:60px 40px;
color:white;
font-family:'Cera Pro', Sans-Serif;
}

.period-header{
text-align:center;
margin-bottom:40px;
}

.period-header h1{
font-size:48px;
font-weight:900;
color:#e02a2a;
}

.period-header span{
color:white;
font-size:56px;
}

.period-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:50px;
max-width:1300px;
margin:auto;
}

.period-item{
margin-bottom:30px;
color:white;
font-family:'Cera Pro', Sans-Serif;
}

.period-item h3{
font-size:28px;
margin-bottom:10px;
font-weight:700;
color:white;
font-family:'Black-Diamond', cursive;
}

.period-item p{
font-size:16px;
line-height:1.6;
color:white;
font-family:'Cera Pro', Sans-Serif;
}

.period-bag{
text-align:center;
margin-top:40px;
}

.period-bag img{
max-width:350px;
}


.period-icon{
width:100px;
height:auto;
flex-shrink:0;
}

.period-icon img{
width:100px;
height:100%;
object-fit:contain;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-23691e6 */.period-layout{
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
max-width:1100px;
margin:auto;
}

.period-item{
opacity:0;
transform:translateY(20px);
transition:.4s;
margin-bottom:30px;
}

.period-item.show{
opacity:1;
transform:translateY(0);
}

.bag-wrapper{
text-align:center;
margin-top:40px;
}

.bag-button{
border:none;
background:none;
cursor:pointer;
}

.bag-button img{
max-width:400px;
width:100%;
}
.bag-wrapper button:hover, .bag-wrapper button:focus  {color: #a66da3!important;background-color:#a66da3!important;}

.period-item h3{
display:flex;
align-items:center;
gap:12px;
font-size:28px;
}

.period-item h3 img{
width:48px;
height:auto;
flex-shrink:0;
}

.flying{
position:fixed;
pointer-events:none;
z-index:9999;
transition:all .7s cubic-bezier(.65,-0.4,.3,1.4);
}

@media (max-width:768px){

.period-item h3{
font-size:22px;
}

.period-item h3 img{
width:32px;
}

}



.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;
font-size:56px;
margin-top:10px;
}
.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;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23aa994 */.mycon{opacity:1;--overlay-opacity:1!important;}/* End custom CSS */