.zk-event-details-section {
  padding: 50px 0;
  color: var(--white);
  font-size: var(--typo-text);
  line-height: var(--lh-text);
  font-weight: var(--fw-text);
  letter-spacing: var(--ls-text);
  /* Mobile styles (under 992px) */ }
  @media (max-width: 992px) {
    .zk-event-details-section {
      font-size: var(--typo-text-m); } }
  @media (max-width: 992px) {
    .zk-event-details-section {
      padding: 25px 0; } }
  .zk-event-details-section h2, .zk-event-details-section h3 {
    font-size: var(--typo-title);
    line-height: var(--lh-title);
    font-weight: var(--fw-title);
    letter-spacing: var(--ls-title);
    /* Mobile styles (under 992px) */
    margin-bottom: 15px; }
    @media (max-width: 992px) {
      .zk-event-details-section h2, .zk-event-details-section h3 {
        font-size: var(--typo-title-m); } }
  .zk-event-details-section .zk-event-box strong {
    display: block;
    font-size: var(--typo-text);
    line-height: var(--lh-text);
    font-weight: var(--fw-text);
    letter-spacing: var(--ls-text);
    /* Mobile styles (under 992px) */
    color: var(--primary); }
    @media (max-width: 992px) {
      .zk-event-details-section .zk-event-box strong {
        font-size: var(--typo-text-m); } }
  .zk-event-details-section .zk-event-box ul li:after {
    top: 20px; }
  .zk-event-details-section .zk-event-box ul li:first-child:after {
    background-image: url(../../assets/images/icons/calendar-w.svg); }
  .zk-event-details-section .zk-event-box ul li:nth-child(2):after {
    background-image: url(../../assets/images/icons/clock-w.svg); }
  .zk-event-details-section .zk-event-box ul li:last-child:after {
    background-image: url(../../assets/images/icons/location-w.svg); }
  .zk-event-details-section .stroke-border-p {
    padding: 40px 30px;
    height: 100%; }
  .zk-event-details-section ul {
    padding: 0; }
    .zk-event-details-section ul li {
      position: relative;
      padding: 20px 40px;
      border-bottom: solid 1px var(--neutral-700); }
      .zk-event-details-section ul li:after {
        content: '';
        position: absolute;
        height: 24px;
        width: 24px;
        left: 0;
        top: calc(50% - 12px);
        background-image: url(../../assets/images/icons/tick-circle.svg);
        background-size: contain; }
        [dir="rtl"] .zk-event-details-section ul li:after {
          left: auto;
          right: 0; }