#pk_flex_content .flex_layout.guest_program{
max-width: unset;
padding: 0px;
overflow: hidden;
margin-inline: 20px;
}

#pk_flex_content .flex_layout.guest_program .flex_container{
    background-position: center;
background-size: cover;
background-repeat: no-repeat;
position: relative;
z-index: 1;
/* min-height: 100vh; */
display: flex;
align-items: flex-end;
justify-content: flex-end;
/* padding: 60px 50px; */

  background: linear-gradient(148deg, var(--dark-blue) 20%, rgba(0, 68, 104, 0.8) 50%);
border-radius: 10px;
overflow: hidden;
}


#pk_flex_content .flex_layout.guest_program .flex_container_inner{
    max-width: 1392px;
width: 100%;
padding: 80px 40px;
margin: 0px auto;
position: relative;
    display: flex;
justify-content: flex-end;
height: auto;
    flex-direction: column;
gap: 2rem;
}


#pk_flex_content .flex_layout.guest_program .flex_container_inner::after{
  content: url("data:image/svg+xml,%3Csvg width='1490' height='893' viewBox='0 0 1490 893' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M109.21 790.932C-120.117 651.108 31.7414 193 378.335 47.5089C724.927 -97.9818 1135.01 124.242 1364.33 264.065C1593.66 403.889 1498.6 635.18 1152.01 780.671C805.414 926.162 338.538 930.754 109.21 790.932Z' fill='url(%23paint0_linear_1018_1101)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1018_1101' x1='948.839' y1='865.955' x2='748.907' y2='-32.8086' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.0916822' stop-color='%23A4374C'/%3E%3Cstop offset='0.40625' stop-color='%23A04254'/%3E%3Cstop offset='0.645833' stop-color='%23534B6E'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  position: absolute;
  left: -50%;
  bottom: -40%; 
  pointer-events: none;
  height:80%;
  width: auto;
  display:block;
  filter: blur(90px);
  opacity: 0.8;
  animation: blob-drift 22s ease-in-out infinite alternate;
  }



#pk_flex_content .flex_layout.guest_program .flex_container_inner .all_content {
  z-index: 1;
}

#pk_flex_content .flex_layout.guest_program .flex_container_inner .head {
  max-width: 870px;
}

#pk_flex_content .flex_layout.guest_program .flex_container_inner .title {
  margin-bottom: 2rem;
}

#pk_flex_content .flex_layout.guest_program .flex_container_inner .title > div {
 color: var(--light-blue); 
}

#pk_flex_content .flex_layout.guest_program .flex_container_inner .text {
 color: var(--light-blue); 
 font-size: var(--body-l);
 font-weight: 300; 
 line-height: 140%;
}


#pk_flex_content .flex_layout.guest_program .flex_container_inner .options {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-block: 46px;
  flex-wrap: wrap;
  gap: 20px;
}

#pk_flex_content .flex_layout.guest_program .flex_container_inner .toggles{
  display: flex;
  gap: 10px;
  /* flex-wrap: wrap; */
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

#pk_flex_content .flex_layout.guest_program .flex_container_inner .toggles .toggle_button {
  background: transparent;
  color: white;
  font-size: 16px;
  font-weight: 400;
border: 1px solid white;
padding: 10px 20px;
border-radius: 100px;
cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
}

#pk_flex_content .flex_layout.guest_program .flex_container_inner .toggles .toggle_button.active {
  background: var(--dark-blue);
  color: white;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: all 0.3s ease;
}

#pk_flex_content .flex_layout.guest_program .flex_container_inner .toggles .toggle_button.active::before {
  content: '';
  display: block;
  background-repeat: no-repeat;
  background-size: contain; 
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 12.5C9.81371 12.5 12.5 9.81371 12.5 6.5C12.5 3.18629 9.81371 0.5 6.5 0.5C3.18629 0.5 0.5 3.18629 0.5 6.5C0.5 9.81371 3.18629 12.5 6.5 12.5Z' stroke='%23E2EFFF' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  height: 12px;
  width: 12px;
  transition: all 0.3s ease;
}

#pk_flex_content .flex_layout.guest_program .content_container {
width: 100%;
/* max-width: 600px; */
  background: white;
backdrop-filter: blur(10px);
color: var(--dark-blue);
border-radius: 10px;
display: flex;
flex-direction: column;
justify-content: space-between;
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.10);
display: none;
}

#pk_flex_content .flex_layout.guest_program .content_container.active {
 display: block; 
}

#pk_flex_content .flex_layout.guest_program .content_container .card_wrapper {
  padding: 85px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}


#pk_flex_content .flex_layout.guest_program .content_container .card_content .heading {
  font-size: var(--heading-3);
  margin-bottom: 24px;
}

#pk_flex_content .flex_layout.guest_program .content_container .card_content .heading .day,
#pk_flex_content .flex_layout.guest_program .content_container .card_content .heading .month {
font-weight: 500;
}


#pk_flex_content .flex_layout.guest_program .content_container .card_content .contents ul {  
margin-block: 1.5rem 2rem;
padding-left: 20px;
}

#pk_flex_content .flex_layout.guest_program .content_container .card_content .contents{  
  line-height: 1.7;
  font-weight: 300;
  font-size: 18px;
}

#pk_flex_content .flex_layout.guest_program .content_container .card_wrapper .card_image img {  
border-radius: 10px;
aspect-ratio: 511/396;
width: 511px;
object-fit: cover;
}




@media screen and (max-width: 1180px){

  #pk_flex_content .flex_layout.guest_program .content_container .card_wrapper{
  padding: 30px 20px;
  flex-direction: column;
}

#pk_flex_content .flex_layout.guest_program .content_container .card_wrapper .card_image img {
    aspect-ratio: 511 / 255;
    width: 100%;
}

}

@media screen and (max-width: 767px){
  
  #pk_flex_content .flex_layout.guest_program{
  margin-inline: 0px;
  }
  
  #pk_flex_content .flex_layout.guest_program .flex_container{
    padding: 0px;
  }
  
  #pk_flex_content .flex_layout.guest_program .flex_container_inner{
    padding: 40px 20px;
  }
  
  #pk_flex_content .flex_layout.guest_program .flex_container_inner .options > div{
    width: 100%;
  }
  
  #pk_flex_content .flex_layout.guest_program .flex_container_inner .options > div.toggles{
    width: calc(100% + 20px);
    margin-right: -20px;
  }
  
  #pk_flex_content .flex_layout.guest_program .content_container .card_wrapper{
    padding: 30px 20px;
    flex-direction: column;
  }
  
  #pk_flex_content .flex_layout.guest_program .content_container .card_content .events {  
  margin-block: 1rem 1rem;
  }
}

@media screen and (max-width: 550px){
#pk_flex_content .flex_layout.guest_program .flex_container_inner .title {
    flex-direction: column;
}
}