#pk_flex_content .flex_layout.hero_archive{
    max-width: unset;
padding: 0px;
overflow: hidden;
margin-inline: auto;
min-height: 100vh;
height: 100%;
margin-top: 0px;
padding: 0px;
margin: 0px;
position: relative;
}

}

#pk_flex_content .flex_layout.hero_archive .flex_container{
height: 100%;
}

#pk_flex_content .flex_layout.hero_archive .image_container {
    height: 100%;
    width: 100%;
    position: absolute;
}

#pk_flex_content .flex_layout.hero_archive .image_container img {
width: 100%;
height: 100%;
object-fit: cover;
  object-position: center center;
display: block;
}

#pk_flex_content .flex_layout.hero_archive .image_container::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  
  background: linear-gradient(
    323deg,
    rgba(0, 0, 0, 0.00) 40.62%,
    rgba(0, 0, 0, 0.29) 69.09%
  );
}


#pk_flex_content .flex_layout.hero_archive .flex_container_inner{
 
}



#pk_flex_content .flex_layout.hero_archive .content_container {
    padding: 50px;
    /* max-width: 600px; */
    z-index: 0;
    display: flex;
    align-items: flex-end;
    position: absolute;
    background: white;
    border-radius: 4px 4px 0px 4px;
    bottom: 0px;
    left: 0px;
    margin: 100px 40px;
}

#pk_flex_content .flex_layout.hero_archive .content_container_inner {
    z-index: 2;
    position: relative; 
}

#pk_flex_content .flex_layout.hero_archive .content_container::after {
    content: "";
position: absolute;
right: 0;
top: 0;
padding-bottom: -10px;
height: 100%;
width: 230px;
background-color: white;
z-index: 0;
clip-path: polygon(50% 0, 50% 100%, 100% 100%);
transform: translateX(calc(50% - 1px));
border-radius: 4px;
}

#pk_flex_content .flex_layout.hero_archive .content_container_inner .text{
    max-width: 530px;
}

#pk_flex_content .flex_layout.hero_archive .content_container_inner .image_sticker {
   position: absolute;
   right: -90px;
   bottom: -10%;
   transform: translateX(65%);
   z-index: 1;
   width: min-content;
}

#pk_flex_content .flex_layout.hero_archive .content_container_inner .image_sticker svg{
height: 100%
}





@media screen and (max-width: 850px){
#pk_flex_content .flex_layout.hero_archive .content_container {
padding: 30px;
max-width: 500px;
}
}

@media screen and (max-width: 767px){
    
    #pk_flex_content .flex_layout.hero_archive{
    min-height: calc(100vh - 100px);
    
}
    
    #pk_flex_content .flex_layout.hero_archive .flex_hero_inner{
        padding: 40px 20px 40px 20px;
    }
    
    #pk_flex_content .flex_layout.hero_archive .content_container {
    padding: 20px;
    margin: 40px 20px;
        border-radius: 4px 4px 0px 0px;
        top: 50%;
        transform: translateY(-70%);
        left: 0px;
    align-items: flex-start;
    height: min-content;
    }

#pk_flex_content .flex_layout.hero_archive .content_container::after {
    content: "";
position: absolute;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
background-color: white;
z-index: 0;
clip-path: polygon(100% 50%, 0 50%, 0 65%);
transform: translate(0, calc(50% - 1px));
border-radius: 4px;
}

#pk_flex_content .flex_layout.hero_archive .content_container_inner .image_sticker {
   left: 0;
   bottom: 0;
   transform: translateY(95%) scale(0.75);
}


#pk_flex_content .flex_layout.hero_archive .content_container_inner .text{
    max-width: 365px;
}

}